import React from 'react';

import type { IconProps } from './iconProps';

export const PasswordIcon = ({
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ref,
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      d="M16.75 5C17.9926 5 19 6.00736 19 7.25V12.75C19 13.9926 17.9926 15 16.75 15H3.25C2.00736 15 1 13.9926 1 12.75V7.25C1 6.00736 2.00736 5 3.25 5H16.75ZM3.25 6.5C2.83579 6.5 2.5 6.83579 2.5 7.25V12.75C2.5 13.1642 2.83579 13.5 3.25 13.5H16.75C17.1642 13.5 17.5 13.1642 17.5 12.75V7.25C17.5 6.83579 17.1642 6.5 16.75 6.5H3.25ZM5.5 8.5C6.32843 8.5 7 9.17157 7 10C7 10.8284 6.32843 11.5 5.5 11.5C4.67157 11.5 4 10.8284 4 10C4 9.17157 4.67157 8.5 5.5 8.5ZM10 8.5C10.8284 8.5 11.5 9.17157 11.5 10C11.5 10.8284 10.8284 11.5 10 11.5C9.17157 11.5 8.5 10.8284 8.5 10C8.5 9.17157 9.17157 8.5 10 8.5ZM14.5 8.5C15.3284 8.5 16 9.17157 16 10C16 10.8284 15.3284 11.5 14.5 11.5C13.6716 11.5 13 10.8284 13 10C13 9.17157 13.6716 8.5 14.5 8.5Z"
      fill="currentColor"
    />
  </svg>
);
