@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 10.5 kB
JSX
const React = require("react");
const OphiuchusIcon = ({ 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_1306)">
<rect
x={2.30133}
y={2.1875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1306)"
/>
<rect
x={2.30133}
y={2.1875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1306)"
/>
</g>
<g filter="url(#filter1_f_18590_1306)">
<path
d="M28.4888 4.6875V27.5625"
stroke="url(#paint2_linear_18590_1306)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1306)">
<path
d="M5.7652 4H27.5464"
stroke="url(#paint3_linear_18590_1306)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1306)">
<path
d="M11.1521 8.125C11.1521 7.57272 10.7044 7.125 10.1521 7.125C9.59981 7.125 9.1521 7.57272 9.1521 8.125V12.493C9.1521 12.5415 9.11727 12.5829 9.0696 12.5919C7.23216 12.938 5.53383 13.9516 4.3525 15.5245C4.02083 15.9661 4.10995 16.5929 4.55156 16.9246C4.99316 17.2563 5.62002 17.1672 5.95169 16.7256C6.73635 15.6808 7.82968 14.9698 9.02888 14.6506C9.09146 14.6339 9.1521 14.6816 9.1521 14.7464V18.125C9.1521 21.9873 12.2898 25.125 16.1521 25.125C20.0144 25.125 23.1521 21.9873 23.1521 18.125V17.7671C23.1521 17.7186 23.1869 17.6771 23.2346 17.6682C25.072 17.3221 26.7704 16.3085 27.9517 14.7356C28.2834 14.294 28.1942 13.6671 27.7526 13.3354C27.311 13.0038 26.6842 13.0929 26.3525 13.5345C25.5678 14.5792 24.4745 15.2902 23.2753 15.6095C23.2127 15.6261 23.1521 15.5784 23.1521 15.5137V8.125C23.1521 7.57272 22.7044 7.125 22.1521 7.125C21.5998 7.125 21.1521 7.57272 21.1521 8.125V15.6494C21.1521 15.7092 21.0998 15.7558 21.0405 15.7476C20.6308 15.6909 20.2228 15.5887 19.8236 15.4388L13.1836 12.9488C12.5482 12.7103 11.8961 12.5609 11.2434 12.4963C11.1918 12.4912 11.1521 12.448 11.1521 12.3961V8.125ZM11.1521 14.6107C11.1521 14.5508 11.2044 14.5043 11.2637 14.5125C11.6735 14.5691 12.0818 14.6715 12.481 14.8214L19.121 17.3113C19.7563 17.5499 20.4081 17.6992 21.0608 17.7637C21.1124 17.7688 21.1521 17.812 21.1521 17.8639V18.125C21.1521 20.8827 18.9098 23.125 16.1521 23.125C13.3944 23.125 11.1521 20.8827 11.1521 18.125V14.6107Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1306)">
<path
d="M11.1521 8.125C11.1521 7.57272 10.7044 7.125 10.1521 7.125C9.59981 7.125 9.1521 7.57272 9.1521 8.125V12.493C9.1521 12.5415 9.11727 12.5829 9.0696 12.5919C7.23216 12.938 5.53383 13.9516 4.3525 15.5245C4.02083 15.9661 4.10995 16.5929 4.55156 16.9246C4.99316 17.2563 5.62002 17.1672 5.95169 16.7256C6.73635 15.6808 7.82968 14.9698 9.02888 14.6506C9.09146 14.6339 9.1521 14.6816 9.1521 14.7464V18.125C9.1521 21.9873 12.2898 25.125 16.1521 25.125C20.0144 25.125 23.1521 21.9873 23.1521 18.125V17.7671C23.1521 17.7186 23.1869 17.6771 23.2346 17.6682C25.072 17.3221 26.7704 16.3085 27.9517 14.7356C28.2834 14.294 28.1942 13.6671 27.7526 13.3354C27.311 13.0038 26.6842 13.0929 26.3525 13.5345C25.5678 14.5792 24.4745 15.2902 23.2753 15.6095C23.2127 15.6261 23.1521 15.5784 23.1521 15.5137V8.125C23.1521 7.57272 22.7044 7.125 22.1521 7.125C21.5998 7.125 21.1521 7.57272 21.1521 8.125V15.6494C21.1521 15.7092 21.0998 15.7558 21.0405 15.7476C20.6308 15.6909 20.2228 15.5887 19.8236 15.4388L13.1836 12.9488C12.5482 12.7103 11.8961 12.5609 11.2434 12.4963C11.1918 12.4912 11.1521 12.448 11.1521 12.3961V8.125ZM11.1521 14.6107C11.1521 14.5508 11.2044 14.5043 11.2637 14.5125C11.6735 14.5691 12.0818 14.6715 12.481 14.8214L19.121 17.3113C19.7563 17.5499 20.4081 17.6992 21.0608 17.7637C21.1124 17.7688 21.1521 17.812 21.1521 17.8639V18.125C21.1521 20.8827 18.9098 23.125 16.1521 23.125C13.3944 23.125 11.1521 20.8827 11.1521 18.125V14.6107Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1306"
x={2.30133}
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_1306"
/>
<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_1306"
result="effect2_innerShadow_18590_1306"
/>
</filter>
<filter
id="filter1_f_18590_1306"
x={25.7388}
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_1306"
/>
</filter>
<filter
id="filter2_f_18590_1306"
x={3.0152}
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_1306"
/>
</filter>
<filter
id="filter3_f_18590_1306"
x={3.15204}
y={6.125}
width={26.0001}
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_1306"
/>
</filter>
<filter
id="filter4_ii_18590_1306"
x={3.75204}
y={6.725}
width={24.8001}
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_1306"
/>
<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_1306"
result="effect2_innerShadow_18590_1306"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1306"
x1={16.2388}
y1={5.76201}
x2={16.2388}
y2={39.0147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1306"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9576 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_1306"
x1={28.9888}
y1={4.6875}
x2={28.9888}
y2={27.5625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1306"
x1={28.7027}
y1={4.25002}
x2={3.17145}
y2={4.25002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = OphiuchusIcon;