@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
552 lines (551 loc) • 18.3 kB
JSX
const React = require("react");
const AntIcon = ({ 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}
<path
d="M15.08 15.5684V29.0584"
stroke="url(#paint0_linear_28327_6347)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15.53 15.5684L7.09998 29.0584"
stroke="url(#paint1_linear_28327_6347)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M2 20.0684C3.79 18.2784 7.29 18.2784 9.09 20.0684L16.03 15.1084"
stroke="url(#paint2_linear_28327_6347)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<g filter="url(#filter0_f_28327_6347)">
<path
d="M2 20.0684C3.79 18.2784 7.29 18.2784 9.09 20.0684L16.03 15.1084"
stroke="url(#paint3_linear_28327_6347)"
strokeWidth={0.25}
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<path
d="M8.11 8.10854C8.11 4.72854 5.38 1.99854 2 1.99854"
stroke="url(#paint4_linear_28327_6347)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<g filter="url(#filter1_f_28327_6347)">
<path
d="M8.21938 8.10854C8.21938 4.72854 5.53906 1.98291 2.10156 1.88135"
stroke="#6E6279"
strokeWidth={0.15}
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<path
d="M13.56 13.0586C13.56 16.0986 11.1 16.5586 8.06 16.5586C5.02 16.5586 2.56 16.0986 2.56 13.0586C2.56 10.0186 5.02 7.55859 8.06 7.55859C11.1 7.55859 13.56 10.0186 13.56 13.0586Z"
fill="url(#paint5_radial_28327_6347)"
/>
<path
d="M13.56 13.0586C13.56 16.0986 11.1 16.5586 8.06 16.5586C5.02 16.5586 2.56 16.0986 2.56 13.0586C2.56 10.0186 5.02 7.55859 8.06 7.55859C11.1 7.55859 13.56 10.0186 13.56 13.0586Z"
fill="url(#paint6_radial_28327_6347)"
/>
<path
d="M13.56 13.0586C13.56 16.0986 11.1 16.5586 8.06 16.5586C5.02 16.5586 2.56 16.0986 2.56 13.0586C2.56 10.0186 5.02 7.55859 8.06 7.55859C11.1 7.55859 13.56 10.0186 13.56 13.0586Z"
fill="url(#paint7_radial_28327_6347)"
/>
<path
d="M13.56 13.0586C13.56 16.0986 11.1 16.5586 8.06 16.5586C5.02 16.5586 2.56 16.0986 2.56 13.0586C2.56 10.0186 5.02 7.55859 8.06 7.55859C11.1 7.55859 13.56 10.0186 13.56 13.0586Z"
fill="url(#paint8_radial_28327_6347)"
/>
<path
d="M13.56 13.0586C13.56 16.0986 11.1 16.5586 8.06 16.5586C5.02 16.5586 2.56 16.0986 2.56 13.0586C2.56 10.0186 5.02 7.55859 8.06 7.55859C11.1 7.55859 13.56 10.0186 13.56 13.0586Z"
fill="url(#paint9_radial_28327_6347)"
/>
<path
d="M15.53 18.5886C17.1979 18.5886 18.55 17.2365 18.55 15.5686C18.55 13.9007 17.1979 12.5486 15.53 12.5486C13.8621 12.5486 12.51 13.9007 12.51 15.5686C12.51 17.2365 13.8621 18.5886 15.53 18.5886Z"
fill="url(#paint10_radial_28327_6347)"
/>
<path
d="M15.53 18.5886C17.1979 18.5886 18.55 17.2365 18.55 15.5686C18.55 13.9007 17.1979 12.5486 15.53 12.5486C13.8621 12.5486 12.51 13.9007 12.51 15.5686C12.51 17.2365 13.8621 18.5886 15.53 18.5886Z"
fill="url(#paint11_radial_28327_6347)"
/>
<path
d="M15.53 18.5886C17.1979 18.5886 18.55 17.2365 18.55 15.5686C18.55 13.9007 17.1979 12.5486 15.53 12.5486C13.8621 12.5486 12.51 13.9007 12.51 15.5686C12.51 17.2365 13.8621 18.5886 15.53 18.5886Z"
fill="url(#paint12_radial_28327_6347)"
/>
<path
d="M15.53 18.5886C17.1979 18.5886 18.55 17.2365 18.55 15.5686C18.55 13.9007 17.1979 12.5486 15.53 12.5486C13.8621 12.5486 12.51 13.9007 12.51 15.5686C12.51 17.2365 13.8621 18.5886 15.53 18.5886Z"
fill="url(#paint13_radial_28327_6347)"
/>
<path
d="M15.53 18.5886C17.1979 18.5886 18.55 17.2365 18.55 15.5686C18.55 13.9007 17.1979 12.5486 15.53 12.5486C13.8621 12.5486 12.51 13.9007 12.51 15.5686C12.51 17.2365 13.8621 18.5886 15.53 18.5886Z"
fill="url(#paint14_radial_28327_6347)"
/>
<path
d="M21.96 29.5585C17.8 29.5585 17.56 26.1885 17.56 22.0285C17.56 17.8685 17.8 14.4985 21.96 14.4985C26.12 14.4985 29.49 17.8685 29.49 22.0285C29.49 26.1885 26.12 29.5585 21.96 29.5585Z"
fill="url(#paint15_radial_28327_6347)"
/>
<path
d="M21.96 29.5585C17.8 29.5585 17.56 26.1885 17.56 22.0285C17.56 17.8685 17.8 14.4985 21.96 14.4985C26.12 14.4985 29.49 17.8685 29.49 22.0285C29.49 26.1885 26.12 29.5585 21.96 29.5585Z"
fill="url(#paint16_radial_28327_6347)"
/>
<path
d="M21.96 29.5585C17.8 29.5585 17.56 26.1885 17.56 22.0285C17.56 17.8685 17.8 14.4985 21.96 14.4985C26.12 14.4985 29.49 17.8685 29.49 22.0285C29.49 26.1885 26.12 29.5585 21.96 29.5585Z"
fill="url(#paint17_radial_28327_6347)"
/>
<path
d="M21.96 29.5585C17.8 29.5585 17.56 26.1885 17.56 22.0285C17.56 17.8685 17.8 14.4985 21.96 14.4985C26.12 14.4985 29.49 17.8685 29.49 22.0285C29.49 26.1885 26.12 29.5585 21.96 29.5585Z"
fill="url(#paint18_radial_28327_6347)"
/>
<g filter="url(#filter2_f_28327_6347)">
<circle cx={5.95063} cy={11.6905} r={0.570869} fill="#2E2239" />
</g>
<circle
cx={5.95062}
cy={11.522}
r={0.5}
fill="url(#paint19_radial_28327_6347)"
/>
<circle
cx={5.95062}
cy={11.522}
r={0.5}
fill="url(#paint20_radial_28327_6347)"
/>
<circle
cx={5.95062}
cy={11.522}
r={0.5}
fill="url(#paint21_radial_28327_6347)"
/>
<circle
cx={5.95062}
cy={11.522}
r={0.5}
fill="url(#paint22_linear_28327_6347)"
/>
<g filter="url(#filter3_f_28327_6347)">
<path
d="M13.7812 18.4673L7.15625 28.936"
stroke="url(#paint23_linear_28327_6347)"
strokeWidth={0.25}
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<g filter="url(#filter4_f_28327_6347)">
<path
d="M15.125 19.5298V28.8735"
stroke="url(#paint24_linear_28327_6347)"
strokeWidth={0.25}
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<filter
id="filter0_f_28327_6347"
x={1.625}
y={14.7334}
width={14.78}
height={5.70996}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_28327_6347"
/>
</filter>
<filter
id="filter1_f_28327_6347"
x={1.72655}
y={1.5064}
width={6.86782}
height={6.9772}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_28327_6347"
/>
</filter>
<filter
id="filter2_f_28327_6347"
x={4.97976}
y={10.7196}
width={1.94172}
height={1.94185}
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_28327_6347"
/>
</filter>
<filter
id="filter3_f_28327_6347"
x={6.78122}
y={18.0923}
width={7.37506}
height={11.2188}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_28327_6347"
/>
</filter>
<filter
id="filter4_f_28327_6347"
x={14.75}
y={19.1548}
width={0.75}
height={10.0938}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_28327_6347"
/>
</filter>
<linearGradient
id="paint0_linear_28327_6347"
x1={15.5938}
y1={28.6548}
x2={15.5938}
y2={19.4673}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#513468" />
<stop offset={1} stopColor="#1C1C1C" />
</linearGradient>
<linearGradient
id="paint1_linear_28327_6347"
x1={6.59778}
y1={22.3155}
x2={16.027}
y2={22.3155}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#513468" />
<stop offset={1} stopColor="#1C1C1C" />
</linearGradient>
<linearGradient
id="paint2_linear_28327_6347"
x1={1.5}
y1={17.5911}
x2={16.5245}
y2={17.5911}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#513468" />
<stop offset={1} stopColor="#1C1C1C" />
</linearGradient>
<linearGradient
id="paint3_linear_28327_6347"
x1={12.6875}
y1={16.7173}
x2={2.65625}
y2={19.9048}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4A454F" stopOpacity={0} />
<stop offset={0.1826} stopColor="#4A454F" />
<stop offset={1} stopColor="#544067" />
</linearGradient>
<linearGradient
id="paint4_linear_28327_6347"
x1={7.8125}
y1={7.77979}
x2={2}
y2={1.65479}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#433453" />
<stop offset={1} stopColor="#2F2E30" />
</linearGradient>
<radialGradient
id="paint5_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.06 16.5586) rotate(-90) scale(7.43506 7.19)"
>
<stop stopColor="#37214A" />
<stop offset={1} stopColor="#35303C" />
</radialGradient>
<radialGradient
id="paint6_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.21875 10.5923) rotate(29.3318) scale(3.76378 5.34466)"
>
<stop stopColor="#5B595E" />
<stop offset={1} stopColor="#5B595E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.9688 11.3735) rotate(180) scale(4.59375 2.875)"
>
<stop stopColor="#726D78" />
<stop offset={1} stopColor="#726D78" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.3594 14.9985) rotate(-157.834) scale(1.82217 2.40902)"
>
<stop stopColor="#0C0811" />
<stop offset={1} stopColor="#0C0811" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.375 6.21729) rotate(144.375) scale(3.5946 1.40174)"
>
<stop stopColor="#5C5564" />
<stop offset={1} stopColor="#5C5564" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15 17.9673) rotate(-75.1346) scale(5.2378 4.33473)"
>
<stop offset={0.00558659} stopColor="#351F47" />
<stop offset={1} stopColor="#3B3442" />
</radialGradient>
<radialGradient
id="paint11_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.2344 15.1079) rotate(150.994) scale(1.80447 1.81191)"
>
<stop stopColor="#766F7E" />
<stop offset={1} stopColor="#766F7E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.7187 13.5298) rotate(71.1139) scale(3.13767 1.45057)"
>
<stop stopColor="#39363E" />
<stop offset={1} stopColor="#39363E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.8125 17.2329) rotate(-168.19) scale(1.75592 2.14147)"
>
<stop stopColor="#0C0811" />
<stop offset={1} stopColor="#0C0811" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.375 18.5886) rotate(-71.4409) scale(0.540006 0.9983)"
>
<stop stopColor="#645375" />
<stop offset={1} stopColor="#645375" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.525 28.061) rotate(-68.9306) scale(14.5342 11.2298)"
>
<stop stopColor="#3E2454" />
<stop offset={1} stopColor="#363439" />
</radialGradient>
<radialGradient
id="paint16_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8125 20.811) rotate(99.7824) scale(5.51773 4.82506)"
>
<stop stopColor="#776F81" />
<stop offset={0.929157} stopColor="#776F81" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5 25.4985) rotate(-29.3766) scale(14.9068 12.9678)"
>
<stop offset={0.854184} stopColor="#797182" stopOpacity={0} />
<stop offset={1} stopColor="#797182" />
</radialGradient>
<radialGradient
id="paint18_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5625 22.561) rotate(1.68469) scale(4.25184 16.2044)"
>
<stop stopColor="#3D3C3E" />
<stop offset={0.759723} stopColor="#3D3C3E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.09906 11.3611) rotate(125.838) scale(0.693863 0.618606)"
>
<stop stopColor="#433437" />
<stop offset={1} stopColor="#44313B" />
</radialGradient>
<radialGradient
id="paint20_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.90625 11.8228) rotate(-82.8847) scale(0.358228 0.315153)"
>
<stop stopColor="#482B47" />
<stop offset={1} stopColor="#482B47" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint21_radial_28327_6347"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.13748 11.397) rotate(137.643) scale(0.35946 0.316238)"
>
<stop stopColor="#5C5051" />
<stop offset={1} stopColor="#5C5051" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint22_linear_28327_6347"
x1={5.85233}
y1={11.1292}
x2={5.50858}
y2={10.9105}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C5051" stopOpacity={0} />
<stop offset={1} stopColor="#5C5051" />
</linearGradient>
<linearGradient
id="paint23_linear_28327_6347"
x1={12.2029}
y1={21.8631}
x2={7.01409}
y2={22.2319}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4A454F" stopOpacity={0} />
<stop offset={0.1826} stopColor="#4A454F" />
<stop offset={1} stopColor="#5F4677" />
</linearGradient>
<linearGradient
id="paint24_linear_28327_6347"
x1={15.1718}
y1={19.811}
x2={14.042}
y2={19.9594}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4A454F" stopOpacity={0} />
<stop offset={0.1826} stopColor="#4A454F" />
<stop offset={1} stopColor="#5F4677" />
</linearGradient>
</defs>
</svg>
);
module.exports = AntIcon;