@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
400 lines (399 loc) • 14.1 kB
JSX
const React = require("react");
const AlienIcon = ({ 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 clipPath="url(#clip0_6888_5229)">
<path
d="M29.92 15.9201C29.92 23.6101 19 30.0001 16 30.0001C13 30.0001 2.08002 23.6101 2.08002 15.9201C2.08002 8.23012 8.31002 2.00012 16 2.00012C23.69 2.00012 29.92 8.23012 29.92 15.9201Z"
fill="url(#paint0_radial_6888_5229)"
/>
<path
d="M29.92 15.9201C29.92 23.6101 19 30.0001 16 30.0001C13 30.0001 2.08002 23.6101 2.08002 15.9201C2.08002 8.23012 8.31002 2.00012 16 2.00012C23.69 2.00012 29.92 8.23012 29.92 15.9201Z"
fill="url(#paint1_radial_6888_5229)"
/>
<path
d="M29.92 15.9201C29.92 23.6101 19 30.0001 16 30.0001C13 30.0001 2.08002 23.6101 2.08002 15.9201C2.08002 8.23012 8.31002 2.00012 16 2.00012C23.69 2.00012 29.92 8.23012 29.92 15.9201Z"
fill="url(#paint2_radial_6888_5229)"
/>
<g filter="url(#filter0_f_6888_5229)">
<ellipse
cx={22.3521}
cy={9.90094}
rx={3.80079}
ry={5.71875}
transform="rotate(-43.7154 22.3521 9.90094)"
fill="#9EFCA0"
/>
</g>
<g filter="url(#filter1_f_6888_5229)">
<ellipse
rx={1.01221}
ry={3.25315}
transform="matrix(-0.823108 -0.567885 -0.567885 0.823108 6.00851 9.5632)"
fill="#BAEEBC"
fillOpacity={0.75}
/>
</g>
<g filter="url(#filter2_f_6888_5229)">
<path
d="M12.7309 21.1942C10.4152 23.5763 7.40406 22.6226 5.07769 20.2296C2.75131 17.8365 2.00199 14.9328 4.31774 12.5397C6.63349 10.1467 10.4046 10.1576 12.7203 12.5397C15.0361 14.9219 15.0573 18.812 12.7309 21.1942Z"
fill="#608D6A"
fillOpacity={0.75}
/>
</g>
<g filter="url(#filter3_f_6888_5229)">
<path
d="M18.1706 21.3894C20.0212 23.4342 22.4275 22.6156 24.2866 20.5614C26.1457 18.5072 26.7445 16.0147 24.8939 13.9605C23.0433 11.9063 20.0297 11.9157 18.179 13.9605C16.3284 16.0053 16.3115 19.3446 18.1706 21.3894Z"
fill="#608D6A"
fillOpacity={0.75}
/>
</g>
<path
d="M13.36 20.7802C11.18 22.9602 8.9 21.7002 6.71 19.5102C4.52 17.3202 3.26 15.0502 5.44 12.8602C7.62 10.6702 11.17 10.6802 13.35 12.8602C15.53 15.0402 15.55 18.6002 13.36 20.7802Z"
fill="url(#paint3_radial_6888_5229)"
/>
<path
d="M13.36 20.7802C11.18 22.9602 8.9 21.7002 6.71 19.5102C4.52 17.3202 3.26 15.0502 5.44 12.8602C7.62 10.6702 11.17 10.6802 13.35 12.8602C15.53 15.0402 15.55 18.6002 13.36 20.7802Z"
fill="url(#paint4_radial_6888_5229)"
/>
<path
d="M13.36 20.7802C11.18 22.9602 8.9 21.7002 6.71 19.5102C4.52 17.3202 3.26 15.0502 5.44 12.8602C7.62 10.6702 11.17 10.6802 13.35 12.8602C15.53 15.0402 15.55 18.6002 13.36 20.7802Z"
fill="url(#paint5_radial_6888_5229)"
/>
<path
d="M18.64 20.7802C20.82 22.9602 23.1 21.7002 25.29 19.5102C27.48 17.3202 28.74 15.0502 26.56 12.8602C24.38 10.6702 20.83 10.6802 18.65 12.8602C16.47 15.0402 16.46 18.6002 18.64 20.7802Z"
fill="url(#paint6_radial_6888_5229)"
/>
<path
d="M18.64 20.7802C20.82 22.9602 23.1 21.7002 25.29 19.5102C27.48 17.3202 28.74 15.0502 26.56 12.8602C24.38 10.6702 20.83 10.6802 18.65 12.8602C16.47 15.0402 16.46 18.6002 18.64 20.7802Z"
fill="url(#paint7_radial_6888_5229)"
/>
<path
d="M18.64 20.7802C20.82 22.9602 23.1 21.7002 25.29 19.5102C27.48 17.3202 28.74 15.0502 26.56 12.8602C24.38 10.6702 20.83 10.6802 18.65 12.8602C16.47 15.0402 16.46 18.6002 18.64 20.7802Z"
fill="url(#paint8_radial_6888_5229)"
/>
<path
d="M18.64 20.7802C20.82 22.9602 23.1 21.7002 25.29 19.5102C27.48 17.3202 28.74 15.0502 26.56 12.8602C24.38 10.6702 20.83 10.6802 18.65 12.8602C16.47 15.0402 16.46 18.6002 18.64 20.7802Z"
fill="url(#paint9_radial_6888_5229)"
/>
<g filter="url(#filter4_f_6888_5229)">
<path
d="M25.5251 13.2662C27.1581 14.0626 26.9939 15.735 26.1501 16.6412"
stroke="#686061"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<path
d="M25.67 13.1101C26.45 13.8901 26.59 15.0101 25.98 15.6201C25.37 16.2301 24.25 16.0901 23.47 15.3101C22.69 14.5301 22.55 13.4101 23.16 12.8001C23.77 12.1901 24.9 12.3401 25.67 13.1101Z"
fill="url(#paint10_linear_6888_5229)"
/>
<g filter="url(#filter5_f_6888_5229)">
<path
d="M12.7363 14.3439C13.1784 14.9689 13.6415 16.8096 12.916 18.9971"
stroke="#686061"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<path
d="M12.39 13.1101C13.17 13.8901 13.31 15.0101 12.7 15.6201C12.09 16.2301 10.97 16.0901 10.19 15.3101C9.40997 14.5301 9.26997 13.4101 9.87997 12.8001C10.49 12.1901 11.61 12.3401 12.39 13.1101Z"
fill="url(#paint11_linear_6888_5229)"
/>
<path
d="M13.9922 25.047C13.9922 25.047 14.7812 25.8907 16.0156 25.8907C17.25 25.8907 18.0078 25.047 18.0078 25.047"
stroke="url(#paint12_radial_6888_5229)"
strokeWidth={1.8}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<filter
id="filter0_f_6888_5229"
x={13.5386}
y={1.00293}
width={17.627}
height={17.796}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_6888_5229"
/>
</filter>
<filter
id="filter1_f_6888_5229"
x={0.981445}
y={3.82397}
width={10.0541}
height={11.4785}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_6888_5229"
/>
</filter>
<filter
id="filter2_f_6888_5229"
x={-1.08832}
y={6.74902}
width={19.5547}
height={19.824}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_6888_5229"
/>
</filter>
<filter
id="filter3_f_6888_5229"
x={12.7836}
y={8.42334}
width={17.2339}
height={18.1497}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_6888_5229"
/>
</filter>
<filter
id="filter4_f_6888_5229"
x={23.6501}
y={11.3911}
width={4.99951}
height={7.12512}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_6888_5229"
/>
</filter>
<filter
id="filter5_f_6888_5229"
x={10.8613}
y={12.4689}
width={4.30829}
height={8.40332}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_6888_5229"
/>
</filter>
<radialGradient
id="paint0_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.955 29.1251) rotate(-124.672) scale(29.3341 85.8278)"
>
<stop offset={0.393454} stopColor="#92E65B" />
<stop offset={1} stopColor="#4AF492" />
<stop offset={1} stopColor="#6BD179" />
</radialGradient>
<radialGradient
id="paint1_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.6425 17.8126) rotate(-153.522) scale(18.5035 22.2682)"
>
<stop offset={0.553104} stopColor="#67B077" stopOpacity={0} />
<stop offset={1} stopColor="#67B077" />
</radialGradient>
<radialGradient
id="paint2_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.6425 17.8126) rotate(-137.076) scale(20.7407 20.4878)"
>
<stop offset={0.760417} stopColor="#608D6A" stopOpacity={0} />
<stop offset={1} stopColor="#608D6A" />
</radialGradient>
<radialGradient
id="paint3_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.145 25.1178) rotate(-106.489) scale(11.7042 14.5244)"
>
<stop stopColor="#482641" />
<stop offset={0.234375} stopColor="#4A2943" />
<stop offset={1} stopColor="#654F5F" />
</radialGradient>
<radialGradient
id="paint4_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.1738 17.9377) rotate(-142.786) scale(11.105 7.13314)"
>
<stop offset={0.53125} stopColor="#1A1819" stopOpacity={0} />
<stop offset={0.979459} stopColor="#1A1819" />
</radialGradient>
<radialGradient
id="paint5_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.8925 20.6564) rotate(-153.486) scale(15.5407 11.8197)"
>
<stop offset={0.857975} stopColor="#A28D8F" stopOpacity={0} />
<stop offset={1} stopColor="#A28D8F" />
</radialGradient>
<radialGradient
id="paint6_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8465 25.1178) rotate(-106.483) scale(11.7039 14.5197)"
>
<stop stopColor="#482641" />
<stop offset={0.234375} stopColor="#4A2943" />
<stop offset={1} stopColor="#654F5F" />
</radialGradient>
<radialGradient
id="paint7_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.6425 17.1877) rotate(-139.304) scale(9.15014 7.86603)"
>
<stop offset={0.494858} stopColor="#1A1819" stopOpacity={0} />
<stop offset={0.979459} stopColor="#1A1819" />
</radialGradient>
<radialGradient
id="paint8_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3925 13.2502) rotate(22.7928) scale(12.7453 20.3749)"
>
<stop offset={0.713432} stopColor="#1A1819" stopOpacity={0} />
<stop offset={0.979459} stopColor="#1A1819" />
</radialGradient>
<radialGradient
id="paint9_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.5924 20.6564) rotate(-153.478) scale(15.5363 11.8189)"
>
<stop offset={0.857975} stopColor="#A28D8F" stopOpacity={0} />
<stop offset={1} stopColor="#A28D8F" />
</radialGradient>
<linearGradient
id="paint10_linear_6888_5229"
x1={24.57}
y1={12.0543}
x2={24.4823}
y2={16}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.197917} stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_6888_5229"
x1={11.29}
y1={12.0543}
x2={11.2023}
y2={16}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.197917} stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_6888_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.1738 22.3126) rotate(90) scale(11.3438 9.83652)"
>
<stop offset={0.069602} stopColor="#2E1529" />
<stop offset={0.29711} stopColor="#5F4357" />
<stop offset={0.437882} stopColor="#4B2744" />
</radialGradient>
<clipPath id="clip0_6888_5229">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = AlienIcon;