@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
551 lines (550 loc) • 19.1 kB
JSX
const React = require("react");
const CrescentMoonIcon = ({ 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_i_18_14563)">
<path
d="M23.5095 5.63236C24.0095 7.67236 24.0695 9.89236 23.5295 12.1924C22.2695 17.5224 17.8895 21.7024 12.5095 22.6724C9.5995 23.2024 6.8295 22.8024 4.4195 21.7524C3.8595 21.5024 3.3295 22.1424 3.6195 22.6824C6.2695 27.5624 11.7295 30.6824 17.8395 29.8724C24.0695 29.0424 29.0595 23.9624 29.8095 17.7224C30.4095 12.5424 28.2095 7.86236 24.5295 4.97236C24.0595 4.61236 23.3695 5.05236 23.5095 5.63236Z"
fill="url(#paint0_linear_18_14563)"
/>
<path
d="M23.5095 5.63236C24.0095 7.67236 24.0695 9.89236 23.5295 12.1924C22.2695 17.5224 17.8895 21.7024 12.5095 22.6724C9.5995 23.2024 6.8295 22.8024 4.4195 21.7524C3.8595 21.5024 3.3295 22.1424 3.6195 22.6824C6.2695 27.5624 11.7295 30.6824 17.8395 29.8724C24.0695 29.0424 29.0595 23.9624 29.8095 17.7224C30.4095 12.5424 28.2095 7.86236 24.5295 4.97236C24.0595 4.61236 23.3695 5.05236 23.5095 5.63236Z"
fill="url(#paint1_radial_18_14563)"
/>
<path
d="M23.5095 5.63236C24.0095 7.67236 24.0695 9.89236 23.5295 12.1924C22.2695 17.5224 17.8895 21.7024 12.5095 22.6724C9.5995 23.2024 6.8295 22.8024 4.4195 21.7524C3.8595 21.5024 3.3295 22.1424 3.6195 22.6824C6.2695 27.5624 11.7295 30.6824 17.8395 29.8724C24.0695 29.0424 29.0595 23.9624 29.8095 17.7224C30.4095 12.5424 28.2095 7.86236 24.5295 4.97236C24.0595 4.61236 23.3695 5.05236 23.5095 5.63236Z"
fill="url(#paint2_radial_18_14563)"
/>
</g>
<path
d="M23.5095 5.63236C24.0095 7.67236 24.0695 9.89236 23.5295 12.1924C22.2695 17.5224 17.8895 21.7024 12.5095 22.6724C9.5995 23.2024 6.8295 22.8024 4.4195 21.7524C3.8595 21.5024 3.3295 22.1424 3.6195 22.6824C6.2695 27.5624 11.7295 30.6824 17.8395 29.8724C24.0695 29.0424 29.0595 23.9624 29.8095 17.7224C30.4095 12.5424 28.2095 7.86236 24.5295 4.97236C24.0595 4.61236 23.3695 5.05236 23.5095 5.63236Z"
fill="url(#paint3_radial_18_14563)"
/>
<g filter="url(#filter1_f_18_14563)">
<path
d="M13.4795 27.0123C14.3466 27.0123 15.0495 26.3094 15.0495 25.4423C15.0495 24.5752 14.3466 23.8723 13.4795 23.8723C12.6124 23.8723 11.9095 24.5752 11.9095 25.4423C11.9095 26.3094 12.6124 27.0123 13.4795 27.0123Z"
stroke="url(#paint4_linear_18_14563)"
strokeWidth={0.3}
/>
</g>
<g filter="url(#filter2_ii_18_14563)">
<path
d="M13.4795 27.0123C14.3466 27.0123 15.0495 26.3094 15.0495 25.4423C15.0495 24.5752 14.3466 23.8723 13.4795 23.8723C12.6124 23.8723 11.9095 24.5752 11.9095 25.4423C11.9095 26.3094 12.6124 27.0123 13.4795 27.0123Z"
fill="url(#paint5_radial_18_14563)"
/>
</g>
<g filter="url(#filter3_f_18_14563)">
<path
d="M26.3995 14.1323C27.2666 14.1323 27.9695 13.4294 27.9695 12.5623C27.9695 11.6952 27.2666 10.9923 26.3995 10.9923C25.5324 10.9923 24.8295 11.6952 24.8295 12.5623C24.8295 13.4294 25.5324 14.1323 26.3995 14.1323Z"
stroke="url(#paint6_linear_18_14563)"
strokeWidth={0.2}
/>
</g>
<g filter="url(#filter4_ii_18_14563)">
<path
d="M26.3995 14.1323C27.2666 14.1323 27.9695 13.4294 27.9695 12.5623C27.9695 11.6952 27.2666 10.9923 26.3995 10.9923C25.5324 10.9923 24.8295 11.6952 24.8295 12.5623C24.8295 13.4294 25.5324 14.1323 26.3995 14.1323Z"
fill="url(#paint7_radial_18_14563)"
/>
</g>
<g filter="url(#filter5_f_18_14563)">
<path
d="M26.8995 18.9723C27.4462 18.9723 27.8895 18.5291 27.8895 17.9823C27.8895 17.4355 27.4462 16.9923 26.8995 16.9923C26.3527 16.9923 25.9095 17.4355 25.9095 17.9823C25.9095 18.5291 26.3527 18.9723 26.8995 18.9723Z"
stroke="url(#paint8_linear_18_14563)"
strokeWidth={0.2}
/>
</g>
<g filter="url(#filter6_ii_18_14563)">
<path
d="M26.8995 18.9723C27.4462 18.9723 27.8895 18.5291 27.8895 17.9823C27.8895 17.4355 27.4462 16.9923 26.8995 16.9923C26.3527 16.9923 25.9095 17.4355 25.9095 17.9823C25.9095 18.5291 26.3527 18.9723 26.8995 18.9723Z"
fill="url(#paint9_radial_18_14563)"
/>
</g>
<g filter="url(#filter7_f_18_14563)">
<path
d="M21.8995 24.9823C23.5563 24.9823 24.8995 23.6392 24.8995 21.9823C24.8995 20.3254 23.5563 18.9823 21.8995 18.9823C20.2426 18.9823 18.8995 20.3254 18.8995 21.9823C18.8995 23.6392 20.2426 24.9823 21.8995 24.9823Z"
stroke="url(#paint10_linear_18_14563)"
strokeWidth={0.3}
/>
</g>
<g filter="url(#filter8_ii_18_14563)">
<path
d="M21.8995 24.9823C23.5563 24.9823 24.8995 23.6392 24.8995 21.9823C24.8995 20.3254 23.5563 18.9823 21.8995 18.9823C20.2426 18.9823 18.8995 20.3254 18.8995 21.9823C18.8995 23.6392 20.2426 24.9823 21.8995 24.9823Z"
fill="url(#paint11_radial_18_14563)"
/>
</g>
<defs>
<filter
id="filter0_i_18_14563"
x={3.53754}
y={4.34204}
width={26.8701}
height={25.658}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.721569 0 0 0 0 0.372549 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14563"
/>
</filter>
<filter
id="filter1_f_18_14563"
x={11.4595}
y={23.4223}
width={4.04}
height={4.04006}
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_14563"
/>
</filter>
<filter
id="filter2_ii_18_14563"
x={11.6595}
y={23.4723}
width={3.69001}
height={3.79001}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.780392 0 0 0 0 0.462745 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14563"
/>
<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.3} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.839216 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14563"
result="effect2_innerShadow_18_14563"
/>
</filter>
<filter
id="filter3_f_18_14563"
x={24.5296}
y={10.6923}
width={3.73997}
height={3.73997}
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_14563"
/>
</filter>
<filter
id="filter4_ii_18_14563"
x={24.5795}
y={10.6923}
width={3.69001}
height={3.69001}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.847059 0 0 0 0 0.552941 0 0 0 0 0.235294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14563"
/>
<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.3} dy={-0.3} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.921569 0 0 0 0 0.682353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14563"
result="effect2_innerShadow_18_14563"
/>
</filter>
<filter
id="filter5_f_18_14563"
x={25.6095}
y={16.6923}
width={2.57999}
height={2.57993}
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_14563"
/>
</filter>
<filter
id="filter6_ii_18_14563"
x={25.7595}
y={16.7923}
width={2.32998}
height={2.32998}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.847059 0 0 0 0 0.552941 0 0 0 0 0.235294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14563"
/>
<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.2} dy={-0.2} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.921569 0 0 0 0 0.682353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14563"
result="effect2_innerShadow_18_14563"
/>
</filter>
<filter
id="filter7_f_18_14563"
x={18.4495}
y={18.5323}
width={6.90005}
height={6.90005}
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_14563"
/>
</filter>
<filter
id="filter8_ii_18_14563"
x={18.6495}
y={18.5823}
width={6.55}
height={6.65}
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} dy={0.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.8 0 0 0 0 0.537255 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_14563"
/>
<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.3} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.882353 0 0 0 0 0.611765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_14563"
result="effect2_innerShadow_18_14563"
/>
</filter>
<linearGradient
id="paint0_linear_18_14563"
x1={28.6875}
y1={11.1875}
x2={10.75}
y2={29.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD874" />
<stop offset={1} stopColor="#FFBC4C" />
</linearGradient>
<radialGradient
id="paint1_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.6875 16.625) rotate(-23.4078) scale(15.7323 16.4902)"
>
<stop offset={0.769006} stopColor="#FFECAE" stopOpacity={0} />
<stop offset={0.984059} stopColor="#FFECAE" />
</radialGradient>
<radialGradient
id="paint2_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.70508 31.2136) rotate(-39.8461) scale(14.0127 14.6878)"
>
<stop stopColor="#FF984F" />
<stop offset={1} stopColor="#FF984F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.1726 11.5155) rotate(13.627) scale(2.62816 6.65588)"
>
<stop offset={0.229694} stopColor="#BA935B" />
<stop offset={0.978688} stopColor="#BA935B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_14563"
x1={14.8567}
y1={24.6502}
x2={13.0741}
y2={25.5824}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D0883B" />
<stop offset={1} stopColor="#FFCA6D" />
</linearGradient>
<radialGradient
id="paint5_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8125 25.7296) rotate(-22.978) scale(2.4298)"
>
<stop stopColor="#FFBA6A" />
<stop offset={1} stopColor="#EB9E58" />
</radialGradient>
<linearGradient
id="paint6_linear_18_14563"
x1={27.7482}
y1={11.2274}
x2={25.2951}
y2={13.854}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7AC47" />
<stop offset={1} stopColor="#FFE9A7" />
</linearGradient>
<radialGradient
id="paint7_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.7325 12.8496) rotate(-15.5214) scale(2.32168)"
>
<stop stopColor="#FFD778" />
<stop offset={1} stopColor="#FFC767" />
</radialGradient>
<linearGradient
id="paint8_linear_18_14563"
x1={27.7499}
y1={17.1406}
x2={26.2031}
y2={18.7968}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7AC47" />
<stop offset={1} stopColor="#FFE9A7" />
</linearGradient>
<radialGradient
id="paint9_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4789 18.1634) rotate(-15.5214) scale(1.46399)"
>
<stop stopColor="#FFDE8F" />
<stop offset={1} stopColor="#FFC25B" />
</radialGradient>
<linearGradient
id="paint10_linear_18_14563"
x1={24.5312}
y1={20.4687}
x2={21.1249}
y2={22.2499}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E2A842" />
<stop offset={1} stopColor="#FFD778" />
</linearGradient>
<radialGradient
id="paint11_radial_18_14563"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.6249 22.5312) rotate(-22.978) scale(4.64293 4.64293)"
>
<stop stopColor="#FFC75F" />
<stop offset={1} stopColor="#FABC5A" />
</radialGradient>
</defs>
</svg>
);
module.exports = CrescentMoonIcon;