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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const NineOclockIcon = ({ 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}
    <path
      d="M30.0312 16C30.0312 23.732 23.7632 30 16.0312 30C8.2992 30 2.03119 23.732 2.03119 16C2.03119 8.26801 8.2992 2 16.0312 2C23.7632 2 30.0312 8.26801 30.0312 16Z"
      fill="url(#paint0_radial_18_13597)"
    />
    <g filter="url(#filter0_f_18_13597)">
      <path
        d="M15.06 8.01587C15.6123 8.01587 16.06 8.46359 16.06 9.01587V15.2903C16.6527 15.6346 17.0512 16.2764 17.0512 17.0112C17.0512 18.1096 16.1608 19 15.0624 19C14.3239 19 13.6795 18.5975 13.3364 18H9.06403C8.51174 18 8.06403 17.5523 8.06403 17C8.06403 16.4477 8.51174 16 9.06403 16H13.3494C13.5221 15.7082 13.7672 15.4642 14.06 15.293V9.01587C14.06 8.46359 14.5077 8.01587 15.06 8.01587Z"
        fill="#C1BEC5"
      />
    </g>
    <g filter="url(#filter1_i_18_13597)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.06 7.01587C16.6123 7.01587 17.06 7.46358 17.06 8.01587V16.0113C17.06 16.5635 16.6123 17.0113 16.06 17.0113C15.5077 17.0113 15.06 16.5635 15.06 16.0113V8.01587C15.06 7.46358 15.5077 7.01587 16.06 7.01587Z"
        fill="url(#paint1_linear_18_13597)"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.06403 16C9.06403 15.4477 9.51174 15 10.064 15L16.0312 15C16.5835 15 17.0312 15.4477 17.0312 16C17.0312 16.5523 16.5835 17 16.0312 17L10.064 17C9.51174 17 9.06403 16.5523 9.06403 16Z"
      fill="url(#paint2_linear_18_13597)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.06403 16C9.06403 15.4477 9.51174 15 10.064 15L16.0312 15C16.5835 15 17.0312 15.4477 17.0312 16C17.0312 16.5523 16.5835 17 16.0312 17L10.064 17C9.51174 17 9.06403 16.5523 9.06403 16Z"
      fill="url(#paint3_linear_18_13597)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.06403 16C9.06403 15.4477 9.51174 15 10.064 15L16.0312 15C16.5835 15 17.0312 15.4477 17.0312 16C17.0312 16.5523 16.5835 17 16.0312 17L10.064 17C9.51174 17 9.06403 16.5523 9.06403 16Z"
      fill="url(#paint4_radial_18_13597)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.06403 16C9.06403 15.4477 9.51174 15 10.064 15L16.0312 15C16.5835 15 17.0312 15.4477 17.0312 16C17.0312 16.5523 16.5835 17 16.0312 17L10.064 17C9.51174 17 9.06403 16.5523 9.06403 16Z"
      fill="url(#paint5_linear_18_13597)"
    />
    <g filter="url(#filter2_ii_18_13597)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.0312 27C22.1063 27 27.0312 22.0751 27.0312 16C27.0312 9.92487 22.1063 5 16.0312 5C9.95606 5 5.03119 9.92487 5.03119 16C5.03119 22.0751 9.95606 27 16.0312 27ZM16.0312 30C23.7632 30 30.0312 23.732 30.0312 16C30.0312 8.26801 23.7632 2 16.0312 2C8.2992 2 2.03119 8.26801 2.03119 16C2.03119 23.732 8.2992 30 16.0312 30Z"
        fill="url(#paint6_linear_18_13597)"
      />
    </g>
    <path
      d="M18.0512 16.0112C18.0512 17.1096 17.1608 18 16.0624 18C14.964 18 14.0735 17.1096 14.0735 16.0112C14.0735 14.9128 14.964 14.0223 16.0624 14.0223C17.1608 14.0223 18.0512 14.9128 18.0512 16.0112Z"
      fill="url(#paint7_radial_18_13597)"
    />
    <path
      d="M18.0512 16.0112C18.0512 17.1096 17.1608 18 16.0624 18C14.964 18 14.0735 17.1096 14.0735 16.0112C14.0735 14.9128 14.964 14.0223 16.0624 14.0223C17.1608 14.0223 18.0512 14.9128 18.0512 16.0112Z"
      fill="url(#paint8_radial_18_13597)"
    />
    <defs>
      <filter
        id="filter0_f_18_13597"
        x={6.56403}
        y={6.51587}
        width={11.9872}
        height={13.9841}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_18_13597"
        />
      </filter>
      <filter
        id="filter1_i_18_13597"
        x={15.06}
        y={7.01587}
        width={2.6}
        height={9.99539}
        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.6} />
        <feGaussianBlur stdDeviation={0.425} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.635294 0 0 0 0 0.227451 0 0 0 0 0.403922 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13597"
        />
      </filter>
      <filter
        id="filter2_ii_18_13597"
        x={1.63119}
        y={1.6}
        width={28.8}
        height={28.8}
        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.4} dy={-0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.282353 0 0 0 0 0.254902 0 0 0 0 0.313726 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_13597"
        />
        <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.4} dy={0.4} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 0 0.533333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_13597"
          result="effect2_innerShadow_18_13597"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.60523 24.4982) rotate(-46.2124) scale(25.2966)"
      >
        <stop offset={0.598155} stopColor="#DDDADF" />
        <stop offset={1} stopColor="#BDBABF" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_18_13597"
        x1={16.06}
        y1={7.01587}
        x2={16.06}
        y2={17.0113}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F83F4C" />
        <stop offset={1} stopColor="#F74093" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_13597"
        x1={9.06403}
        y1={16}
        x2={14.8754}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#32183D" />
        <stop offset={1} stopColor="#2C3A65" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_13597"
        x1={12.0942}
        y1={17}
        x2={12.0942}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E2840" />
        <stop offset={1} stopColor="#2E2840" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_13597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.45642 15.3907) scale(5.73026 0.815281)"
      >
        <stop stopColor="#50375F" />
        <stop offset={1} stopColor="#50375F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_13597"
        x1={9.06403}
        y1={16}
        x2={9.78169}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E1846" />
        <stop offset={1} stopColor="#3E1846" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_13597"
        x1={24.542}
        y1={4.01349}
        x2={4.31498}
        y2={28.5336}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D6B70" />
        <stop offset={1} stopColor="#706C74" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_13597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.1422 15.5527) rotate(134.039) scale(3.40442)"
      >
        <stop stopColor="#C9C6CC" />
        <stop offset={1} stopColor="#928E95" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_13597"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.6249 15.5047) rotate(139.399) scale(2.88111)"
      >
        <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
        <stop offset={1} stopColor="#776F7F" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = NineOclockIcon;