Skip to content

Toggle On ​

Usage ​

With Web Components ​

html
<ss-icon icon="toggle-on"></ss-icon>

With icon tag ​

html
<i class="ss ss-toggle-on"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="toggle-on" thickness="1.2"></ss-icon>

Node.js ​

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

Icon Details ​

PropertyValue
NameToggle On
Slugtoggle-on
Tagstoggle, switch, on, enabled, setting, true, toggle-on

SVG Path ​

M8 6h8a6 6 0 0 1 0 12H8A6 6 0 0 1 8 6zM19 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z

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="M8 6h8a6 6 0 0 1 0 12H8A6 6 0 0 1 8 6zM19 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"></path>
</svg>

← Back to Icon Library