GitFOSS

import React, { VFC } from "react";

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

export const KeyIcon: VFC<IconProps> = ({
  size = 24,
  color = "currentColor",
}) => {
  const sizeProps = {
    width: size,
    height: size,
    viewBox: "0 0 24 24",
  };
  return (
    <div
      aria-label={"key"}
      aria-roledescription={"icon"}
      style={{ width: sizeProps.width, height: sizeProps.height }}
    >
      <svg {...sizeProps} fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M6 8C4.34315 8 3 9.34315 3 11V13C3 14.6569 4.34315 16 6 16C7.65685 16 9 14.6569 9 13H15V15H17V13H18V15H20V11H9C9 9.34315 7.65685 8 6 8ZM7 13V11C7 10.4477 6.55228 10 6 10C5.44772 10 5 10.4477 5 11V13C5 13.5523 5.44772 14 6 14C6.55228 14 7 13.5523 7 13Z"
          fill={color}
        />
      </svg>
    </div>
  );
};