@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
632 lines (631 loc) • 21.1 kB
JSX
const React = require("react");
const WaxingCrescentMoonIcon = ({ 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_13888)" />
<circle cx={16} cy={16} r={14} fill="url(#paint1_radial_18_13888)" />
<circle cx={15.5} cy={5.5} r={1.5} fill="url(#paint2_linear_18_13888)" />
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint3_linear_18_13888)" />
<g filter="url(#filter0_f_18_13888)">
<circle cx={22.5} cy={11.5} r={2.5} fill="url(#paint4_radial_18_13888)" />
<circle cx={22.5} cy={11.5} r={2.55} stroke="#FFF8AC" strokeWidth={0.1} />
</g>
<circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint5_linear_18_13888)" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.1888 28.7407C8.02324 27.7514 6.1538 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(#paint6_linear_18_13888)"
/>
<g filter="url(#filter1_f_18_13888)">
<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(#paint7_linear_18_13888)"
strokeWidth={0.3}
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
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(#paint8_linear_18_13888)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
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(#paint9_radial_18_13888)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
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(#paint10_radial_18_13888)"
/>
<g filter="url(#filter2_i_18_13888)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.3995 2.06908C16.9392 2.02339 16.4723 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30C16.4723 30 16.9392 29.9766 17.3995 29.9309C21.4288 26.6299 24 21.6152 24 16C24 15.2475 23.9538 14.5058 23.8641 13.7775C22.7705 13.3298 22 12.2549 22 11C22 10.2972 22.2417 9.65085 22.6464 9.13951C21.5024 6.36658 19.6856 3.942 17.3995 2.06908Z"
fill="url(#paint11_radial_18_13888)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.3995 2.06908C16.9392 2.02339 16.4723 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30C16.4723 30 16.9392 29.9766 17.3995 29.9309C21.4288 26.6299 24 21.6152 24 16C24 15.2475 23.9538 14.5058 23.8641 13.7775C22.7705 13.3298 22 12.2549 22 11C22 10.2972 22.2417 9.65085 22.6464 9.13951C21.5024 6.36658 19.6856 3.942 17.3995 2.06908Z"
fill="url(#paint12_radial_18_13888)"
/>
</g>
<g filter="url(#filter3_f_18_13888)">
<ellipse
cx={16}
cy={5.45865}
rx={1.69156}
ry={1.52823}
fill="url(#paint13_radial_18_13888)"
/>
<ellipse
cx={16}
cy={5.45865}
rx={1.69156}
ry={1.52823}
fill="url(#paint14_radial_18_13888)"
/>
</g>
<g filter="url(#filter4_f_18_13888)">
<circle
cx={9.5}
cy={12.5}
r={3.5}
stroke="url(#paint15_linear_18_13888)"
strokeWidth={0.2}
/>
</g>
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint16_radial_18_13888)" />
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint17_radial_18_13888)" />
<circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint18_radial_18_13888)" />
<g filter="url(#filter5_f_18_13888)">
<path
d="M22.3904 9.00155C22.3609 9.00052 22.3313 9 22.3015 9C21.0214 9.13949 19.9823 10.1037 19.9823 11.4844C19.9277 12.5625 20.7949 13.8828 22.3015 14C22.7322 14 23.1373 13.8911 23.4911 13.6994C22.4909 13.2129 21.8015 12.187 21.8015 11C21.8015 10.2972 22.0432 9.65083 22.448 9.13949C22.4289 9.09341 22.4097 9.04743 22.3904 9.00155Z"
stroke="url(#paint19_linear_18_13888)"
strokeWidth={0.1}
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M22.5888 9.00155C22.5594 9.00052 22.5297 9 22.5 9C21.1193 9 20 10.1193 20 11.5C20 12.8807 21.1193 14 22.5 14C22.9306 14 23.3358 13.8911 23.6896 13.6994C22.6894 13.2129 22 12.187 22 11C22 10.2972 22.2417 9.65083 22.6464 9.13949C22.6274 9.09341 22.6082 9.04743 22.5888 9.00155Z"
fill="url(#paint20_radial_18_13888)"
/>
<g filter="url(#filter6_f_18_13888)">
<circle
cx={16.5}
cy={21.5}
r={2.5}
stroke="url(#paint21_linear_18_13888)"
strokeWidth={0.25}
/>
</g>
<circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint22_radial_18_13888)" />
<circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint23_radial_18_13888)" />
<circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint24_radial_18_13888)" />
<circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint25_radial_18_13888)" />
<g filter="url(#filter7_f_18_13888)">
<path
d="M10.2792 28.5781C8.11364 27.5888 6.27667 26.1259 4.87299 24.2344C5.51391 23.4216 6.38459 23 7.50001 23C9.433 23 11 24.567 11 26.5C11 27.3524 10.7857 27.9711 10.2792 28.5781Z"
stroke="url(#paint26_linear_18_13888)"
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(#paint27_linear_18_13888)"
/>
<defs>
<filter
id="filter0_f_18_13888"
x={19.6}
y={8.5999}
width={5.79995}
height={5.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_13888"
/>
</filter>
<filter
id="filter1_f_18_13888"
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_13888"
/>
</filter>
<filter
id="filter2_i_18_13888"
x={2}
y={2}
width={22.25}
height={28}
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.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.466667 0 0 0 0 0.443137 0 0 0 0 0.498039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_13888"
/>
</filter>
<filter
id="filter3_f_18_13888"
x={14.2084}
y={3.83042}
width={3.58312}
height={3.2564}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect1_foregroundBlur_18_13888"
/>
</filter>
<filter
id="filter4_f_18_13888"
x={5.70002}
y={8.6999}
width={7.59995}
height={7.6002}
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_13888"
/>
</filter>
<filter
id="filter5_f_18_13888"
x={19.7299}
y={8.74971}
width={4.07053}
height={5.50034}
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_13888"
/>
</filter>
<filter
id="filter6_f_18_13888"
x={13.625}
y={18.625}
width={5.75}
height={5.75}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_13888"
/>
</filter>
<filter
id="filter7_f_18_13888"
x={4.54707}
y={22.6999}
width={6.75297}
height={6.20078}
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_13888"
/>
</filter>
<radialGradient
id="paint0_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5761 10.625) rotate(112.552) scale(20.3702)"
>
<stop offset={0.223156} stopColor="#FFF9AD" />
<stop offset={0.646348} stopColor="#FFC850" />
<stop offset={1} stopColor="#E3945B" />
</radialGradient>
<radialGradient
id="paint1_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5555 10.6373) rotate(78.4129) scale(20.3539)"
>
<stop stopColor="#D7938C" stopOpacity={0} />
<stop offset={0.878865} stopColor="#D7938C" stopOpacity={0} />
<stop offset={1} stopColor="#D7938C" />
</radialGradient>
<linearGradient
id="paint2_linear_18_13888"
x1={16.5}
y1={4.5}
x2={14.5}
y2={6.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FFEF71" />
</linearGradient>
<linearGradient
id="paint3_linear_18_13888"
x1={11.8333}
y1={10.1667}
x2={7.16667}
y2={14.8333}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FFEF71" />
</linearGradient>
<radialGradient
id="paint4_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5 11.7846) rotate(-22.4762) scale(2.28001)"
>
<stop stopColor="#FFF2A8" />
<stop offset={1} stopColor="#FFDA77" />
</radialGradient>
<linearGradient
id="paint5_linear_18_13888"
x1={18.1667}
y1={19.8333}
x2={14.8333}
y2={23.1667}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FFEF71" />
</linearGradient>
<linearGradient
id="paint6_linear_18_13888"
x1={11}
y1={24.5}
x2={4}
y2={26}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FCE35D" />
</linearGradient>
<linearGradient
id="paint7_linear_18_13888"
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="paint8_linear_18_13888"
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="paint9_radial_18_13888"
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="paint10_radial_18_13888"
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="paint11_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.7011 12.5) rotate(135.942) scale(18.9674 16.3453)"
>
<stop offset={0.180567} stopColor="#936DBD" />
<stop offset={1} stopColor="#663993" />
</radialGradient>
<radialGradient
id="paint12_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.71007 22.2472) rotate(-29.7946) scale(16.3961 17.4627)"
>
<stop stopColor="#473E52" />
<stop offset={1} stopColor="#473E52" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.1189 5.45865) rotate(-180) scale(2.49282 2.78166)"
>
<stop offset={0.285714} stopColor="#79529B" />
<stop offset={1} stopColor="#A276C9" />
</radialGradient>
<radialGradient
id="paint14_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5609 5.45865) scale(2.13059 1.92488)"
>
<stop offset={0.711237} stopColor="#664581" stopOpacity={0} />
<stop offset={1} stopColor="#664581" />
</radialGradient>
<linearGradient
id="paint15_linear_18_13888"
x1={13}
y1={9.94493}
x2={6.57245}
y2={15.0647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#603D83" />
<stop offset={1} stopColor="#603D83" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.06759 12.2208) rotate(10.3889) scale(5.47365 6.37244)"
>
<stop stopColor="#6D4A8D" />
<stop offset={1} stopColor="#60427C" />
</radialGradient>
<radialGradient
id="paint17_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.79744 12.5) rotate(-166.271) scale(3.90912 4.32954)"
>
<stop offset={0.886167} stopColor="#8260A1" stopOpacity={0} />
<stop offset={1} stopColor="#8260A1" />
</radialGradient>
<radialGradient
id="paint18_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.5165 8.62535) rotate(109.781) scale(7.83707)"
>
<stop offset={0.819666} stopColor="#614879" stopOpacity={0} />
<stop offset={1} stopColor="#614879" />
</radialGradient>
<linearGradient
id="paint19_linear_18_13888"
x1={20.6699}
y1={10.5469}
x2={22.2324}
y2={14.1094}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A47BD1" />
<stop offset={0.490625} stopColor="#A47BD1" stopOpacity={0} />
<stop offset={1} stopColor="#A47BD1" />
</linearGradient>
<radialGradient
id="paint20_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.6386 12.4375) rotate(-28.9472) scale(3.48654 3.03371)"
>
<stop offset={0.289681} stopColor="#B185D6" />
<stop offset={0.778116} stopColor="#9B6BBF" />
</radialGradient>
<linearGradient
id="paint21_linear_18_13888"
x1={19}
y1={19.6749}
x2={14.4089}
y2={23.3319}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#683B92" />
<stop offset={1} stopColor="#683B92" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint22_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4722 23.5099) rotate(-58.7173) scale(4.42304 5.14932)"
>
<stop stopColor="#724D94" />
<stop offset={1} stopColor="#6F4197" />
</radialGradient>
<radialGradient
id="paint23_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.812 21.0218) rotate(118.54) scale(3.1046 3.20092)"
>
<stop offset={0.788553} stopColor="#8B72A3" stopOpacity={0} />
<stop offset={1} stopColor="#8B72A3" />
</radialGradient>
<radialGradient
id="paint24_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.6694 23.6415) rotate(-50.5275) scale(5.54168 3.88163)"
>
<stop offset={0.800386} stopColor="#64398C" stopOpacity={0} />
<stop offset={1} stopColor="#64398C" />
</radialGradient>
<radialGradient
id="paint25_radial_18_13888"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6759 20.8735) rotate(40.0794) scale(3.85246 4.08614)"
>
<stop offset={0.824989} stopColor="#664289" stopOpacity={0} />
<stop offset={1} stopColor="#664289" />
</radialGradient>
<linearGradient
id="paint26_linear_18_13888"
x1={5.62908}
y1={23.6297}
x2={11.2119}
y2={27.6306}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#372447" />
<stop offset={0.213203} stopColor="#372447" stopOpacity={0} />
<stop offset={0.805979} stopColor="#654E72" stopOpacity={0} />
<stop offset={1} stopColor="#654E72" />
</linearGradient>
<linearGradient
id="paint27_linear_18_13888"
x1={5.36069}
y1={24.5312}
x2={11}
y2={28.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#50425C" />
<stop offset={1} stopColor="#64497D" />
</linearGradient>
</defs>
</svg>
);
module.exports = WaxingCrescentMoonIcon;