/**
 * @description 清除图标
 *
 */

import React from "react"

interface Props {
  className?: string
}

export const ClearIcon: React.FC<Props> = props => {
  const { className = "" } = props

  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm2.7 10.5L8 8.8l-2.7 2.7-.8-.8L7.2 8 4.5 5.3l.8-.8L8 7.2l2.7-2.7.8.8L8.8 8l2.7 2.7-.8.8z"
        fill="#7B8291"
        fillOpacity=".4"
      />
    </svg>
  )
}