import { IconProps } from "./types"

export default function CancelCircleIcon({
  height = 20,
  width = 20,
  color = "#F45562",
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_47649_16785)">
        <path
          d="M10.0003 1.66699C5.39199 1.66699 1.66699 5.39199 1.66699 10.0003C1.66699 14.6087 5.39199 18.3337 10.0003 18.3337C14.6087 18.3337 18.3337 14.6087 18.3337 10.0003C18.3337 5.39199 14.6087 1.66699 10.0003 1.66699ZM10.0003 16.667C6.32533 16.667 3.33366 13.6753 3.33366 10.0003C3.33366 6.32533 6.32533 3.33366 10.0003 3.33366C13.6753 3.33366 16.667 6.32533 16.667 10.0003C16.667 13.6753 13.6753 16.667 10.0003 16.667ZM12.992 5.83366L10.0003 8.82533L7.00866 5.83366L5.83366 7.00866L8.82533 10.0003L5.83366 12.992L7.00866 14.167L10.0003 11.1753L12.992 14.167L14.167 12.992L11.1753 10.0003L14.167 7.00866L12.992 5.83366Z"
          fill={color}
        />
      </g>
      <defs>
        <clipPath id="clip0_47649_16785">
          <rect width={20} height={20} fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}