@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.76 kB
JSX
const React = require("react");
const CapricornIcon = ({ 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_1264)">
<rect
x={2.30133}
y={1.5625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1264)"
/>
<rect
x={2.30133}
y={1.5625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1264)"
/>
</g>
<g filter="url(#filter1_f_18590_1264)">
<path
d="M28.4888 4.0625V26.9375"
stroke="url(#paint2_linear_18590_1264)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1264)">
<path
d="M5.7652 3.375H27.5464"
stroke="url(#paint3_linear_18590_1264)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1264)">
<path
d="M21.28 13.75C20.0265 13.75 18.8707 14.1675 17.9466 14.8769C17.8794 14.9285 17.78 14.8815 17.78 14.7968V9.75C17.78 6.99 15.54 4.75 12.78 4.75C11.3349 4.75 10.0404 5.3614 9.12435 6.34701C9.08061 6.39407 9.0044 6.39013 8.96542 6.33906C8.23043 5.37603 7.07531 4.75 5.78003 4.75C5.23003 4.75 4.78003 5.2 4.78003 5.75C4.78003 6.3 5.23003 6.75 5.78003 6.75C6.88003 6.75 7.78003 7.65 7.78003 8.75V9.75V10.75V20.75C7.78003 21.3 8.23003 21.75 8.78003 21.75C9.33003 21.75 9.78003 21.3 9.78003 20.75V10.75V9.75C9.78003 8.1 11.13 6.75 12.78 6.75C14.43 6.75 15.78 8.1 15.78 9.75V16.75V19.25V20.75C15.78 22.68 14.21 24.25 12.28 24.25C11.73 24.25 11.28 24.7 11.28 25.25C11.28 25.8 11.73 26.25 12.28 26.25C14.4474 26.25 16.3288 24.9919 17.2264 23.1642C17.2577 23.1005 17.3433 23.0863 17.3933 23.1366C18.3866 24.1341 19.7633 24.75 21.28 24.75C24.31 24.75 26.78 22.28 26.78 19.25C26.78 16.22 24.31 13.75 21.28 13.75ZM21.28 22.75C19.35 22.75 17.78 21.18 17.78 19.25C17.78 17.32 19.35 15.75 21.28 15.75C23.21 15.75 24.78 17.32 24.78 19.25C24.78 21.18 23.21 22.75 21.28 22.75Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1264)">
<path
d="M21.28 13.75C20.0265 13.75 18.8707 14.1675 17.9466 14.8769C17.8794 14.9285 17.78 14.8815 17.78 14.7968V9.75C17.78 6.99 15.54 4.75 12.78 4.75C11.3349 4.75 10.0404 5.3614 9.12435 6.34701C9.08061 6.39407 9.0044 6.39013 8.96542 6.33906C8.23043 5.37603 7.07531 4.75 5.78003 4.75C5.23003 4.75 4.78003 5.2 4.78003 5.75C4.78003 6.3 5.23003 6.75 5.78003 6.75C6.88003 6.75 7.78003 7.65 7.78003 8.75V9.75V10.75V20.75C7.78003 21.3 8.23003 21.75 8.78003 21.75C9.33003 21.75 9.78003 21.3 9.78003 20.75V10.75V9.75C9.78003 8.1 11.13 6.75 12.78 6.75C14.43 6.75 15.78 8.1 15.78 9.75V16.75V19.25V20.75C15.78 22.68 14.21 24.25 12.28 24.25C11.73 24.25 11.28 24.7 11.28 25.25C11.28 25.8 11.73 26.25 12.28 26.25C14.4474 26.25 16.3288 24.9919 17.2264 23.1642C17.2577 23.1005 17.3433 23.0863 17.3933 23.1366C18.3866 24.1341 19.7633 24.75 21.28 24.75C24.31 24.75 26.78 22.28 26.78 19.25C26.78 16.22 24.31 13.75 21.28 13.75ZM21.28 22.75C19.35 22.75 17.78 21.18 17.78 19.25C17.78 17.32 19.35 15.75 21.28 15.75C23.21 15.75 24.78 17.32 24.78 19.25C24.78 21.18 23.21 22.75 21.28 22.75Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1264"
x={2.30133}
y={0.5625}
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_1264"
/>
<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_1264"
result="effect2_innerShadow_18590_1264"
/>
</filter>
<filter
id="filter1_f_18590_1264"
x={25.7388}
y={1.3125}
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_1264"
/>
</filter>
<filter
id="filter2_f_18590_1264"
x={3.0152}
y={0.625}
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_1264"
/>
</filter>
<filter
id="filter3_f_18590_1264"
x={3.78003}
y={3.75}
width={24}
height={23.5}
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_1264"
/>
</filter>
<filter
id="filter4_ii_18590_1264"
x={4.38003}
y={4.35}
width={22.8}
height={22.3}
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_1264"
/>
<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_1264"
result="effect2_innerShadow_18590_1264"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1264"
x1={16.2388}
y1={5.13701}
x2={16.2388}
y2={38.3897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1264"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9576 3.65625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1264"
x1={28.9888}
y1={4.0625}
x2={28.9888}
y2={26.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1264"
x1={28.7027}
y1={3.62502}
x2={3.17145}
y2={3.62502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = CapricornIcon;