@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
231 lines (230 loc) • 11.8 kB
JSX
const React = require("react");
const DottedLineFaceIcon = ({ 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_14396_1043)">
<path
d="M15.9989 29.9997C25.3333 29.9997 29.9978 23.7322 29.9978 16.0008C29.9978 8.26947 25.3333 2.00195 15.9989 2.00195C6.66443 2.00195 2 8.26947 2 16.0008C2 23.7322 6.66443 29.9997 15.9989 29.9997Z"
fill="url(#paint0_radial_14396_1043)"
/>
<path
d="M15.9989 29.9997C25.3333 29.9997 29.9978 23.7322 29.9978 16.0008C29.9978 8.26947 25.3333 2.00195 15.9989 2.00195C6.66443 2.00195 2 8.26947 2 16.0008C2 23.7322 6.66443 29.9997 15.9989 29.9997Z"
fill="url(#paint1_radial_14396_1043)"
/>
<path
d="M15.9989 29.9997C25.3333 29.9997 29.9978 23.7322 29.9978 16.0008C29.9978 8.26947 25.3333 2.00195 15.9989 2.00195C6.66443 2.00195 2 8.26947 2 16.0008C2 23.7322 6.66443 29.9997 15.9989 29.9997Z"
fill="url(#paint2_radial_14396_1043)"
/>
<path
d="M15.9989 29.9997C25.3333 29.9997 29.9978 23.7322 29.9978 16.0008C29.9978 8.26947 25.3333 2.00195 15.9989 2.00195C6.66443 2.00195 2 8.26947 2 16.0008C2 23.7322 6.66443 29.9997 15.9989 29.9997Z"
fill="url(#paint3_radial_14396_1043)"
/>
<path
d="M15.9989 29.9997C25.3333 29.9997 29.9978 23.7322 29.9978 16.0008C29.9978 8.26947 25.3333 2.00195 15.9989 2.00195C6.66443 2.00195 2 8.26947 2 16.0008C2 23.7322 6.66443 29.9997 15.9989 29.9997Z"
fill="url(#paint4_radial_14396_1043)"
/>
</g>
<path
d="M16 2.75C15.4714 2.75 14.9596 2.77085 14.4646 2.8114C14.0518 2.84522 13.6897 2.53796 13.6559 2.12513C13.6221 1.7123 13.9293 1.35022 14.3421 1.31641C14.8793 1.2724 15.432 1.25 16 1.25C16.568 1.25 17.1207 1.2724 17.6579 1.31641C18.0707 1.35022 18.3779 1.7123 18.3441 2.12513C18.3103 2.53796 17.9482 2.84522 17.5354 2.8114C17.0404 2.77085 16.5286 2.75 16 2.75ZM21.0451 2.69373C21.1889 2.30527 21.6203 2.10692 22.0088 2.25069C23.1072 2.65723 24.1061 3.18012 25.0034 3.80511C25.3433 4.04186 25.4269 4.50932 25.1901 4.8492C24.9534 5.18909 24.4859 5.2727 24.146 5.03596C23.356 4.48566 22.4707 4.0211 21.4881 3.65743C21.0997 3.51366 20.9013 3.08219 21.0451 2.69373ZM10.9549 2.69373C11.0987 3.08219 10.9003 3.51366 10.5118 3.65743C9.52927 4.0211 8.644 4.48566 7.85397 5.03596C7.51409 5.2727 7.04663 5.18909 6.80988 4.8492C6.57314 4.50932 6.65675 4.04186 6.99663 3.80511C7.89391 3.18012 8.89277 2.65723 9.99119 2.25069C10.3797 2.10692 10.8111 2.30527 10.9549 2.69373ZM4.86707 6.80914C5.20842 7.04378 5.29492 7.51071 5.06027 7.85206C4.50041 8.66652 4.04084 9.56059 3.68307 10.5197C3.5383 10.9078 3.10633 11.1051 2.71824 10.9603C2.33015 10.8155 2.13289 10.3836 2.27766 9.99547C2.67583 8.92804 3.19082 7.92369 3.82416 7.00234C4.0588 6.661 4.52573 6.5745 4.86707 6.80914ZM27.1329 6.80914C27.4743 6.5745 27.9412 6.661 28.1758 7.00234C28.8092 7.92369 29.3242 8.92804 29.7223 9.99547C29.8671 10.3836 29.6699 10.8155 29.2818 10.9603C28.8937 11.1051 28.4617 10.9078 28.3169 10.5197C27.9592 9.56058 27.4996 8.66652 26.9397 7.85206C26.7051 7.51071 26.7916 7.04378 27.1329 6.80914ZM2.13299 13.657C2.54566 13.6928 2.85116 14.0564 2.81535 14.469C2.77183 14.9706 2.75 15.4814 2.75 16C2.75 16.5186 2.77183 17.0294 2.81535 17.531C2.85116 17.9436 2.54566 18.3072 2.13299 18.343C1.72033 18.3788 1.35677 18.0733 1.32097 17.6606C1.2736 17.1148 1.25 16.5606 1.25 16C1.25 15.4394 1.2736 14.8852 1.32097 14.3394C1.35677 13.9267 1.72033 13.6212 2.13299 13.657ZM29.867 13.657C30.2797 13.6212 30.6432 13.9267 30.679 14.3394C30.7264 14.8852 30.75 15.4394 30.75 16C30.75 16.5606 30.7264 17.1148 30.679 17.6606C30.6432 18.0733 30.2797 18.3788 29.867 18.343C29.4543 18.3072 29.1488 17.9436 29.1846 17.531C29.2282 17.0294 29.25 16.5186 29.25 16C29.25 15.4814 29.2282 14.9706 29.1846 14.469C29.1488 14.0564 29.4543 13.6928 29.867 13.657ZM29.2818 21.0397C29.6699 21.1845 29.8671 21.6164 29.7223 22.0045C29.3242 23.072 28.8092 24.0763 28.1758 24.9977C27.9412 25.339 27.4743 25.4255 27.1329 25.1909C26.7916 24.9562 26.7051 24.4893 26.9397 24.1479C27.4996 23.3335 27.9592 22.4394 28.3169 21.4803C28.4617 21.0922 28.8937 20.8949 29.2818 21.0397ZM2.71824 21.0397C3.10633 20.8949 3.5383 21.0922 3.68307 21.4803C4.04084 22.4394 4.50041 23.3335 5.06027 24.1479C5.29492 24.4893 5.20842 24.9562 4.86707 25.1909C4.52573 25.4255 4.0588 25.339 3.82416 24.9977C3.19082 24.0763 2.67583 23.072 2.27766 22.0045C2.13289 21.6164 2.33015 21.1845 2.71824 21.0397ZM6.80988 27.1508C7.04663 26.8109 7.51409 26.7273 7.85397 26.964C8.644 27.5143 9.52927 27.9789 10.5118 28.3426C10.9003 28.4863 11.0987 28.9178 10.9549 29.3063C10.8111 29.6947 10.3797 29.8931 9.99119 29.7493C8.89277 29.3428 7.89391 28.8199 6.99663 28.1949C6.65675 27.9581 6.57314 27.4907 6.80988 27.1508ZM25.1901 27.1508C25.4269 27.4907 25.3433 27.9581 25.0034 28.1949C24.1061 28.8199 23.1072 29.3428 22.0088 29.7493C21.6203 29.8931 21.1889 29.6947 21.0451 29.3063C20.9013 28.9178 21.0997 28.4863 21.4882 28.3426C22.4707 27.9789 23.356 27.5143 24.146 26.964C24.4859 26.7273 24.9534 26.8109 25.1901 27.1508ZM13.6559 29.8749C13.6897 29.462 14.0518 29.1548 14.4646 29.1886C14.9596 29.2292 15.4714 29.25 16 29.25C16.5286 29.25 17.0404 29.2292 17.5354 29.1886C17.9482 29.1548 18.3103 29.462 18.3441 29.8749C18.3779 30.2877 18.0707 30.6498 17.6579 30.6836C17.1207 30.7276 16.568 30.75 16 30.75C15.432 30.75 14.8793 30.7276 14.3421 30.6836C13.9293 30.6498 13.6221 30.2877 13.6559 29.8749Z"
fill="#BC644F"
/>
<path
d="M16.9978 11.501C16.9978 13.9866 19.0128 16.0016 21.4984 16.0016C23.984 16.0016 25.9989 13.9866 25.9989 11.501C25.9989 9.01546 23.984 7.00049 21.4984 7.00049C19.0128 7.00049 16.9978 9.01546 16.9978 11.501Z"
fill="white"
/>
<path
d="M14.9989 11.501C14.9989 13.9866 12.984 16.0016 10.4984 16.0016C8.01277 16.0016 5.9978 13.9866 5.9978 11.501C5.9978 9.01546 8.01277 7.00049 10.4984 7.00049C12.984 7.00049 14.9989 9.01546 14.9989 11.501Z"
fill="white"
/>
<path
d="M11.12 14.6913C12.8929 14.6913 14.3302 13.254 14.3302 11.4811C14.3302 9.70822 12.8929 8.271 11.12 8.271C9.34713 8.271 7.90991 9.70822 7.90991 11.4811C7.90991 13.254 9.34713 14.6913 11.12 14.6913Z"
fill="#3F2831"
/>
<path
d="M20.8769 14.6913C19.104 14.6913 17.6667 13.254 17.6667 11.4811C17.6667 9.70822 19.104 8.271 20.8769 8.271C22.6498 8.271 24.087 9.70822 24.087 11.4811C24.087 13.254 22.6498 14.6913 20.8769 14.6913Z"
fill="#3F2831"
/>
<rect
x={10.0469}
y={18.3442}
width={11.9062}
height={1.89062}
rx={0.945312}
fill="url(#paint5_linear_14396_1043)"
/>
<rect
x={10.0469}
y={18.3442}
width={11.9062}
height={1.89062}
rx={0.945312}
fill="url(#paint6_linear_14396_1043)"
/>
<rect
x={10.0469}
y={18.3442}
width={11.9062}
height={1.89062}
rx={0.945312}
fill="url(#paint7_radial_14396_1043)"
/>
<g filter="url(#filter1_f_14396_1043)">
<path d="M11.0215 19.1108H21.1589" stroke="#5C4B51" strokeWidth={0.3} />
</g>
<defs>
<filter
id="filter0_i_14396_1043"
x={2}
y={2.00195}
width={28.3978}
height={27.9978}
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.4} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.92549 0 0 0 0 0.635294 0 0 0 0 0.494118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_14396_1043"
/>
</filter>
<filter
id="filter1_f_14396_1043"
x={10.4215}
y={18.3608}
width={11.3375}
height={1.50005}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_14396_1043"
/>
</filter>
<radialGradient
id="paint0_radial_14396_1043"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8125 7.07849) rotate(131.76) scale(28.1525)"
>
<stop stopColor="#FFBD73" />
<stop offset={1} stopColor="#FF9D7A" />
</radialGradient>
<radialGradient
id="paint1_radial_14396_1043"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.625 13.016) rotate(103.851) scale(17.4924 19.9329)"
>
<stop offset={0.6865} stopColor="#FF8C91" stopOpacity={0} />
<stop offset={1} stopColor="#FF73AF" />
</radialGradient>
<radialGradient
id="paint2_radial_14396_1043"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4375 7.89099) rotate(137.573) scale(7.8745 12.5256)"
>
<stop stopColor="#FFDD8B" />
<stop offset={1} stopColor="#FFDD8B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_14396_1043"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.75 11.5785) rotate(144.739) scale(6.00862 5.49763)"
>
<stop offset={0.545044} stopColor="#D17255" />
<stop offset={1} stopColor="#F48F65" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_14396_1043"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.985 11.957) rotate(137.265) scale(5.30568 5.02804)"
>
<stop offset={0.673306} stopColor="#FC9775" />
<stop offset={1} stopColor="#FC9775" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_14396_1043"
x1={16}
y1={18.3442}
x2={16}
y2={19.9849}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4B383A" />
<stop offset={1} stopColor="#53265D" />
</linearGradient>
<linearGradient
id="paint6_linear_14396_1043"
x1={10.0469}
y1={19.2896}
x2={11.1719}
y2={19.2896}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#503333" />
<stop offset={1} stopColor="#503333" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_14396_1043"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.0039 18.8073) rotate(160.527) scale(1.5746 1.22898)"
>
<stop stopColor="#605052" />
<stop offset={1} stopColor="#605052" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = DottedLineFaceIcon;