Here we will learn hardware icons in google material design with examples and different type of hardware icons (mouse, scanner, desktop, phone, toys, tv, videogame, router, speaker, etc.) in google material design with examples.
Google provides different type of hardware icons using material design those are tablet android / mac, speaker, security, scanner, keyboard, headset, etc.
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 |