Here we will learn hardware icons in google material design with examples and different types of hardware icons (mouse, scanner, desktop, phone, toys, tv, videogame, router, speaker, etc.) in google material design with examples.
Google provides different types of hardware icons using a material design which are tablet android/mac, speaker, security, scanner, keyboard, headset, etc.
The following table shows the list of available hardware icons in google material design.
Name | Usage Description | Icon | Example |
---|---|---|---|
cast | <i class="material-icons">cast</i> | cast | DEMO |
cast connected | <i class="material-icons">cast_connected</i> | cast_connected | DEMO |
computer | <i class="material-icons">computer</i> | computer | DEMO |
desktop mac | <i class="material-icons">desktop_mac</i> | desktop_mac | DEMO |
desktop windows | <i class="material-icons">desktop_windows</i> | desktop_windows | DEMO |
developer board | <i class="material-icons">developer_board</i> | developer_board | DEMO |
device hub | <i class="material-icons">device_hub</i> | device_hub | DEMO |
devices other | <i class="material-icons">devices_other</i> | devices_other | DEMO |
dock | <i class="material-icons">dock</i> | dock | DEMO |
gamepad | <i class="material-icons">gamepad</i> | gamepad | DEMO |
headset | <i class="material-icons">headset</i> | headset | DEMO |
headset mic | <i class="material-icons">headset_mic</i> | headset_mic | DEMO |
keyboard | <i class="material-icons">keyboard</i> | keyboard | DEMO |
keyboard arrow down | <i class="material-icons">keyboard_arrow_down</i> | keyboard_arrow_down | DEMO |
keyboard arrow left | <i class="material-icons">keyboard_arrow_left</i> | keyboard_arrow_left | DEMO |
keyboard arrow right | <i class="material-icons">keyboard_arrow_right</i> | keyboard_arrow_right | DEMO |
keyboard arrow up | <i class="material-icons">keyboard_arrow_up</i> | keyboard_arrow_up | DEMO |
keyboard backspace | <i class="material-icons">keyboard_backspace</i> | keyboard_backspace | DEMO |
keyboard capslock | <i class="material-icons">keyboard_capslock</i> | keyboard_capslock | DEMO |
keyboard hide | <i class="material-icons">keyboard_hide</i> | keyboard_hide | DEMO |
keyboard return | <i class="material-icons">keyboard_return</i> | keyboard_return | DEMO |
keyboard tab | <i class="material-icons">keyboard_tab</i> | keyboard_tab | DEMO |
keyboard voice | <i class="material-icons">keyboard_voice</i> | keyboard_voice | DEMO |
laptop | <i class="material-icons">laptop</i> | laptop | DEMO |
laptop chromebook | <i class="material-icons">laptop_chromebook</i> | laptop_chromebook | DEMO |
laptop mac | <i class="material-icons">laptop_mac</i> | laptop_mac | DEMO |
laptop windows | <i class="material-icons">laptop_windows</i> | laptop_windows | DEMO |
memory | <i class="material-icons">memory</i> | memory | DEMO |
mouse | <i class="material-icons">mouse</i> | mouse | DEMO |
phone android | <i class="material-icons">phone_android</i> | phone_android | DEMO |
phone iphone | <i class="material-icons">phone_iphone</i> | phone_iphone | DEMO |
phonelink | <i class="material-icons">phonelink</i> | phonelink | DEMO |
phonelink off | <i class="material-icons">phonelink_off</i> | phonelink_off | DEMO |
power input | <i class="material-icons">power_input</i> | power_input | DEMO |
router | <i class="material-icons">router</i> | router | DEMO |
scanner | <i class="material-icons">scanner</i> | scanner | DEMO |
security | <i class="material-icons">security</i> | security | DEMO |
sim card | <i class="material-icons">sim_card</i> | sim_card | DEMO |
smartphone | <i class="material-icons">smartphone</i> | smartphone | DEMO |
speaker | <i class="material-icons">speaker</i> | speaker | DEMO |
speaker group | <i class="material-icons">speaker_group</i> | speaker_group | DEMO |
tablet | <i class="material-icons">tablet</i> | tablet | DEMO |
tablet android | <i class="material-icons">tablet_android</i> | tablet_android | DEMO |
tablet mac | <i class="material-icons">tablet_mac</i> | tablet_mac | DEMO |
toys | <i class="material-icons">toys</i> | toys | DEMO |
tv | <i class="material-icons">tv</i> | tv | DEMO |
videogame asset | <i class="material-icons">videogame_asset</i> | videogame_asset | DEMO |
watch | <i class="material-icons">watch</i> | watch | DEMO |