heroicons + sidekickicons

Plug icon

plug

A two-pin power plug with its cable, for power, plugging in and connections.

Missing from Heroicons, where it was requested with 8 votes in #955 and #1414 .

Component
PlugIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
power, electricity, socket, outlet, connect, cable, charge, plugin

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="M9.75 3v5.25M14.25 3v5.25m-6.75 0h9v2.25a4.5 4.5 0 0 1-9 0ZM12 15v6" />
</svg>

Download

plug icon preview

Color

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

Size in pixels

Background

Plug icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Plugged in Plugged in

Badges · Micro

History

  1. Added in Sidekickicons 0.22.0 .

Related icons

More Sidekickicons