@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
196 lines (195 loc) • 6.29 kB
JSX
const React = require("react");
const FileFolderIcon = ({ title, titleId, ...props }) => (
<svg
width="1em"
height="1em"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g filter="url(#filter0_ii_18_22534)">
<path
d="M3.82416 4.125C2.85767 4.125 2.07416 4.90851 2.07416 5.875V10.9375C2.07416 10.9941 2.07684 11.05 2.08209 11.1052V25.1875C2.08209 26.154 2.8656 26.9375 3.83209 26.9375H28.1758C29.1423 26.9375 29.9258 26.154 29.9258 25.1875V9.78125C29.9258 8.81476 29.1423 8.03125 28.1758 8.03125H17.3109C16.7965 8.03125 16.3019 7.83305 15.9298 7.47784L12.9976 4.67841C12.6255 4.3232 12.1309 4.125 11.6165 4.125H3.82416Z"
fill="url(#paint0_linear_18_22534)"
/>
<path
d="M3.82416 4.125C2.85767 4.125 2.07416 4.90851 2.07416 5.875V10.9375C2.07416 10.9941 2.07684 11.05 2.08209 11.1052V25.1875C2.08209 26.154 2.8656 26.9375 3.83209 26.9375H28.1758C29.1423 26.9375 29.9258 26.154 29.9258 25.1875V9.78125C29.9258 8.81476 29.1423 8.03125 28.1758 8.03125H17.3109C16.7965 8.03125 16.3019 7.83305 15.9298 7.47784L12.9976 4.67841C12.6255 4.3232 12.1309 4.125 11.6165 4.125H3.82416Z"
fill="url(#paint1_linear_18_22534)"
/>
</g>
<g filter="url(#filter1_ii_18_22534)">
<rect
x={2.07416}
y={11.0625}
width={27.8438}
height={18.9062}
rx={1.75}
fill="url(#paint2_linear_18_22534)"
/>
</g>
<rect
x={2.07416}
y={11.0625}
width={27.8438}
height={18.9062}
rx={1.75}
fill="url(#paint3_linear_18_22534)"
/>
<defs>
<filter
id="filter0_ii_18_22534"
x={1.77416}
y={4.125}
width={28.2517}
height={23.1125}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.862745 0 0 0 0 0.337255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22534"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.937255 0 0 0 0 0.67451 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22534"
result="effect2_innerShadow_18_22534"
/>
</filter>
<filter
id="filter1_ii_18_22534"
x={1.97416}
y={10.9625}
width={28.0438}
height={19.3063}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.1} dy={0.3} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.94902 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22534"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.941176 0 0 0 0 0.690196 0 0 0 0 0.364706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22534"
result="effect2_innerShadow_18_22534"
/>
</filter>
<linearGradient
id="paint0_linear_18_22534"
x1={16}
y1={4.75}
x2={16}
y2={11.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD152" />
<stop offset={1} stopColor="#FFB83D" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22534"
x1={16.7475}
y1={11.3155}
x2={16.7475}
y2={10.3434}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FEB63B" />
<stop offset={1} stopColor="#FEB63B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_22534"
x1={15.996}
y1={11.0625}
x2={15.996}
y2={29.9688}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFE155" />
<stop offset={1} stopColor="#FFB45F" />
</linearGradient>
<linearGradient
id="paint3_linear_18_22534"
x1={19.882}
y1={30.1827}
x2={19.882}
y2={28.2458}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9928A" />
<stop offset={1} stopColor="#FFAD5F" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = FileFolderIcon;