@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
285 lines (284 loc) • 11.2 kB
JSX
const React = require("react");
const AquariusIcon = ({ 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_1278)">
<rect
x={2.30133}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1278)"
/>
<rect
x={2.30133}
y={2.4375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1278)"
/>
</g>
<g filter="url(#filter1_f_18590_1278)">
<path
d="M28.4888 4.9375V27.8125"
stroke="url(#paint2_linear_18590_1278)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1278)">
<path
d="M5.7652 4.25H27.5464"
stroke="url(#paint3_linear_18590_1278)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1278)">
<path
d="M25.4921 14.605C25.6821 14.775 25.9221 14.855 26.1521 14.855C26.4221 14.855 26.6821 14.745 26.8621 14.535C27.2221 14.135 27.1921 13.515 26.7921 13.155L23.4621 10.135C23.0921 9.795 22.5221 9.795 22.1521 10.135L19.5621 12.485C19.5121 12.525 19.4421 12.525 19.3921 12.485L16.8021 10.135C16.4321 9.795 15.8621 9.795 15.4921 10.135L12.9021 12.485C12.8521 12.525 12.7821 12.525 12.7321 12.485L10.1421 10.135C9.77208 9.795 9.20208 9.795 8.83208 10.135L5.50208 13.155C5.10208 13.515 5.07208 14.135 5.43208 14.535C5.79208 14.935 6.41208 14.965 6.81208 14.605L9.40208 12.255C9.45208 12.215 9.52208 12.215 9.57208 12.255L12.1721 14.605C12.5421 14.945 13.1121 14.945 13.4821 14.605L16.0721 12.255C16.1221 12.215 16.1921 12.215 16.2421 12.255L18.8321 14.605C19.2021 14.945 19.7721 14.945 20.1421 14.605L22.7321 12.255C22.7821 12.215 22.8521 12.215 22.9021 12.255L25.4921 14.605Z"
fill="#6A4EBE"
/>
<path
d="M25.4921 22.615C25.6821 22.785 25.9221 22.865 26.1521 22.865C26.4221 22.865 26.6821 22.755 26.8721 22.545C27.2321 22.145 27.2021 21.525 26.8021 21.165L23.4721 18.145C23.1021 17.805 22.5321 17.805 22.1621 18.145L19.5721 20.495C19.5221 20.535 19.4521 20.535 19.4021 20.495L16.8121 18.145C16.4421 17.805 15.8721 17.805 15.5021 18.145L12.9121 20.495C12.8621 20.535 12.7921 20.535 12.7421 20.495L10.1521 18.145C9.78209 17.805 9.21209 17.805 8.84209 18.145L5.51209 21.165C5.11209 21.525 5.08209 22.145 5.44209 22.545C5.80209 22.945 6.42209 22.975 6.82209 22.615L9.41209 20.265C9.46209 20.225 9.53209 20.225 9.58209 20.265L12.1721 22.615C12.5421 22.955 13.1121 22.955 13.4821 22.615L16.0721 20.265C16.1221 20.225 16.1921 20.225 16.2421 20.265L18.8321 22.615C19.2021 22.955 19.7721 22.955 20.1421 22.615L22.7321 20.265C22.7821 20.225 22.8521 20.225 22.9021 20.265L25.4921 22.615Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1278)">
<path
d="M25.4921 14.605C25.6821 14.775 25.9221 14.855 26.1521 14.855C26.4221 14.855 26.6821 14.745 26.8621 14.535C27.2221 14.135 27.1921 13.515 26.7921 13.155L23.4621 10.135C23.0921 9.795 22.5221 9.795 22.1521 10.135L19.5621 12.485C19.5121 12.525 19.4421 12.525 19.3921 12.485L16.8021 10.135C16.4321 9.795 15.8621 9.795 15.4921 10.135L12.9021 12.485C12.8521 12.525 12.7821 12.525 12.7321 12.485L10.1421 10.135C9.77208 9.795 9.20208 9.795 8.83208 10.135L5.50208 13.155C5.10208 13.515 5.07208 14.135 5.43208 14.535C5.79208 14.935 6.41208 14.965 6.81208 14.605L9.40208 12.255C9.45208 12.215 9.52208 12.215 9.57208 12.255L12.1721 14.605C12.5421 14.945 13.1121 14.945 13.4821 14.605L16.0721 12.255C16.1221 12.215 16.1921 12.215 16.2421 12.255L18.8321 14.605C19.2021 14.945 19.7721 14.945 20.1421 14.605L22.7321 12.255C22.7821 12.215 22.8521 12.215 22.9021 12.255L25.4921 14.605Z"
fill="#FCF2FF"
/>
<path
d="M25.4921 22.615C25.6821 22.785 25.9221 22.865 26.1521 22.865C26.4221 22.865 26.6821 22.755 26.8721 22.545C27.2321 22.145 27.2021 21.525 26.8021 21.165L23.4721 18.145C23.1021 17.805 22.5321 17.805 22.1621 18.145L19.5721 20.495C19.5221 20.535 19.4521 20.535 19.4021 20.495L16.8121 18.145C16.4421 17.805 15.8721 17.805 15.5021 18.145L12.9121 20.495C12.8621 20.535 12.7921 20.535 12.7421 20.495L10.1521 18.145C9.78209 17.805 9.21209 17.805 8.84209 18.145L5.51209 21.165C5.11209 21.525 5.08209 22.145 5.44209 22.545C5.80209 22.945 6.42209 22.975 6.82209 22.615L9.41209 20.265C9.46209 20.225 9.53209 20.225 9.58209 20.265L12.1721 22.615C12.5421 22.955 13.1121 22.955 13.4821 22.615L16.0721 20.265C16.1221 20.225 16.1921 20.225 16.2421 20.265L18.8321 22.615C19.2021 22.955 19.7721 22.955 20.1421 22.615L22.7321 20.265C22.7821 20.225 22.8521 20.225 22.9021 20.265L25.4921 22.615Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1278"
x={2.30133}
y={1.4375}
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_1278"
/>
<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_1278"
result="effect2_innerShadow_18590_1278"
/>
</filter>
<filter
id="filter1_f_18590_1278"
x={25.7388}
y={2.1875}
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_1278"
/>
</filter>
<filter
id="filter2_f_18590_1278"
x={3.0152}
y={1.5}
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_1278"
/>
</filter>
<filter
id="filter3_f_18590_1278"
x={4.18085}
y={8.88}
width={23.9425}
height={14.99}
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_1278"
/>
</filter>
<filter
id="filter4_ii_18590_1278"
x={4.78085}
y={9.48}
width={22.7425}
height={13.79}
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_1278"
/>
<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_1278"
result="effect2_innerShadow_18590_1278"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1278"
x1={16.2388}
y1={6.01201}
x2={16.2388}
y2={39.2647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1278"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9576 4.53125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1278"
x1={28.9888}
y1={4.9375}
x2={28.9888}
y2={27.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1278"
x1={28.7027}
y1={4.50002}
x2={3.17145}
y2={4.50002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = AquariusIcon;