@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 10.3 kB
JSX
const React = require("react");
const ScorpioIcon = ({ 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_1236)">
<rect
x={2.30133}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1236)"
/>
<rect
x={2.30133}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1236)"
/>
</g>
<g filter="url(#filter1_f_18590_1236)">
<path
d="M28.4888 4.3125V27.1875"
stroke="url(#paint2_linear_18590_1236)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1236)">
<path
d="M5.7652 3.625H27.5464"
stroke="url(#paint3_linear_18590_1236)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1236)">
<path
d="M28.33 18.42L26.33 16.3C26.19 16.15 25.99 16.06 25.78 16.06C25.57 16.06 25.38 16.15 25.23 16.3L23.23 18.42C22.95 18.72 22.96 19.2 23.26 19.48C23.56 19.76 24.04 19.75 24.32 19.45L24.6078 19.1497C24.6702 19.0846 24.78 19.1288 24.78 19.2189V20.23V21.25V21.27C24.77 22.09 24.1 22.75 23.28 22.75C22.45 22.75 21.78 22.08 21.78 21.25V10.75C21.78 8.54 19.99 6.75 17.78 6.75C16.6308 6.75 15.5842 7.24429 14.8563 8.02571C14.8152 8.06983 14.7448 8.06983 14.7037 8.02571C13.9759 7.24429 12.9292 6.75 11.78 6.75C10.6308 6.75 9.58421 7.24429 8.85633 8.02571C8.81523 8.06983 8.74483 8.06983 8.70373 8.02571C7.97585 7.24429 6.92924 6.75 5.78003 6.75C5.23003 6.75 4.78003 7.2 4.78003 7.75C4.78003 8.3 5.23003 8.75 5.78003 8.75C6.88003 8.75 7.78003 9.65 7.78003 10.75V14.25V23.75C7.78003 24.3 8.23003 24.75 8.78003 24.75C9.33003 24.75 9.78003 24.3 9.78003 23.75V14.25V10.75C9.78003 9.65 10.68 8.75 11.78 8.75C12.88 8.75 13.78 9.65 13.78 10.75V23.75C13.78 24.3 14.23 24.75 14.78 24.75C15.33 24.75 15.78 24.3 15.78 23.75V10.75C15.78 9.65 16.68 8.75 17.78 8.75C18.88 8.75 19.78 9.65 19.78 10.75V21.25C19.78 23.18 21.35 24.75 23.28 24.75C25.21 24.75 26.78 23.18 26.78 21.25V20.23V19.2229C26.78 19.1322 26.891 19.0883 26.953 19.1545L27.23 19.45C27.38 19.61 27.58 19.69 27.78 19.69C27.96 19.69 28.15 19.62 28.29 19.49C28.6 19.2 28.61 18.73 28.33 18.42Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1236)">
<path
d="M28.33 18.42L26.33 16.3C26.19 16.15 25.99 16.06 25.78 16.06C25.57 16.06 25.38 16.15 25.23 16.3L23.23 18.42C22.95 18.72 22.96 19.2 23.26 19.48C23.56 19.76 24.04 19.75 24.32 19.45L24.6078 19.1497C24.6702 19.0846 24.78 19.1288 24.78 19.2189V20.23V21.25V21.27C24.77 22.09 24.1 22.75 23.28 22.75C22.45 22.75 21.78 22.08 21.78 21.25V10.75C21.78 8.54 19.99 6.75 17.78 6.75C16.6308 6.75 15.5842 7.24429 14.8563 8.02571C14.8152 8.06983 14.7448 8.06983 14.7037 8.02571C13.9759 7.24429 12.9292 6.75 11.78 6.75C10.6308 6.75 9.58421 7.24429 8.85633 8.02571C8.81523 8.06983 8.74483 8.06983 8.70373 8.02571C7.97585 7.24429 6.92924 6.75 5.78003 6.75C5.23003 6.75 4.78003 7.2 4.78003 7.75C4.78003 8.3 5.23003 8.75 5.78003 8.75C6.88003 8.75 7.78003 9.65 7.78003 10.75V14.25V23.75C7.78003 24.3 8.23003 24.75 8.78003 24.75C9.33003 24.75 9.78003 24.3 9.78003 23.75V14.25V10.75C9.78003 9.65 10.68 8.75 11.78 8.75C12.88 8.75 13.78 9.65 13.78 10.75V23.75C13.78 24.3 14.23 24.75 14.78 24.75C15.33 24.75 15.78 24.3 15.78 23.75V10.75C15.78 9.65 16.68 8.75 17.78 8.75C18.88 8.75 19.78 9.65 19.78 10.75V21.25C19.78 23.18 21.35 24.75 23.28 24.75C25.21 24.75 26.78 23.18 26.78 21.25V20.23V19.2229C26.78 19.1322 26.891 19.0883 26.953 19.1545L27.23 19.45C27.38 19.61 27.58 19.69 27.78 19.69C27.96 19.69 28.15 19.62 28.29 19.49C28.6 19.2 28.61 18.73 28.33 18.42Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1236"
x={2.30133}
y={0.8125}
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_1236"
/>
<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_1236"
result="effect2_innerShadow_18590_1236"
/>
</filter>
<filter
id="filter1_f_18590_1236"
x={25.7388}
y={1.5625}
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_1236"
/>
</filter>
<filter
id="filter2_f_18590_1236"
x={3.0152}
y={0.875}
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_1236"
/>
</filter>
<filter
id="filter3_f_18590_1236"
x={3.78003}
y={5.75}
width={25.7516}
height={20}
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_1236"
/>
</filter>
<filter
id="filter4_ii_18590_1236"
x={4.38003}
y={6.35}
width={24.5516}
height={18.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_1236"
/>
<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_1236"
result="effect2_innerShadow_18590_1236"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1236"
x1={16.2388}
y1={5.38701}
x2={16.2388}
y2={38.6397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1236"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9576 3.90625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1236"
x1={28.9888}
y1={4.3125}
x2={28.9888}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1236"
x1={28.7027}
y1={3.87502}
x2={3.17145}
y2={3.87502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = ScorpioIcon;