Icons

Default

<label class="switch s-icons s-outline s-outline-default mr-2">
    <input type="checkbox" checked>
    <span class="slider"></span>
</label>

Rounded

<label class="switch s-icons s-outline s-outline-default mr-2">
    <input type="checkbox" checked>
    <span class="slider round"></span>
</label>

Solid

Default

<label class="switch s-default mr-2">
    <input type="checkbox" checked>
    <span class="slider"></span>
</label>

Rounded

<label class="switch s-default mr-2">
    <input type="checkbox" checked>
    <span class="slider round"></span>
</label>

Outline

Default

<label class="switch  s-outline  s-outline-default  mb-4 mr-2">
    <input type="checkbox" checked>
    <span class="slider"></span>
</label>

Rounded

<label class="switch s-outline s-outline-default  mb-4 mr-2">
    <input type="checkbox" checked>
    <span class="slider round"></span>
</label>