import React from "react"
import { IconProps } from "./types"

export default function DropIcon({
  height = 30,
  width = 30,
  color = "#6D7178",
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 30 30"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_46927_81181)">
        <path
          d="M22.075 9.9124L15 2.8374L7.925 9.9124C4.025 13.8124 4.025 20.1499 7.925 24.0499C9.875 25.9999 12.4375 26.9749 15 26.9749C17.5625 26.9749 20.125 25.9999 22.075 24.0499C25.975 20.1499 25.975 13.8124 22.075 9.9124ZM15 24.4874C13 24.4874 11.1125 23.7124 9.7 22.2874C8.275 20.8624 7.5 18.9874 7.5 16.9874C7.5 14.9874 8.275 13.0999 9.7 11.6874L15 6.3749V24.4874Z"
          fill={color}
        />
      </g>
    </svg>
  )
}