GitFOSS

import React, { VFC } from "react";

import type { IconProps } from "./types";

export const DownloadIcon: VFC<IconProps> = ({
  size = 24,
  color = "currentColor",
}) => {
  const sizeProps = {
    width: size,
    height: size,
    viewBox: "0 0 24 24",
  };
  return (
    <div
      aria-label={"download"}
      aria-roledescription={"icon"}
      style={{ width: sizeProps.width, height: sizeProps.height }}
    >
      <svg {...sizeProps} fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V12.1578L16.2428 8.91501L17.657 10.3292L12.0001 15.9861L6.34326 10.3292L7.75748 8.91501L11 12.1575V5Z"
          fill={color}
        />
        <path
          d="M4 14H6V18H18V14H20V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V14Z"
          fill={color}
        />
      </svg>
    </div>
  );
};