heroicons + sidekickicons

Usb icon

usb

The USB symbol, for USB devices, ports, cables and connections.

Missing from Heroicons, where it was requested with 4 votes in #955 .

Component
UsbIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
port, cable, connection, connect, device, flash drive, peripheral

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="m12 3.375-1.875 3h3.75Zm0 3V17.25m-1.5 1.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0ZM12 15l-4.831-3.451a1 1 0 0 1-.419-.814V9.75M5.5 8.5a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 1 0-2.5 0Zm6.5 5 4.831-3.451a1 1 0 0 0 .419-.814V8.25M16 5.75h2.5v2.5H16v-2.5Z" />
</svg>

Download

usb icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Usb icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

USB connected USB connected

Badges · Micro

History

  1. Added in Sidekickicons 0.22.0 .

Related icons

More Sidekickicons