@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
332 lines (331 loc) • 12.9 kB
JSX
const React = require("react");
const PurseIcon = ({ 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_i_18_17026)">
<path
d="M11.371 8.8125C7.70777 8.8125 4.45476 11.1117 3.51917 14.6127C3.45415 14.856 3.38942 15.1014 3.32526 15.348C3.71148 15.9271 4.0139 16.5071 3.79364 16.6172C3.6033 16.7124 3.36889 16.7703 3.16156 16.8037C3.03577 16.824 2.93036 16.9138 2.90036 17.0376C2.67034 17.987 2.45815 18.9273 2.27977 19.8125C1.48944 24.5938 3.46526 30.1875 16 29.8711C28.5347 30.1875 30.5105 24.5938 29.7202 19.8125C29.5418 18.9273 29.3296 17.9868 29.0995 17.0374C29.0695 16.9136 28.9642 16.8238 28.8384 16.8035C28.6314 16.77 28.3976 16.7122 28.2077 16.6172C27.9876 16.5072 28.2893 15.9281 28.6751 15.3495C28.6108 15.1024 28.5459 14.8565 28.4808 14.6127C27.5452 11.1117 24.2922 8.8125 20.6289 8.8125H11.371Z"
fill="url(#paint0_radial_18_17026)"
/>
<path
d="M11.371 8.8125C7.70777 8.8125 4.45476 11.1117 3.51917 14.6127C3.45415 14.856 3.38942 15.1014 3.32526 15.348C3.71148 15.9271 4.0139 16.5071 3.79364 16.6172C3.6033 16.7124 3.36889 16.7703 3.16156 16.8037C3.03577 16.824 2.93036 16.9138 2.90036 17.0376C2.67034 17.987 2.45815 18.9273 2.27977 19.8125C1.48944 24.5938 3.46526 30.1875 16 29.8711C28.5347 30.1875 30.5105 24.5938 29.7202 19.8125C29.5418 18.9273 29.3296 17.9868 29.0995 17.0374C29.0695 16.9136 28.9642 16.8238 28.8384 16.8035C28.6314 16.77 28.3976 16.7122 28.2077 16.6172C27.9876 16.5072 28.2893 15.9281 28.6751 15.3495C28.6108 15.1024 28.5459 14.8565 28.4808 14.6127C27.5452 11.1117 24.2922 8.8125 20.6289 8.8125H11.371Z"
fill="url(#paint1_radial_18_17026)"
/>
</g>
<path
d="M11.371 8.8125C7.70777 8.8125 4.45476 11.1117 3.51917 14.6127C3.45415 14.856 3.38942 15.1014 3.32526 15.348C3.71148 15.9271 4.0139 16.5071 3.79364 16.6172C3.6033 16.7124 3.36889 16.7703 3.16156 16.8037C3.03577 16.824 2.93036 16.9138 2.90036 17.0376C2.67034 17.987 2.45815 18.9273 2.27977 19.8125C1.48944 24.5938 3.46526 30.1875 16 29.8711C28.5347 30.1875 30.5105 24.5938 29.7202 19.8125C29.5418 18.9273 29.3296 17.9868 29.0995 17.0374C29.0695 16.9136 28.9642 16.8238 28.8384 16.8035C28.6314 16.77 28.3976 16.7122 28.2077 16.6172C27.9876 16.5072 28.2893 15.9281 28.6751 15.3495C28.6108 15.1024 28.5459 14.8565 28.4808 14.6127C27.5452 11.1117 24.2922 8.8125 20.6289 8.8125H11.371Z"
fill="url(#paint2_radial_18_17026)"
/>
<g filter="url(#filter1_i_18_17026)">
<circle
cx={14.532}
cy={7.43359}
r={1.46484}
fill="url(#paint3_radial_18_17026)"
/>
</g>
<g filter="url(#filter2_i_18_17026)">
<circle
cx={17.4617}
cy={7.43359}
r={1.46484}
fill="url(#paint4_radial_18_17026)"
/>
</g>
<g filter="url(#filter3_ii_18_17026)">
<path
d="M11.371 8.8125C7.70775 8.8125 4.45474 11.1117 3.51915 14.6127C3.36529 15.1885 3.21302 15.7759 3.06612 16.364C3.00914 16.5921 3.18186 16.8125 3.41673 16.8125C3.99374 16.8125 4.49708 16.422 4.64844 15.8646C4.70228 15.6663 4.75654 15.4691 4.81103 15.2734C5.64978 12.2608 7.83408 10.2824 11.8501 10.2824H20.1498C24.1907 10.2824 26.3501 12.2608 27.1889 15.2734C27.2434 15.4691 27.2976 15.6663 27.3515 15.8646C27.5028 16.422 28.0062 16.8125 28.5832 16.8125C28.818 16.8125 28.9908 16.5921 28.9338 16.364C28.7869 15.7759 28.6346 15.1885 28.4808 14.6127C27.5452 11.1117 24.2921 8.8125 20.6289 8.8125H11.371Z"
fill="url(#paint5_radial_18_17026)"
/>
</g>
<path
d="M11.371 8.8125C7.70775 8.8125 4.45474 11.1117 3.51915 14.6127C3.36529 15.1885 3.21302 15.7759 3.06612 16.364C3.00914 16.5921 3.18186 16.8125 3.41673 16.8125C3.99374 16.8125 4.49708 16.422 4.64844 15.8646C4.70228 15.6663 4.75654 15.4691 4.81103 15.2734C5.64978 12.2608 7.83408 10.2824 11.8501 10.2824H20.1498C24.1907 10.2824 26.3501 12.2608 27.1889 15.2734C27.2434 15.4691 27.2976 15.6663 27.3515 15.8646C27.5028 16.422 28.0062 16.8125 28.5832 16.8125C28.818 16.8125 28.9908 16.5921 28.9338 16.364C28.7869 15.7759 28.6346 15.1885 28.4808 14.6127C27.5452 11.1117 24.2921 8.8125 20.6289 8.8125H11.371Z"
fill="url(#paint6_radial_18_17026)"
/>
<g filter="url(#filter4_f_18_17026)">
<path
d="M23.0063 9.60516C24.3037 9.91896 27.0905 11.2815 27.9305 14.2215C28.1478 14.9457 28.4917 15.9776 28.6184 16.4664"
stroke="url(#paint7_linear_18_17026)"
strokeWidth={0.25}
/>
</g>
<defs>
<filter
id="filter0_i_18_17026"
x={2.12817}
y={8.3125}
width={29.7437}
height={21.5714}
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={2} dy={-0.5} />
<feGaussianBlur stdDeviation={2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.737255 0 0 0 0 0.25098 0 0 0 0 0.396078 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17026"
/>
</filter>
<filter
id="filter1_i_18_17026"
x={13.0671}
y={5.86875}
width={2.92969}
height={3.02969}
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 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.996078 0 0 0 0 0.541176 0 0 0 0 0.0941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17026"
/>
</filter>
<filter
id="filter2_i_18_17026"
x={15.9968}
y={5.86875}
width={3.02969}
height={3.02969}
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.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.996078 0 0 0 0 0.541176 0 0 0 0 0.0941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17026"
/>
</filter>
<filter
id="filter3_ii_18_17026"
x={3.05518}
y={8.6125}
width={25.9896}
height={8.3}
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.1} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.678431 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17026"
/>
<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 dy={-0.2} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.498039 0 0 0 0 0.101961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17026"
result="effect2_innerShadow_18_17026"
/>
</filter>
<filter
id="filter4_f_18_17026"
x={22.5771}
y={9.08367}
width={6.56245}
height={7.81407}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_17026"
/>
</filter>
<radialGradient
id="paint0_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.3718 13.5625) rotate(141.588) scale(15.7932 14.0923)"
>
<stop offset={0.271984} stopColor="#FF68A5" />
<stop offset={1} stopColor="#FB2B66" />
</radialGradient>
<radialGradient
id="paint1_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.0593 24.375) rotate(-105.68) scale(14.8008 31.1221)"
>
<stop offset={0.798763} stopColor="#EC2D8A" stopOpacity={0} />
<stop offset={1} stopColor="#EC2D8A" />
</radialGradient>
<radialGradient
id="paint2_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 15.8125) rotate(90) scale(14.625 22.0657)"
>
<stop offset={0.905983} stopColor="#DE66A6" stopOpacity={0} />
<stop offset={1} stopColor="#DE66A6" />
</radialGradient>
<radialGradient
id="paint3_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4934 6.56379) rotate(129.92) scale(2.31328)"
>
<stop offset={0.187653} stopColor="#FFF453" />
<stop offset={1} stopColor="#FFA424" />
</radialGradient>
<radialGradient
id="paint4_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.4231 6.56379) rotate(129.92) scale(2.31328)"
>
<stop offset={0.187653} stopColor="#FFF453" />
<stop offset={1} stopColor="#FFA424" />
</radialGradient>
<radialGradient
id="paint5_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 9.125) rotate(90) scale(3.6875 11.0657)"
>
<stop offset={0.271186} stopColor="#FFD544" />
<stop offset={1} stopColor="#FFC046" />
</radialGradient>
<radialGradient
id="paint6_radial_18_17026"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.403 10.7813) rotate(140.425) scale(3.97318 20.8132)"
>
<stop offset={0.479369} stopColor="#FFE05F" />
<stop offset={1} stopColor="#FFE05F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_17026"
x1={27.9305}
y1={15.9233}
x2={23.4589}
y2={9.44223}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.800558} stopColor="#FFDE5F" />
<stop offset={1} stopColor="#FFDE5F" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = PurseIcon;