Palette

Usage

With Web Components

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

With icon tag

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

With custom stroke width / thickness

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

Node.js

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

Icon Details

Property	Value
Name	Palette
Slug	palette
Tags	palette, colors, theme colors, swatches, brand colors, appearance

SVG Path

M12 3a9 9 0 1 0 0 18h1.5a2.25 2.25 0 0 0 1.59-3.84l-.18-.18a1.5 1.5 0 0 1 1.06-2.56h1.78A3.75 3.75 0 0 0 21.5 10.67C20.8 6.28 16.98 3 12 3ZM7.5 9.75h.01M10.5 6.75h.01M15 7.5h.01M17.25 11.25h.01

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="M12 3a9 9 0 1 0 0 18h1.5a2.25 2.25 0 0 0 1.59-3.84l-.18-.18a1.5 1.5 0 0 1 1.06-2.56h1.78A3.75 3.75 0 0 0 21.5 10.67C20.8 6.28 16.98 3 12 3ZM7.5 9.75h.01M10.5 6.75h.01M15 7.5h.01M17.25 11.25h.01"></path>
</svg>

---

← Back to Icon Library