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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ElevenOclockIcon = ({ 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 16C30 23.732 23.732 30 16 30C8.26801 30 2 23.732 2 16C2 8.26801 8.26801 2 16 2C23.732 2 30 8.26801 30 16Z"
      fill="url(#paint0_radial_18_13621)"
    />
    <g filter="url(#filter0_f_18_13621)">
      <path
        d="M15.0288 8.01587C15.5811 8.01587 16.0288 8.46358 16.0288 9.01587V15.2903C16.6215 15.6346 17.02 16.2763 17.02 17.0112C17.02 18.1096 16.1296 19 15.0312 19C13.9328 19 13.0423 18.1096 13.0423 17.0112C13.0423 16.66 13.1334 16.33 13.2931 16.0436L11.1504 12.3323C10.8742 11.854 11.0381 11.2424 11.5164 10.9662C11.9947 10.6901 12.6063 10.854 12.8824 11.3323L14.0288 13.3178V9.01587C14.0288 8.46358 14.4765 8.01587 15.0288 8.01587Z"
        fill="#C1BEC4"
      />
    </g>
    <g filter="url(#filter1_ii_18_13621)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16 27C22.0751 27 27 22.0751 27 16C27 9.92487 22.0751 5 16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27ZM16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z"
        fill="url(#paint1_linear_18_13621)"
      />
    </g>
    <g filter="url(#filter2_i_18_13621)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16.0288 7.01587C16.5811 7.01587 17.0288 7.46358 17.0288 8.01587V16.0113C17.0288 16.5635 16.5811 17.0113 16.0288 17.0113C15.4765 17.0113 15.0288 16.5635 15.0288 16.0113V8.01587C15.0288 7.46358 15.4765 7.01587 16.0288 7.01587Z"
        fill="url(#paint2_linear_18_13621)"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.5164 9.96625C12.9947 9.69011 13.6063 9.85398 13.8824 10.3323L16.866 15.5C17.1422 15.9783 16.9783 16.5899 16.5 16.866C16.0217 17.1422 15.4101 16.9783 15.134 16.5L12.1504 11.3323C11.8742 10.854 12.0381 10.2424 12.5164 9.96625Z"
      fill="url(#paint3_linear_18_13621)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.5164 9.96625C12.9947 9.69011 13.6063 9.85398 13.8824 10.3323L16.866 15.5C17.1422 15.9783 16.9783 16.5899 16.5 16.866C16.0217 17.1422 15.4101 16.9783 15.134 16.5L12.1504 11.3323C11.8742 10.854 12.0381 10.2424 12.5164 9.96625Z"
      fill="url(#paint4_linear_18_13621)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.5164 9.96625C12.9947 9.69011 13.6063 9.85398 13.8824 10.3323L16.866 15.5C17.1422 15.9783 16.9783 16.5899 16.5 16.866C16.0217 17.1422 15.4101 16.9783 15.134 16.5L12.1504 11.3323C11.8742 10.854 12.0381 10.2424 12.5164 9.96625Z"
      fill="url(#paint5_radial_18_13621)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.5164 9.96625C12.9947 9.69011 13.6063 9.85398 13.8824 10.3323L16.866 15.5C17.1422 15.9783 16.9783 16.5899 16.5 16.866C16.0217 17.1422 15.4101 16.9783 15.134 16.5L12.1504 11.3323C11.8742 10.854 12.0381 10.2424 12.5164 9.96625Z"
      fill="url(#paint6_linear_18_13621)"
    />
    <circle
      cx={16.0312}
      cy={16.0112}
      r={1.98883}
      fill="url(#paint7_radial_18_13621)"
    />
    <circle
      cx={16.0312}
      cy={16.0112}
      r={1.98883}
      fill="url(#paint8_radial_18_13621)"
    />
    <defs>
      <filter
        id="filter0_f_18_13621"
        x={9.51624}
        y={6.51587}
        width={9.00378}
        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_13621"
        />
      </filter>
      <filter
        id="filter1_ii_18_13621"
        x={1.6}
        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_13621"
        />
        <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_13621"
          result="effect2_innerShadow_18_13621"
        />
      </filter>
      <filter
        id="filter2_i_18_13621"
        x={15.0288}
        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_13621"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13621"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.57405 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_13621"
        x1={24.5108}
        y1={4.01349}
        x2={4.28379}
        y2={28.5336}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D6B70" />
        <stop offset={1} stopColor="#706C74" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_13621"
        x1={16.0288}
        y1={7.01587}
        x2={16.0288}
        y2={17.0113}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F83F4C" />
        <stop offset={1} stopColor="#F74093" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_13621"
        x1={12.5164}
        y1={9.96625}
        x2={15.4221}
        y2={14.9991}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#32183D" />
        <stop offset={1} stopColor="#2C3A65" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_13621"
        x1={13.1655}
        y1={13.0904}
        x2={14.0315}
        y2={12.5904}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E2840" />
        <stop offset={1} stopColor="#2E2840" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_13621"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.2403 10.0014) rotate(60) scale(5.73026 0.815281)"
      >
        <stop stopColor="#50375F" />
        <stop offset={1} stopColor="#50375F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_13621"
        x1={12.5164}
        y1={9.96625}
        x2={12.8752}
        y2={10.5878}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E1846" />
        <stop offset={1} stopColor="#3E1846" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_13621"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.111 15.5527) rotate(134.039) scale(3.40442)"
      >
        <stop stopColor="#C9C6CC" />
        <stop offset={1} stopColor="#928E95" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_13621"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5937 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 = ElevenOclockIcon;