Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Icons8 Line Awesome · LiaUsb

Usb icon

A free usb icon from Icons8 Line Awesome, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
icons8.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/usb.json
components/icons/line-awesome-usb.tsx
import * as React from "react";

/**
 * Usb from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/usb. Sized in em, colored by currentColor.
 */
export function LiaUsbIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 16 3 L 13 8 L 15 8 L 15 20.0625 C 14.21875 19.734375 13.410156 19.609375 12.65625 19.5 C 11.78125 19.375 10.984375 19.25 10.5625 19.03125 C 10.140625 18.8125 10 18.707031 10 18 L 10 15.71875 C 10.597656 15.371094 11 14.738281 11 14 C 11 12.894531 10.105469 12 9 12 C 7.894531 12 7 12.894531 7 14 C 7 14.738281 7.402344 15.371094 8 15.71875 L 8 18 C 8 19.292969 8.734375 20.3125 9.625 20.78125 C 10.515625 21.25 11.46875 21.375 12.34375 21.5 C 13.21875 21.625 14.015625 21.75 14.4375 21.96875 C 14.859375 22.1875 15 22.292969 15 23 C 15 23.03125 15 23.0625 15 23.09375 L 15 23.1875 C 13.839844 23.601563 13 24.699219 13 26 C 13 27.65625 14.34375 29 16 29 C 17.65625 29 19 27.65625 19 26 C 19 24.699219 18.160156 23.601563 17 23.1875 C 17.007813 23.125 17.007813 23.0625 17 23 L 17 21.15625 C 17.003906 21.105469 17.003906 21.050781 17 21 C 17 20.332031 17.191406 20.136719 17.75 19.8125 C 18.308594 19.488281 19.25 19.21875 20.25 18.96875 C 21.25 18.71875 22.308594 18.488281 23.25 17.9375 C 24.191406 17.386719 25 16.332031 25 15 L 25 13 L 26 13 L 26 9 L 22 9 L 22 13 L 23 13 L 23 15 C 23 15.667969 22.808594 15.863281 22.25 16.1875 C 21.691406 16.511719 20.75 16.78125 19.75 17.03125 C 18.835938 17.257813 17.875 17.484375 17 17.9375 L 17 8 L 19 8 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaUsb } from "react-icons/lia";

export function Example() {
  return <LiaUsb className="size-5" />;
}
usb.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 16 3 L 13 8 L 15 8 L 15 20.0625 C 14.21875 19.734375 13.410156 19.609375 12.65625 19.5 C 11.78125 19.375 10.984375 19.25 10.5625 19.03125 C 10.140625 18.8125 10 18.707031 10 18 L 10 15.71875 C 10.597656 15.371094 11 14.738281 11 14 C 11 12.894531 10.105469 12 9 12 C 7.894531 12 7 12.894531 7 14 C 7 14.738281 7.402344 15.371094 8 15.71875 L 8 18 C 8 19.292969 8.734375 20.3125 9.625 20.78125 C 10.515625 21.25 11.46875 21.375 12.34375 21.5 C 13.21875 21.625 14.015625 21.75 14.4375 21.96875 C 14.859375 22.1875 15 22.292969 15 23 C 15 23.03125 15 23.0625 15 23.09375 L 15 23.1875 C 13.839844 23.601563 13 24.699219 13 26 C 13 27.65625 14.34375 29 16 29 C 17.65625 29 19 27.65625 19 26 C 19 24.699219 18.160156 23.601563 17 23.1875 C 17.007813 23.125 17.007813 23.0625 17 23 L 17 21.15625 C 17.003906 21.105469 17.003906 21.050781 17 21 C 17 20.332031 17.191406 20.136719 17.75 19.8125 C 18.308594 19.488281 19.25 19.21875 20.25 18.96875 C 21.25 18.71875 22.308594 18.488281 23.25 17.9375 C 24.191406 17.386719 25 16.332031 25 15 L 25 13 L 26 13 L 26 9 L 22 9 L 22 13 L 23 13 L 23 15 C 23 15.667969 22.808594 15.863281 22.25 16.1875 C 21.691406 16.511719 20.75 16.78125 19.75 17.03125 C 18.835938 17.257813 17.875 17.484375 17 17.9375 L 17 8 L 19 8 Z"
  />
</svg>
Attribution
"Usb" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Usb icon in other sets