Skip to content

Bug ​

Usage ​

With Web Components ​

html
<ss-icon icon="bug"></ss-icon>

With icon tag ​

html
<i class="ss ss-bug"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="bug" thickness="1.2"></ss-icon>

Node.js ​

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

Icon Details ​

PropertyValue
NameBug
Slugbug
Tagsbug, debug, issue report, defect, software error, developer tools

SVG Path ​

M12 7.5h0a4.5 4.5 0 0 1 4.5 4.5v4.5a4.5 4.5 0 0 1 -4.5 4.5h0a4.5 4.5 0 0 1 -4.5 -4.5v-4.5a4.5 4.5 0 0 1 4.5 -4.5ZM9 3l1.5 4.5M15 3l-1.5 4.5M3 9l4.5 3M3 15h4.5M3 21l4.5-3M16.5 12 21 9M16.5 15H21M16.5 18 21 21M7.5 12h9M12 12v9

Raw SVG ​

html
<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 7.5h0a4.5 4.5 0 0 1 4.5 4.5v4.5a4.5 4.5 0 0 1 -4.5 4.5h0a4.5 4.5 0 0 1 -4.5 -4.5v-4.5a4.5 4.5 0 0 1 4.5 -4.5ZM9 3l1.5 4.5M15 3l-1.5 4.5M3 9l4.5 3M3 15h4.5M3 21l4.5-3M16.5 12 21 9M16.5 15H21M16.5 18 21 21M7.5 12h9M12 12v9"></path>
</svg>

← Back to Icon Library