@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
512 lines (511 loc) • 16.2 kB
JSX
const React = require("react");
const FullMoonIcon = ({ 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}
<circle cx={16} cy={16} r={14} fill="url(#paint0_radial_18_13980)" />
<circle cx={16} cy={16} r={14} fill="url(#paint1_radial_18_13980)" />
<circle cx={16} cy={16} r={14} fill="url(#paint2_radial_18_13980)" />
<circle cx={16} cy={16} r={14} fill="url(#paint3_radial_18_13980)" />
<circle cx={16} cy={16} r={14} fill="url(#paint4_radial_18_13980)" />
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint5_radial_18_13980)" />
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint6_radial_18_13980)" />
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint7_radial_18_13980)" />
<g filter="url(#filter0_f_18_13980)">
<circle cx={22.5} cy={11.5} r={2.5} fill="url(#paint8_radial_18_13980)" />
<circle
cx={22.5}
cy={11.5}
r={2.6}
stroke="url(#paint9_linear_18_13980)"
strokeWidth={0.2}
/>
</g>
<g filter="url(#filter1_f_18_13980)">
<path
d="M28.7636 21.2344C27.8768 23.3932 26.5087 25.1968 24.7324 26.6562C24.1839 26.0383 24 25.3912 24 24.5C24 22.567 25.567 21 27.5 21C28.0193 21 28.3204 21.0315 28.7636 21.2344Z"
stroke="url(#paint10_linear_18_13980)"
strokeWidth={0.3}
/>
</g>
<g filter="url(#filter2_f_18_13980)">
<circle
cx={9.5}
cy={12.5}
r={3.5}
stroke="url(#paint11_linear_18_13980)"
strokeWidth={0.2}
/>
</g>
<g filter="url(#filter3_f_18_13980)">
<circle
cx={16}
cy={21.5}
r={2.40625}
fill="url(#paint12_radial_18_13980)"
/>
<circle
cx={16}
cy={21.5}
r={2.40625}
fill="url(#paint13_radial_18_13980)"
/>
<circle
cx={16}
cy={21.5}
r={2.48125}
stroke="url(#paint14_linear_18_13980)"
strokeWidth={0.15}
/>
</g>
<g filter="url(#filter4_f_18_13980)">
<path
d="M10.3727 28.6357C8.20714 27.6463 6.33771 26.1211 4.93402 24.2295C5.57494 23.4167 6.49451 22.9736 7.60993 22.9736C9.54292 22.9736 10.9375 24.6981 11.0252 26.3976C11.0252 27.25 10.8792 28.0286 10.3727 28.6357Z"
stroke="url(#paint15_linear_18_13980)"
strokeWidth={0.2}
/>
</g>
<path
d="M10.1888 28.7407C8.02324 27.7514 6.15381 26.2261 4.75012 24.3346C5.39104 23.5218 6.38459 23 7.50001 23C9.433 23 11 24.567 11 26.5C11 27.3524 10.6953 28.1336 10.1888 28.7407Z"
fill="url(#paint16_linear_18_13980)"
/>
<path
d="M10.1888 28.7407C8.02324 27.7514 6.15381 26.2261 4.75012 24.3346C5.39104 23.5218 6.38459 23 7.50001 23C9.433 23 11 24.567 11 26.5C11 27.3524 10.6953 28.1336 10.1888 28.7407Z"
fill="url(#paint17_radial_18_13980)"
/>
<path
d="M28.9554 21.316C28.0686 23.4748 26.658 25.3631 24.8816 26.8226C24.3331 26.2047 24 25.3912 24 24.5C24 22.567 25.567 21 27.5 21C28.0193 21 28.5122 21.1131 28.9554 21.316Z"
fill="url(#paint18_linear_18_13980)"
/>
<path
d="M28.9554 21.316C28.0686 23.4748 26.658 25.3631 24.8816 26.8226C24.3331 26.2047 24 25.3912 24 24.5C24 22.567 25.567 21 27.5 21C28.0193 21 28.5122 21.1131 28.9554 21.316Z"
fill="url(#paint19_radial_18_13980)"
/>
<path
d="M28.9554 21.316C28.0686 23.4748 26.658 25.3631 24.8816 26.8226C24.3331 26.2047 24 25.3912 24 24.5C24 22.567 25.567 21 27.5 21C28.0193 21 28.5122 21.1131 28.9554 21.316Z"
fill="url(#paint20_radial_18_13980)"
/>
<g filter="url(#filter5_f_18_13980)">
<ellipse
cx={15.0991}
cy={5.5}
rx={1.72411}
ry={1.5}
fill="url(#paint21_radial_18_13980)"
/>
<ellipse
cx={15.0991}
cy={5.5}
rx={1.72411}
ry={1.5}
fill="url(#paint22_radial_18_13980)"
/>
<path
d="M15.0991 7.075C16.0826 7.075 16.8982 6.37931 16.8982 5.5C16.8982 4.62069 16.0826 3.925 15.0991 3.925C14.1156 3.925 13.3 4.62069 13.3 5.5C13.3 6.37931 14.1156 7.075 15.0991 7.075Z"
stroke="url(#paint23_linear_18_13980)"
strokeWidth={0.15}
/>
</g>
<defs>
<filter
id="filter0_f_18_13980"
x={19.5}
y={8.50005}
width={6.00002}
height={5.9999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_13980"
/>
</filter>
<filter
id="filter1_f_18_13980"
x={23.55}
y={20.5501}
width={5.70718}
height={6.61367}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_13980"
/>
</filter>
<filter
id="filter2_f_18_13980"
x={5.60002}
y={8.5999}
width={7.79995}
height={7.8002}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_13980"
/>
</filter>
<filter
id="filter3_f_18_13980"
x={13.2437}
y={18.7438}
width={5.51255}
height={5.5123}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_13980"
/>
</filter>
<filter
id="filter4_f_18_13980"
x={4.60811}
y={22.6735}
width={6.7172}
height={6.28477}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_13980"
/>
</filter>
<filter
id="filter5_f_18_13980"
x={13.025}
y={3.6501}
width={4.14823}
height={3.6998}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_13980"
/>
</filter>
<radialGradient
id="paint0_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.875 10.698) rotate(129.653) scale(18.0213 18.5548)"
>
<stop stopColor="#FFFAAC" />
<stop offset={1} stopColor="#FFBD4D" />
</radialGradient>
<radialGradient
id="paint1_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22 11.698) rotate(126.159) scale(22.6683 31.6261)"
>
<stop offset={0.460023} stopColor="#D97850" stopOpacity={0} />
<stop offset={0.802421} stopColor="#D97850" />
</radialGradient>
<radialGradient
id="paint2_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30.875 19.823) rotate(-158.449) scale(29.4954 25.5742)"
>
<stop offset={0.678933} stopColor="#B69262" stopOpacity={0} />
<stop offset={1} stopColor="#B69262" />
</radialGradient>
<radialGradient
id="paint3_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 5.19803) rotate(90) scale(27.25 20.9516)"
>
<stop offset={0.820755} stopColor="#C3747F" stopOpacity={0} />
<stop offset={1} stopColor="#C3747F" />
</radialGradient>
<radialGradient
id="paint4_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.16136 9.96944) rotate(19.9831) scale(4.91992 16.9803)"
>
<stop stopColor="#B48C4F" />
<stop offset={1} stopColor="#B48C4F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.0625 15.1355) rotate(-47.1747) scale(6.98771)"
>
<stop stopColor="#F6B953" />
<stop offset={1} stopColor="#D5A04B" />
</radialGradient>
<radialGradient
id="paint6_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0792 12.5) rotate(180) scale(4.07919 3.91074)"
>
<stop offset={0.894151} stopColor="#FFC553" stopOpacity={0} />
<stop offset={1} stopColor="#FFC553" />
</radialGradient>
<radialGradient
id="paint7_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.8125 15.1355) rotate(-45.3312) scale(7.64572 5.69865)"
>
<stop offset={0.63575} stopColor="#BD8D44" stopOpacity={0} />
<stop offset={1} stopColor="#BD8D44" />
</radialGradient>
<radialGradient
id="paint8_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20 13.3955) rotate(-38.0046) scale(7.13867 2.34917)"
>
<stop offset={0.199589} stopColor="#FFF8B1" />
<stop offset={1} stopColor="#FFD975" />
</radialGradient>
<linearGradient
id="paint9_linear_18_13980"
x1={20.5766}
y1={9}
x2={23.6461}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF9AC" />
<stop offset={0.492222} stopColor="#FFF9AC" stopOpacity={0} />
<stop offset={1} stopColor="#FFF9AC" />
</linearGradient>
<linearGradient
id="paint10_linear_18_13980"
x1={27.9824}
y1={20.6562}
x2={24.6386}
y2={26.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5BD64" />
<stop offset={1} stopColor="#FFDC75" />
</linearGradient>
<linearGradient
id="paint11_linear_18_13980"
x1={11.3253}
y1={9.36067}
x2={6.9342}
y2={15.0573}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E4AC50" />
<stop offset={1} stopColor="#D79C38" />
</linearGradient>
<radialGradient
id="paint12_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7925 20.7075) rotate(135) scale(3.78776 4.52374)"
>
<stop offset={0.252371} stopColor="#F29E64" />
<stop offset={1} stopColor="#FFD87E" />
</radialGradient>
<radialGradient
id="paint13_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.6465 22.9539) rotate(-43.6028) scale(4.36133 3.55389)"
>
<stop offset={0.837099} stopColor="#E3915B" stopOpacity={0} />
<stop offset={1} stopColor="#E3915B" />
</radialGradient>
<linearGradient
id="paint14_linear_18_13980"
x1={17.6839}
y1={19.4015}
x2={13.9486}
y2={23.1909}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FBAC52" />
<stop offset={1} stopColor="#FFB053" />
</linearGradient>
<linearGradient
id="paint15_linear_18_13980"
x1={10.375}
y1={27.9481}
x2={5.3125}
y2={23.4793}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B36558" />
<stop offset={1} stopColor="#B96779" />
</linearGradient>
<linearGradient
id="paint16_linear_18_13980"
x1={10.3071}
y1={24.331}
x2={5.96361}
y2={26.9931}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BD6152" />
<stop offset={1} stopColor="#AE6B71" />
</linearGradient>
<radialGradient
id="paint17_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.58399 27.0505) rotate(-142.952) scale(5.57176 3.36972)"
>
<stop offset={0.887636} stopColor="#AF4C46" stopOpacity={0} />
<stop offset={1} stopColor="#AF4C46" />
</radialGradient>
<linearGradient
id="paint18_linear_18_13980"
x1={26.0588}
y1={21.8261}
x2={25.9154}
y2={25.9861}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD36A" />
<stop offset={1} stopColor="#EFB872" />
</linearGradient>
<radialGradient
id="paint19_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.3499 26.8226) rotate(-98.7873) scale(5.70898 4.73475)"
>
<stop offset={0.849803} stopColor="#DFA14C" stopOpacity={0} />
<stop offset={1} stopColor="#C28255" />
</radialGradient>
<radialGradient
id="paint20_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.1386 23.125) rotate(122.849) scale(4.72413 4.02056)"
>
<stop offset={0.718246} stopColor="#FFE38A" stopOpacity={0} />
<stop offset={0.952085} stopColor="#FFE38A" />
</radialGradient>
<radialGradient
id="paint21_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.3804 5.5) rotate(180) scale(3.00536 3.27072)"
>
<stop offset={0.43672} stopColor="#F3BB63" />
<stop offset={1} stopColor="#FFF3A5" />
</radialGradient>
<radialGradient
id="paint22_radial_18_13980"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.0679 5.5) scale(2.75536 2.97042)"
>
<stop offset={0.639344} stopColor="#CD9E56" stopOpacity={0} />
<stop offset={1} stopColor="#CD9E56" />
</radialGradient>
<linearGradient
id="paint23_linear_18_13980"
x1={16.8232}
y1={5.17036}
x2={15.643}
y2={5.17036}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDC36B" />
<stop offset={1} stopColor="#FFDD7B" />
</linearGradient>
</defs>
</svg>
);
module.exports = FullMoonIcon;