Puzzle

Usage

With Web Components

<ss-icon icon="puzzle"></ss-icon>

With icon tag

<i class="ss ss-puzzle"></i>

With custom stroke width / thickness

<ss-icon icon="puzzle" thickness="1.2"></ss-icon>

Node.js

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

Icon Details

Property	Value
Name	Puzzle
Slug	puzzle
Tags	puzzle, extension, plugin, add-on, module, integration marketplace

SVG Path

M9 6.5h-6v5H4.5a2.25 2.25 0 11 0 4.5H3V21.5h6v-1.5a2.25 2.25 0 11 4.5 0V21.5H17.25v-5.5h1.5a2.25 2.25 0 10 0-4.5H17.25V6.5h-3.75V5a2.25 2.25 0 10-4.5 0V6.5Z

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="M9 6.5h-6v5H4.5a2.25 2.25 0 11 0 4.5H3V21.5h6v-1.5a2.25 2.25 0 11 4.5 0V21.5H17.25v-5.5h1.5a2.25 2.25 0 10 0-4.5H17.25V6.5h-3.75V5a2.25 2.25 0 10-4.5 0V6.5Z"></path>
</svg>

---

← Back to Icon Library