@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
285 lines (284 loc) • 12.4 kB
JSX
const React = require("react");
const DottedSixPointedStarIcon = ({ 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_18590_1123)">
<rect
x={2.51233}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1123)"
/>
<rect
x={2.51233}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1123)"
/>
</g>
<g filter="url(#filter1_f_18590_1123)">
<path
d="M28.6998 4.8125V27.6875"
stroke="url(#paint2_linear_18590_1123)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1123)">
<path
d="M5.9762 4.125H27.7574"
stroke="url(#paint3_linear_18590_1123)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1123)">
<path
d="M16.4463 17.2501C16.9985 17.2501 17.4463 16.8023 17.4463 16.2501C17.4463 15.6978 16.9985 15.2501 16.4463 15.2501C15.894 15.2501 15.4463 15.6978 15.4463 16.2501C15.4463 16.8023 15.894 17.2501 16.4463 17.2501Z"
fill="#6A4EBE"
/>
<path
d="M15.5802 6.75L13.2997 10.7C13.2819 10.7309 13.2488 10.75 13.2131 10.75L8.652 10.75C7.8822 10.75 7.40108 11.5833 7.78598 12.25L10.0665 16.2C10.0844 16.2309 10.0844 16.2691 10.0665 16.3L7.78601 20.25C7.40111 20.9167 7.88223 21.75 8.65203 21.75H13.2131C13.2488 21.75 13.2818 21.7691 13.2997 21.8L15.5802 25.75C15.9651 26.4166 16.9274 26.4166 17.3123 25.75L19.5928 21.8C19.6106 21.7691 19.6436 21.75 19.6794 21.75H24.2405C25.0103 21.75 25.4914 20.9167 25.1065 20.25L22.826 16.3C22.8081 16.269 22.8081 16.2309 22.826 16.2L25.1065 12.25C25.4914 11.5833 25.0103 10.75 24.2405 10.75L19.6794 10.75C19.6437 10.75 19.6107 10.7309 19.5928 10.7L17.3123 6.75C16.9274 6.08333 15.9651 6.08333 15.5802 6.75ZM16.3597 8.4C16.3981 8.33333 16.4944 8.33333 16.5329 8.4L17.803 10.6C17.8415 10.6666 17.7934 10.75 17.7164 10.75H15.1761C15.0991 10.75 15.051 10.6666 15.0895 10.6L16.3597 8.4ZM9.60463 12.4C9.56614 12.3333 9.61426 12.25 9.69124 12.25H12.2316C12.3086 12.25 12.3567 12.3333 12.3182 12.4L11.048 14.6C11.0095 14.6667 10.9133 14.6667 10.8748 14.6L9.60463 12.4ZM14.108 12.3C14.1259 12.269 14.1589 12.25 14.1946 12.25H18.6979C18.7336 12.25 18.7666 12.269 18.7845 12.3L21.0362 16.2C21.054 16.2309 21.054 16.269 21.0362 16.3L18.7845 20.2C18.7666 20.2309 18.7336 20.25 18.6979 20.25H14.1946C14.1589 20.25 14.1258 20.2309 14.108 20.2L11.8563 16.3C11.8385 16.2691 11.8385 16.2309 11.8563 16.2L14.108 12.3ZM9.69126 20.25C9.61428 20.25 9.56617 20.1667 9.60466 20.1L10.8748 17.9C10.9133 17.8333 11.0095 17.8333 11.048 17.9L12.3182 20.1C12.3567 20.1667 12.3086 20.25 12.2316 20.25H9.69126ZM16.5328 24.1C16.4943 24.1666 16.3981 24.1666 16.3596 24.1L15.0895 21.9C15.051 21.8333 15.0991 21.75 15.1761 21.75H17.7164C17.7934 21.75 17.8415 21.8333 17.803 21.9L16.5328 24.1ZM21.8445 17.9C21.883 17.8333 21.9792 17.8333 22.0177 17.9L23.2879 20.1C23.3264 20.1667 23.2782 20.25 23.2013 20.25H20.6609C20.5839 20.25 20.5358 20.1667 20.5743 20.1L21.8445 17.9ZM23.2012 12.25C23.2782 12.25 23.3263 12.3333 23.2878 12.4L22.0177 14.6C21.9792 14.6666 21.883 14.6666 21.8445 14.6L20.5743 12.4C20.5358 12.3333 20.5839 12.25 20.6609 12.25H23.2012Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1123)">
<path
d="M16.4463 17.2501C16.9985 17.2501 17.4463 16.8023 17.4463 16.2501C17.4463 15.6978 16.9985 15.2501 16.4463 15.2501C15.894 15.2501 15.4463 15.6978 15.4463 16.2501C15.4463 16.8023 15.894 17.2501 16.4463 17.2501Z"
fill="#FCF2FF"
/>
<path
d="M15.5802 6.75L13.2997 10.7C13.2819 10.7309 13.2488 10.75 13.2131 10.75L8.652 10.75C7.8822 10.75 7.40108 11.5833 7.78598 12.25L10.0665 16.2C10.0844 16.2309 10.0844 16.2691 10.0665 16.3L7.78601 20.25C7.40111 20.9167 7.88223 21.75 8.65203 21.75H13.2131C13.2488 21.75 13.2818 21.7691 13.2997 21.8L15.5802 25.75C15.9651 26.4166 16.9274 26.4166 17.3123 25.75L19.5928 21.8C19.6106 21.7691 19.6436 21.75 19.6794 21.75H24.2405C25.0103 21.75 25.4914 20.9167 25.1065 20.25L22.826 16.3C22.8081 16.269 22.8081 16.2309 22.826 16.2L25.1065 12.25C25.4914 11.5833 25.0103 10.75 24.2405 10.75L19.6794 10.75C19.6437 10.75 19.6107 10.7309 19.5928 10.7L17.3123 6.75C16.9274 6.08333 15.9651 6.08333 15.5802 6.75ZM16.3597 8.4C16.3981 8.33333 16.4944 8.33333 16.5329 8.4L17.803 10.6C17.8415 10.6666 17.7934 10.75 17.7164 10.75H15.1761C15.0991 10.75 15.051 10.6666 15.0895 10.6L16.3597 8.4ZM9.60463 12.4C9.56614 12.3333 9.61426 12.25 9.69124 12.25H12.2316C12.3086 12.25 12.3567 12.3333 12.3182 12.4L11.048 14.6C11.0095 14.6667 10.9133 14.6667 10.8748 14.6L9.60463 12.4ZM14.108 12.3C14.1259 12.269 14.1589 12.25 14.1946 12.25H18.6979C18.7336 12.25 18.7666 12.269 18.7845 12.3L21.0362 16.2C21.054 16.2309 21.054 16.269 21.0362 16.3L18.7845 20.2C18.7666 20.2309 18.7336 20.25 18.6979 20.25H14.1946C14.1589 20.25 14.1258 20.2309 14.108 20.2L11.8563 16.3C11.8385 16.2691 11.8385 16.2309 11.8563 16.2L14.108 12.3ZM9.69126 20.25C9.61428 20.25 9.56617 20.1667 9.60466 20.1L10.8748 17.9C10.9133 17.8333 11.0095 17.8333 11.048 17.9L12.3182 20.1C12.3567 20.1667 12.3086 20.25 12.2316 20.25H9.69126ZM16.5328 24.1C16.4943 24.1666 16.3981 24.1666 16.3596 24.1L15.0895 21.9C15.051 21.8333 15.0991 21.75 15.1761 21.75H17.7164C17.7934 21.75 17.8415 21.8333 17.803 21.9L16.5328 24.1ZM21.8445 17.9C21.883 17.8333 21.9792 17.8333 22.0177 17.9L23.2879 20.1C23.3264 20.1667 23.2782 20.25 23.2013 20.25H20.6609C20.5839 20.25 20.5358 20.1667 20.5743 20.1L21.8445 17.9ZM23.2012 12.25C23.2782 12.25 23.3263 12.3333 23.2878 12.4L22.0177 14.6C21.9792 14.6666 21.883 14.6666 21.8445 14.6L20.5743 12.4C20.5358 12.3333 20.5839 12.25 20.6609 12.25H23.2012Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1123"
x={2.51233}
y={1.3125}
width={29.875}
height={28.875}
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={2} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1123"
/>
<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 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1123"
result="effect2_innerShadow_18590_1123"
/>
</filter>
<filter
id="filter1_f_18590_1123"
x={25.9498}
y={2.0625}
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_1123"
/>
</filter>
<filter
id="filter2_f_18590_1123"
x={3.2262}
y={1.375}
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_1123"
/>
</filter>
<filter
id="filter3_f_18590_1123"
x={6.65051}
y={5.25}
width={19.5915}
height={21.9999}
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_1123"
/>
</filter>
<filter
id="filter4_ii_18590_1123"
x={7.25051}
y={5.85}
width={18.3915}
height={20.7999}
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_1123"
/>
<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_1123"
result="effect2_innerShadow_18590_1123"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1123"
x1={16.4498}
y1={5.88701}
x2={16.4498}
y2={39.1397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1123"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1686 4.40625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1123"
x1={29.1998}
y1={4.8125}
x2={29.1998}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1123"
x1={28.9137}
y1={4.37502}
x2={3.38245}
y2={4.37502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = DottedSixPointedStarIcon;