@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
296 lines (295 loc) • 10.4 kB
JSX
const React = require("react");
const EightPointedStarIcon = ({ 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_18590_2105)">
<rect
x={2.51086}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2105)"
/>
<rect
x={2.51086}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2105)"
/>
</g>
<g filter="url(#filter1_f_18590_2105)">
<path
d="M28.6984 4.1875V27.0625"
stroke="url(#paint2_linear_18590_2105)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2105)">
<path
d="M5.97473 3.5H27.756"
stroke="url(#paint3_linear_18590_2105)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2105)">
<path
d="M16.2019 6.62558C16.2637 6.3709 16.6259 6.3709 16.6878 6.62558L17.8948 11.5969C17.9348 11.7614 18.1232 11.8395 18.2678 11.7514L22.6366 9.08967C22.8604 8.9533 23.1165 9.20942 22.9802 9.43324L20.3184 13.802C20.2303 13.9466 20.3084 14.1351 20.4729 14.175L25.4442 15.3821C25.6989 15.4439 25.6989 15.8061 25.4442 15.8679L20.4729 17.075C20.3084 17.1149 20.2303 17.3034 20.3184 17.448L22.9802 21.8168C23.1165 22.0406 22.8604 22.2967 22.6366 22.1603L18.2678 19.4986C18.1232 19.4105 17.9348 19.4886 17.8948 19.6531L16.6878 24.6244C16.6259 24.8791 16.2637 24.8791 16.2019 24.6244L14.9948 19.6531C14.9549 19.4886 14.7664 19.4105 14.6218 19.4986L10.2531 22.1603C10.0292 22.2967 9.77313 22.0406 9.90949 21.8168L12.5712 17.448C12.6593 17.3034 12.5813 17.1149 12.4167 17.075L7.44541 15.8679C7.19072 15.8061 7.19072 15.4439 7.44541 15.3821L12.4167 14.175C12.5813 14.1351 12.6593 13.9466 12.5712 13.802L9.90949 9.43324C9.77313 9.20942 10.0292 8.9533 10.2531 9.08967L14.6218 11.7514C14.7664 11.8395 14.9549 11.7614 14.9948 11.5969L16.2019 6.62558Z"
fill="#FF8A53"
/>
</g>
<g filter="url(#filter4_ii_18590_2105)">
<path
d="M16.2019 6.62558C16.2637 6.3709 16.6259 6.3709 16.6878 6.62558L17.8948 11.5969C17.9348 11.7614 18.1232 11.8395 18.2678 11.7514L22.6366 9.08967C22.8604 8.9533 23.1165 9.20942 22.9802 9.43324L20.3184 13.802C20.2303 13.9466 20.3084 14.1351 20.4729 14.175L25.4442 15.3821C25.6989 15.4439 25.6989 15.8061 25.4442 15.8679L20.4729 17.075C20.3084 17.1149 20.2303 17.3034 20.3184 17.448L22.9802 21.8168C23.1165 22.0406 22.8604 22.2967 22.6366 22.1603L18.2678 19.4986C18.1232 19.4105 17.9348 19.4886 17.8948 19.6531L16.6878 24.6244C16.6259 24.8791 16.2637 24.8791 16.2019 24.6244L14.9948 19.6531C14.9549 19.4886 14.7664 19.4105 14.6218 19.4986L10.2531 22.1603C10.0292 22.2967 9.77313 22.0406 9.90949 21.8168L12.5712 17.448C12.6593 17.3034 12.5813 17.1149 12.4167 17.075L7.44541 15.8679C7.19072 15.8061 7.19072 15.4439 7.44541 15.3821L12.4167 14.175C12.5813 14.1351 12.6593 13.9466 12.5712 13.802L9.90949 9.43324C9.77313 9.20942 10.0292 8.9533 10.2531 9.08967L14.6218 11.7514C14.7664 11.8395 14.9549 11.7614 14.9948 11.5969L16.2019 6.62558Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_2105"
x={2.01086}
y={0.6875}
width={29.375}
height={29.375}
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={1} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.992157 0 0 0 0 0.384314 0 0 0 0 0.164706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2105"
/>
<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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.32549 0 0 0 0 0.168627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2105"
result="effect2_innerShadow_18590_2105"
/>
<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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.741176 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_2105"
result="effect3_innerShadow_18590_2105"
/>
</filter>
<filter
id="filter1_f_18590_2105"
x={25.9484}
y={1.4375}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_2105"
/>
</filter>
<filter
id="filter2_f_18590_2105"
x={3.22473}
y={0.75}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_2105"
/>
</filter>
<filter
id="filter3_f_18590_2105"
x={6.25439}
y={5.43457}
width={20.3809}
height={20.3809}
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_18590_2105"
/>
</filter>
<filter
id="filter4_ii_18590_2105"
x={6.85439}
y={6.03457}
width={19.1809}
height={19.1809}
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 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2105"
/>
<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.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2105"
result="effect2_innerShadow_18590_2105"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2105"
x1={16.4484}
y1={5.26201}
x2={16.4484}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFA851" />
<stop offset={1} stopColor="#FF7E50" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2105"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1671 3.78125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#FFD774" />
<stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
<stop offset={1} stopColor="#FFD774" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2105"
x1={29.1984}
y1={4.1875}
x2={29.1984}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE69" />
<stop offset={1} stopColor="#FF9C61" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2105"
x1={28.9122}
y1={3.75002}
x2={3.38098}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC85B" />
<stop offset={1} stopColor="#FFB156" />
</linearGradient>
</defs>
</svg>
);
module.exports = EightPointedStarIcon;