@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
285 lines (284 loc) • 10.2 kB
JSX
const React = require("react");
const StarAndCrescentIcon = ({ 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_1080)">
<rect
x={2.51233}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1080)"
/>
<rect
x={2.51233}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1080)"
/>
</g>
<g filter="url(#filter1_f_18590_1080)">
<path
d="M28.6998 4.1875V27.0625"
stroke="url(#paint2_linear_18590_1080)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1080)">
<path
d="M5.9762 3.5H27.7574"
stroke="url(#paint3_linear_18590_1080)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1080)">
<path
d="M23.6907 24.11C23.8005 24.0476 23.8668 23.9304 23.8668 23.8041C23.8668 23.5422 23.5939 23.3682 23.3505 23.4648C22.279 23.89 21.102 24.125 19.8668 24.125C14.8963 24.125 10.8668 20.3194 10.8668 15.625C10.8668 10.9306 14.8963 7.125 19.8668 7.125C21.102 7.125 22.279 7.35998 23.3505 7.7852C23.5939 7.88179 23.8668 7.70775 23.8668 7.44587C23.8668 7.31962 23.8005 7.20236 23.6907 7.13997C22.0018 6.1799 20.0056 5.625 17.8668 5.625C11.7917 5.625 6.86682 10.1022 6.86682 15.625C6.86682 21.1478 11.7917 25.625 17.8668 25.625C20.0056 25.625 22.0018 25.0701 23.6907 24.11Z"
fill="#6A4EBE"
/>
<path
d="M22.4789 12.8521C22.4331 12.7592 22.3006 12.7592 22.2547 12.8521L21.3673 14.6503C21.3491 14.6872 21.3139 14.7128 21.2732 14.7187L19.2888 15.007C19.1862 15.0219 19.1453 15.1479 19.2195 15.2202L20.6554 16.6199C20.6849 16.6486 20.6983 16.69 20.6914 16.7306L20.3524 18.7069C20.3349 18.809 20.4421 18.8869 20.5338 18.8387L22.3087 17.9056C22.3451 17.8864 22.3886 17.8864 22.425 17.9056L24.1999 18.8387C24.2916 18.8869 24.3988 18.809 24.3813 18.7069L24.0423 16.7305C24.0353 16.69 24.0488 16.6486 24.0782 16.6199L25.5142 15.2202C25.5883 15.1479 25.5474 15.0219 25.4449 15.007L23.4605 14.7187C23.4198 14.7128 23.3846 14.6872 23.3664 14.6503L22.4789 12.8521Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1080)">
<path
d="M23.6907 24.11C23.8005 24.0476 23.8668 23.9304 23.8668 23.8041C23.8668 23.5422 23.5939 23.3682 23.3505 23.4648C22.279 23.89 21.102 24.125 19.8668 24.125C14.8963 24.125 10.8668 20.3194 10.8668 15.625C10.8668 10.9306 14.8963 7.125 19.8668 7.125C21.102 7.125 22.279 7.35998 23.3505 7.7852C23.5939 7.88179 23.8668 7.70775 23.8668 7.44587C23.8668 7.31962 23.8005 7.20236 23.6907 7.13997C22.0018 6.1799 20.0056 5.625 17.8668 5.625C11.7917 5.625 6.86682 10.1022 6.86682 15.625C6.86682 21.1478 11.7917 25.625 17.8668 25.625C20.0056 25.625 22.0018 25.0701 23.6907 24.11Z"
fill="#FCF2FF"
/>
<path
d="M22.4789 12.8521C22.4331 12.7592 22.3006 12.7592 22.2547 12.8521L21.3673 14.6503C21.3491 14.6872 21.3139 14.7128 21.2732 14.7187L19.2888 15.007C19.1862 15.0219 19.1453 15.1479 19.2195 15.2202L20.6554 16.6199C20.6849 16.6486 20.6983 16.69 20.6914 16.7306L20.3524 18.7069C20.3349 18.809 20.4421 18.8869 20.5338 18.8387L22.3087 17.9056C22.3451 17.8864 22.3886 17.8864 22.425 17.9056L24.1999 18.8387C24.2916 18.8869 24.3988 18.809 24.3813 18.7069L24.0423 16.7305C24.0353 16.69 24.0488 16.6486 24.0782 16.6199L25.5142 15.2202C25.5883 15.1479 25.5474 15.0219 25.4449 15.007L23.4605 14.7187C23.4198 14.7128 23.3846 14.6872 23.3664 14.6503L22.4789 12.8521Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1080"
x={2.51233}
y={0.6875}
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_1080"
/>
<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_1080"
result="effect2_innerShadow_18590_1080"
/>
</filter>
<filter
id="filter1_f_18590_1080"
x={25.9498}
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_1080"
/>
</filter>
<filter
id="filter2_f_18590_1080"
x={3.2262}
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_1080"
/>
</filter>
<filter
id="filter3_f_18590_1080"
x={5.86682}
y={4.625}
width={20.6852}
height={22}
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_1080"
/>
</filter>
<filter
id="filter4_ii_18590_1080"
x={6.46682}
y={5.225}
width={19.4852}
height={20.8}
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_1080"
/>
<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_1080"
result="effect2_innerShadow_18590_1080"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1080"
x1={16.4498}
y1={5.26201}
x2={16.4498}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1080"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1686 3.78125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1080"
x1={29.1998}
y1={4.1875}
x2={29.1998}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1080"
x1={28.9137}
y1={3.75002}
x2={3.38245}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = StarAndCrescentIcon;