Construction Barrier

Usage

With Web Components

<ss-icon icon="construction-barrier"></ss-icon>

With icon tag

<i class="ss ss-construction-barrier"></i>

With custom stroke width / thickness

<ss-icon icon="construction-barrier" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['construction-barrier'];
console.log(svg);

Icon Details

Property	Value
Name	Construction Barrier
Slug	construction-barrier
Tags	construction barrier, under construction, maintenance mode, work in progress, roadblock, temporarily closed, construction-barrier

SVG Path

M3 7.5h18V15H3V7.5ZM6 15v6M18 15v6M5.25 7.5l7.5 7.5M12 7.5l7.5 7.5

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3 7.5h18V15H3V7.5ZM6 15v6M18 15v6M5.25 7.5l7.5 7.5M12 7.5l7.5 7.5"></path>
</svg>

---

← Back to Icon Library