Here we will learn toggle icons in google material design with examples and different types of toggle icons (radio button checked / unchecked, checkbox, star, star border, star half, etc.) in google material design with examples.
Google material design is having different types of toggle icons available those are the star, radio button checked / unchecked, checkbox outline blank, indeterminate checkbox, etc.
The following table shows the list of available toggle icons in google material design.
| Name | Usage Description | Icon | Example |
|---|---|---|---|
| CheckBox | <i class="material-icons">check_box</i> | check_box | DEMO |
| Checkbox Outline Blank | <i class="material-icons">check_box_outline_blank</i> | check_box_outline_blank | DEMO |
| Indeterminate CheckBox | <i class="material-icons">indeterminate_check_box</i> | indeterminate_check_box | DEMO |
| Radio Button Checked | <i class="material-icons">radio_button_checked</i> | radio_button_checked | DEMO |
| Radio Button Unchecked | <i class="material-icons">radio_button_unchecked</i> | radio_button_unchecked | DEMO |
| Star | <i class="material-icons">star</i> | star | DEMO |
| Star Border | <i class="material-icons">star_border</i> | star_border | DEMO |
| Star Half | <i class="material-icons">star_half</i> | star_half | DEMO |