Highlighter

Usage

With Web Components

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

With icon tag

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

With custom stroke width / thickness

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

Node.js

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

Icon Details

Property	Value
Name	Highlighter
Slug	highlighter
Tags	highlighter, highlight annotation, chisel marker, mark passage, document markup, annotation tool

SVG Path

M12 3l9 9-6 6L6 9l6-6ZM7.5 10.5l-3.75 3.75v3l3 3h3l3.75-3.75M3 21h6

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 3l9 9-6 6L6 9l6-6ZM7.5 10.5l-3.75 3.75v3l3 3h3l3.75-3.75M3 21h6"></path>
</svg>

---

← Back to Icon Library