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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const WaxingGibbousMoonIcon = ({ 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_13946)" />
    <g filter="url(#filter0_i_18_13946)">
      <circle cx={16} cy={16} r={14} fill="url(#paint1_radial_18_13946)" />
      <circle cx={16} cy={16} r={14} fill="url(#paint2_radial_18_13946)" />
    </g>
    <circle cx={15.5} cy={5.5} r={1.5} fill="url(#paint3_linear_18_13946)" />
    <circle cx={22.5} cy={11.5} r={2.5} fill="url(#paint4_linear_18_13946)" />
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint5_linear_18_13946)" />
    <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_radial_18_13946)"
    />
    <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(#paint7_radial_18_13946)"
    />
    <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_13946)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      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(#paint9_radial_18_13946)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      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(#paint10_radial_18_13946)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      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_13946)"
    />
    <g filter="url(#filter1_f_18_13946)">
      <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(#paint12_linear_18_13946)"
        strokeWidth={0.3}
      />
    </g>
    <g filter="url(#filter2_f_18_13946)">
      <ellipse
        cx={16}
        cy={5.5}
        rx={1.72411}
        ry={1.5}
        fill="url(#paint13_radial_18_13946)"
      />
      <ellipse
        cx={16}
        cy={5.5}
        rx={1.72411}
        ry={1.5}
        fill="url(#paint14_radial_18_13946)"
      />
      <path
        d="M16 7.075C16.9835 7.075 17.7991 6.37931 17.7991 5.5C17.7991 4.62069 16.9835 3.925 16 3.925C15.0165 3.925 14.2009 4.62069 14.2009 5.5C14.2009 6.37931 15.0165 7.075 16 7.075Z"
        stroke="url(#paint15_linear_18_13946)"
        strokeWidth={0.15}
      />
    </g>
    <g filter="url(#filter3_f_18_13946)">
      <circle
        cx={22.5}
        cy={11.5}
        r={2.5}
        fill="url(#paint16_radial_18_13946)"
      />
      <circle
        cx={22.5}
        cy={11.5}
        r={2.6}
        stroke="url(#paint17_linear_18_13946)"
        strokeWidth={0.2}
      />
    </g>
    <circle cx={16.5} cy={21.5} r={2.5} fill="url(#paint18_linear_18_13946)" />
    <g filter="url(#filter4_f_18_13946)">
      <circle
        cx={16.5}
        cy={21.5}
        r={2.5}
        fill="url(#paint19_radial_18_13946)"
      />
      <circle
        cx={16.5}
        cy={21.5}
        r={2.5}
        fill="url(#paint20_radial_18_13946)"
      />
      <circle
        cx={16.5}
        cy={21.5}
        r={2.575}
        stroke="url(#paint21_linear_18_13946)"
        strokeWidth={0.15}
      />
    </g>
    <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint22_radial_18_13946)" />
    <circle cx={9.5} cy={12.5} r={3.5} fill="url(#paint23_radial_18_13946)" />
    <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(#paint24_linear_18_13946)"
    />
    <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(#paint25_linear_18_13946)"
    />
    <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(#paint26_radial_18_13946)"
    />
    <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(#paint27_radial_18_13946)"
    />
    <path
      d="M9 15.9646C10.0781 15.1669 11.1875 13.6668 11.1875 12.0106C11.1875 11.1621 10.9062 9.91687 10.3666 9.10815C11.8804 9.49375 13 10.8662 13 12.5C13 14.433 11.433 16 9.49999 16C9.33023 16 9.1633 15.988 9 15.9646Z"
      fill="url(#paint28_linear_18_13946)"
    />
    <defs>
      <filter
        id="filter0_i_18_13946"
        x={2}
        y={2}
        width={28.2}
        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.2} />
        <feGaussianBlur stdDeviation={1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.470588 0 0 0 0 0.447059 0 0 0 0 0.501961 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13946"
        />
      </filter>
      <filter
        id="filter1_f_18_13946"
        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_13946"
        />
      </filter>
      <filter
        id="filter2_f_18_13946"
        x={13.9259}
        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_13946"
        />
      </filter>
      <filter
        id="filter3_f_18_13946"
        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_13946"
        />
      </filter>
      <filter
        id="filter4_f_18_13946"
        x={13.65}
        y={18.6501}
        width={5.70005}
        height={5.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_13946"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13946"
        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_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.3968 3.71211) rotate(119.055) scale(18.53 14.6474)"
      >
        <stop stopColor="#7C619B" />
        <stop offset={1} stopColor="#473858" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.1595 30.3716) rotate(-104.967) scale(5.88007 9.03636)"
      >
        <stop stopColor="#6A4D88" />
        <stop offset={1} stopColor="#6A4D88" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_13946"
        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="paint4_linear_18_13946"
        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="paint5_linear_18_13946"
        x1={18.1667}
        y1={19.8333}
        x2={14.8333}
        y2={23.1667}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F5C224" />
        <stop offset={1} stopColor="#FFEF71" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5.62282 25.5346) rotate(3.8373) scale(5.01692 4.12103)"
      >
        <stop stopColor="#524560" />
        <stop offset={1} stopColor="#5D4375" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.87506 26.0887) rotate(-133.414) scale(3.5922 3.44254)"
      >
        <stop offset={0.897159} stopColor="#39264B" stopOpacity={0} />
        <stop offset={0.974245} stopColor="#39264B" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_13946"
        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="paint9_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.9219 10.937) rotate(122.598) scale(14.0954 17.5907)"
      >
        <stop stopColor="#FFF9AC" />
        <stop offset={1} stopColor="#FFC64F" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.75 6.07303) rotate(120.548) scale(26.5615 33.5752)"
      >
        <stop offset={0.665803} stopColor="#FA9F56" stopOpacity={0} />
        <stop offset={1} stopColor="#EE8965" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14 10.198) rotate(64.3706) scale(21.9629 22.7666)"
      >
        <stop offset={0.837074} stopColor="#D7908F" stopOpacity={0} />
        <stop offset={1} stopColor="#D7908F" />
      </radialGradient>
      <linearGradient
        id="paint12_linear_18_13946"
        x1={27.9824}
        y1={20.6562}
        x2={24.6386}
        y2={26.3125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F5BD64" />
        <stop offset={1} stopColor="#FFDC75" />
      </linearGradient>
      <radialGradient
        id="paint13_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.2812 5.5) rotate(180) scale(3.00536 3.27072)"
      >
        <stop offset={0.43672} stopColor="#F3BB63" />
        <stop offset={1} stopColor="#FFF3A5" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.9687 5.5) scale(2.75536 2.97042)"
      >
        <stop offset={0.639344} stopColor="#CD9E56" stopOpacity={0} />
        <stop offset={1} stopColor="#CD9E56" />
      </radialGradient>
      <linearGradient
        id="paint15_linear_18_13946"
        x1={17.7241}
        y1={5.17036}
        x2={16.5438}
        y2={5.17036}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FDC36B" />
        <stop offset={1} stopColor="#FFDD7B" />
      </linearGradient>
      <radialGradient
        id="paint16_radial_18_13946"
        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="paint17_linear_18_13946"
        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="paint18_linear_18_13946"
        x1={18.1667}
        y1={19.8333}
        x2={14.8333}
        y2={23.1667}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#0F0F0F" />
        <stop offset={1} stopColor="#704E8D" />
      </linearGradient>
      <radialGradient
        id="paint19_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.3234 20.6766) rotate(135) scale(3.93533 4.69999)"
      >
        <stop offset={0.182648} stopColor="#F29E64" />
        <stop offset={1} stopColor="#FFD87E" />
      </radialGradient>
      <radialGradient
        id="paint20_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.0937 23.0105) rotate(-43.6028) scale(4.53125 3.69235)"
      >
        <stop offset={0.837099} stopColor="#E3915B" stopOpacity={0} />
        <stop offset={1} stopColor="#E3915B" />
      </radialGradient>
      <linearGradient
        id="paint21_linear_18_13946"
        x1={18.2495}
        y1={19.3197}
        x2={14.3687}
        y2={23.2567}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBAC52" />
        <stop offset={1} stopColor="#FFB053" />
      </linearGradient>
      <radialGradient
        id="paint22_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.625 10.7605) rotate(118.867) scale(5.56671)"
      >
        <stop stopColor="#664783" />
        <stop offset={1} stopColor="#654B7F" />
      </radialGradient>
      <radialGradient
        id="paint23_radial_18_13946"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.5 12.5) rotate(-168.47) scale(3.73271 3.98376)"
      >
        <stop offset={0.827517} stopColor="#8B6BA9" stopOpacity={0} />
        <stop offset={1} stopColor="#8B6BA9" />
      </radialGradient>
      <linearGradient
        id="paint24_linear_18_13946"
        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="paint25_linear_18_13946"
        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="paint26_radial_18_13946"
        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="paint27_radial_18_13946"
        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>
      <linearGradient
        id="paint28_linear_18_13946"
        x1={12.6099}
        y1={10.9041}
        x2={7.63345}
        y2={13.0376}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C29346" />
        <stop offset={1} stopColor="#E1AA4E" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = WaxingGibbousMoonIcon;