import { createIcon } from '../lib/create-icon'

const SvgCardViewIcon = createIcon(props => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={props.width}
      height={props.height}
      fill="none"
      viewBox="0 0 20 20"
      focusable={false}
      aria-hidden={true}
    >
      <path
        fill={props.color}
        fillRule="evenodd"
        d="M3.222 7.046c.033-.305.074-.586.125-.846.182-.942.474-1.547.89-1.963.415-.416 1.021-.708 1.963-.89.948-.184 2.18-.247 3.8-.247 1.619 0 2.852.063 3.8.247.942.182 1.547.474 1.963.89.416.416.708 1.021.89 1.963.05.26.092.541.125.846a3.462 3.462 0 0 0-.287-.188c-.628-.37-1.451-.604-2.494-.75C12.949 5.964 11.636 5.9 10 5.9c-1.636 0-2.95.063-3.997.209-1.043.145-1.866.38-2.495.749a3.45 3.45 0 0 0-.286.188ZM1.9 10.34v.16h.002c.012 1.405.081 2.572.267 3.528.208 1.074.572 1.937 1.22 2.584.646.647 1.509 1.011 2.583 1.22 1.067.206 2.397.268 4.028.268 1.63 0 2.96-.062 4.028-.269 1.074-.208 1.937-.572 2.584-1.22.646-.646 1.011-1.51 1.22-2.583.184-.956.253-2.123.266-3.528h.002l-.001-.163V10c0-1.631-.061-2.96-.268-4.028-.208-1.074-.573-1.937-1.22-2.584-.646-.646-1.51-1.011-2.583-1.22C12.961 1.963 11.631 1.9 10 1.9c-1.631 0-2.96.062-4.028.269-1.074.208-1.937.573-2.584 1.22-.647.646-1.011 1.51-1.22 2.583C1.963 7.039 1.9 8.369 1.9 10v.34Zm14.998 0c-.009 1.453-.075 2.579-.246 3.459-.182.942-.474 1.547-.89 1.963-.416.416-1.021.708-1.963.89-.948.184-2.181.247-3.8.247-1.62 0-2.852-.063-3.8-.247-.942-.182-1.548-.474-1.963-.89-.416-.416-.708-1.021-.89-1.963-.17-.88-.237-2.004-.246-3.455.008-.65.073-1.14.218-1.523a1.74 1.74 0 0 1 .798-.93c.434-.255 1.08-.459 2.052-.595.967-.135 2.217-.197 3.83-.197 1.614 0 2.864.062 3.832.197.972.136 1.618.34 2.052.595.413.243.651.542.798.93.145.382.21.871.218 1.52Z"
        clipRule="evenodd"
      />
    </svg>
  )
})

export default SvgCardViewIcon
