@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
645 lines (644 loc) • 20.5 kB
JSX
const React = require("react");
const FirstQuarterMoonIcon = ({ 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.326}
cy={16.335}
r={14}
fill="url(#paint0_radial_18_13917)"
/>
<circle
cx={16.326}
cy={16.335}
r={14}
fill="url(#paint1_radial_18_13917)"
/>
<circle
cx={16.326}
cy={16.335}
r={14}
fill="url(#paint2_radial_18_13917)"
/>
<circle
cx={9.82599}
cy={12.835}
r={3.5}
fill="url(#paint3_linear_18_13917)"
/>
<g filter="url(#filter0_f_18_13917)">
<path
d="M16.276 24.2849V24.3258L16.316 24.3339C16.4809 24.3674 16.6514 24.385 16.826 24.385C18.2343 24.385 19.376 23.2433 19.376 21.835C19.376 20.4266 18.2343 19.285 16.826 19.285C16.6514 19.285 16.4809 19.3025 16.316 19.336L16.276 19.3441V19.385V24.2849Z"
stroke="url(#paint4_linear_18_13917)"
strokeWidth={0.1}
/>
</g>
<g filter="url(#filter1_f_18_13917)">
<circle
cx={22.826}
cy={11.835}
r={2.5}
fill="url(#paint5_radial_18_13917)"
/>
<circle
cx={22.826}
cy={11.835}
r={2.6}
stroke="url(#paint6_linear_18_13917)"
strokeWidth={0.2}
/>
</g>
<circle
cx={16.826}
cy={21.835}
r={2.5}
fill="url(#paint7_linear_18_13917)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.5148 29.0757C8.34923 28.0863 6.47979 26.5611 5.07611 24.6695C5.71703 23.8567 6.71058 23.335 7.82599 23.335C9.75899 23.335 11.326 24.902 11.326 26.835C11.326 27.6874 11.0213 28.4686 10.5148 29.0757Z"
fill="url(#paint8_linear_18_13917)"
/>
<g filter="url(#filter2_f_18_13917)">
<path
d="M29.0896 21.5693C28.2028 23.7282 26.8347 25.5317 25.0583 26.9912C24.5098 26.3733 24.326 25.7262 24.326 24.835C24.326 22.902 25.893 21.335 27.826 21.335C28.3453 21.335 28.6464 21.3664 29.0896 21.5693Z"
stroke="url(#paint9_linear_18_13917)"
strokeWidth={0.3}
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.2814 21.651C28.3946 23.8098 26.984 25.6981 25.2076 27.1575C24.6591 26.5396 24.326 25.7262 24.326 24.835C24.326 22.902 25.893 21.335 27.826 21.335C28.3453 21.335 28.8382 21.4481 29.2814 21.651Z"
fill="url(#paint10_linear_18_13917)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.2814 21.651C28.3946 23.8098 26.984 25.6981 25.2076 27.1575C24.6591 26.5396 24.326 25.7262 24.326 24.835C24.326 22.902 25.893 21.335 27.826 21.335C28.3453 21.335 28.8382 21.4481 29.2814 21.651Z"
fill="url(#paint11_radial_18_13917)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.2814 21.651C28.3946 23.8098 26.984 25.6981 25.2076 27.1575C24.6591 26.5396 24.326 25.7262 24.326 24.835C24.326 22.902 25.893 21.335 27.826 21.335C28.3453 21.335 28.8382 21.4481 29.2814 21.651Z"
fill="url(#paint12_radial_18_13917)"
/>
<g filter="url(#filter3_i_18_13917)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.326 2.33496V30.335C8.594 30.335 2.32599 24.0669 2.32599 16.335C2.32599 8.60297 8.594 2.33496 16.326 2.33496Z"
fill="url(#paint13_radial_18_13917)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.326 2.33496V30.335C8.594 30.335 2.32599 24.0669 2.32599 16.335C2.32599 8.60297 8.594 2.33496 16.326 2.33496Z"
fill="url(#paint14_radial_18_13917)"
/>
</g>
<g filter="url(#filter4_f_18_13917)">
<circle
cx={9.82599}
cy={12.835}
r={3.5}
stroke="url(#paint15_linear_18_13917)"
strokeWidth={0.2}
/>
</g>
<circle
cx={9.82599}
cy={12.835}
r={3.5}
fill="url(#paint16_radial_18_13917)"
/>
<circle
cx={9.82599}
cy={12.835}
r={3.5}
fill="url(#paint17_radial_18_13917)"
/>
<circle
cx={9.82599}
cy={12.835}
r={3.5}
fill="url(#paint18_radial_18_13917)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.5148 29.0757C8.34923 28.0863 6.47979 26.5611 5.07611 24.6695C5.71703 23.8567 6.71058 23.335 7.82599 23.335C9.75899 23.335 11.326 24.902 11.326 26.835C11.326 27.6874 11.0213 28.4686 10.5148 29.0757Z"
fill="url(#paint19_linear_18_13917)"
/>
<path
d="M16.326 24.2849C16.4875 24.3177 16.6548 24.335 16.826 24.335C18.2067 24.335 19.326 23.2157 19.326 21.835C19.326 20.4543 18.2067 19.335 16.826 19.335C16.6548 19.335 16.4875 19.3522 16.326 19.385V24.2849Z"
fill="url(#paint20_radial_18_13917)"
/>
<path
d="M16.326 24.2849C16.4875 24.3177 16.6548 24.335 16.826 24.335C18.2067 24.335 19.326 23.2157 19.326 21.835C19.326 20.4543 18.2067 19.335 16.826 19.335C16.6548 19.335 16.4875 19.3522 16.326 19.385V24.2849Z"
fill="url(#paint21_radial_18_13917)"
/>
<path
d="M16.326 19.385C15.1849 19.6166 14.326 20.6255 14.326 21.835C14.326 23.0445 15.1849 24.0533 16.326 24.285V19.385Z"
fill="url(#paint22_radial_18_13917)"
/>
<path
d="M16.326 19.385C15.1849 19.6166 14.326 20.6255 14.326 21.835C14.326 23.0445 15.1849 24.0533 16.326 24.285V19.385Z"
fill="url(#paint23_radial_18_13917)"
/>
<g filter="url(#filter5_f_18_13917)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.326 7.23983V4.35521C16.9847 4.56418 17.4569 5.13102 17.4569 5.79752C17.4569 6.46402 16.9847 7.03086 16.326 7.23983Z"
fill="url(#paint24_radial_18_13917)"
/>
</g>
<g filter="url(#filter6_f_18_13917)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.326 4.35521C16.1506 4.29956 15.9619 4.26929 15.7654 4.26929C14.8312 4.26929 14.0739 4.9535 14.0739 5.79752C14.0739 6.64154 14.8312 7.32576 15.7654 7.32576C15.9619 7.32576 16.1506 7.29549 16.326 7.23983V4.35521Z"
fill="url(#paint25_radial_18_13917)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.326 4.35521C16.1506 4.29956 15.9619 4.26929 15.7654 4.26929C14.8312 4.26929 14.0739 4.9535 14.0739 5.79752C14.0739 6.64154 14.8312 7.32576 15.7654 7.32576C15.9619 7.32576 16.1506 7.29549 16.326 7.23983V4.35521Z"
fill="url(#paint26_radial_18_13917)"
/>
</g>
<defs>
<filter
id="filter0_f_18_13917"
x={16.026}
y={19.0349}
width={3.59995}
height={5.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_13917"
/>
</filter>
<filter
id="filter1_f_18_13917"
x={19.926}
y={8.93501}
width={5.80002}
height={5.7999}
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_13917"
/>
</filter>
<filter
id="filter2_f_18_13917"
x={23.876}
y={20.8851}
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_13917"
/>
</filter>
<filter
id="filter3_i_18_13917"
x={2.32599}
y={1.93496}
width={14.25}
height={28.4}
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.4} />
<feGaussianBlur stdDeviation={0.625} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.498039 0 0 0 0 0.466667 0 0 0 0 0.529412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_13917"
/>
</filter>
<filter
id="filter4_f_18_13917"
x={6.02601}
y={9.03486}
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_13917"
/>
</filter>
<filter
id="filter5_f_18_13917"
x={16.226}
y={4.25522}
width={1.33092}
height={3.08452}
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_13917"
/>
</filter>
<filter
id="filter6_f_18_13917"
x={13.9739}
y={4.16929}
width={2.4522}
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_13917"
/>
</filter>
<radialGradient
id="paint0_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8885 11.272) rotate(130.452) scale(15.6055 21.1847)"
>
<stop stopColor="#FFF8AB" />
<stop offset={1} stopColor="#FFB74E" />
</radialGradient>
<radialGradient
id="paint1_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.5135 29.3345) rotate(-57.5052) scale(11.6339 17.132)"
>
<stop stopColor="#FA9F56" />
<stop offset={1} stopColor="#FA9F56" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.951 12.272) rotate(75.7713) scale(18.0538)"
>
<stop offset={0.837074} stopColor="#D7908F" stopOpacity={0} />
<stop offset={1} stopColor="#D7908F" />
</radialGradient>
<linearGradient
id="paint3_linear_18_13917"
x1={12.1593}
y1={10.5016}
x2={7.49266}
y2={15.1683}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FFEF71" />
</linearGradient>
<linearGradient
id="paint4_linear_18_13917"
x1={18.951}
y1={19.335}
x2={16.9197}
y2={24.5845}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FEAE52" />
<stop offset={1} stopColor="#FFB654" />
</linearGradient>
<radialGradient
id="paint5_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.326 13.7304) rotate(-37.9457) scale(8.77059 2.88619)"
>
<stop offset={0.199589} stopColor="#FFF8B1" />
<stop offset={1} stopColor="#FFD975" />
</radialGradient>
<linearGradient
id="paint6_linear_18_13917"
x1={20.9026}
y1={9.33496}
x2={23.9721}
y2={14.335}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFF9AC" />
<stop offset={0.492222} stopColor="#FFF9AC" stopOpacity={0} />
<stop offset={1} stopColor="#FFF9AC" />
</linearGradient>
<linearGradient
id="paint7_linear_18_13917"
x1={18.4927}
y1={20.1683}
x2={15.1593}
y2={23.5016}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FFEF71" />
</linearGradient>
<linearGradient
id="paint8_linear_18_13917"
x1={11.326}
y1={24.835}
x2={4.32599}
y2={26.335}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5C224" />
<stop offset={1} stopColor="#FCE35D" />
</linearGradient>
<linearGradient
id="paint9_linear_18_13917"
x1={28.3083}
y1={20.9912}
x2={24.9646}
y2={26.6475}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F5BD64" />
<stop offset={1} stopColor="#FFDC75" />
</linearGradient>
<linearGradient
id="paint10_linear_18_13917"
x1={26.3848}
y1={22.1611}
x2={26.2414}
y2={26.321}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD36A" />
<stop offset={1} stopColor="#EFB872" />
</linearGradient>
<radialGradient
id="paint11_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.6758 27.1575) rotate(-98.7873) scale(5.70898 4.73475)"
>
<stop offset={0.849803} stopColor="#DFA14C" stopOpacity={0} />
<stop offset={1} stopColor="#C28255" />
</radialGradient>
<radialGradient
id="paint12_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.4646 23.46) 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="paint13_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.326 10.647) rotate(123.566) scale(16.0517 18.3343)"
>
<stop stopColor="#764E9F" />
<stop offset={1} stopColor="#59357A" />
</radialGradient>
<radialGradient
id="paint14_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.63849 18.272) rotate(-21.0375) scale(9.57577 22.5125)"
>
<stop stopColor="#4B4255" />
<stop offset={1} stopColor="#4B4255" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_13917"
x1={13.326}
y1={10.2799}
x2={6.89844}
y2={15.3996}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#603D83" />
<stop offset={1} stopColor="#603D83" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.39358 12.5558) rotate(10.3889) scale(5.47365 6.37244)"
>
<stop stopColor="#6D4A8D" />
<stop offset={1} stopColor="#60427C" />
</radialGradient>
<radialGradient
id="paint17_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.1234 12.835) 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_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.8425 8.96032) 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_13917"
x1={11.326}
y1={24.835}
x2={4.32599}
y2={26.335}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#0F0F0F" />
<stop offset={1} stopColor="#704E8D" />
</linearGradient>
<radialGradient
id="paint20_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9776 24.7465) rotate(-80.3217) scale(3.76967 3.09254)"
>
<stop stopColor="#FFCC72" />
<stop offset={0.897774} stopColor="#F6A465" />
</radialGradient>
<radialGradient
id="paint21_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6031 22.7013) rotate(-52.0379) scale(3.32485 3.04957)"
>
<stop offset={0.739888} stopColor="#D9895F" stopOpacity={0} />
<stop offset={1} stopColor="#D9895F" />
</radialGradient>
<radialGradient
id="paint22_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.326 23.772) rotate(-68.5104) scale(4.26525 2.61425)"
>
<stop offset={0.221912} stopColor="#724D94" />
<stop offset={1} stopColor="#6F4197" />
</radialGradient>
<radialGradient
id="paint23_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.326 20.339) rotate(90) scale(4.27245 2.77244)"
>
<stop offset={0.691667} stopColor="#8B70A4" stopOpacity={0} />
<stop offset={1} stopColor="#8B70A4" />
</radialGradient>
<radialGradient
id="paint24_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6916 5.79752) rotate(-180) scale(1.03438 1.31655)"
>
<stop stopColor="#F5BE69" />
<stop offset={1} stopColor="#C99C56" />
</radialGradient>
<radialGradient
id="paint25_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.8844 5.79752) rotate(-180) scale(2.49282 2.78166)"
>
<stop offset={0.285714} stopColor="#79529B" />
<stop offset={1} stopColor="#A276C9" />
</radialGradient>
<radialGradient
id="paint26_radial_18_13917"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.3264 5.79752) scale(2.13059 1.92488)"
>
<stop offset={0.711237} stopColor="#664581" stopOpacity={0} />
<stop offset={1} stopColor="#664581" />
</radialGradient>
</defs>
</svg>
);
module.exports = FirstQuarterMoonIcon;