const React = require("react");
const HoleIcon = ({ 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="M16 30.1368C23.732 30.1368 30 26.4938 30 21.9999C30 17.506 23.732 13.863 16 13.863C8.26801 13.863 2 17.506 2 21.9999C2 26.4938 8.26801 30.1368 16 30.1368Z"
      fill="url(#paint0_radial_7149_6142)"
    />
    <path
      d="M16 30.0666C23.1852 30.0666 29.01 26.9099 29.01 23.0159C29.01 19.122 23.1852 15.9653 16 15.9653C8.81477 15.9653 2.98999 19.122 2.98999 23.0159C2.98999 26.9099 8.81477 30.0666 16 30.0666Z"
      fill="url(#paint1_radial_7149_6142)"
    />
    <defs>
      <radialGradient
        id="paint0_radial_7149_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.25 15.613) rotate(-68.1986) scale(12.7898 13.1195)"
      >
        <stop stopColor="#D8D1DF" />
        <stop offset={0.9888} stopColor="#90829F" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7149_6142"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.5 31.7381) rotate(-63.5811) scale(21.9135 60.4571)"
      >
        <stop offset={0.00558659} stopColor="#37275E" />
        <stop offset={1} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = HoleIcon;