@jstnmthw/react-fluentui-emoji/icons/WaningCrescentMoonIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WaningCrescentMoonIcon = ({ 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_14055)" />
    <circle cx={16} cy={16} r={14} fill="url(#paint1_radial_18_14055)" />
    <circle cx={16} cy={16} r={14} fill="url(#paint2_radial_18_14055)" />
    <circle cx={16} cy={16} r={14} fill="url(#paint3_radial_18_14055)" />
    <circle cx={15.5} cy={5.5} r={1.5} fill="url(#paint4_linear_18_14055)" />
    <circle cx={22.5} cy={11.5} r={2.5} fill="url(#paint5_linear_18_14055)" />
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint6_linear_18_14055)" />
    <g filter="url(#filter0_f_18_14055)">
      <circle
        cx={9.5}
        cy={12.5}
        r={3.5}
        stroke="url(#paint7_linear_18_14055)"
        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(#paint8_linear_18_14055)"
    />
    <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(#paint9_radial_18_14055)"
    />
    <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(#paint10_linear_18_14055)"
    />
    <path
      d="M15.681 29.9964C15.787 29.9988 15.8934 30 16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C15.8933 2 15.7869 2.00119 15.6809 2.00357C11.6054 5.30355 9 10.3475 9 15.9999C9 21.6525 11.6055 26.6965 15.681 29.9964Z"
      fill="url(#paint11_radial_18_14055)"
    />
    <path
      d="M15.681 29.9964C15.787 29.9988 15.8934 30 16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C15.8933 2 15.7869 2.00119 15.6809 2.00357C11.6054 5.30355 9 10.3475 9 15.9999C9 21.6525 11.6055 26.6965 15.681 29.9964Z"
      fill="url(#paint12_radial_18_14055)"
    />
    <g filter="url(#filter1_f_18_14055)">
      <circle
        cx={22.5}
        cy={11.5}
        r={2.5}
        fill="url(#paint13_radial_18_14055)"
      />
      <circle
        cx={22.5}
        cy={11.5}
        r={2.6}
        stroke="url(#paint14_linear_18_14055)"
        strokeWidth={0.2}
      />
    </g>
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint15_linear_18_14055)" />
    <g filter="url(#filter2_f_18_14055)">
      <circle
        cx={16.5}
        cy={21.5}
        r={2.5}
        stroke="url(#paint16_linear_18_14055)"
        strokeWidth={0.25}
      />
    </g>
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint17_radial_18_14055)" />
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint18_radial_18_14055)" />
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint19_radial_18_14055)" />
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint20_radial_18_14055)" />
    <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint21_radial_18_14055)" />
    <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint22_radial_18_14055)" />
    <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint23_radial_18_14055)" />
    <g filter="url(#filter3_f_18_14055)">
      <path
        d="M28.9021 21.2099C28.4684 21.0099 27.9861 20.8984 27.478 20.8984C25.5865 20.8984 24.0532 22.4429 24.0532 24.3481C24.0532 25.2265 24.3792 26.0283 24.9159 26.6373"
        stroke="url(#paint24_linear_18_14055)"
        strokeWidth={0.2}
      />
    </g>
    <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(#paint25_linear_18_14055)"
    />
    <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(#paint26_linear_18_14055)"
    />
    <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(#paint27_radial_18_14055)"
    />
    <g filter="url(#filter4_f_18_14055)">
      <path
        d="M8.99994 15.9646C9.16324 15.988 9.33017 16 9.49992 16C11.4329 16 12.9999 14.433 12.9999 12.5C12.9999 10.8662 11.8803 9.49375 10.3665 9.10815"
        stroke="url(#paint28_linear_18_14055)"
        strokeWidth={0.2}
      />
    </g>
    <path
      d="M8.99994 15.9646C10.2526 14.9309 11.1482 13.7236 11.1482 12.0675C11.1482 10.7297 10.7612 9.60198 10.3665 9.10815C11.8803 9.49375 12.9999 10.8662 12.9999 12.5C12.9999 14.433 11.4329 16 9.49992 16C9.33017 16 9.16324 15.988 8.99994 15.9646Z"
      fill="url(#paint29_radial_18_14055)"
    />
    <g filter="url(#filter5_f_18_14055)">
      <ellipse
        cx={15.9999}
        cy={5.5}
        rx={1.70378}
        ry={1.5}
        fill="url(#paint30_radial_18_14055)"
      />
      <ellipse
        cx={15.9999}
        cy={5.5}
        rx={1.70378}
        ry={1.5}
        fill="url(#paint31_radial_18_14055)"
      />
      <path
        d="M15.9999 7.05C16.9623 7.05 17.7537 6.36184 17.7537 5.5C17.7537 4.63816 16.9623 3.95 15.9999 3.95C15.0375 3.95 14.2461 4.63816 14.2461 5.5C14.2461 6.36184 15.0375 7.05 15.9999 7.05Z"
        stroke="url(#paint32_linear_18_14055)"
        strokeWidth={0.1}
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_14055"
        x={5.60002}
        y={8.60002}
        width={7.79995}
        height={7.79995}
        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_14055"
        />
      </filter>
      <filter
        id="filter1_f_18_14055"
        x={19.6}
        y={8.60005}
        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_14055"
        />
      </filter>
      <filter
        id="filter2_f_18_14055"
        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_14055"
        />
      </filter>
      <filter
        id="filter3_f_18_14055"
        x={23.6532}
        y={20.4985}
        width={5.59072}
        height={6.50491}
        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_14055"
        />
      </filter>
      <filter
        id="filter4_f_18_14055"
        x={4.98578}
        y={5.01123}
        width={12.1141}
        height={15.0889}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={2}
          result="effect1_foregroundBlur_18_14055"
        />
      </filter>
      <filter
        id="filter5_f_18_14055"
        x={13.9962}
        y={3.70002}
        width={4.00754}
        height={3.59995}
        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_14055"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.5 9.5) rotate(133.363) scale(24.7588)"
      >
        <stop stopColor="#FEED6E" />
        <stop offset={1} stopColor="#F7CA32" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.4919 8.50588) rotate(88.893) scale(19.9824 22.837)"
      >
        <stop stopColor="#FAC26F" />
        <stop offset={1} stopColor="#CD7442" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 16) rotate(-168.07) scale(14.3091 29.0338)"
      >
        <stop offset={0.59983} stopColor="#B28D55" stopOpacity={0} />
        <stop offset={0.910094} stopColor="#B08647" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(3.41951 23.5623) rotate(-32.8114) scale(8.72756)"
      >
        <stop stopColor="#AD6648" />
        <stop offset={1} stopColor="#AD6648" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_14055"
        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="paint5_linear_18_14055"
        x1={24.1667}
        y1={9.83333}
        x2={20.8333}
        y2={13.1667}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F5C224" />
        <stop offset={1} stopColor="#FFEF71" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_14055"
        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="paint7_linear_18_14055"
        x1={11.3253}
        y1={9.36067}
        x2={6.9342}
        y2={15.0573}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E4AC50" />
        <stop offset={1} stopColor="#D79C38" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_14055"
        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="paint9_radial_18_14055"
        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="paint10_linear_18_14055"
        x1={29.8333}
        y1={22.1667}
        x2={25.1667}
        y2={26.8333}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F6C72D" />
        <stop offset={1} stopColor="#FFF073" />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.9799 11.397) rotate(124.824) scale(18.85 17.2968)"
      >
        <stop stopColor="#9F76CC" />
        <stop offset={0.815102} stopColor="#6F419E" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.3402 11.9237) rotate(156.184) scale(23.1898 32.9381)"
      >
        <stop offset={0.519642} stopColor="#402D53" stopOpacity={0} />
        <stop offset={1} stopColor="#402D53" />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20 13.3955) rotate(-37.9457) scale(8.77059 2.88619)"
      >
        <stop offset={0.199589} stopColor="#B085D8" />
        <stop offset={1} stopColor="#8E61B7" />
      </radialGradient>
      <linearGradient
        id="paint14_linear_18_14055"
        x1={20.5766}
        y1={9}
        x2={23.6461}
        y2={14}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A57CD3" />
        <stop offset={0.492222} stopColor="#A57CD3" stopOpacity={0} />
        <stop offset={1} stopColor="#A57CD3" />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_14055"
        x1={18.1667}
        y1={19.8333}
        x2={14.8333}
        y2={23.1667}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#0F0F0F" />
        <stop offset={1} stopColor="#704E8D" />
      </linearGradient>
      <linearGradient
        id="paint16_linear_18_14055"
        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="paint17_radial_18_14055"
        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="paint18_radial_18_14055"
        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="paint19_radial_18_14055"
        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="paint20_radial_18_14055"
        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>
      <radialGradient
        id="paint21_radial_18_14055"
        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="paint22_radial_18_14055"
        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="paint23_radial_18_14055"
        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>
      <linearGradient
        id="paint24_linear_18_14055"
        x1={27.3381}
        y1={20.7812}
        x2={24.2314}
        y2={26.1518}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7246A2" />
        <stop offset={0.999467} stopColor="#7E55AC" />
      </linearGradient>
      <linearGradient
        id="paint25_linear_18_14055"
        x1={29.8333}
        y1={22.1667}
        x2={25.1667}
        y2={26.8333}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#0F0F0F" />
        <stop offset={1} stopColor="#704E8D" />
      </linearGradient>
      <linearGradient
        id="paint26_linear_18_14055"
        x1={25.8727}
        y1={25.9748}
        x2={27.0602}
        y2={19.7873}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8A60B5" />
        <stop offset={1} stopColor="#885BB3" />
      </linearGradient>
      <radialGradient
        id="paint27_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.279 25.0998) rotate(-90.8364) scale(4.28171 5.8445)"
      >
        <stop offset={0.777464} stopColor="#663F8E" stopOpacity={0} />
        <stop offset={0.991776} stopColor="#663F8E" />
      </radialGradient>
      <linearGradient
        id="paint28_linear_18_14055"
        x1={13.5}
        y1={13.0065}
        x2={10.7968}
        y2={12.9284}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5F3E80" />
        <stop offset={1} stopColor="#5F3E80" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint29_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.5 11.3502) rotate(119.57) scale(5.06607 2.94029)"
      >
        <stop stopColor="#614776" />
        <stop offset={1} stopColor="#62427C" />
      </radialGradient>
      <radialGradient
        id="paint30_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.127 5.5) rotate(-180) scale(2.51084 2.73027)"
      >
        <stop offset={0.285714} stopColor="#79529B" />
        <stop offset={1} stopColor="#A276C9" />
      </radialGradient>
      <radialGradient
        id="paint31_radial_18_14055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.5577 5.5) scale(2.14598 1.88931)"
      >
        <stop offset={0.711237} stopColor="#664581" stopOpacity={0} />
        <stop offset={1} stopColor="#664581" />
      </radialGradient>
      <linearGradient
        id="paint32_linear_18_14055"
        x1={17.3502}
        y1={4.29688}
        x2={14.7615}
        y2={6.84289}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7B52A5" />
        <stop offset={1} stopColor="#875CB4" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WaningCrescentMoonIcon;