const React = require("react");
const FourOclockIcon = ({ 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_13537)"
    />
    <g filter="url(#filter0_f_18_13537)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15.0288 8.01587C15.5811 8.01587 16.0288 8.46358 16.0288 9.01587V15.2903C16.6168 15.6319 17.0137 16.2661 17.0199 16.9936L20.6989 19.1177C21.1772 19.3938 21.3411 20.0054 21.0649 20.4837C20.7888 20.962 20.1772 21.1259 19.6989 20.8497L16.0299 18.7314C15.7364 18.9022 15.3952 19 15.0312 19C13.9328 19 13.0424 18.1096 13.0424 17.0112C13.0424 16.2783 13.4387 15.638 14.0288 15.293V9.01587C14.0288 8.46358 14.4765 8.01587 15.0288 8.01587Z"
        fill="#C4C1C7"
      />
    </g>
    <g filter="url(#filter1_i_18_13537)">
      <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(#paint1_linear_18_13537)"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.0649 19.4837C21.7888 19.962 21.1772 20.1259 20.6989 19.8497L15.5312 16.8661C15.0529 16.59 14.889 15.9784 15.1652 15.5001C15.4413 15.0218 16.0529 14.858 16.5312 15.1341L21.6989 18.1177C22.1772 18.3938 22.3411 19.0054 22.0649 19.4837Z"
      fill="url(#paint2_linear_18_13537)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.0649 19.4837C21.7888 19.962 21.1772 20.1259 20.6989 19.8497L15.5312 16.8661C15.0529 16.59 14.889 15.9784 15.1652 15.5001C15.4413 15.0218 16.0529 14.858 16.5312 15.1341L21.6989 18.1177C22.1772 18.3938 22.3411 19.0054 22.0649 19.4837Z"
      fill="url(#paint3_linear_18_13537)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.0649 19.4837C21.7888 19.962 21.1772 20.1259 20.6989 19.8497L15.5312 16.8661C15.0529 16.59 14.889 15.9784 15.1652 15.5001C15.4413 15.0218 16.0529 14.858 16.5312 15.1341L21.6989 18.1177C22.1772 18.3938 22.3411 19.0054 22.0649 19.4837Z"
      fill="url(#paint4_radial_18_13537)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.0649 19.4837C21.7888 19.962 21.1772 20.1259 20.6989 19.8497L15.5312 16.8661C15.0529 16.59 14.889 15.9784 15.1652 15.5001C15.4413 15.0218 16.0529 14.858 16.5312 15.1341L21.6989 18.1177C22.1772 18.3938 22.3411 19.0054 22.0649 19.4837Z"
      fill="url(#paint5_linear_18_13537)"
    />
    <g filter="url(#filter2_ii_18_13537)">
      <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(#paint6_linear_18_13537)"
      />
    </g>
    <path
      d="M18.02 16.011C18.02 17.1094 17.1296 17.9999 16.0312 17.9999C14.9328 17.9999 14.0424 17.1094 14.0424 16.011C14.0424 14.9126 14.9328 14.0222 16.0312 14.0222C17.1296 14.0222 18.02 14.9126 18.02 16.011Z"
      fill="url(#paint7_radial_18_13537)"
    />
    <path
      d="M18.02 16.011C18.02 17.1094 17.1296 17.9999 16.0312 17.9999C14.9328 17.9999 14.0424 17.1094 14.0424 16.011C14.0424 14.9126 14.9328 14.0222 16.0312 14.0222C17.1296 14.0222 18.02 14.9126 18.02 16.011Z"
      fill="url(#paint8_radial_18_13537)"
    />
    <defs>
      <filter
        id="filter0_f_18_13537"
        x={11.5424}
        y={6.51587}
        width={11.1567}
        height={15.968}
        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_13537"
        />
      </filter>
      <filter
        id="filter1_i_18_13537"
        x={15.0288}
        y={7.01587}
        width={2.6}
        height={9.99536}
        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_13537"
        />
      </filter>
      <filter
        id="filter2_ii_18_13537"
        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_13537"
        />
        <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_13537"
          result="effect2_innerShadow_18_13537"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_13537"
        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_13537"
        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="paint2_linear_18_13537"
        x1={22.0649}
        y1={19.4837}
        x2={17.0321}
        y2={16.578}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#32183D" />
        <stop offset={1} stopColor="#2C3A65" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_13537"
        x1={19.9407}
        y1={17.1026}
        x2={19.4407}
        y2={17.9686}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2E2840" />
        <stop offset={1} stopColor="#2E2840" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_13537"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.4204 19.8152) rotate(-150) scale(5.73026 0.815281)"
      >
        <stop stopColor="#50375F" />
        <stop offset={1} stopColor="#50375F" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18_13537"
        x1={22.0649}
        y1={19.4837}
        x2={21.4434}
        y2={19.1249}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3E1846" />
        <stop offset={1} stopColor="#3E1846" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_13537"
        x1={24.5108}
        y1={4.01349}
        x2={4.28379}
        y2={28.5336}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6D6B70" />
        <stop offset={1} stopColor="#706C74" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_13537"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.111 15.5526) rotate(134.039) scale(3.40442)"
      >
        <stop stopColor="#C9C6CC" />
        <stop offset={1} stopColor="#928E95" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_13537"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5937 15.5045) rotate(139.399) scale(2.88111)"
      >
        <stop offset={0.527069} stopColor="#776F7F" stopOpacity={0} />
        <stop offset={1} stopColor="#776F7F" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = FourOclockIcon;