@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 11 kB
JSX
const React = require("react");
const PiscesIcon = ({ 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_1292)">
<rect
x={2.30133}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1292)"
/>
<rect
x={2.30133}
y={2.3125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1292)"
/>
</g>
<g filter="url(#filter1_f_18590_1292)">
<path
d="M28.4888 4.8125V27.6875"
stroke="url(#paint2_linear_18590_1292)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1292)">
<path
d="M5.7652 4.125H27.5464"
stroke="url(#paint3_linear_18590_1292)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1292)">
<path
d="M25.6558 15.2522H21.8043C21.7459 15.2522 21.6999 15.2022 21.7052 15.144C21.9455 12.4946 23.0413 10.0137 24.9158 7.92215C25.2858 7.51215 25.2458 6.88215 24.8358 6.51215C24.4258 6.14215 23.7958 6.18215 23.4258 6.59215C22.2258 7.92215 21.2958 9.42215 20.6558 11.0322C20.1275 12.3629 19.8001 13.751 19.6926 15.1591C19.6886 15.2115 19.6451 15.2522 19.5925 15.2522H13.7092C13.6566 15.2522 13.6131 15.2114 13.6091 15.159C13.5016 13.7418 13.1743 12.363 12.6458 11.0322C12.0158 9.42215 11.0858 7.92215 9.89582 6.58215C9.52582 6.17215 8.89582 6.13215 8.48582 6.50215C8.07582 6.87215 8.03582 7.50215 8.40582 7.91215C10.2802 10.0135 11.376 12.4943 11.6165 15.134C11.6218 15.1922 11.5757 15.2422 11.5173 15.2422H7.65582C7.10582 15.2422 6.65582 15.6922 6.65582 16.2422C6.65582 16.7922 7.10582 17.2422 7.65582 17.2422H11.5073C11.5658 17.2422 11.6118 17.2921 11.6065 17.3503C11.3662 19.9997 10.2703 22.4806 8.39582 24.5722C8.02582 24.9822 8.06582 25.6122 8.47582 25.9822C8.66582 26.1722 8.90582 26.2522 9.14582 26.2522C9.42582 26.2522 9.69582 26.1422 9.89582 25.9222C11.0858 24.5822 12.0158 23.0922 12.6558 21.4822C13.1842 20.1515 13.5115 18.7633 13.619 17.3552C13.623 17.3028 13.6666 17.2622 13.7191 17.2622H19.6025C19.655 17.2622 19.6986 17.3029 19.7026 17.3553C19.8101 18.7725 20.1374 20.1513 20.6658 21.4822C21.3058 23.0922 22.2358 24.5922 23.4258 25.9222C23.6258 26.1422 23.8958 26.2522 24.1758 26.2522C24.4158 26.2522 24.6458 26.1722 24.8358 26.0022C25.2458 25.6322 25.2858 25.0022 24.9158 24.5922C23.0414 22.4908 21.9456 20.01 21.7052 17.3704C21.6999 17.3121 21.7459 17.2622 21.8044 17.2622H25.6558C26.2058 17.2622 26.6558 16.8122 26.6558 16.2622C26.6558 15.7122 26.2058 15.2522 25.6558 15.2522Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1292)">
<path
d="M25.6558 15.2522H21.8043C21.7459 15.2522 21.6999 15.2022 21.7052 15.144C21.9455 12.4946 23.0413 10.0137 24.9158 7.92215C25.2858 7.51215 25.2458 6.88215 24.8358 6.51215C24.4258 6.14215 23.7958 6.18215 23.4258 6.59215C22.2258 7.92215 21.2958 9.42215 20.6558 11.0322C20.1275 12.3629 19.8001 13.751 19.6926 15.1591C19.6886 15.2115 19.6451 15.2522 19.5925 15.2522H13.7092C13.6566 15.2522 13.6131 15.2114 13.6091 15.159C13.5016 13.7418 13.1743 12.363 12.6458 11.0322C12.0158 9.42215 11.0858 7.92215 9.89582 6.58215C9.52582 6.17215 8.89582 6.13215 8.48582 6.50215C8.07582 6.87215 8.03582 7.50215 8.40582 7.91215C10.2802 10.0135 11.376 12.4943 11.6165 15.134C11.6218 15.1922 11.5757 15.2422 11.5173 15.2422H7.65582C7.10582 15.2422 6.65582 15.6922 6.65582 16.2422C6.65582 16.7922 7.10582 17.2422 7.65582 17.2422H11.5073C11.5658 17.2422 11.6118 17.2921 11.6065 17.3503C11.3662 19.9997 10.2703 22.4806 8.39582 24.5722C8.02582 24.9822 8.06582 25.6122 8.47582 25.9822C8.66582 26.1722 8.90582 26.2522 9.14582 26.2522C9.42582 26.2522 9.69582 26.1422 9.89582 25.9222C11.0858 24.5822 12.0158 23.0922 12.6558 21.4822C13.1842 20.1515 13.5115 18.7633 13.619 17.3552C13.623 17.3028 13.6666 17.2622 13.7191 17.2622H19.6025C19.655 17.2622 19.6986 17.3029 19.7026 17.3553C19.8101 18.7725 20.1374 20.1513 20.6658 21.4822C21.3058 23.0922 22.2358 24.5922 23.4258 25.9222C23.6258 26.1422 23.8958 26.2522 24.1758 26.2522C24.4158 26.2522 24.6458 26.1722 24.8358 26.0022C25.2458 25.6322 25.2858 25.0022 24.9158 24.5922C23.0414 22.4908 21.9456 20.01 21.7052 17.3704C21.6999 17.3121 21.7459 17.2622 21.8044 17.2622H25.6558C26.2058 17.2622 26.6558 16.8122 26.6558 16.2622C26.6558 15.7122 26.2058 15.2522 25.6558 15.2522Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1292"
x={2.30133}
y={1.3125}
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_1292"
/>
<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_1292"
result="effect2_innerShadow_18590_1292"
/>
</filter>
<filter
id="filter1_f_18590_1292"
x={25.7388}
y={2.0625}
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_1292"
/>
</filter>
<filter
id="filter2_f_18590_1292"
x={3.0152}
y={1.375}
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_1292"
/>
</filter>
<filter
id="filter3_f_18590_1292"
x={5.65582}
y={5.24792}
width={22}
height={22.0042}
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_1292"
/>
</filter>
<filter
id="filter4_ii_18590_1292"
x={6.25582}
y={5.84792}
width={20.8}
height={20.8042}
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_1292"
/>
<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_1292"
result="effect2_innerShadow_18590_1292"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1292"
x1={16.2388}
y1={5.88701}
x2={16.2388}
y2={39.1397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1292"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9576 4.40625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1292"
x1={28.9888}
y1={4.8125}
x2={28.9888}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1292"
x1={28.7027}
y1={4.37502}
x2={3.17145}
y2={4.37502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = PiscesIcon;