Google Material Design Hardware Icons

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 Material Design Hardware Icons

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.

 

NameUsage DescriptionIconExample
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