@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
1,103 lines (1,102 loc) • 32.8 kB
JSX
const React = require("react");
const SpiderIcon = ({ 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}
<path
d="M13.9805 6.66312C13.9805 6.12745 14.2494 5.62756 14.6964 5.33234V5.33234C14.932 5.17671 15.2461 5.34569 15.2461 5.62807V8.07861H13.9805V6.66312Z"
fill="#403947"
/>
<path
d="M13.9805 6.66312C13.9805 6.12745 14.2494 5.62756 14.6964 5.33234V5.33234C14.932 5.17671 15.2461 5.34569 15.2461 5.62807V8.07861H13.9805V6.66312Z"
fill="url(#paint0_linear_28327_6626)"
/>
<path
d="M13.9805 6.66312C13.9805 6.12745 14.2494 5.62756 14.6964 5.33234V5.33234C14.932 5.17671 15.2461 5.34569 15.2461 5.62807V8.07861H13.9805V6.66312Z"
fill="url(#paint1_radial_28327_6626)"
/>
<g filter="url(#filter0_f_28327_6626)">
<path
d="M15.0898 5.55518V7.07861"
stroke="url(#paint2_linear_28327_6626)"
strokeWidth={0.05}
strokeLinecap="round"
/>
</g>
<path
d="M18.0039 6.66312C18.0039 6.12745 17.735 5.62756 17.288 5.33234V5.33234C17.0524 5.17671 16.7383 5.34569 16.7383 5.62807V8.07861H18.0039V6.66312Z"
fill="#403947"
/>
<path
d="M18.0039 6.66312C18.0039 6.12745 17.735 5.62756 17.288 5.33234V5.33234C17.0524 5.17671 16.7383 5.34569 16.7383 5.62807V8.07861H18.0039V6.66312Z"
fill="url(#paint3_linear_28327_6626)"
/>
<path
d="M18.0039 6.66312C18.0039 6.12745 17.735 5.62756 17.288 5.33234V5.33234C17.0524 5.17671 16.7383 5.34569 16.7383 5.62807V8.07861H18.0039V6.66312Z"
fill="url(#paint4_radial_28327_6626)"
/>
<path
d="M18.0039 6.66312C18.0039 6.12745 17.735 5.62756 17.288 5.33234V5.33234C17.0524 5.17671 16.7383 5.34569 16.7383 5.62807V8.07861H18.0039V6.66312Z"
fill="url(#paint5_linear_28327_6626)"
/>
<g filter="url(#filter1_i_28327_6626)">
<circle cx={16} cy={10.2075} r={3.48047} fill="#4F3E5F" />
<circle
cx={16}
cy={10.2075}
r={3.48047}
fill="url(#paint6_radial_28327_6626)"
/>
<circle
cx={16}
cy={10.2075}
r={3.48047}
fill="url(#paint7_radial_28327_6626)"
/>
<circle
cx={16}
cy={10.2075}
r={3.48047}
fill="url(#paint8_radial_28327_6626)"
/>
</g>
<path
d="M10.9297 19.7271C9.35674 20.9875 6.42967 24.9146 8.29676 28.9536"
stroke="url(#paint9_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter2_f_28327_6626)">
<path
d="M11.0703 19.7271C9.49737 20.9875 6.5703 24.9146 8.43738 28.9536"
stroke="url(#paint10_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M2.76562 22.9692C3.38542 21.0474 5.39844 17.4614 10.5234 17.0942"
stroke="url(#paint11_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M2.76562 22.9692C3.38542 21.0474 5.39844 17.4614 10.5234 17.0942"
stroke="url(#paint12_radial_28327_6626)"
strokeOpacity={0.6}
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter3_f_28327_6626)">
<path
d="M2.875 22.9692C3.49479 21.0474 5.50781 17.4614 10.6328 17.0942"
stroke="url(#paint13_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M2.77344 6.46924C3.25781 8.82861 5.57031 14.0317 12.1641 14.813"
stroke="url(#paint14_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M2.77344 6.46924C3.25781 8.82861 5.57031 14.0317 12.1641 14.813"
stroke="url(#paint15_radial_28327_6626)"
strokeOpacity={0.6}
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter4_f_28327_6626)">
<path
d="M2.77344 6.31689C3.25781 8.67627 5.57031 13.8794 12.1641 14.6606"
stroke="url(#paint16_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M8.55467 2.45361C8.38282 5.62549 8.82031 11.5474 13.4141 13.3286"
stroke="url(#paint17_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M8.55467 2.45361C8.38282 5.62549 8.82031 11.5474 13.4141 13.3286"
stroke="url(#paint18_radial_28327_6626)"
strokeOpacity={0.6}
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter5_f_28327_6626)">
<path
d="M8.74803 2.45361C8.57618 5.62549 9.01367 11.5474 13.6074 13.3286"
stroke="url(#paint19_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M21.0703 19.7271C22.6433 20.9875 25.5703 24.9146 23.7032 28.9536"
stroke="url(#paint20_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter6_f_28327_6626)">
<path
d="M21.0703 19.7271C22.6433 20.9875 25.5703 24.9146 23.7032 28.9536"
stroke="url(#paint21_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M29.2344 22.9692C28.6146 21.0474 26.6016 17.4614 21.4766 17.0942"
stroke="url(#paint22_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter7_f_28327_6626)">
<path
d="M29.2344 22.9692C28.6146 21.0474 26.6016 17.4614 21.4766 17.0942"
stroke="url(#paint23_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M29.2266 6.46924C28.7422 8.82861 26.4297 14.0317 19.8359 14.813"
stroke="url(#paint24_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M29.2266 6.46924C28.7422 8.82861 26.4297 14.0317 19.8359 14.813"
stroke="url(#paint25_radial_28327_6626)"
strokeOpacity={0.75}
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter8_f_28327_6626)">
<path
d="M29.2266 6.46924C28.7422 8.82861 26.4297 14.0317 19.8359 14.813"
stroke="url(#paint26_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<path
d="M23.4453 2.45361C23.6172 5.62549 23.1797 11.5474 18.5859 13.3286"
stroke="url(#paint27_linear_28327_6626)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M23.4453 2.45361C23.6172 5.62549 23.1797 11.5474 18.5859 13.3286"
stroke="url(#paint28_radial_28327_6626)"
strokeOpacity={0.75}
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter9_f_28327_6626)">
<path
d="M23.4453 2.45361C23.6172 5.62549 23.1797 11.5474 18.5859 13.3286"
stroke="url(#paint29_linear_28327_6626)"
strokeWidth={0.25}
strokeLinecap="round"
/>
</g>
<circle cx={15.9922} cy={17.6841} r={5.98828} fill="#332B3B" />
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint30_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint31_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint32_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint33_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint34_radial_28327_6626)"
/>
<circle cx={15.9922} cy={17.6841} r={5.98828} fill="#332B3B" />
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint35_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint36_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint37_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint38_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint39_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint40_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint41_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint42_radial_28327_6626)"
/>
<circle
cx={15.9922}
cy={17.6841}
r={5.98828}
fill="url(#paint43_radial_28327_6626)"
/>
<g filter="url(#filter10_f_28327_6626)">
<ellipse
cx={18.2857}
cy={17.0443}
rx={3.27209}
ry={3.57295}
transform="rotate(-15.2403 18.2857 17.0443)"
fill="url(#paint44_radial_28327_6626)"
/>
</g>
<g filter="url(#filter11_f_28327_6626)">
<circle
cx={17.043}
cy={9.56299}
r={1.95312}
fill="url(#paint45_radial_28327_6626)"
/>
</g>
<defs>
<filter
id="filter0_f_28327_6626"
x={14.9648}
y={5.43015}
width={0.249988}
height={1.77349}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter1_i_28327_6626"
x={12.5195}
y={6.72705}
width={6.96094}
height={6.96094}
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 />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.411302 0 0 0 0 0.380937 0 0 0 0 0.441667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_28327_6626"
/>
</filter>
<filter
id="filter2_f_28327_6626"
x={7.31008}
y={19.2021}
width={4.2852}
height={10.2766}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter3_f_28327_6626"
x={2.34997}
y={16.5692}
width={8.80784}
height={6.925}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter4_f_28327_6626"
x={2.24841}
y={5.79189}
width={10.4407}
height={9.39375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter5_f_28327_6626"
x={8.19314}
y={1.92861}
width={5.93931}
height={11.925}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter6_f_28327_6626"
x={20.5453}
y={19.2021}
width={4.2852}
height={10.2766}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter7_f_28327_6626"
x={20.9516}
y={16.5692}
width={8.80784}
height={6.925}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter8_f_28327_6626"
x={19.3109}
y={5.94424}
width={10.4407}
height={9.39375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter9_f_28327_6626"
x={18.0609}
y={1.92861}
width={5.93931}
height={11.925}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<filter
id="filter10_f_28327_6626"
x={13.9911}
y={12.4905}
width={8.58926}
height={9.10767}
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_28327_6626"
/>
</filter>
<filter
id="filter11_f_28327_6626"
x={14.3398}
y={6.85986}
width={5.40625}
height={5.40625}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_28327_6626"
/>
</filter>
<linearGradient
id="paint0_linear_28327_6626"
x1={15.1172}
y1={5.39111}
x2={15.1172}
y2={7.26611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#534262" />
<stop offset={1} stopColor="#534262" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint1_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.7109 6.18799) rotate(90) scale(0.875 0.453125)"
>
<stop stopColor="#5E5567" />
<stop offset={1} stopColor="#5E5567" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_28327_6626"
x1={15.5898}
y1={5.55518}
x2={15.5898}
y2={7.07861}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D6376" />
<stop offset={1} stopColor="#6D6376" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_28327_6626"
x1={16.8672}
y1={5.39111}
x2={16.8672}
y2={7.26611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#534262" />
<stop offset={1} stopColor="#534262" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5859 6.01611) rotate(113.499) scale(0.783746 0.660586)"
>
<stop stopColor="#5E5567" />
<stop offset={1} stopColor="#5E5567" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_28327_6626"
x1={16.7852}
y1={7.01221}
x2={16.957}
y2={7.01221}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#41394A" />
<stop offset={1} stopColor="#41394A" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 8.21924) rotate(90) scale(7.9375 9.68451)"
>
<stop stopColor="#1D1525" stopOpacity={0} />
<stop offset={0.779528} stopColor="#1D1525" />
</radialGradient>
<radialGradient
id="paint7_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0781 13.0005) rotate(-90) scale(2.23437 3.331)"
>
<stop stopColor="#1D1525" />
<stop offset={1} stopColor="#1D1525" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9844 7.17236) rotate(42.4208) scale(0.613816 1.16086)"
>
<stop stopColor="#4B4650" />
<stop offset={1} stopColor="#4B4650" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_28327_6626"
x1={9.74374}
y1={23.0152}
x2={8.39539}
y2={20.3498}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<linearGradient
id="paint10_linear_28327_6626"
x1={8.66406}
y1={29.5942}
x2={11.8086}
y2={28.7772}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.536458} stopColor="#605A67" />
<stop offset={0.932292} stopColor="#605A67" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_28327_6626"
x1={7.67969}
y1={19.188}
x2={7.39844}
y2={17.0942}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<radialGradient
id="paint12_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.2045 16.9182) rotate(-15.8602) scale(0.724627 0.296325)"
>
<stop stopColor="#7B6E89" />
<stop offset={1} stopColor="#7B6E89" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_28327_6626"
x1={3.72656}
y1={22.7192}
x2={10.8791}
y2={21.0332}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.700777} stopColor="#605A67" />
<stop offset={1} stopColor="#605A67" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_28327_6626"
x1={7.46875}
y1={7.75197}
x2={7.46875}
y2={14.813}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<radialGradient
id="paint15_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.30469 6.21924) rotate(-18.4349) scale(0.889391 0.415049)"
>
<stop stopColor="#7B6E89" />
<stop offset={1} stopColor="#7B6E89" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint16_linear_28327_6626"
x1={3.89061}
y1={7.37354}
x2={8.98416}
y2={15.1756}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.781933} stopColor="#605A67" />
<stop offset={1} stopColor="#605A67" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_28327_6626"
x1={10.9694}
y1={4.12549}
x2={10.9694}
y2={13.3286}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<radialGradient
id="paint18_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.22948 2.45361) scale(0.945312 0.268555)"
>
<stop stopColor="#7B6E89" />
<stop offset={1} stopColor="#7B6E89" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint19_linear_28327_6626"
x1={9.73436}
y1={3.22705}
x2={11.1628}
y2={13.3286}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={1} stopColor="#605A67" />
</linearGradient>
<linearGradient
id="paint20_linear_28327_6626"
x1={23.4297}
y1={27.063}
x2={25.0645}
y2={19.1931}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<linearGradient
id="paint21_linear_28327_6626"
x1={23.4766}
y1={29.5942}
x2={20.3321}
y2={28.7772}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.536458} stopColor="#605A67" />
</linearGradient>
<linearGradient
id="paint22_linear_28327_6626"
x1={27.7422}
y1={22.6255}
x2={22.3672}
y2={15.438}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<linearGradient
id="paint23_linear_28327_6626"
x1={27.2465}
y1={23.3772}
x2={23.1346}
y2={19.3534}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.536458} stopColor="#605A67" />
</linearGradient>
<linearGradient
id="paint24_linear_28327_6626"
x1={27.7422}
y1={12.563}
x2={20.1077}
y2={15.7397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<radialGradient
id="paint25_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.9141 6.59424) rotate(-171.254) scale(0.822059 0.383628)"
>
<stop stopColor="#7B6E89" />
<stop offset={1} stopColor="#7B6E89" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint26_linear_28327_6626"
x1={29.7109}
y1={9.12549}
x2={23.722}
y2={19.6748}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.536458} stopColor="#605A67" />
<stop offset={1} stopColor="#605A67" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint27_linear_28327_6626"
x1={24.4922}
y1={7.37549}
x2={16.0159}
y2={12.5964}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#433156" />
<stop offset={1} stopColor="#1E1823" />
</linearGradient>
<radialGradient
id="paint28_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.2734 2.45361) rotate(175.865) scale(1.30026 0.629813)"
>
<stop stopColor="#7B6E89" />
<stop offset={1} stopColor="#7B6E89" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint29_linear_28327_6626"
x1={24.7734}
y1={4.06299}
x2={28.0663}
y2={9.61816}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#776985" />
<stop offset={0.536458} stopColor="#605A67" />
<stop offset={0.932292} stopColor="#605A67" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint30_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9922 23.3442) rotate(-90) scale(6.125 8.375)"
>
<stop stopColor="#3F2355" />
<stop offset={1} stopColor="#3F2355" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint31_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9922 11.2817) rotate(90) scale(12.5 8.59375)"
>
<stop offset={0.97} stopColor="#634C78" stopOpacity={0} />
<stop offset={1} stopColor="#634C78" />
</radialGradient>
<radialGradient
id="paint32_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.4922 17.8755) scale(11.7188 8.95743)"
>
<stop offset={0.84} stopColor="#6E6B72" stopOpacity={0} />
<stop offset={1} stopColor="#6E6B72" />
</radialGradient>
<radialGradient
id="paint33_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.6172 17.8755) rotate(180) scale(16 13.6471)"
>
<stop offset={0.613281} stopColor="#6E6B72" stopOpacity={0} />
<stop offset={1} stopColor="#6E6B72" />
</radialGradient>
<radialGradient
id="paint34_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9922 10.688) rotate(90) scale(2.53125 3.4611)"
>
<stop stopColor="#3F2355" />
<stop offset={1} stopColor="#3F2355" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint35_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9922 23.3442) rotate(-90) scale(6.125 8.375)"
>
<stop stopColor="#3F2355" />
<stop offset={1} stopColor="#3F2355" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint36_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9922 11.2817) rotate(90) scale(12.5 8.59375)"
>
<stop offset={0.97} stopColor="#634C78" stopOpacity={0} />
<stop offset={1} stopColor="#634C78" />
</radialGradient>
<radialGradient
id="paint37_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.4922 17.8755) scale(11.7188 8.95743)"
>
<stop offset={0.84} stopColor="#6E6B72" stopOpacity={0} />
<stop offset={1} stopColor="#6E6B72" />
</radialGradient>
<radialGradient
id="paint38_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.6172 17.8755) rotate(180) scale(16 13.6471)"
>
<stop offset={0.613281} stopColor="#6E6B72" stopOpacity={0} />
<stop offset={1} stopColor="#6E6B72" />
</radialGradient>
<radialGradient
id="paint39_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9922 10.688) rotate(90) scale(2.53125 3.4611)"
>
<stop stopColor="#3F2355" />
<stop offset={1} stopColor="#3F2355" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint40_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.0547 12.3286) rotate(61.631) scale(0.44394 0.62587)"
>
<stop stopColor="#5D5A60" />
<stop offset={1} stopColor="#5D5A60" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint41_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.0859 13.6099) rotate(29.7449) scale(0.881809 1.24318)"
>
<stop stopColor="#5D5A60" />
<stop offset={1} stopColor="#5D5A60" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint42_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0039 16.1255) rotate(5.91629) scale(0.757943 1.06855)"
>
<stop stopColor="#5D5A60" />
<stop offset={1} stopColor="#5D5A60" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint43_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.69531 19.6567) rotate(-24.9285) scale(1.22335 1.53386)"
>
<stop stopColor="#5D5A60" />
<stop offset={1} stopColor="#5D5A60" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint44_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.7848 16.5116) rotate(160.795) scale(4.81563 3.60225)"
>
<stop stopColor="#6B6671" />
<stop offset={1} stopColor="#6B6671" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint45_radial_28327_6626"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3434 9.35641) rotate(159.77) scale(2.25953 1.86136)"
>
<stop stopColor="#736781" />
<stop offset={1} stopColor="#736781" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = SpiderIcon;