Toggles

Toggles made with a checkbox & Material Icons.

On/off

Favorite

Lock

Volume

Html: Since these toggles are created with an input type="checkbox", when placed inside a form, the name/value of the checkbox will be saved like any other form data.
Dependencies: Material Icons
Browser Support: Widespread support

See the Pen Switch 3 by btn.ninja (@btn-ninja) on CodePen.