import React from "react";

const DownloadIcon = (props) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <g clipPath="url(#clip0_306_15402)">
        <path
          d="M7.98047 13.6074L11.9983 17.6253L16.0162 13.6074"
          stroke="#8287FF"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
          style={{ strokeOpacity: 1 }}
        />
        <path
          d="M12 17.625V6.375"
          stroke="#8287FF"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
          style={{ strokeOpacity: 1 }}
        />
        <path
          d="M11.9992 22.4466C17.7686 22.4466 22.4456 17.7696 22.4456 12.0001C22.4456 6.23074 17.7686 1.55371 11.9992 1.55371C6.22976 1.55371 1.55273 6.23074 1.55273 12.0001C1.55273 17.7696 6.22976 22.4466 11.9992 22.4466Z"
          stroke="#8287FF"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
          style={{ strokeOpacity: 1 }}
        />
      </g>
      <defs>
        <clipPath id="clip0_306_15402">
          <rect
            width="24"
            height="24"
            fill="white"
            style={{ fillOpacity: 1 }}
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export default DownloadIcon;