@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.34 kB
JSX
const React = require("react");
const AriesIcon = ({ 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_1138)">
<rect
x={2.51233}
y={2.1875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1138)"
/>
<rect
x={2.51233}
y={2.1875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1138)"
/>
</g>
<g filter="url(#filter1_f_18590_1138)">
<path
d="M28.6998 4.6875V27.5625"
stroke="url(#paint2_linear_18590_1138)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1138)">
<path
d="M5.9762 4H27.7574"
stroke="url(#paint3_linear_18590_1138)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1138)">
<path
d="M23.2063 5.625C22.1963 5.625 21.2163 5.985 20.4563 6.645C19.6863 7.295 19.1863 8.205 19.0263 9.205L16.6163 24.485C16.6063 24.565 16.5363 24.625 16.4463 24.625C16.3663 24.625 16.2863 24.565 16.2763 24.485L13.8663 9.195C13.7063 8.195 13.1963 7.295 12.4363 6.635C11.6663 5.985 10.6863 5.625 9.68629 5.625C7.34629 5.625 5.44629 7.525 5.44629 9.865C5.44629 10.415 5.89629 10.865 6.44629 10.865C6.99629 10.865 7.44629 10.415 7.44629 9.865C7.44629 8.625 8.44629 7.625 9.68629 7.625C10.7963 7.625 11.7263 8.415 11.8963 9.515L14.3063 24.795C14.4763 25.855 15.3763 26.625 16.4463 26.625C17.5163 26.625 18.4263 25.855 18.5863 24.795L20.9963 9.515C21.1663 8.425 22.0963 7.625 23.2063 7.625C24.4463 7.625 25.4463 8.625 25.4463 9.865C25.4463 10.415 25.8963 10.865 26.4463 10.865C26.9963 10.865 27.4463 10.415 27.4463 9.865C27.4463 7.525 25.5463 5.625 23.2063 5.625Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1138)">
<path
d="M23.2063 5.625C22.1963 5.625 21.2163 5.985 20.4563 6.645C19.6863 7.295 19.1863 8.205 19.0263 9.205L16.6163 24.485C16.6063 24.565 16.5363 24.625 16.4463 24.625C16.3663 24.625 16.2863 24.565 16.2763 24.485L13.8663 9.195C13.7063 8.195 13.1963 7.295 12.4363 6.635C11.6663 5.985 10.6863 5.625 9.68629 5.625C7.34629 5.625 5.44629 7.525 5.44629 9.865C5.44629 10.415 5.89629 10.865 6.44629 10.865C6.99629 10.865 7.44629 10.415 7.44629 9.865C7.44629 8.625 8.44629 7.625 9.68629 7.625C10.7963 7.625 11.7263 8.415 11.8963 9.515L14.3063 24.795C14.4763 25.855 15.3763 26.625 16.4463 26.625C17.5163 26.625 18.4263 25.855 18.5863 24.795L20.9963 9.515C21.1663 8.425 22.0963 7.625 23.2063 7.625C24.4463 7.625 25.4463 8.625 25.4463 9.865C25.4463 10.415 25.8963 10.865 26.4463 10.865C26.9963 10.865 27.4463 10.415 27.4463 9.865C27.4463 7.525 25.5463 5.625 23.2063 5.625Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1138"
x={2.51233}
y={1.1875}
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_1138"
/>
<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_1138"
result="effect2_innerShadow_18590_1138"
/>
</filter>
<filter
id="filter1_f_18590_1138"
x={25.9498}
y={1.9375}
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_1138"
/>
</filter>
<filter
id="filter2_f_18590_1138"
x={3.2262}
y={1.25}
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_1138"
/>
</filter>
<filter
id="filter3_f_18590_1138"
x={4.44629}
y={4.625}
width={24}
height={23}
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_1138"
/>
</filter>
<filter
id="filter4_ii_18590_1138"
x={5.04629}
y={5.225}
width={22.8}
height={21.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_1138"
/>
<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_1138"
result="effect2_innerShadow_18590_1138"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1138"
x1={16.4498}
y1={5.76201}
x2={16.4498}
y2={39.0147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1138"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1686 4.28125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1138"
x1={29.1998}
y1={4.6875}
x2={29.1998}
y2={27.5625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1138"
x1={28.9137}
y1={4.25002}
x2={3.38245}
y2={4.25002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = AriesIcon;