Barrier icon

barrier

A striped construction barrier on two legs, for roadworks, maintenance and pages under construction.

Missing from Heroicons, where it was requested with 2 votes in #460 .

Component: BarrierIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: construction, under construction, roadworks, work in progress, maintenance, blocked, closed, road

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

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="M4.5 6.75h15a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-15a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5Zm6 0-6 6m10.5-6-6 6m10.5-6-6 6m-7.5-6-3 3m18 0-3 3M7.5 4.5v2.25m0 6v7.5m9-15.75v2.25m0 6v7.5" />
</svg>

Download

Barrier icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Under construction Under construction

Badges · Micro

History

5 November 2026

Added in Sidekickicons 0.22.0 .

Related icons

hammer