import React from 'react';

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

export const UsbKeyIcon = ({
  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="M11.1719 3.17212C12.734 1.61004 15.266 1.61008 16.8281 3.17212C18.3901 4.73423 18.3902 7.26633 16.8281 8.82837L9.97461 15.6829C9.54513 16.112 8.84844 16.112 8.41895 15.6829L8.36719 15.6311L6.43945 17.5588L6.3252 17.6614C5.77558 18.1094 4.98238 18.1092 4.43262 17.6614L4.31836 17.5588L2.43945 15.6799C2.14678 15.3872 2.00004 15.0029 2 14.6194C2.00014 14.2838 2.1129 13.9479 2.33691 13.6731L2.43945 13.5588L4.36719 11.6311L4.31738 11.5813C3.88815 11.1518 3.88821 10.4552 4.31738 10.0256L11.1719 3.17212ZM3.74707 14.3713C3.61055 14.508 3.61044 14.7298 3.74707 14.8665L5.13086 16.2502C5.2675 16.3867 5.48933 16.3867 5.62598 16.2502L7.30566 14.5696L5.42676 12.6907L3.74707 14.3713ZM14 4.00024C12.8954 4.00024 12 4.89567 12 6.00024C12.0001 7.10469 12.8955 8.00024 14 8.00024C15.1045 8.00024 15.9999 7.10469 16 6.00024C16 4.89567 15.1046 4.00024 14 4.00024Z"
      fill="currentColor"
    />
  </svg>
);
