@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
181 lines (180 loc) • 9.22 kB
JSX
const React = require("react");
const StarIcon = ({ 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_iii_18_14837)">
<path
d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z"
fill="url(#paint0_radial_18_14837)"
/>
<path
d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z"
fill="url(#paint1_radial_18_14837)"
/>
</g>
<path
d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z"
fill="url(#paint2_radial_18_14837)"
/>
<path
d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z"
fill="url(#paint3_radial_18_14837)"
/>
<path
d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z"
fill="url(#paint4_radial_18_14837)"
/>
<path
d="M18.6046 3.74448L20.8077 8.36425C21.1488 9.05025 21.771 9.5326 22.4934 9.63978L27.4208 10.3365C29.9595 10.7117 30.9171 13.4375 28.9483 15.4219L25.4952 18.9844C24.9333 19.5417 24.6724 20.3671 24.8128 21.171L25.5889 26.2344C26.0304 28.8605 23.8186 30.7236 21.5809 29.5231L17.0454 27.1114C16.4133 26.7791 15.6708 26.7791 15.0386 27.1114L10.5031 29.5231C8.26548 30.7128 5.91705 28.9062 6.5733 26.1719L7.33893 21.2188C7.47941 20.4148 7.21852 19.5895 6.6566 19.0322L3.13576 15.3438C1.15142 13.3828 2.12453 10.7117 4.66319 10.3365L9.40939 9.63978C10.1319 9.5326 10.9609 9.06097 11.2921 8.36425L13.5397 3.74448C14.6836 1.41851 17.4707 1.41851 18.6046 3.74448Z"
fill="url(#paint5_radial_18_14837)"
/>
<defs>
<filter
id="filter0_iii_18_14837"
x={0.827209}
y={1.5}
width={30.6728}
height={29.6455}
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_14837"
/>
<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_14837"
result="effect2_innerShadow_18_14837"
/>
<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.698039 0 0 0 0 0.537255 0 0 0 0 0.192157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_14837"
result="effect3_innerShadow_18_14837"
/>
</filter>
<radialGradient
id="paint0_radial_18_14837"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5421 8.96877) rotate(132.939) scale(19.9803 19.7731)"
>
<stop stopColor="#FAC632" />
<stop offset={1} stopColor="#F7C632" />
</radialGradient>
<radialGradient
id="paint1_radial_18_14837"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0386 15.9478) rotate(90) scale(13.9478 13.9614)"
>
<stop stopColor="#DDBA38" />
<stop offset={1} stopColor="#DDBA38" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_14837"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.06005 10.0815) rotate(74.0546) scale(2.26515 7.5594)"
>
<stop stopColor="#DDBA38" />
<stop offset={1} stopColor="#DDBA38" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_14837"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.07721 11.5205) rotate(16.0828) scale(3.93102 3.93486)"
>
<stop stopColor="#B5953A" />
<stop offset={1} stopColor="#B5953A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_14837"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.88802 30.8113) rotate(-58.4957) scale(2.82823 2.83099)"
>
<stop stopColor="#C47E42" />
<stop offset={1} stopColor="#C47E42" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_14837"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(31.0569 11.6761) rotate(150.751) scale(2.2288 2.93061)"
>
<stop stopColor="#FFF246" />
<stop offset={1} stopColor="#FFF246" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = StarIcon;