@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
185 lines (184 loc) • 6.33 kB
JSX
const React = require("react");
const OpenFileFolderIcon = ({ 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_22551)">
<path
d="M2.81964 7.79683C2.81964 6.80271 3.62553 5.99683 4.61964 5.99683H12.4297C12.9467 5.99683 13.4435 6.197 13.8161 6.55536L16.6732 9.30336C17.0924 9.70651 17.6514 9.9317 18.233 9.9317H25.9713C26.9654 9.9317 27.7713 10.7376 27.7713 11.7317V19.9078L24.2068 29.8838H6.81964C4.6105 29.8838 2.81964 28.0929 2.81964 25.8838V7.79683Z"
fill="url(#paint0_linear_18_22551)"
/>
</g>
<g filter="url(#filter1_f_18_22551)">
<path
d="M8.00856 15.5628C8.52664 14.1561 9.88739 13.2188 11.4116 13.2188H25.6241C26.7862 13.2188 26.5159 14.3229 26.1655 15.4102L24.4835 27.102C24.2456 27.8403 23.5476 28.3422 22.7584 28.3422L6.6694 28.3422L6.6593 28.3422C5.93643 28.3402 5.26343 28.1303 4.69914 27.7701L4.69511 27.7676C4.50932 27.5576 3.98357 26.5591 4.25478 25.8653L8.00856 15.5628Z"
fill="#FCA23D"
/>
</g>
<g filter="url(#filter2_ii_18_22551)">
<path
d="M8.29999 15.4886C8.87268 13.904 10.3769 12.8481 12.0618 12.8481L28.8637 12.8482C30.1483 12.8482 31.0626 14.0963 30.6753 15.321L26.5118 28.4868C26.2488 29.3185 25.4772 29.8838 24.6049 29.8838L6.81964 29.8838L6.80847 29.8838C6.0094 29.8816 5.26544 29.6451 4.64166 29.2394L4.63721 29.2366C4.26239 28.9921 3.93115 28.6865 3.65753 28.3339C3.53326 28.1737 3.4209 28.0038 3.32172 27.8255C3.69391 27.798 3.8877 27.6138 3.98157 27.4372L8.29999 15.4886Z"
fill="url(#paint1_linear_18_22551)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_22551"
x={2.51964}
y={5.99683}
width={25.4016}
height={24.037}
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.15} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.843137 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22551"
/>
<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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.658824 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22551"
result="effect2_innerShadow_18_22551"
/>
</filter>
<filter
id="filter1_f_18_22551"
x={2.17859}
y={11.2188}
width={26.2881}
height={19.1234}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_22551"
/>
</filter>
<filter
id="filter2_ii_18_22551"
x={3.02172}
y={12.8481}
width={28.0434}
height={17.3356}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.768627 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22551"
/>
<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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.878431 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22551"
result="effect2_innerShadow_18_22551"
/>
</filter>
<linearGradient
id="paint0_linear_18_22551"
x1={7.08807}
y1={6.68747}
x2={9.90057}
y2={16.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD052" />
<stop offset={1} stopColor="#FFBD41" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22551"
x1={17.0434}
y1={12.8481}
x2={17.0434}
y2={29.8838}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFDF54" />
<stop offset={1} stopColor="#FFBA5F" />
</linearGradient>
</defs>
</svg>
);
module.exports = OpenFileFolderIcon;