@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
440 lines (439 loc) • 15.9 kB
JSX
const React = require("react");
const GlowingStarIcon = ({ 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_14846)">
<path
d="M28.9788 17.3705L25.8711 17.5843C25.0368 17.6454 24.6927 18.6635 25.3288 19.1929L27.7169 21.1477C28.2384 21.5753 29.0309 21.3513 29.2395 20.7201L29.9486 18.5922C30.1676 17.961 29.6566 17.3196 28.9788 17.3705Z"
fill="#F6C327"
/>
</g>
<path
d="M28.9788 17.3705L25.8711 17.5843C25.0368 17.6454 24.6927 18.6635 25.3288 19.1929L27.7169 21.1477C28.2384 21.5753 29.0309 21.3513 29.2395 20.7201L29.9486 18.5922C30.1676 17.961 29.6566 17.3196 28.9788 17.3705Z"
fill="url(#paint0_radial_18_14846)"
/>
<g filter="url(#filter1_ii_18_14846)">
<path
d="M21.7494 3.05916L21.0294 5.95916C20.8294 6.73916 21.6894 7.36916 22.3694 6.93916L24.9094 5.35916C25.4594 5.01916 25.4894 4.21916 24.9594 3.83916L23.1794 2.54916C22.6494 2.15916 21.9094 2.42916 21.7494 3.05916Z"
fill="#F4C226"
/>
</g>
<path
d="M21.7494 3.05916L21.0294 5.95916C20.8294 6.73916 21.6894 7.36916 22.3694 6.93916L24.9094 5.35916C25.4594 5.01916 25.4894 4.21916 24.9594 3.83916L23.1794 2.54916C22.6494 2.15916 21.9094 2.42916 21.7494 3.05916Z"
fill="url(#paint1_linear_18_14846)"
/>
<g filter="url(#filter2_ii_18_14846)">
<path
d="M6.43056 5.36235L8.96056 6.94235C9.64056 7.37235 10.5005 6.75235 10.3105 5.96235L9.59056 3.06235C9.43056 2.43235 8.69055 2.16235 8.16055 2.54235L6.38055 3.83235C5.85055 4.23235 5.88056 5.02235 6.43056 5.36235Z"
fill="#EABA25"
/>
</g>
<g filter="url(#filter3_i_18_14846)">
<path
d="M4.18524 21.0805L6.47524 19.1605C7.09524 18.6405 6.76524 17.6305 5.96524 17.5805L2.98524 17.3705C2.33524 17.3205 1.84524 17.9505 2.04524 18.5705L2.72524 20.6605C2.92524 21.2805 3.69524 21.5005 4.18524 21.0805Z"
fill="#DFAD26"
/>
<path
d="M4.18524 21.0805L6.47524 19.1605C7.09524 18.6405 6.76524 17.6305 5.96524 17.5805L2.98524 17.3705C2.33524 17.3205 1.84524 17.9505 2.04524 18.5705L2.72524 20.6605C2.92524 21.2805 3.69524 21.5005 4.18524 21.0805Z"
fill="url(#paint2_linear_18_14846)"
/>
</g>
<g filter="url(#filter4_i_18_14846)">
<path
d="M17.7952 28.3723L16.6752 25.6023C16.3752 24.8523 15.3152 24.8523 15.0152 25.6023L13.8952 28.3723C13.6552 28.9723 14.0952 29.6323 14.7452 29.6323H16.9452C17.5952 29.6223 18.0352 28.9723 17.7952 28.3723Z"
fill="#E3B028"
/>
<path
d="M17.7952 28.3723L16.6752 25.6023C16.3752 24.8523 15.3152 24.8523 15.0152 25.6023L13.8952 28.3723C13.6552 28.9723 14.0952 29.6323 14.7452 29.6323H16.9452C17.5952 29.6223 18.0352 28.9723 17.7952 28.3723Z"
fill="url(#paint3_linear_18_14846)"
/>
</g>
<g filter="url(#filter5_iii_18_14846)">
<path
d="M17.5645 3.69188L19.2913 7.41154C19.617 8.10588 20.2584 8.59191 21.0083 8.70102L25.0639 9.32593C26.8993 9.60366 27.6393 11.8553 26.3565 13.1845L23.268 16.3685C22.7647 16.8843 22.5378 17.6183 22.6562 18.3325L23.3667 22.7068C23.6726 24.5914 21.6793 26 20.0117 25.0775L16.6074 23.1829C15.9166 22.7961 15.0878 22.7961 14.397 23.1829L10.9927 25.0775C9.32509 26 7.33183 24.5914 7.63773 22.7068L8.34819 18.3325C8.4666 17.6183 8.23965 16.8843 7.7364 16.3685L4.64785 13.1845C3.35519 11.8454 4.10513 9.60366 5.9405 9.32593L9.99608 8.70102C10.746 8.582 11.3874 8.09596 11.713 7.41154L13.4399 3.69188C14.2589 1.92628 16.7455 1.92628 17.5645 3.69188Z"
fill="url(#paint4_radial_18_14846)"
/>
<path
d="M17.5645 3.69188L19.2913 7.41154C19.617 8.10588 20.2584 8.59191 21.0083 8.70102L25.0639 9.32593C26.8993 9.60366 27.6393 11.8553 26.3565 13.1845L23.268 16.3685C22.7647 16.8843 22.5378 17.6183 22.6562 18.3325L23.3667 22.7068C23.6726 24.5914 21.6793 26 20.0117 25.0775L16.6074 23.1829C15.9166 22.7961 15.0878 22.7961 14.397 23.1829L10.9927 25.0775C9.32509 26 7.33183 24.5914 7.63773 22.7068L8.34819 18.3325C8.4666 17.6183 8.23965 16.8843 7.7364 16.3685L4.64785 13.1845C3.35519 11.8454 4.10513 9.60366 5.9405 9.32593L9.99608 8.70102C10.746 8.582 11.3874 8.09596 11.713 7.41154L13.4399 3.69188C14.2589 1.92628 16.7455 1.92628 17.5645 3.69188Z"
fill="url(#paint5_radial_18_14846)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_14846"
x={24.9}
y={16.9677}
width={5.35}
height={4.5}
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.25} dy={-0.4} />
<feGaussianBlur stdDeviation={0.35} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.858824 0 0 0 0 0.607843 0 0 0 0 0.278431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14846"
/>
<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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.996078 0 0 0 0 0.945098 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14846"
result="effect2_innerShadow_18_14846"
/>
</filter>
<filter
id="filter1_ii_18_14846"
x={20.6}
y={2.36768}
width={5.23997}
height={5.11112}
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} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.94902 0 0 0 0 0.294118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14846"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.909804 0 0 0 0 0.705882 0 0 0 0 0.168627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14846"
result="effect2_innerShadow_18_14846"
/>
</filter>
<filter
id="filter2_ii_18_14846"
x={5.7}
y={1.96768}
width={5.03734}
height={5.41552}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.905882 0 0 0 0 0.298039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14846"
/>
<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} dy={-0.4} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.894118 0 0 0 0 0.658824 0 0 0 0 0.160784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14846"
result="effect2_innerShadow_18_14846"
/>
</filter>
<filter
id="filter3_i_18_14846"
x={1.75}
y={17.1177}
width={5.04785}
height={4.17889}
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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.615686 0 0 0 0 0.219608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14846"
/>
</filter>
<filter
id="filter4_i_18_14846"
x={13.8289}
y={24.7398}
width={4.53278}
height={4.89253}
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.5} dy={-0.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.831373 0 0 0 0 0.588235 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14846"
/>
</filter>
<filter
id="filter5_iii_18_14846"
x={2.75}
y={1.86768}
width={25.75}
height={24.75}
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.5} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.772549 0 0 0 0 0.494118 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14846"
/>
<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={-1.25} dy={1.25} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.952941 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14846"
result="effect2_innerShadow_18_14846"
/>
<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={1.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.839216 0 0 0 0 0.619608 0 0 0 0 0.121569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_14846"
result="effect3_innerShadow_18_14846"
/>
</filter>
<radialGradient
id="paint0_radial_18_14846"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4063 19.5239) rotate(-27.3239) scale(4.22095 5.85482)"
>
<stop offset={0.746579} stopColor="#FFF055" stopOpacity={0} />
<stop offset={1} stopColor="#FFF055" />
</radialGradient>
<linearGradient
id="paint1_linear_18_14846"
x1={24.7188}
y1={2.83643}
x2={24.0312}
y2={3.86768}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF659" />
<stop offset={1} stopColor="#FFF659" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_14846"
x1={4.39894}
y1={17.3677}
x2={4.39894}
y2={18.3677}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DEAE2C" />
<stop offset={1} stopColor="#DEAE2C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_14846"
x1={17.625}
y1={27.336}
x2={16.5313}
y2={27.8051}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9C83C" />
<stop offset={1} stopColor="#F9C83C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_14846"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5043 8.11346) rotate(132.911) scale(16.4664 16.2945)"
>
<stop stopColor="#FAC632" />
<stop offset={1} stopColor="#F7C632" />
</radialGradient>
<radialGradient
id="paint5_radial_18_14846"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5 13.8677) rotate(90) scale(11.5)"
>
<stop stopColor="#DDBA38" />
<stop offset={1} stopColor="#DDBA38" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = GlowingStarIcon;