@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
384 lines (383 loc) • 13.2 kB
JSX
const React = require("react");
const StarStruckIcon = ({ 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 clipPath="url(#clip0_23_461)">
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint0_radial_23_461)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint1_radial_23_461)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint2_radial_23_461)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint3_radial_23_461)"
fillOpacity={0.6}
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint4_radial_23_461)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint5_radial_23_461)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint6_radial_23_461)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint7_radial_23_461)"
/>
<g filter="url(#filter0_f_23_461)">
<path
d="M25.5 18L19 12.5L25 11L25.5 18Z"
fill="url(#paint8_linear_23_461)"
/>
</g>
<g filter="url(#filter1_f_23_461)">
<path
d="M13.5 14.5L7 14L11.5 10L13.5 14.5Z"
fill="url(#paint9_linear_23_461)"
/>
</g>
<g filter="url(#filter2_f_23_461)">
<path
d="M16.5 6H18.5C20.1 7.6 19.8333 10.6667 19.5 12L16.5 13L18 9.5L16.5 6Z"
fill="url(#paint10_radial_23_461)"
/>
</g>
<g filter="url(#filter3_f_23_461)">
<path
d="M3 8H5C6.6 9.6 6.33333 12.6667 6 14L3 16L4.5 11.5L3 8Z"
fill="url(#paint11_radial_23_461)"
/>
</g>
<path
d="M8.62398 12.8646L5.57387 15.2369C5.4703 15.3175 5.32052 15.2356 5.3324 15.105L5.63107 11.8196C5.7117 10.9326 5.26156 10.0815 4.48301 9.64901L2.5004 8.54757C2.13219 8.343 2.16643 7.80269 2.55753 7.64625L5.08694 6.63448C5.79291 6.3521 6.3085 5.73226 6.45762 4.98667L6.92933 2.6281C7.00901 2.22972 7.52245 2.11326 7.7662 2.43827L9.13038 4.25717C9.59861 4.88148 10.3569 5.21859 11.1341 5.14793L14.6266 4.83044C14.756 4.81867 14.8381 4.96585 14.7601 5.06982L12.9744 7.45081C12.5033 8.079 12.3937 8.90737 12.6853 9.63644L14.0965 13.1643L10.4466 12.4344C9.80541 12.3061 9.14014 12.4632 8.62398 12.8646Z"
fill="url(#paint12_linear_23_461)"
stroke="url(#paint13_linear_23_461)"
strokeWidth={0.5}
/>
<path
d="M23.376 12.8646L26.4261 15.2369C26.5297 15.3175 26.6795 15.2356 26.6676 15.105L26.3689 11.8196C26.2883 10.9326 26.7384 10.0815 27.517 9.64901L29.4996 8.54757C29.8678 8.343 29.8336 7.80269 29.4425 7.64625L26.9131 6.63448C26.2071 6.3521 25.6915 5.73226 25.5424 4.98667L25.0707 2.6281C24.991 2.22972 24.4776 2.11326 24.2338 2.43827L22.8696 4.25717C22.4014 4.88148 21.6431 5.21859 20.8659 5.14793L17.3734 4.83044C17.244 4.81867 17.1619 4.96585 17.2399 5.06982L19.0256 7.45081C19.4967 8.079 19.6063 8.90737 19.3147 9.63644L17.9035 13.1643L21.5534 12.4344C22.1946 12.3061 22.8599 12.4632 23.376 12.8646Z"
fill="url(#paint14_linear_23_461)"
stroke="url(#paint15_linear_23_461)"
strokeWidth={0.5}
/>
<path
d="M16 26C7 26 7 17 7 17H25C25 17 25 26 16 26Z"
fill="url(#paint16_radial_23_461)"
/>
<path
d="M8 17.5V17H24V17.5C24 18.0523 23.5523 18.5 23 18.5H9C8.44772 18.5 8 18.0523 8 17.5Z"
fill="url(#paint17_linear_23_461)"
/>
</g>
<defs>
<filter
id="filter0_f_23_461"
x={18}
y={10}
width={8.5}
height={9}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_23_461"
/>
</filter>
<filter
id="filter1_f_23_461"
x={6}
y={9}
width={8.5}
height={6.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_23_461"
/>
</filter>
<filter
id="filter2_f_23_461"
x={15.5}
y={5}
width={5.25293}
height={9}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_23_461"
/>
</filter>
<filter
id="filter3_f_23_461"
x={2}
y={7}
width={5.25293}
height={10}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_23_461"
/>
</filter>
<radialGradient
id="paint0_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint1_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5 9) rotate(131.878) scale(38.9487)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint2_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 12.5) rotate(101.31) scale(17.8466 22.8581)"
>
<stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
<stop offset={0.972509} stopColor="#FF7DCE" />
</radialGradient>
<radialGradient
id="paint3_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18 14) rotate(135) scale(41.0122)"
>
<stop offset={0.314853} stopOpacity={0} />
<stop offset={1} />
</radialGradient>
<radialGradient
id="paint4_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 17) rotate(77.692) scale(28.1469)"
>
<stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
<stop offset={1} stopColor="#715B32" />
</radialGradient>
<radialGradient
id="paint5_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5 16.5) rotate(55.7131) scale(13.3135 9.65032)"
>
<stop stopColor="#FFB849" />
<stop offset={1} stopColor="#FFB847" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.5 18) rotate(9.86581) scale(11.6726)"
>
<stop stopColor="#FFA64B" />
<stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5 15) rotate(43.9708) scale(59.0529)"
>
<stop offset={0.185425} stopOpacity={0} />
<stop offset={1} stopOpacity={0.4} />
</radialGradient>
<linearGradient
id="paint8_linear_23_461"
x1={23.5}
y1={11.5}
x2={21.8141}
y2={14.6672}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.370082} stopColor="#EC812A" />
<stop offset={1} stopColor="#FBA84C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_23_461"
x1={10.5}
y1={11.5}
x2={10.2504}
y2={14.0248}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C85F27" />
<stop offset={1} stopColor="#C85F27" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20 10) rotate(146.31) scale(5.40833)"
>
<stop offset={0.116396} stopColor="#EC812A" />
<stop offset={1} stopColor="#FBA84C" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7 13) rotate(158.199) scale(5.38516)"
>
<stop stopColor="#CC7521" />
<stop offset={1} stopColor="#E6872B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_23_461"
x1={7.5}
y1={1}
x2={10}
y2={15}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7912B2" />
<stop offset={1} stopColor="#CF1DA1" />
</linearGradient>
<linearGradient
id="paint13_linear_23_461"
x1={15}
y1={6}
x2={8.5}
y2={8.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A82D9C" />
<stop offset={1} stopColor="#BF33B1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_23_461"
x1={22}
y1={2.5}
x2={22.5}
y2={14.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7912B2" />
<stop offset={1} stopColor="#CF1DA1" />
</linearGradient>
<linearGradient
id="paint15_linear_23_461"
x1={29.5}
y1={6}
x2={23.5}
y2={6.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B51AA6" />
<stop offset={1} stopColor="#BF33B1" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_23_461"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 28) rotate(-90) scale(11 22)"
>
<stop stopColor="#F70A8D" />
<stop offset={1} stopColor="#89029C" />
</radialGradient>
<linearGradient
id="paint17_linear_23_461"
x1={16}
y1={17}
x2={16}
y2={18.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5A8FE" />
<stop offset={1} stopColor="white" />
</linearGradient>
<clipPath id="clip0_23_461">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = StarStruckIcon;