import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const LockIcon = forwardRef<typeof Icon>(function LockIcon(props, ref) {
  return (
    <Icon ref={ref} {...props}>
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
        <path
          fill="currentColor"
          fillRule="evenodd"
          d="M4 8c-.5523 0-1 .4477-1 1v9c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1V9c0-.5523-.4477-1-1-1H4Zm7.5 4.5c0 .6667-.4349 1.2318-1.0365 1.427L11.5 16h-3l1.0365-2.073C8.9349 13.7318 8.5 13.1667 8.5 12.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5ZM14 8V6.5c0-2.2091-1.7909-4-4-4-2.2091 0-4 1.7909-4 4V8H4.5V6.5C4.5 3.4624 6.9624 1 10 1s5.5 2.4624 5.5 5.5V8H14Z"
          clipRule="evenodd"
        />
      </svg>
    </Icon>
  );
});