@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
430 lines (429 loc) • 12.7 kB
JSX
const React = require("react");
const AlembicIcon = ({ 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.5328 29.2698V23.6694"
stroke="url(#paint0_linear_18_24864)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter0_i_18_24864)">
<path
d="M29.6998 10.6735L18.1587 5.9187L16.7175 9.43197L21.5586 10.9194L22.4866 11.9531L23.2444 11.6484C23.2229 11.5797 23.2874 11.4296 23.4905 11.4999L28.7592 13.1319C29.0083 13.2084 29.2744 13.0808 29.3706 12.8386L29.974 11.3205C30.0751 11.0662 29.9529 10.7778 29.6998 10.6735Z"
fill="#C5F5FF"
/>
<path
d="M29.6998 10.6735L18.1587 5.9187L16.7175 9.43197L21.5586 10.9194L22.4866 11.9531L23.2444 11.6484C23.2229 11.5797 23.2874 11.4296 23.4905 11.4999L28.7592 13.1319C29.0083 13.2084 29.2744 13.0808 29.3706 12.8386L29.974 11.3205C30.0751 11.0662 29.9529 10.7778 29.6998 10.6735Z"
fill="url(#paint1_linear_18_24864)"
/>
<path
d="M29.6998 10.6735L18.1587 5.9187L16.7175 9.43197L21.5586 10.9194L22.4866 11.9531L23.2444 11.6484C23.2229 11.5797 23.2874 11.4296 23.4905 11.4999L28.7592 13.1319C29.0083 13.2084 29.2744 13.0808 29.3706 12.8386L29.974 11.3205C30.0751 11.0662 29.9529 10.7778 29.6998 10.6735Z"
fill="url(#paint2_radial_18_24864)"
/>
</g>
<g filter="url(#filter1_f_18_24864)">
<path
d="M20.7522 7.85938L29.3617 11.5534L29.1352 12.1409L21.2136 9.08776L20.7522 7.85938Z"
fill="#D7FFFF"
/>
</g>
<g filter="url(#filter2_i_18_24864)">
<circle
cx={13.3061}
cy={15.131}
r={10.5302}
fill="url(#paint3_radial_18_24864)"
/>
</g>
<circle
cx={13.3061}
cy={15.131}
r={10.5302}
fill="url(#paint4_radial_18_24864)"
/>
<path
d="M3.88184 15.3083C3.97644 20.4322 8.15967 24.5567 13.3062 24.5567C18.4525 24.5567 22.6357 20.4322 22.7303 15.3083H3.88184Z"
fill="url(#paint5_radial_18_24864)"
/>
<path
d="M19.2219 11.7886C19.7346 12.8797 20.5863 15.6004 19.9711 18.1876"
stroke="url(#paint6_linear_18_24864)"
strokeWidth={2.25}
strokeLinecap="round"
/>
<circle
cx={9.69735}
cy={17.055}
r={1.05502}
fill="url(#paint7_radial_18_24864)"
/>
<circle
cx={13.5328}
cy={17.5184}
r={1.05502}
fill="url(#paint8_radial_18_24864)"
/>
<circle
cx={11.4228}
cy={22.4779}
r={1.05502}
fill="url(#paint9_radial_18_24864)"
/>
<path
d="M2.87439 29.2698L9.01705 20.1299"
stroke="url(#paint10_linear_18_24864)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter3_f_18_24864)">
<path
d="M2.87439 29.2698L9.01705 20.1299"
stroke="#6F5B92"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<path
d="M23.8363 29.2698L17.6936 20.1299"
stroke="url(#paint11_linear_18_24864)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter4_f_18_24864)">
<path
d="M23.9769 29.1268L17.8343 19.9868"
stroke="#6E658C"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<path
d="M3.74207 19.9819H23.0079"
stroke="url(#paint12_linear_18_24864)"
strokeWidth={1.5}
strokeLinecap="round"
/>
<path
d="M3.74207 19.9819H23.0079"
stroke="url(#paint13_linear_18_24864)"
strokeWidth={1.5}
strokeLinecap="round"
/>
<path
d="M3.74207 19.9819H23.0079"
stroke="url(#paint14_radial_18_24864)"
strokeWidth={1.5}
strokeLinecap="round"
/>
<defs>
<filter
id="filter0_i_18_24864"
x={16.7175}
y={5.9187}
width={13.2919}
height={7.23535}
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.666667 0 0 0 0 0.788235 0 0 0 0 0.992157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24864"
/>
</filter>
<filter
id="filter1_f_18_24864"
x={20.2522}
y={7.35938}
width={9.6095}
height={5.28149}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_24864"
/>
</filter>
<filter
id="filter2_i_18_24864"
x={2.77588}
y={4.60083}
width={21.0604}
height={21.0603}
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.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.717647 0 0 0 0 0.862745 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24864"
/>
</filter>
<filter
id="filter3_f_18_24864"
x={2.27438}
y={19.5299}
width={7.34272}
height={10.34}
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_18_24864"
/>
</filter>
<filter
id="filter4_f_18_24864"
x={17.2342}
y={19.3869}
width={7.34272}
height={10.34}
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_18_24864"
/>
</filter>
<linearGradient
id="paint0_linear_18_24864"
x1={14.2522}
y1={27.4062}
x2={12.7209}
y2={27.4062}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4F319E" />
<stop offset={1} stopColor="#4E3B7D" />
</linearGradient>
<linearGradient
id="paint1_linear_18_24864"
x1={22.8472}
y1={11.7031}
x2={23.3128}
y2={9.91512}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ADD0FF" />
<stop offset={1} stopColor="#C7F0FF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.4078 11.2725) rotate(-35.2628) scale(0.195708 0.486604)"
>
<stop offset={0.349567} stopColor="#DCFFFF" />
<stop offset={1} stopColor="#DCFFFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1767 12.4492) rotate(157.235) scale(9.58066)"
>
<stop offset={0.219364} stopColor="#D8FFFF" />
<stop offset={1} stopColor="#B6E2FF" />
</radialGradient>
<radialGradient
id="paint4_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.5959 25.6612) rotate(-90) scale(7.72367 15.75)"
>
<stop stopColor="#ABC0FC" />
<stop offset={1} stopColor="#ABC0FC" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.2522 15.3084) rotate(90) scale(10.5666 14.375)"
>
<stop stopColor="#4DFA92" />
<stop offset={1} stopColor="#2CB174" />
</radialGradient>
<linearGradient
id="paint6_linear_18_24864"
x1={19.2219}
y1={11.1083}
x2={19.7038}
y2={17.3002}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.403403} stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0803 16.875) rotate(138.731) scale(1.01863 0.884886)"
>
<stop stopColor="#E4FFBA" />
<stop offset={1} stopColor="#B6EE7F" />
</radialGradient>
<radialGradient
id="paint8_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9158 17.3384) rotate(138.731) scale(1.01863 0.884886)"
>
<stop stopColor="#E4FFBA" />
<stop offset={1} stopColor="#B6EE7F" />
</radialGradient>
<radialGradient
id="paint9_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.8058 22.2979) rotate(138.731) scale(1.01863 0.884886)"
>
<stop stopColor="#CAF1A6" />
<stop offset={1} stopColor="#A8D483" />
</radialGradient>
<linearGradient
id="paint10_linear_18_24864"
x1={6.34595}
y1={25.25}
x2={5.47095}
y2={24.6999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#523082" />
<stop offset={1} stopColor="#443163" />
</linearGradient>
<linearGradient
id="paint11_linear_18_24864"
x1={21.9084}
y1={25.4375}
x2={20.9709}
y2={26.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3E236E" />
<stop offset={1} stopColor="#39285D" />
</linearGradient>
<linearGradient
id="paint12_linear_18_24864"
x1={11.4709}
y1={20.9687}
x2={11.5334}
y2={19.4687}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#481A77" />
<stop offset={1} stopColor="#4F476E" />
</linearGradient>
<linearGradient
id="paint13_linear_18_24864"
x1={2.3147}
y1={18.9062}
x2={6.84595}
y2={20.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#70677E" />
<stop offset={1} stopColor="#70677E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_24864"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1272 19.8515) rotate(90) scale(0.453125 8.72985)"
>
<stop offset={0.216667} stopColor="#716A8E" />
<stop offset={1} stopColor="#716A8E" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = AlembicIcon;