<mat-icon> selector is used to display Material icons in Angular.We have around 900+ Angular Material icons.To show the below <mat-icon> list icons,We need to load material icons css provided by Google
<mat-icon> is part of angular material module called MatIconModule.We can use font ligature as an icon by putting the ligature text in <mat-icon> component.
For example <mat-icon>home</mat-icon> displays home icon.
We have to import MatIconModule from Angular Material Modules.
import {MatIconModule} from '@angular/material/icon'
These icons are not limited to angular,In HTML webpages just use <i></i> in place of <mat-icon> tag.
<i>home</i>
All the material icons packaged into a single font file.
All we need to do is adding the below Google web fonts css in our html page.
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- There are around 900+ material icons, all are from a single, small file(42KB) and divided into 10+ categories.
- We can use the file hosted in Google web font server or can be hosted in our own server.
- Material icons (mat-icon) are supported by all modern web browsers.
- We can do all theming like color,size etc using pure CSS.
I have created a free ebook, which contains material icon list in PDF format.
Angular Material Icons list categories
Go through the below material icon list categories
mat-icon List Category-Action
| Icon Name | mat-icon code |
|---|---|
| 3d_rotation 3d rotation icon | <mat-icon> 3d_rotation </mat-icon> |
| accessibility accessibility icon | <mat-icon>accessibility</mat-icon> |
| accessibility_new accessibility new icon | <mat-icon>accessibility_new</mat-icon> |
| accessible accessible icon | <mat-icon>accessible</mat-icon> |
| accessible_forward accessible forward icon | <mat-icon>accessible_forward</mat-icon> |
| account_balance account balance icon | <mat-icon>account_balance</mat-icon> |
| account_balance_wallet account balance wallet icon | <mat-icon>account_balance_wallet</mat-icon> |
| account_box account box icon | <mat-icon>account_box</mat-icon> |
| account_circle account circle icon | <mat-icon>account_circle</mat-icon> |
| add_shopping_cart add shopping cart icon | <mat-icon>add_shopping_cart</mat-icon> |
| alarm alarm icon | <mat-icon>alarm</mat-icon> |
| alarm_add alarm add icon | <mat-icon>alarm_add</mat-icon> |
| alarm_off alarm off icon | <mat-icon>alarm_off</mat-icon> |
| alarm_on alarm on icon | <mat-icon>alarm_on</mat-icon> |
| all_out all out icon | <mat-icon>all_out</mat-icon> |
| android android icon | <mat-icon>android</mat-icon> |
| announcement announcement icon | <mat-icon>announcement</mat-icon> |
| arrow_right_alt arrow right alt icon | <mat-icon>arrow_right_alt</mat-icon> |
| aspect_ratio aspect ratio icon | <mat-icon>aspect_ratio</mat-icon> |
| assessment assessment icon | <mat-icon>assessment</mat-icon> |
| assignment assignment icon | <mat-icon>assignment</mat-icon> |
| assignment_ind assignment ind icon | <mat-icon>assignment_ind</mat-icon> |
| assignment_late assignment late icon | <mat-icon>assignment_late</mat-icon> |
| assignment_return assignment return icon | <mat-icon>assignment_return</mat-icon> |
| assignment_returned assignment returned icon | <mat-icon>assignment_returned</mat-icon> |
| assignment_turned_in assignment turned in icon | <mat-icon>assignment_turned_in</mat-icon> |
| autorenew autorenew icon | <mat-icon>autorenew</mat-icon> |
| backup backup icon | <mat-icon>backup</mat-icon> |
| book book icon | <mat-icon>book</mat-icon> |
| bookmark bookmark icon | <mat-icon>bookmark</mat-icon> |
| bookmark_border bookmark border icon | <mat-icon>bookmark_border</mat-icon> |
| bug_report bug report icon | <mat-icon>bug_report</mat-icon> |
| build build icon | <mat-icon>build</mat-icon> |
| cached cached icon | <mat-icon>cached</mat-icon> |
| calendar_today calendar today icon | <mat-icon>calendar_today</mat-icon> |
| calendar_view_day calendar view day icon | <mat-icon>calendar_view_day</mat-icon> |
| camera_enhance camera enhance icon | <mat-icon>camera_enhance</mat-icon> |
| card_giftcard card giftcard icon | <mat-icon>card_giftcard</mat-icon> |
| card_membership card membership icon | <mat-icon>card_membership</mat-icon> |
| card_travel card travel icon | <mat-icon>card_travel</mat-icon> |
| change_history change history icon | <mat-icon>change_history</mat-icon> |
| check_circle check circle icon | <mat-icon>check_circle</mat-icon> |
| check_circle_outline check circle outline icon | <mat-icon>check_circle_outline</mat-icon> |
| chrome_reader_mode chrome reader mode icon | <mat-icon>chrome_reader_mode</mat-icon> |
| class class icon | <mat-icon>class</mat-icon> |
| code code icon | <mat-icon>code</mat-icon> |
| commute commute icon | <mat-icon>commute</mat-icon> |
| compare_arrows compare arrows icon | <mat-icon>compare_arrows</mat-icon> |
| contact_support contact support icon | <mat-icon>contact_support</mat-icon> |
| copyright copyright icon | <mat-icon>copyright</mat-icon> |
| credit_card credit card icon | <mat-icon>credit_card</mat-icon> |
| dashboard dashboard icon | <mat-icon>dashboard</mat-icon> |
| date_range date range icon | <mat-icon>date_range</mat-icon> |
| delete delete icon | <mat-icon>delete</mat-icon> |
| delete_forever delete forever icon | <mat-icon>delete_forever</mat-icon> |
| delete_outline delete outline icon | <mat-icon>delete_outline</mat-icon> |
| description description icon | <mat-icon>description</mat-icon> |
| dns dns icon | <mat-icon>dns</mat-icon> |
| done done icon | <mat-icon>done</mat-icon> |
| done_all done all icon | <mat-icon>done_all</mat-icon> |
| done_outline done outline icon | <mat-icon>done_outline</mat-icon> |
| donut_large donut large icon | <mat-icon>donut_large</mat-icon> |
| donut_small donut small icon | <mat-icon>donut_small</mat-icon> |
| drag_indicator drag indicator icon | <mat-icon>drag_indicator</mat-icon> |
| eject eject icon | <mat-icon>eject</mat-icon> |
| euro_symbol euro symbol icon | <mat-icon>euro_symbol</mat-icon> |
| event event icon | <mat-icon>event</mat-icon> |
| event_seat event seat icon | <mat-icon>event_seat</mat-icon> |
| exit_to_app exit to app icon | <mat-icon>exit_to_app</mat-icon> |
| explore explore icon | <mat-icon>explore</mat-icon> |
| extension extension icon | <mat-icon>extension</mat-icon> |
| face face icon | <mat-icon>face</mat-icon> |
| favorite favorite icon | <mat-icon>favorite</mat-icon> |
| favorite_border favorite border icon | <mat-icon>favorite_border</mat-icon> |
| feedback feedback icon | <mat-icon>feedback</mat-icon> |
| find_in_page find in page icon | <mat-icon>find_in_page</mat-icon> |
| find_replace find replace icon | <mat-icon>find_replace</mat-icon> |
| fingerprint fingerprint icon | <mat-icon>fingerprint</mat-icon> |
| flight_land flight land icon | <mat-icon>flight_land</mat-icon> |
| flight_takeoff flight takeoff icon | <mat-icon>flight_takeoff</mat-icon> |
| flip_to_back flip to back icon | <mat-icon>flip_to_back</mat-icon> |
| flip_to_front flip to front icon | <mat-icon>flip_to_front</mat-icon> |
| g_translate g translate icon | <mat-icon>g_translate</mat-icon> |
| gavel gavel icon | <mat-icon>gavel</mat-icon> |
| get_app get app icon | <mat-icon>get_app</mat-icon> |
| gif gif icon | <mat-icon>gif</mat-icon> |
| grade grade icon | <mat-icon>grade</mat-icon> |
| group_work group work icon | <mat-icon>group_work</mat-icon> |
| help help icon | <mat-icon>help</mat-icon> |
| help_outline help outline icon | <mat-icon>help_outline</mat-icon> |
| highlight_off highlight off icon | <mat-icon>highlight_off</mat-icon> |
| history history icon | <mat-icon>history</mat-icon> |
| home home icon | <mat-icon>home</mat-icon> |
| horizontal_split horizontal split icon | <mat-icon>horizontal_split</mat-icon> |
| hourglass_empty hourglass empty icon | <mat-icon>hourglass_empty</mat-icon> |
| hourglass_full hourglass full icon | <mat-icon>hourglass_full</mat-icon> |
| http http icon | <mat-icon>http</mat-icon> |
| https https icon | <mat-icon>https</mat-icon> |
| important_devices important devices icon | <mat-icon>important_devices</mat-icon> |
| info info icon | <mat-icon>info</mat-icon> |
| input input icon | <mat-icon>input</mat-icon> |
| invert_colors invert colors icon | <mat-icon>invert_colors</mat-icon> |
| label label icon | <mat-icon>label</mat-icon> |
| label_important label important icon | <mat-icon>label_important</mat-icon> |
| language language icon | <mat-icon>language</mat-icon> |
| launch launch icon | <mat-icon>launch</mat-icon> |
| line_style line style icon | <mat-icon>line_style</mat-icon> |
| line_weight line weight icon | <mat-icon>line_weight</mat-icon> |
| list list icon | <mat-icon>list</mat-icon> |
| lock lock icon | <mat-icon>lock</mat-icon> |
| lock_open lock open icon | <mat-icon>lock_open</mat-icon> |
| loyalty loyalty icon | <mat-icon>loyalty</mat-icon> |
| markunread_mailbox markunread mailbox icon | <mat-icon>markunread_mailbox</mat-icon> |
| maximize maximize icon | <mat-icon>maximize</mat-icon> |
| minimize minimize icon | <mat-icon>minimize</mat-icon> |
| motorcycle motorcycle icon | <mat-icon>motorcycle</mat-icon> |
| note_add note add icon | <mat-icon>note_add</mat-icon> |
| offline_bolt offline bolt icon | <mat-icon>offline_bolt</mat-icon> |
| offline_pin offline pin icon | <mat-icon>offline_pin</mat-icon> |
| opacity opacity icon | <mat-icon>opacity</mat-icon> |
| open_in_browser open in browser icon | <mat-icon>open_in_browser</mat-icon> |
| open_in_new open in new icon | <mat-icon>open_in_new</mat-icon> |
| open_with open with icon | <mat-icon>open_with</mat-icon> |
| pageview pageview icon | <mat-icon>pageview</mat-icon> |
| pan_tool pan tool icon | <mat-icon>pan_tool</mat-icon> |
| payment payment icon | <mat-icon>payment</mat-icon> |
| perm_camera_mic perm camera mic icon | <mat-icon>perm_camera_mic</mat-icon> |
| perm_contact_calendar perm contact calendar icon | <mat-icon>perm_contact_calendar</mat-icon> |
| perm_data_setting perm data setting icon | <mat-icon>perm_data_setting</mat-icon> |
| perm_device_information perm device information icon | <mat-icon>perm_device_information</mat-icon> |
| perm_identity perm identity icon | <mat-icon>perm_identity</mat-icon> |
| perm_media perm media icon | <mat-icon>perm_media</mat-icon> |
| perm_phone_msg perm phone msg icon | <mat-icon>perm_phone_msg</mat-icon> |
| perm_scan_wifi perm scan wifi icon | <mat-icon>perm_scan_wifi</mat-icon> |
| pets pets icon | <mat-icon>pets</mat-icon> |
| picture_in_picture picture in picture icon | <mat-icon>picture_in_picture</mat-icon> |
| picture_in_picture_alt picture in picture alt icon | <mat-icon>picture_in_picture_alt</mat-icon> |
| play_for_work play for work icon | <mat-icon>play_for_work</mat-icon> |
| polymer polymer icon | <mat-icon>polymer</mat-icon> |
| power_settings_new power settings new icon | <mat-icon>power_settings_new</mat-icon> |
| pregnant_woman pregnant woman icon | <mat-icon>pregnant_woman</mat-icon> |
| print print icon | <mat-icon>print</mat-icon> |
| query_builder query builder icon | <mat-icon>query_builder</mat-icon> |
| question_answer question answer icon | <mat-icon>question_answer</mat-icon> |
| receipt receipt icon | <mat-icon>receipt</mat-icon> |
| record_voice_over record voice over icon | <mat-icon>record_voice_over</mat-icon> |
| redeem redeem icon | <mat-icon>redeem</mat-icon> |
| remove_shopping_cart remove shopping cart icon | <mat-icon>remove_shopping_cart</mat-icon> |
| reorder reorder icon | <mat-icon>reorder</mat-icon> |
| report_problem report problem icon | <mat-icon>report_problem</mat-icon> |
| restore restore icon | <mat-icon>restore</mat-icon> |
| restore_from_trash restore from trash icon | <mat-icon>restore_from_trash</mat-icon> |
| restore_page restore page icon | <mat-icon>restore_page</mat-icon> |
| room room icon | <mat-icon>room</mat-icon> |
| rounded_corner rounded corner icon | <mat-icon>rounded_corner</mat-icon> |
| rowing rowing icon | <mat-icon>rowing</mat-icon> |
| schedule schedule icon | <mat-icon>schedule</mat-icon> |
| search search icon | <mat-icon>search</mat-icon> |
| settings settings icon | <mat-icon>settings</mat-icon> |
| settings_applications settings applications icon | <mat-icon>settings_applications</mat-icon> |
| settings_backup_restore settings backup restore icon | <mat-icon>settings_backup_restore</mat-icon> |
| settings_bluetooth settings bluetooth icon | <mat-icon>settings_bluetooth</mat-icon> |
| settings_brightness settings brightness icon | <mat-icon>settings_brightness</mat-icon> |
| settings_cell settings cell icon | <mat-icon>settings_cell</mat-icon> |
| settings_ethernet settings ethernet icon | <mat-icon>settings_ethernet</mat-icon> |
| settings_input_antenna settings input antenna icon | <mat-icon>settings_input_antenna</mat-icon> |
| settings_input_component settings input component icon | <mat-icon>settings_input_component</mat-icon> |
| settings_input_composite settings input composite icon | <mat-icon>settings_input_composite</mat-icon> |
| settings_input_hdmi settings input hdmi icon | <mat-icon>settings_input_hdmi</mat-icon> |
| settings_input_svideo settings input svideo icon | <mat-icon>settings_input_svideo</mat-icon> |
| settings_overscan settings overscan icon | <mat-icon>settings_overscan</mat-icon> |
| settings_phone settings phone icon | <mat-icon>settings_phone</mat-icon> |
| settings_power settings power icon | <mat-icon>settings_power</mat-icon> |
| settings_remote settings remote icon | <mat-icon>settings_remote</mat-icon> |
| settings_voice settings voice icon | <mat-icon>settings_voice</mat-icon> |
| shop shop icon | <mat-icon>shop</mat-icon> |
| shop_two shop two icon | <mat-icon>shop_two</mat-icon> |
| shopping_basket shopping basket icon | <mat-icon>shopping_basket</mat-icon> |
| shopping_cart shopping cart icon | <mat-icon>shopping_cart</mat-icon> |
| speaker_notes speaker notes icon | <mat-icon>speaker_notes</mat-icon> |
| speaker_notes_off speaker notes off icon | <mat-icon>speaker_notes_off</mat-icon> |
| spellcheck spellcheck icon | <mat-icon>spellcheck</mat-icon> |
| stars stars icon | <mat-icon>stars</mat-icon> |
| store store icon | <mat-icon>store</mat-icon> |
| subject subject icon | <mat-icon>subject</mat-icon> |
| supervised_user_circle supervised user circle icon | <mat-icon>supervised_user_circle</mat-icon> |
| supervisor_account supervisor account icon | <mat-icon>supervisor_account</mat-icon> |
| swap_horiz swap horiz icon | <mat-icon>swap_horiz</mat-icon> |
| swap_horizontal_circle swap horizontal circle icon | <mat-icon>swap_horizontal_circle</mat-icon> |
| swap_vert swap vert icon | <mat-icon>swap_vert</mat-icon> |
| swap_vertical_circle swap vertical circle icon | <mat-icon>swap_vertical_circle</mat-icon> |
| tab tab icon | <mat-icon>tab</mat-icon> |
| tab_unselected tab unselected icon | <mat-icon>tab_unselected</mat-icon> |
| text_rotate_up text rotate up icon | <mat-icon>text_rotate_up</mat-icon> |
| text_rotate_vertical text rotate vertical icon | <mat-icon>text_rotate_vertical</mat-icon> |
| text_rotation_down text rotation down icon | <mat-icon>text_rotation_down</mat-icon> |
| text_rotation_none text rotation none icon | <mat-icon>text_rotation_none</mat-icon> |
| theaters theaters icon | <mat-icon>theaters</mat-icon> |
| thumb_down thumb down icon | <mat-icon>thumb_down</mat-icon> |
| thumb_up thumb up icon | <mat-icon>thumb_up</mat-icon> |
| thumbs_up_down thumbs up down icon | <mat-icon>thumbs_up_down</mat-icon> |
| timeline timeline icon | <mat-icon>timeline</mat-icon> |
| toc toc icon | <mat-icon>toc</mat-icon> |
| today today icon | <mat-icon>today</mat-icon> |
| toll toll icon | <mat-icon>toll</mat-icon> |
| touch_app touch app icon | <mat-icon>touch_app</mat-icon> |
| track_changes track changes icon | <mat-icon>track_changes</mat-icon> |
| translate translate icon | <mat-icon>translate</mat-icon> |
| trending_down trending down icon | <mat-icon>trending_down</mat-icon> |
| trending_flat trending flat icon | <mat-icon>trending_flat</mat-icon> |
| trending_up trending up icon | <mat-icon>trending_up</mat-icon> |
| turned_in turned in icon | <mat-icon>turned_in</mat-icon> |
| turned_in_not turned in not icon | <mat-icon>turned_in_not</mat-icon> |
| update update icon | <mat-icon>update</mat-icon> |
| verified_user verified user icon | <mat-icon>verified_user</mat-icon> |
| vertical_split vertical split icon | <mat-icon>vertical_split</mat-icon> |
| view_agenda view agenda icon | <mat-icon>view_agenda</mat-icon> |
| view_array view array icon | <mat-icon>view_array</mat-icon> |
| view_carousel view carousel icon | <mat-icon>view_carousel</mat-icon> |
| view_column view column icon | <mat-icon>view_column</mat-icon> |
| view_day view day icon | <mat-icon>view_day</mat-icon> |
| view_headline view headline icon | <mat-icon>view_headline</mat-icon> |
| view_list view list icon | <mat-icon>view_list</mat-icon> |
| view_module view module icon | <mat-icon>view_module</mat-icon> |
| view_quilt view quilt icon | <mat-icon>view_quilt</mat-icon> |
| view_stream view stream icon | <mat-icon>view_stream</mat-icon> |
| view_week view week icon | <mat-icon>view_week</mat-icon> |
| visibility visibility icon | <mat-icon>visibility</mat-icon> |
| visibility_off visibility off icon | <mat-icon>visibility_off</mat-icon> |
| voice_over_off voice over off icon | <mat-icon>voice_over_off</mat-icon> |
| watch_later watch later icon | <mat-icon>watch_later</mat-icon> |
| work work icon | <mat-icon>work</mat-icon> |
| work_off work off icon | <mat-icon>work_off</mat-icon> |
| work_outline work outline icon | <mat-icon>work_outline</mat-icon> |
| youtube_searched_for youtube searched for icon | <mat-icon>youtube_searched_for</mat-icon> |
| zoom_in zoom in icon | <mat-icon>zoom_in</mat-icon> |
| zoom_out zoom out icon | <mat-icon>zoom_out</mat-icon> |
mat-icon List Category-Communication
| Icon Name | mat-icon code |
|---|---|
| alternate_email alternate email icon | <mat-icon>alternate_email</mat-icon> |
| business business icon | <mat-icon> business</mat-icon> |
| call call icon | <mat-icon> call</mat-icon> |
| call_end call end icon | <mat-icon> call_end</mat-icon> |
| call_made call made icon | <mat-icon> call_made</mat-icon> |
| call_merge call merge icon | <mat-icon> call_merge</mat-icon> |
| call_missed call missed icon | <mat-icon> call_missed</mat-icon> |
| call_missed_outgoing call missed outgoing icon | <mat-icon> call_missed_outgoing</mat-icon> |
| call_received call received icon | <mat-icon> call_received</mat-icon> |
| call_split call split icon | <mat-icon> call_split</mat-icon> |
| cancel_presentation cancel presentation icon | <mat-icon> cancel_presentation</mat-icon> |
| cell_wifi cell wifi icon | <mat-icon> cell_wifi</mat-icon> |
| chat chat icon | <mat-icon> chat</mat-icon> |
| chat_bubble chat bubble icon | <mat-icon> chat_bubble</mat-icon> |
| chat_bubble_outline chat bubble outline icon | <mat-icon> chat_bubble_outline</mat-icon> |
| clear_all clear all icon | <mat-icon> clear_all</mat-icon> |
| comment comment icon | <mat-icon> comment</mat-icon> |
| contact_mail contact mail icon | <mat-icon> contact_mail</mat-icon> |
| contact_phone contact phone icon | <mat-icon> contact_phone</mat-icon> |
| contacts contacts icon | <mat-icon> contacts</mat-icon> |
| dialer_sip dialer sip icon | <mat-icon> dialer_sip</mat-icon> |
| dialpad dialpad icon | <mat-icon> dialpad</mat-icon> |
| domain_disabled domain disabled icon | <mat-icon> domain_disabled</mat-icon> |
| email email icon | <mat-icon> email</mat-icon> |
| forum forum icon | <mat-icon> forum</mat-icon> |
| import_contacts import contacts icon | <mat-icon> import_contacts</mat-icon> |
| import_export import export icon | <mat-icon> import_export</mat-icon> |
| invert_colors_off invert colors off icon | <mat-icon> invert_colors_off</mat-icon> |
| list_alt list alt icon | <mat-icon> list_alt</mat-icon> |
| live_help live help icon | <mat-icon> live_help</mat-icon> |
| location_off location off icon | <mat-icon> location_off</mat-icon> |
| location_on location on icon | <mat-icon> location_on</mat-icon> |
| mail_outline mail outline icon | <mat-icon> mail_outline</mat-icon> |
| message message icon | <mat-icon> message</mat-icon> |
| mobile_screen_share mobile screen share icon | <mat-icon> mobile_screen_share</mat-icon> |
| no_sim no sim icon | <mat-icon> no_sim</mat-icon> |
| pause_presentation pause presentation icon | <mat-icon> pause_presentation</mat-icon> |
| phone phone icon | <mat-icon> phone</mat-icon> |
| phonelink_erase phonelink erase icon | <mat-icon> phonelink_erase</mat-icon> |
| phonelink_lock phonelink lock icon | <mat-icon> phonelink_lock</mat-icon> |
| phonelink_ring phonelink ring icon | <mat-icon> phonelink_ring</mat-icon> |
| phonelink_setup phonelink setup icon | <mat-icon> phonelink_setup</mat-icon> |
| portable_wifi_off portable wifi off icon | <mat-icon> portable_wifi_off</mat-icon> |
| present_to_all present to all icon | <mat-icon> present_to_all</mat-icon> |
| ring_volume ring volume icon | <mat-icon> ring_volume</mat-icon> |
| rss_feed rss feed icon | <mat-icon> rss_feed</mat-icon> |
| screen_share screen share icon | <mat-icon> screen_share</mat-icon> |
| sentiment_satisfied_alt sentiment satisfied alt icon | <mat-icon> sentiment_satisfied_alt</mat-icon> |
| speaker_phone speaker phone icon | <mat-icon> speaker_phone</mat-icon> |
| stay_current_landscape stay current landscape icon | <mat-icon> stay_current_landscape</mat-icon> |
| stay_current_portrait stay current portrait icon | <mat-icon> stay_current_portrait</mat-icon> |
| stay_primary_landscape stay primary landscape icon | <mat-icon> stay_primary_landscape</mat-icon> |
| stay_primary_portrait stay primary portrait icon | <mat-icon> stay_primary_portrait</mat-icon> |
| stop_screen_share stop screen share icon | <mat-icon> stop_screen_share</mat-icon> |
| swap_calls swap calls icon | <mat-icon> swap_calls</mat-icon> |
| textsms textsms icon | <mat-icon> textsms</mat-icon> |
| unsubscribe unsubscribe icon | <mat-icon> unsubscribe</mat-icon> |
| voicemail voicemail icon | <mat-icon> voicemail</mat-icon> |
| vpn_key vpn key icon | <mat-icon> vpn_key</mat-icon> |
mat-icon List Category-Av
| Icon Name | mat-icon code |
|---|---|
| 4k 4k icon | <mat-icon>4k</mat-icon> |
| add_to_queue add to queue icon | <mat-icon>add_to_queue</mat-icon> |
| airplay airplay icon | <mat-icon>airplay</mat-icon> |
| album album icon | <mat-icon>album</mat-icon> |
| art_track art track icon | <mat-icon>art_track</mat-icon> |
| av_timer av timer icon | <mat-icon>av_timer</mat-icon> |
| branding_watermark branding watermark icon | <mat-icon>branding_watermark</mat-icon> |
| call_to_action call to action icon | <mat-icon>call_to_action</mat-icon> |
| closed_caption closed caption icon | <mat-icon>closed_caption</mat-icon> |
| control_camera control camera icon | <mat-icon>control_camera</mat-icon> |
| equalizer equalizer icon | <mat-icon>equalizer</mat-icon> |
| explicit explicit icon | <mat-icon>explicit</mat-icon> |
| fast_forward fast forward icon | <mat-icon>fast_forward</mat-icon> |
| fast_rewind fast rewind icon | <mat-icon>fast_rewind</mat-icon> |
| featured_play_list featured play list icon | <mat-icon>featured_play_list</mat-icon> |
| featured_video featured video icon | <mat-icon>featured_video</mat-icon> |
| fiber_dvr fiber dvr icon | <mat-icon>fiber_dvr</mat-icon> |
| fiber_manual_record fiber manual record icon | <mat-icon>fiber_manual_record</mat-icon> |
| fiber_new fiber new icon | <mat-icon>fiber_new</mat-icon> |
| fiber_pin fiber pin icon | <mat-icon>fiber_pin</mat-icon> |
| fiber_smart_record fiber smart record icon | <mat-icon>fiber_smart_record</mat-icon> |
| forward_10 forward 10 icon | <mat-icon>forward_10</mat-icon> |
| forward_30 forward 30 icon | <mat-icon>forward_30</mat-icon> |
| forward_5 forward 5 icon | <mat-icon>forward_5</mat-icon> |
| games games icon | <mat-icon>games</mat-icon> |
| hd hd icon | <mat-icon>hd</mat-icon> |
| hearing hearing icon | <mat-icon>hearing</mat-icon> |
| high_quality high quality icon | <mat-icon>high_quality</mat-icon> |
| library_add library add icon | <mat-icon>library_add</mat-icon> |
| library_books library books icon | <mat-icon>library_books</mat-icon> |
| library_music library music icon | <mat-icon>library_music</mat-icon> |
| loop loop icon | <mat-icon>loop</mat-icon> |
| mic mic icon | <mat-icon>mic</mat-icon> |
| mic_none mic none icon | <mat-icon>mic_none</mat-icon> |
| mic_off mic off icon | <mat-icon>mic_off</mat-icon> |
| missed_video_call missed video call icon | <mat-icon>missed_video_call</mat-icon> |
| movie movie icon | <mat-icon>movie</mat-icon> |
| music_video music video icon | <mat-icon>music_video</mat-icon> |
| new_releases new releases icon | <mat-icon>new_releases</mat-icon> |
| not_interested not interested icon | <mat-icon>not_interested</mat-icon> |
| note note icon | <mat-icon>note</mat-icon> |
| pause pause icon | <mat-icon>pause</mat-icon> |
| pause_circle_filled pause circle filled icon | <mat-icon>pause_circle_filled</mat-icon> |
| pause_circle_outline pause circle outline icon | <mat-icon>pause_circle_outline</mat-icon> |
| play_arrow play arrow icon | <mat-icon>play_arrow</mat-icon> |
| play_circle_filled play circle filled icon | <mat-icon>play_circle_filled</mat-icon> |
| play_circle_outline play circle outline icon | <mat-icon>play_circle_outline</mat-icon> |
| playlist_add playlist add icon | <mat-icon>playlist_add</mat-icon> |
| playlist_add_check playlist add check icon | <mat-icon>playlist_add_check</mat-icon> |
| playlist_play playlist play icon | <mat-icon>playlist_play</mat-icon> |
| queue queue icon | <mat-icon>queue</mat-icon> |
| queue_music queue music icon | <mat-icon>queue_music</mat-icon> |
| queue_play_next queue play next icon | <mat-icon>queue_play_next</mat-icon> |
| radio radio icon | <mat-icon>radio</mat-icon> |
| recent_actors recent actors icon | <mat-icon>recent_actors</mat-icon> |
| remove_from_queue remove from queue icon | <mat-icon>remove_from_queue</mat-icon> |
| repeat repeat icon | <mat-icon>repeat</mat-icon> |
| repeat_one repeat one icon | <mat-icon>repeat_one</mat-icon> |
| replay replay icon | <mat-icon>replay</mat-icon> |
| replay_10 replay 10 icon | <mat-icon>replay_10</mat-icon> |
| replay_30 replay 30 icon | <mat-icon>replay_30</mat-icon> |
| replay_5 replay 5 icon | <mat-icon>replay_5</mat-icon> |
| shuffle shuffle icon | <mat-icon>shuffle</mat-icon> |
| skip_next skip next icon | <mat-icon>skip_next</mat-icon> |
| skip_previous skip previous icon | <mat-icon>skip_previous</mat-icon> |
| slow_motion_video slow motion video icon | <mat-icon>slow_motion_video</mat-icon> |
| snooze snooze icon | <mat-icon>snooze</mat-icon> |
| sort_by_alpha sort by alpha icon | <mat-icon>sort_by_alpha</mat-icon> |
| stop stop icon | <mat-icon>stop</mat-icon> |
| subscriptions subscriptions icon | <mat-icon>subscriptions</mat-icon> |
| subtitles subtitles icon | <mat-icon>subtitles</mat-icon> |
| surround_sound surround sound icon | <mat-icon>surround_sound</mat-icon> |
| video_call video call icon | <mat-icon>video_call</mat-icon> |
| video_label video label icon | <mat-icon>video_label</mat-icon> |
| video_library video library icon | <mat-icon>video_library</mat-icon> |
| videocam videocam icon | <mat-icon>videocam</mat-icon> |
| videocam_off videocam off icon | <mat-icon>videocam_off</mat-icon> |
| volume_down volume down icon | <mat-icon>volume_down</mat-icon> |
| volume_mute volume mute icon | <mat-icon>volume_mute</mat-icon> |
| volume_off volume off icon | <mat-icon>volume_off</mat-icon> |
| volume_up volume up icon | <mat-icon>volume_up</mat-icon> |
mat-icon List Category-Connection
| Icon Name | mat-icon code |
|---|---|
| add add icon | <mat-icon>add</mat-icon> |
| add_box add box icon | <mat-icon>add_box</mat-icon> |
| add_circle add circle icon | <mat-icon>add_circle</mat-icon> |
| add_circle_outline add circle outline icon | <mat-icon>add_circle_outline</mat-icon> |
| archive archive icon | <mat-icon>archive</mat-icon> |
| backspace backspace icon | <mat-icon>backspace</mat-icon> |
| ballot ballot icon | <mat-icon>ballot</mat-icon> |
| block block icon | <mat-icon>block</mat-icon> |
| clear clear icon | <mat-icon>clear</mat-icon> |
| create create icon | <mat-icon>create</mat-icon> |
| delete_sweep delete sweep icon | <mat-icon>delete_sweep</mat-icon> |
| drafts drafts icon | <mat-icon>drafts</mat-icon> |
| file_copy file copy icon | <mat-icon>file_copy</mat-icon> |
| filter_list filter list icon | <mat-icon>filter_list</mat-icon> |
| flag flag icon | <mat-icon>flag</mat-icon> |
| font_download font download icon | <mat-icon>font_download</mat-icon> |
| forward forward icon | <mat-icon>forward</mat-icon> |
| gesture gesture icon | <mat-icon>gesture</mat-icon> |
| how_to_reg how to reg icon | <mat-icon>how_to_reg</mat-icon> |
| how_to_vote how to vote icon | <mat-icon>how_to_vote</mat-icon> |
| inbox inbox icon | <mat-icon>inbox</mat-icon> |
| link link icon | <mat-icon>link</mat-icon> |
| link_off link off icon | <mat-icon>link_off</mat-icon> |
| low_priority low priority icon | <mat-icon>low_priority</mat-icon> |
| mail mail icon | <mat-icon>mail</mat-icon> |
| markunread markunread icon | <mat-icon>markunread</mat-icon> |
| move_to_inbox move to inbox icon | <mat-icon>move_to_inbox</mat-icon> |
| next_week next week icon | <mat-icon>next_week</mat-icon> |
| outlined_flag outlined flag icon | <mat-icon>outlined_flag</mat-icon> |
| redo redo icon | <mat-icon>redo</mat-icon> |
| remove remove icon | <mat-icon>remove</mat-icon> |
| remove_circle remove circle icon | <mat-icon>remove_circle</mat-icon> |
| remove_circle_outline remove circle outline icon | <mat-icon>remove_circle_outline</mat-icon> |
| reply reply icon | <mat-icon>reply</mat-icon> |
| reply_all reply all icon | <mat-icon>reply_all</mat-icon> |
| report report icon | <mat-icon>report</mat-icon> |
| report_off report off icon | <mat-icon>report_off</mat-icon> |
| save save icon | <mat-icon>save</mat-icon> |
| save_alt save alt icon | <mat-icon>save_alt</mat-icon> |
| select_all select all icon | <mat-icon>select_all</mat-icon> |
| send send icon | <mat-icon>send</mat-icon> |
| sort sort icon | <mat-icon>sort</mat-icon> |
| text_format text format icon | <mat-icon>text_format</mat-icon> |
| unarchive unarchive icon | <mat-icon>unarchive</mat-icon> |
| undo undo icon | <mat-icon>undo</mat-icon> |
| waves waves icon | <mat-icon>waves</mat-icon> |
| weekend weekend icon | <mat-icon>weekend</mat-icon> |
| where_to_vote where to vote icon | <mat-icon>where_to_vote</mat-icon> |
mat-icon List Category-Device
| Icon Name | mat-icon code |
|---|---|
| access_alarm access alarm icon | <mat-icon>access_alarm</mat-icon> |
| access_alarms access alarms icon | <mat-icon>access_alarms</mat-icon> |
| access_time access time icon | <mat-icon>access_time</mat-icon> |
| add_alarm add alarm icon | <mat-icon>add_alarm</mat-icon> |
| add_to_home_screen add to home screen icon | <mat-icon>add_to_home_screen</mat-icon> |
| airplanemode_active airplanemode active icon | <mat-icon>airplanemode_active</mat-icon> |
| airplanemode_inactive airplanemode inactive icon | <mat-icon>airplanemode_inactive</mat-icon> |
| battery_alert battery alert icon | <mat-icon>battery_alert</mat-icon> |
| battery_charging_full battery charging full icon | <mat-icon>battery_charging_full</mat-icon> |
| battery_full battery full icon | <mat-icon>battery_full</mat-icon> |
| battery_std battery std icon | <mat-icon>battery_std</mat-icon> |
| battery_unknown battery unknown icon | <mat-icon>battery_unknown</mat-icon> |
| bluetooth bluetooth icon | <mat-icon>bluetooth</mat-icon> |
| bluetooth_connected bluetooth connected icon | <mat-icon>bluetooth_connected</mat-icon> |
| bluetooth_disabled bluetooth disabled icon | <mat-icon>bluetooth_disabled</mat-icon> |
| bluetooth_searching bluetooth searching icon | <mat-icon>bluetooth_searching</mat-icon> |
| brightness_auto brightness auto icon | <mat-icon>brightness_auto</mat-icon> |
| brightness_high brightness high icon | <mat-icon>brightness_high</mat-icon> |
| brightness_low brightness low icon | <mat-icon>brightness_low</mat-icon> |
| brightness_medium brightness medium icon | <mat-icon>brightness_medium</mat-icon> |
| data_usage data usage icon | <mat-icon>data_usage</mat-icon> |
| developer_mode developer mode icon | <mat-icon>developer_mode</mat-icon> |
| devices devices icon | <mat-icon>devices</mat-icon> |
| dvr dvr icon | <mat-icon>dvr</mat-icon> |
| gps_fixed gps fixed icon | <mat-icon>gps_fixed</mat-icon> |
| gps_not_fixed gps not fixed icon | <mat-icon>gps_not_fixed</mat-icon> |
| gps_off gps off icon | <mat-icon>gps_off</mat-icon> |
| graphic_eq graphic eq icon | <mat-icon>graphic_eq</mat-icon> |
| location_disabled location disabled icon | <mat-icon>location_disabled</mat-icon> |
| location_searching location searching icon | <mat-icon>location_searching</mat-icon> |
| mobile_friendly mobile friendly icon | <mat-icon>mobile_friendly</mat-icon> |
| mobile_off mobile off icon | <mat-icon>mobile_off</mat-icon> |
| network_cell network cell icon | <mat-icon>network_cell</mat-icon> |
| network_wifi network wifi icon | <mat-icon>network_wifi</mat-icon> |
| nfc nfc icon | <mat-icon>nfc</mat-icon> |
| screen_lock_landscape screen lock landscape icon | <mat-icon>screen_lock_landscape</mat-icon> |
| screen_lock_portrait screen lock portrait icon | <mat-icon>screen_lock_portrait</mat-icon> |
| screen_lock_rotation screen lock rotation icon | <mat-icon>screen_lock_rotation</mat-icon> |
| screen_rotation screen rotation icon | <mat-icon>screen_rotation</mat-icon> |
| sd_storage sd storage icon | <mat-icon>sd_storage</mat-icon> |
| settings_system_daydream settings system daydream icon | <mat-icon>settings_system_daydream</mat-icon> |
| signal_cellular_4_bar signal cellular 4 bar icon | <mat-icon>signal_cellular_4_bar</mat-icon> |
| signal_cellular_alt signal cellular alt icon | <mat-icon>signal_cellular_alt</mat-icon> |
| signal_cellular_connected_no_internet_4_bar signal cellular connected no internet 4 bar icon | <mat-icon>signal_cellular_connected_no_internet_4_bar</mat-icon> |
| signal_cellular_no_sim signal cellular no sim icon | <mat-icon>signal_cellular_no_sim</mat-icon> |
| signal_cellular_null signal cellular null icon | <mat-icon>signal_cellular_null</mat-icon> |
| signal_cellular_off signal cellular off icon | <mat-icon>signal_cellular_off</mat-icon> |
| signal_wifi_4_bar signal wifi 4 bar icon | <mat-icon>signal_wifi_4_bar</mat-icon> |
| signal_wifi_4_bar_lock signal wifi 4 bar lock icon | <mat-icon>signal_wifi_4_bar_lock</mat-icon> |
| signal_wifi_off signal wifi off icon | <mat-icon>signal_wifi_off</mat-icon> |
| storage storage icon | <mat-icon>storage</mat-icon> |
| usb usb icon | <mat-icon>usb</mat-icon> |
| wallpaper wallpaper icon | <mat-icon>wallpaper</mat-icon> |
| widgets widgets icon | <mat-icon>widgets</mat-icon> |
| wifi_lock wifi lock icon | <mat-icon>wifi_lock</mat-icon> |
| wifi_tethering wifi tethering icon | <mat-icon>wifi_tethering</mat-icon> |
mat-icon List Category-Editor
| Icon Name | mat-icon code |
|---|---|
| add_comment add comment icon | <mat-icon> add_comment</mat-icon> |
| attach_file attach file icon | <mat-icon> attach_file</mat-icon> |
| attach_money attach money icon | <mat-icon> attach_money</mat-icon> |
| bar_chart bar chart icon | <mat-icon> bar_chart</mat-icon> |
| border_all border all icon | <mat-icon> border_all</mat-icon> |
| border_bottom border bottom icon | <mat-icon> border_bottom</mat-icon> |
| border_clear border clear icon | <mat-icon> border_clear</mat-icon> |
| border_color border color icon | <mat-icon> border_color</mat-icon> |
| border_horizontal border horizontal icon | <mat-icon> border_horizontal</mat-icon> |
| border_inner border inner icon | <mat-icon> border_inner</mat-icon> |
| border_left border left icon | <mat-icon> border_left</mat-icon> |
| border_outer border outer icon | <mat-icon> border_outer</mat-icon> |
| border_right border right icon | <mat-icon> border_right</mat-icon> |
| border_style border style icon | <mat-icon> border_style</mat-icon> |
| border_top border top icon | <mat-icon> border_top</mat-icon> |
| border_vertical border vertical icon | <mat-icon> border_vertical</mat-icon> |
| bubble_chart bubble chart icon | <mat-icon> bubble_chart</mat-icon> |
| drag_handle drag handle icon | <mat-icon> drag_handle</mat-icon> |
| format_align_center format align center icon | <mat-icon> format_align_center</mat-icon> |
| format_align_justify format align justify icon | <mat-icon> format_align_justify</mat-icon> |
| format_align_left format align left icon | <mat-icon> format_align_left</mat-icon> |
| format_align_right format align right icon | <mat-icon> format_align_right</mat-icon> |
| format_bold format bold icon | <mat-icon> format_bold</mat-icon> |
| format_clear format clear icon | <mat-icon> format_clear</mat-icon> |
| format_color_fill format color fill icon | <mat-icon> format_color_fill</mat-icon> |
| format_color_reset format color reset icon | <mat-icon> format_color_reset</mat-icon> |
| format_color_text format color text icon | <mat-icon> format_color_text</mat-icon> |
| format_indent_decrease format indent decrease icon | <mat-icon> format_indent_decrease</mat-icon> |
| format_indent_increase format indent increase icon | <mat-icon> format_indent_increase</mat-icon> |
| format_italic format italic icon | <mat-icon> format_italic</mat-icon> |
| format_line_spacing format line spacing icon | <mat-icon> format_line_spacing</mat-icon> |
| format_list_bulleted format list bulleted icon | <mat-icon> format_list_bulleted</mat-icon> |
| format_list_numbered format list numbered icon | <mat-icon> format_list_numbered</mat-icon> |
| format_list_numbered_rtl format list numbered rtl icon | <mat-icon> format_list_numbered_rtl</mat-icon> |
| format_paint format paint icon | <mat-icon> format_paint</mat-icon> |
| format_quote format quote icon | <mat-icon> format_quote</mat-icon> |
| format_shapes format shapes icon | <mat-icon> format_shapes</mat-icon> |
| format_size format size icon | <mat-icon> format_size</mat-icon> |
| format_strikethrough format strikethrough icon | <mat-icon> format_strikethrough</mat-icon> |
| format_textdirection_l_to_r format textdirection l to r icon | <mat-icon> format_textdirection_l_to_r</mat-icon> |
| format_textdirection_r_to_l format textdirection r to l icon | <mat-icon> format_textdirection_r_to_l</mat-icon> |
| format_underlined format underlined icon | <mat-icon> format_underlined</mat-icon> |
| functions functions icon | <mat-icon> functions</mat-icon> |
| highlight highlight icon | <mat-icon> highlight</mat-icon> |
| insert_chart insert chart icon | <mat-icon> insert_chart</mat-icon> |
| insert_chart_outlined insert chart outlined icon | <mat-icon> insert_chart_outlined</mat-icon> |
| insert_comment insert comment icon | <mat-icon> insert_comment</mat-icon> |
| insert_drive_file insert drive file icon | <mat-icon> insert_drive_file</mat-icon> |
| insert_emoticon insert emoticon icon | <mat-icon> insert_emoticon</mat-icon> |
| insert_invitation insert invitation icon | <mat-icon> insert_invitation</mat-icon> |
| insert_link insert link icon | <mat-icon> insert_link</mat-icon> |
| insert_photo insert photo icon | <mat-icon> insert_photo</mat-icon> |
| linear_scale linear scale icon | <mat-icon> linear_scale</mat-icon> |
| merge_type merge type icon | <mat-icon> merge_type</mat-icon> |
| mode_comment mode comment icon | <mat-icon> mode_comment</mat-icon> |
| monetization_on monetization on icon | <mat-icon> monetization_on</mat-icon> |
| money_off money off icon | <mat-icon> money_off</mat-icon> |
| multiline_chart multiline chart icon | <mat-icon> multiline_chart</mat-icon> |
| notes notes icon | <mat-icon> notes</mat-icon> |
| pie_chart pie chart icon | <mat-icon> pie_chart</mat-icon> |
| publish publish icon | <mat-icon> publish</mat-icon> |
| scatter_plot scatter plot icon | <mat-icon> scatter_plot</mat-icon> |
| score score icon | <mat-icon> score</mat-icon> |
| short_text short text icon | <mat-icon> short_text</mat-icon> |
| show_chart show chart icon | <mat-icon> show_chart</mat-icon> |
| space_bar space bar icon | <mat-icon> space_bar</mat-icon> |
| strikethrough_s strikethrough s icon | <mat-icon> strikethrough_s</mat-icon> |
| table_chart table chart icon | <mat-icon> table_chart</mat-icon> |
| text_fields text fields icon | <mat-icon> text_fields</mat-icon> |
| title title icon | <mat-icon> title</mat-icon> |
| vertical_align_bottom vertical align bottom icon | <mat-icon> vertical_align_bottom</mat-icon> |
| vertical_align_center vertical align center icon | <mat-icon> vertical_align_center</mat-icon> |
| vertical_align_top vertical align top icon | <mat-icon> vertical_align_top</mat-icon> |
| wrap_text wrap text icon | <mat-icon> wrap_text</mat-icon> |
mat-icon List Category-File
| Icon Name | mat-icon code |
|---|---|
| attachment attachment icon | <mat-icon>attachment</mat-icon> |
| cloud cloud icon | <mat-icon>cloud</mat-icon> |
| cloud_circle cloud circle icon | <mat-icon>cloud_circle</mat-icon> |
| cloud_done cloud done icon | <mat-icon>cloud_done</mat-icon> |
| cloud_download cloud download icon | <mat-icon>cloud_download</mat-icon> |
| cloud_off cloud off icon | <mat-icon>cloud_off</mat-icon> |
| cloud_queue cloud queue icon | <mat-icon>cloud_queue</mat-icon> |
| cloud_upload cloud upload icon | <mat-icon>cloud_upload</mat-icon> |
| create_new_folder create new folder icon | <mat-icon>create_new_folder</mat-icon> |
| folder folder icon | <mat-icon>folder</mat-icon> |
| folder_open folder open icon | <mat-icon>folder_open</mat-icon> |
| folder_shared folder shared icon | <mat-icon>folder_shared</mat-icon> |
mat-icon List Category-Hardware
| Icon name | mat-icon code |
|---|---|
| cast cast icon | <mat-icon>cast</mat-icon> |
| cast_connected cast connected icon | <mat-icon>cast_connected</mat-icon> |
| computer computer icon | <mat-icon>computer</mat-icon> |
| desktop_mac desktop mac icon | <mat-icon>desktop_mac</mat-icon> |
| desktop_windows desktop windows icon | <mat-icon>desktop_windows</mat-icon> |
| developer_board developer board icon | <mat-icon>developer_board</mat-icon> |
| device_hub device hub icon | <mat-icon>device_hub</mat-icon> |
| device_unknown device unknown icon | <mat-icon>device_unknown</mat-icon> |
| devices_other devices other icon | <mat-icon>devices_other</mat-icon> |
| dock dock icon | <mat-icon>dock</mat-icon> |
| gamepad gamepad icon | <mat-icon>gamepad</mat-icon> |
| headset headset icon | <mat-icon>headset</mat-icon> |
| headset_mic headset mic icon | <mat-icon>headset_mic</mat-icon> |
| keyboard keyboard icon | <mat-icon>keyboard</mat-icon> |
| keyboard_arrow_down keyboard arrow down icon | <mat-icon>keyboard_arrow_down</mat-icon> |
| keyboard_arrow_left keyboard arrow left icon | <mat-icon>keyboard_arrow_left</mat-icon> |
| keyboard_arrow_right keyboard arrow right icon | <mat-icon>keyboard_arrow_right</mat-icon> |
| keyboard_arrow_up keyboard arrow up icon | <mat-icon>keyboard_arrow_up</mat-icon> |
| keyboard_backspace keyboard backspace icon | <mat-icon>keyboard_backspace</mat-icon> |
| keyboard_capslock keyboard capslock icon | <mat-icon>keyboard_capslock</mat-icon> |
| keyboard_hide keyboard hide icon | <mat-icon>keyboard_hide</mat-icon> |
| keyboard_return keyboard return icon | <mat-icon>keyboard_return</mat-icon> |
| keyboard_tab keyboard tab icon | <mat-icon>keyboard_tab</mat-icon> |
| keyboard_voice keyboard voice icon | <mat-icon>keyboard_voice</mat-icon> |
| laptop laptop icon | <mat-icon>laptop</mat-icon> |
| laptop_chromebook laptop chromebook icon | <mat-icon>laptop_chromebook</mat-icon> |
| laptop_mac laptop mac icon | <mat-icon>laptop_mac</mat-icon> |
| laptop_windows laptop windows icon | <mat-icon>laptop_windows</mat-icon> |
| memory memory icon | <mat-icon>memory</mat-icon> |
| mouse mouse icon | <mat-icon>mouse</mat-icon> |
| phone_android phone android icon | <mat-icon>phone_android</mat-icon> |
| phone_iphone phone iphone icon | <mat-icon>phone_iphone</mat-icon> |
| phonelink phonelink icon | <mat-icon>phonelink</mat-icon> |
| phonelink_off phonelink off icon | <mat-icon>phonelink_off</mat-icon> |
| power_input power input icon | <mat-icon>power_input</mat-icon> |
| router router icon | <mat-icon>router</mat-icon> |
| scanner scanner icon | <mat-icon>scanner</mat-icon> |
| security security icon | <mat-icon>security</mat-icon> |
| sim_card sim card icon | <mat-icon>sim_card</mat-icon> |
| smartphone smartphone icon | <mat-icon>smartphone</mat-icon> |
| speaker speaker icon | <mat-icon>speaker</mat-icon> |
| speaker_group speaker group icon | <mat-icon>speaker_group</mat-icon> |
| tablet tablet icon | <mat-icon>tablet</mat-icon> |
| tablet_android tablet android icon | <mat-icon>tablet_android</mat-icon> |
| tablet_mac tablet mac icon | <mat-icon>tablet_mac</mat-icon> |
| toys toys icon | <mat-icon>toys</mat-icon> |
| tv tv icon | <mat-icon>tv</mat-icon> |
| videogame_asset videogame asset icon | <mat-icon>videogame_asset</mat-icon> |
| watch watch icon | <mat-icon>watch</mat-icon> |
mat-icon List Category-Images
| Icon Name | mat-icon code |
|---|---|
| add_a_photo add a photo icon | <mat-icon>add_a_photo</mat-icon> |
| add_photo_alternate add photo alternate icon | <mat-icon>add_photo_alternate</mat-icon> |
| add_to_photos add to photos icon | <mat-icon>add_to_photos</mat-icon> |
| adjust adjust icon | <mat-icon>adjust</mat-icon> |
| assistant assistant icon | <mat-icon>assistant</mat-icon> |
| assistant_photo assistant photo icon | <mat-icon>assistant_photo</mat-icon> |
| audiotrack audiotrack icon | <mat-icon>audiotrack</mat-icon> |
| blur_circular blur circular icon | <mat-icon>blur_circular</mat-icon> |
| blur_linear blur linear icon | <mat-icon>blur_linear</mat-icon> |
| blur_off blur off icon | <mat-icon>blur_off</mat-icon> |
| blur_on blur on icon | <mat-icon>blur_on</mat-icon> |
| brightness_1 brightness 1 icon | <mat-icon>brightness_1</mat-icon> |
| brightness_2 brightness 2 icon | <mat-icon>brightness_2</mat-icon> |
| brightness_3 brightness 3 icon | <mat-icon>brightness_3</mat-icon> |
| brightness_4 brightness 4 icon | <mat-icon>brightness_4</mat-icon> |
| brightness_5 brightness 5 icon | <mat-icon>brightness_5</mat-icon> |
| brightness_6 brightness 6 icon | <mat-icon>brightness_6</mat-icon> |
| brightness_7 brightness 7 icon | <mat-icon>brightness_7</mat-icon> |
| broken_image broken image icon | <mat-icon>broken_image</mat-icon> |
| brush brush icon | <mat-icon>brush</mat-icon> |
| burst_mode burst mode icon | <mat-icon>burst_mode</mat-icon> |
| camera camera icon | <mat-icon>camera</mat-icon> |
| camera_alt camera alt icon | <mat-icon>camera_alt</mat-icon> |
| camera_front camera front icon | <mat-icon>camera_front</mat-icon> |
| camera_rear camera rear icon | <mat-icon>camera_rear</mat-icon> |
| camera_roll camera roll icon | <mat-icon>camera_roll</mat-icon> |
| center_focus_strong center focus strong icon | <mat-icon>center_focus_strong</mat-icon> |
| center_focus_weak center focus weak icon | <mat-icon>center_focus_weak</mat-icon> |
| collections collections icon | <mat-icon>collections</mat-icon> |
| collections_bookmark collections bookmark icon | <mat-icon>collections_bookmark</mat-icon> |
| color_lens color lens icon | <mat-icon>color_lens</mat-icon> |
| colorize colorize icon | <mat-icon>colorize</mat-icon> |
| compare compare icon | <mat-icon>compare</mat-icon> |
| control_point control point icon | <mat-icon>control_point</mat-icon> |
| control_point_duplicate control point duplicate icon | <mat-icon>control_point_duplicate</mat-icon> |
| crop crop icon | <mat-icon>crop</mat-icon> |
| crop_16_9 crop 16 9 icon | <mat-icon>crop_16_9</mat-icon> |
| crop_3_2 crop 3 2 icon | <mat-icon>crop_3_2</mat-icon> |
| crop_5_4 crop 5 4 icon | <mat-icon>crop_5_4</mat-icon> |
| crop_7_5 crop 7 5 icon | <mat-icon>crop_7_5</mat-icon> |
| crop_din crop din icon | <mat-icon>crop_din</mat-icon> |
| crop_free crop free icon | <mat-icon>crop_free</mat-icon> |
| crop_landscape crop landscape icon | <mat-icon>crop_landscape</mat-icon> |
| crop_original crop original icon | <mat-icon>crop_original</mat-icon> |
| crop_portrait crop portrait icon | <mat-icon>crop_portrait</mat-icon> |
| crop_rotate crop rotate icon | <mat-icon>crop_rotate</mat-icon> |
| crop_square crop square icon | <mat-icon>crop_square</mat-icon> |
| dehaze dehaze icon | <mat-icon>dehaze</mat-icon> |
| details details icon | <mat-icon>details</mat-icon> |
| edit edit icon | <mat-icon>edit</mat-icon> |
| exposure exposure icon | <mat-icon>exposure</mat-icon> |
| exposure_neg_1 exposure neg 1 icon | <mat-icon>exposure_neg_1</mat-icon> |
| exposure_neg_2 exposure neg 2 icon | <mat-icon>exposure_neg_2</mat-icon> |
| exposure_plus_1 exposure plus 1 icon | <mat-icon>exposure_plus_1</mat-icon> |
| exposure_plus_2 exposure plus 2 icon | <mat-icon>exposure_plus_2</mat-icon> |
| exposure_zero exposure zero icon | <mat-icon>exposure_zero</mat-icon> |
| filter filter icon | <mat-icon>filter</mat-icon> |
| filter_1 filter 1 icon | <mat-icon>filter_1</mat-icon> |
| filter_2 filter 2 icon | <mat-icon>filter_2</mat-icon> |
| filter_3 filter 3 icon | <mat-icon>filter_3</mat-icon> |
| filter_4 filter 4 icon | <mat-icon>filter_4</mat-icon> |
| filter_5 filter 5 icon | <mat-icon>filter_5</mat-icon> |
| filter_6 filter 6 icon | <mat-icon>filter_6</mat-icon> |
| filter_7 filter 7 icon | <mat-icon>filter_7</mat-icon> |
| filter_8 filter 8 icon | <mat-icon>filter_8</mat-icon> |
| filter_9 filter 9 icon | <mat-icon>filter_9</mat-icon> |
| filter_9_plus filter 9 plus icon | <mat-icon>filter_9_plus</mat-icon> |
| filter_b_and_w filter b and w icon | <mat-icon>filter_b_and_w</mat-icon> |
| filter_center_focus filter center focus icon | <mat-icon>filter_center_focus</mat-icon> |
| filter_drama filter drama icon | <mat-icon>filter_drama</mat-icon> |
| filter_frames filter frames icon | <mat-icon>filter_frames</mat-icon> |
| filter_hdr filter hdr icon | <mat-icon>filter_hdr</mat-icon> |
| filter_none filter none icon | <mat-icon>filter_none</mat-icon> |
| filter_tilt_shift filter tilt shift icon | <mat-icon>filter_tilt_shift</mat-icon> |
| filter_vintage filter vintage icon | <mat-icon>filter_vintage</mat-icon> |
| flare flare icon | <mat-icon>flare</mat-icon> |
| flash_auto flash auto icon | <mat-icon>flash_auto</mat-icon> |
| flash_off flash off icon | <mat-icon>flash_off</mat-icon> |
| flash_on flash on icon | <mat-icon>flash_on</mat-icon> |
| flip flip icon | <mat-icon>flip</mat-icon> |
| gradient gradient icon | <mat-icon>gradient</mat-icon> |
| grain grain icon | <mat-icon>grain</mat-icon> |
| grid_off grid off icon | <mat-icon>grid_off</mat-icon> |
| grid_on grid on icon | <mat-icon>grid_on</mat-icon> |
| hdr_off hdr off icon | <mat-icon>hdr_off</mat-icon> |
| hdr_on hdr on icon | <mat-icon>hdr_on</mat-icon> |
| hdr_strong hdr strong icon | <mat-icon>hdr_strong</mat-icon> |
| hdr_weak hdr weak icon | <mat-icon>hdr_weak</mat-icon> |
| healing healing icon | <mat-icon>healing</mat-icon> |
| image image icon | <mat-icon>image</mat-icon> |
| image_aspect_ratio image aspect ratio icon | <mat-icon>image_aspect_ratio</mat-icon> |
| image_search image search icon | <mat-icon>image_search</mat-icon> |
| iso iso icon | <mat-icon>iso</mat-icon> |
| landscape landscape icon | <mat-icon>landscape</mat-icon> |
| leak_add leak add icon | <mat-icon>leak_add</mat-icon> |
| leak_remove leak remove icon | <mat-icon>leak_remove</mat-icon> |
| lens lens icon | <mat-icon>lens</mat-icon> |
| linked_camera linked camera icon | <mat-icon>linked_camera</mat-icon> |
| looks looks icon | <mat-icon>looks</mat-icon> |
| looks_3 looks 3 icon | <mat-icon>looks_3</mat-icon> |
| looks_4 looks 4 icon | <mat-icon>looks_4</mat-icon> |
| looks_5 looks 5 icon | <mat-icon>looks_5</mat-icon> |
| looks_6 looks 6 icon | <mat-icon>looks_6</mat-icon> |
| looks_one looks one icon | <mat-icon>looks_one</mat-icon> |
| looks_two looks two icon | <mat-icon>looks_two</mat-icon> |
| loupe loupe icon | <mat-icon>loupe</mat-icon> |
| monochrome_photos monochrome photos icon | <mat-icon>monochrome_photos</mat-icon> |
| movie_creation movie creation icon | <mat-icon>movie_creation</mat-icon> |
| movie_filter movie filter icon | <mat-icon>movie_filter</mat-icon> |
| music_note music note icon | <mat-icon>music_note</mat-icon> |
| music_off music off icon | <mat-icon>music_off</mat-icon> |
| nature nature icon | <mat-icon>nature</mat-icon> |
| nature_people nature people icon | <mat-icon>nature_people</mat-icon> |
| navigate_before navigate before icon | <mat-icon>navigate_before</mat-icon> |
| navigate_next navigate next icon | <mat-icon>navigate_next</mat-icon> |
| palette palette icon | <mat-icon>palette</mat-icon> |
| panorama panorama icon | <mat-icon>panorama</mat-icon> |
| panorama_fish_eye panorama fish eye icon | <mat-icon>panorama_fish_eye</mat-icon> |
| panorama_horizontal panorama horizontal icon | <mat-icon>panorama_horizontal</mat-icon> |
| panorama_vertical panorama vertical icon | <mat-icon>panorama_vertical</mat-icon> |
| panorama_wide_angle panorama wide angle icon | <mat-icon>panorama_wide_angle</mat-icon> |
| photo photo icon | <mat-icon>photo</mat-icon> |
| photo_album photo album icon | <mat-icon>photo_album</mat-icon> |
| photo_camera photo camera icon | <mat-icon>photo_camera</mat-icon> |
| photo_filter photo filter icon | <mat-icon>photo_filter</mat-icon> |
| photo_library photo library icon | <mat-icon>photo_library</mat-icon> |
| photo_size_select_actual photo size select actual icon | <mat-icon>photo_size_select_actual</mat-icon> |
| photo_size_select_large photo size select large icon | <mat-icon>photo_size_select_large</mat-icon> |
| photo_size_select_small photo size select small icon | <mat-icon>photo_size_select_small</mat-icon> |
| picture_as_pdf picture as pdf icon | <mat-icon>picture_as_pdf</mat-icon> |
| portrait portrait icon | <mat-icon>portrait</mat-icon> |
| remove_red_eye remove red eye icon | <mat-icon>remove_red_eye</mat-icon> |
| rotate_90_degrees_ccw rotate 90 degrees ccw icon | <mat-icon>rotate_90_degrees_ccw</mat-icon> |
| rotate_left rotate left icon | <mat-icon>rotate_left</mat-icon> |
| rotate_right rotate right icon | <mat-icon>rotate_right</mat-icon> |
| shutter_speed shutter speed icon | <mat-icon>shutter_speed</mat-icon> |
| slideshow slideshow icon | <mat-icon>slideshow</mat-icon> |
| straighten straighten icon | <mat-icon>straighten</mat-icon> |
| style style icon | <mat-icon>style</mat-icon> |
| switch_camera switch camera icon | <mat-icon>switch_camera</mat-icon> |
| switch_video switch video icon | <mat-icon>switch_video</mat-icon> |
| tag_faces tag faces icon | <mat-icon>tag_faces</mat-icon> |
| texture texture icon | <mat-icon>texture</mat-icon> |
| timelapse timelapse icon | <mat-icon>timelapse</mat-icon> |
| timer timer icon | <mat-icon>timer</mat-icon> |
| timer_10 timer 10 icon | <mat-icon>timer_10</mat-icon> |
| timer_3 timer 3 icon | <mat-icon>timer_3</mat-icon> |
| timer_off timer off icon | <mat-icon>timer_off</mat-icon> |
| tonality tonality icon | <mat-icon>tonality</mat-icon> |
| transform transform icon | <mat-icon>transform</mat-icon> |
| tune tune icon | <mat-icon>tune</mat-icon> |
| view_comfy view comfy icon | <mat-icon>view_comfy</mat-icon> |
| view_compact view compact icon | <mat-icon>view_compact</mat-icon> |
| vignette vignette icon | <mat-icon>vignette</mat-icon> |
| wb_auto wb auto icon | <mat-icon>wb_auto</mat-icon> |
| wb_cloudy wb cloudy icon | <mat-icon>wb_cloudy</mat-icon> |
| wb_incandescent wb incandescent icon | <mat-icon>wb_incandescent</mat-icon> |
| wb_iridescent wb iridescent icon | <mat-icon>wb_iridescent</mat-icon> |
| wb_sunny wb sunny icon | <mat-icon>wb_sunny</mat-icon> |
| icon | <mat-icon> </mat-icon> |
mat-icon List Category-Maps
| Icon Name | mat-icon code |
|---|---|
| 360 360 icon | <mat-icon> 360</mat-icon> |
| add_location add location icon | <mat-icon> add_location</mat-icon> |
| atm atm icon | <mat-icon> atm</mat-icon> |
| beenhere beenhere icon | <mat-icon> beenhere</mat-icon> |
| category category icon | <mat-icon> category</mat-icon> |
| compass_calibration compass calibration icon | <mat-icon> compass_calibration</mat-icon> |
| departure_board departure board icon | <mat-icon> departure_board</mat-icon> |
| directions directions icon | <mat-icon> directions</mat-icon> |
| directions_bike directions bike icon | <mat-icon> directions_bike</mat-icon> |
| directions_boat directions boat icon | <mat-icon> directions_boat</mat-icon> |
| directions_bus directions bus icon | <mat-icon> directions_bus</mat-icon> |
| directions_car directions car icon | <mat-icon> directions_car</mat-icon> |
| directions_railway directions railway icon | <mat-icon> directions_railway</mat-icon> |
| directions_run directions run icon | <mat-icon> directions_run</mat-icon> |
| directions_subway directions subway icon | <mat-icon> directions_subway</mat-icon> |
| directions_transit directions transit icon | <mat-icon> directions_transit</mat-icon> |
| directions_walk directions walk icon | <mat-icon> directions_walk</mat-icon> |
| edit_attributes edit attributes icon | <mat-icon> edit_attributes</mat-icon> |
| edit_location edit location icon | <mat-icon> edit_location</mat-icon> |
| ev_station ev station icon | <mat-icon> ev_station</mat-icon> |
| fastfood fastfood icon | <mat-icon> fastfood</mat-icon> |
| flight flight icon | <mat-icon> flight</mat-icon> |
| hotel hotel icon | <mat-icon> hotel</mat-icon> |
| layers layers icon | <mat-icon> layers</mat-icon> |
| layers_clear layers clear icon | <mat-icon> layers_clear</mat-icon> |
| local_activity local activity icon | <mat-icon> local_activity</mat-icon> |
| local_airport local airport icon | <mat-icon> local_airport</mat-icon> |
| local_atm local atm icon | <mat-icon> local_atm</mat-icon> |
| local_bar local bar icon | <mat-icon> local_bar</mat-icon> |
| local_cafe local cafe icon | <mat-icon> local_cafe</mat-icon> |
| local_car_wash local car wash icon | <mat-icon> local_car_wash</mat-icon> |
| local_convenience_store local convenience store icon | <mat-icon> local_convenience_store</mat-icon> |
| local_dining local dining icon | <mat-icon> local_dining</mat-icon> |
| local_drink local drink icon | <mat-icon> local_drink</mat-icon> |
| local_florist local florist icon | <mat-icon> local_florist</mat-icon> |
| local_gas_station local gas station icon | <mat-icon> local_gas_station</mat-icon> |
| local_grocery_store local grocery store icon | <mat-icon> local_grocery_store</mat-icon> |
| local_hospital local hospital icon | <mat-icon> local_hospital</mat-icon> |
| local_hotel local hotel icon | <mat-icon> local_hotel</mat-icon> |
| local_laundry_service local laundry service icon | <mat-icon> local_laundry_service</mat-icon> |
| local_library local library icon | <mat-icon> local_library</mat-icon> |
| local_mall local mall icon | <mat-icon> local_mall</mat-icon> |
| local_movies local movies icon | <mat-icon> local_movies</mat-icon> |
| local_offer local offer icon | <mat-icon> local_offer</mat-icon> |
| local_parking local parking icon | <mat-icon> local_parking</mat-icon> |
| local_pharmacy local pharmacy icon | <mat-icon> local_pharmacy</mat-icon> |
| local_phone local phone icon | <mat-icon> local_phone</mat-icon> |
| local_pizza local pizza icon | <mat-icon> local_pizza</mat-icon> |
| local_play local play icon | <mat-icon> local_play</mat-icon> |
| local_post_office local post office icon | <mat-icon> local_post_office</mat-icon> |
| local_printshop local printshop icon | <mat-icon> local_printshop</mat-icon> |
| local_see local see icon | <mat-icon> local_see</mat-icon> |
| local_shipping local shipping icon | <mat-icon> local_shipping</mat-icon> |
| local_taxi local taxi icon | <mat-icon> local_taxi</mat-icon> |
| map map icon | <mat-icon> map</mat-icon> |
| money money icon | <mat-icon> money</mat-icon> |
| my_location my location icon | <mat-icon> my_location</mat-icon> |
| navigation navigation icon | <mat-icon> navigation</mat-icon> |
| near_me near me icon | <mat-icon> near_me</mat-icon> |
| not_listed_location not listed location icon | <mat-icon> not_listed_location</mat-icon> |
| person_pin person pin icon | <mat-icon> person_pin</mat-icon> |
| person_pin_circle person pin circle icon | <mat-icon> person_pin_circle</mat-icon> |
| pin_drop pin drop icon | <mat-icon> pin_drop</mat-icon> |
| place place icon | <mat-icon> place</mat-icon> |
| rate_review rate review icon | <mat-icon> rate_review</mat-icon> |
| restaurant restaurant icon | <mat-icon> restaurant</mat-icon> |
| restaurant_menu restaurant menu icon | <mat-icon> restaurant_menu</mat-icon> |
| satellite satellite icon | <mat-icon> satellite</mat-icon> |
| store_mall_directory store mall directory icon | <mat-icon> store_mall_directory</mat-icon> |
| streetview streetview icon | <mat-icon> streetview</mat-icon> |
| subway subway icon | <mat-icon> subway</mat-icon> |
| terrain terrain icon | <mat-icon> terrain</mat-icon> |
| traffic traffic icon | <mat-icon> traffic</mat-icon> |
| train train icon | <mat-icon> train</mat-icon> |
| tram tram icon | <mat-icon> tram</mat-icon> |
| transfer_within_a_station transfer within a station icon | <mat-icon> transfer_within_a_station</mat-icon> |
| transit_enterexit transit enterexit icon | <mat-icon> transit_enterexit</mat-icon> |
| trip_origin trip origin icon | <mat-icon> trip_origin</mat-icon> |
| zoom_out_map zoom out map icon | <mat-icon> zoom_out_map</mat-icon> |
mat-icon List Category-Navigation
| Icon Name | mat-icon code |
|---|---|
| apps apps icon | <mat-icon>apps</mat-icon> |
| arrow_back arrow back icon | <mat-icon>arrow_back</mat-icon> |
| arrow_back_ios arrow back ios icon | <mat-icon>arrow_back_ios</mat-icon> |
| arrow_downward arrow downward icon | <mat-icon>arrow_downward</mat-icon> |
| arrow_drop_down arrow drop down icon | <mat-icon>arrow_drop_down</mat-icon> |
| arrow_drop_down_circle arrow drop down circle icon | <mat-icon>arrow_drop_down_circle</mat-icon> |
| arrow_drop_up arrow drop up icon | <mat-icon>arrow_drop_up</mat-icon> |
| arrow_forward arrow forward icon | <mat-icon>arrow_forward</mat-icon> |
| arrow_forward_ios arrow forward ios icon | <mat-icon>arrow_forward_ios</mat-icon> |
| arrow_left arrow left icon | <mat-icon>arrow_left</mat-icon> |
| arrow_right arrow right icon | <mat-icon>arrow_right</mat-icon> |
| arrow_upward arrow upward icon | <mat-icon>arrow_upward</mat-icon> |
| cancel cancel icon | <mat-icon>cancel</mat-icon> |
| check check icon | <mat-icon>check</mat-icon> |
| chevron_left chevron left icon | <mat-icon>chevron_left</mat-icon> |
| chevron_right chevron right icon | <mat-icon>chevron_right</mat-icon> |
| close close icon | <mat-icon>close</mat-icon> |
| expand_less expand less icon | <mat-icon>expand_less</mat-icon> |
| expand_more expand more icon | <mat-icon>expand_more</mat-icon> |
| first_page first page icon | <mat-icon>first_page</mat-icon> |
| fullscreen fullscreen icon | <mat-icon>fullscreen</mat-icon> |
| fullscreen_exit fullscreen exit icon | <mat-icon>fullscreen_exit</mat-icon> |
| last_page last page icon | <mat-icon>last_page</mat-icon> |
| menu menu icon | <mat-icon>menu</mat-icon> |
| more_horiz more horiz icon | <mat-icon>more_horiz</mat-icon> |
| more_vert more vert icon | <mat-icon>more_vert</mat-icon> |
| refresh refresh icon | <mat-icon>refresh</mat-icon> |
| subdirectory_arrow_left subdirectory arrow left icon | <mat-icon>subdirectory_arrow_left</mat-icon> |
| subdirectory_arrow_right subdirectory arrow right icon | <mat-icon>subdirectory_arrow_right</mat-icon> |
| unfold_less unfold less icon | <mat-icon>unfold_less</mat-icon> |
| unfold_more unfold more icon | <mat-icon>unfold_more</mat-icon> |
mat-icon List Category-Notification
| Icon Name | mat-icon code |
|---|---|
| adb adb icon | <mat-icon>adb</mat-icon> |
| airline_seat_flat airline seat flat icon | <mat-icon>airline_seat_flat</mat-icon> |
| airline_seat_flat_angled airline seat flat angled icon | <mat-icon>airline_seat_flat_angled</mat-icon> |
| airline_seat_individual_suite airline seat individual suite icon | <mat-icon>airline_seat_individual_suite</mat-icon> |
| airline_seat_legroom_extra airline seat legroom extra icon | <mat-icon>airline_seat_legroom_extra</mat-icon> |
| airline_seat_legroom_normal airline seat legroom normal icon | <mat-icon>airline_seat_legroom_normal</mat-icon> |
| airline_seat_legroom_reduced airline seat legroom reduced icon | <mat-icon>airline_seat_legroom_reduced</mat-icon> |
| airline_seat_recline_extra airline seat recline extra icon | <mat-icon>airline_seat_recline_extra</mat-icon> |
| airline_seat_recline_normal airline seat recline normal icon | <mat-icon>airline_seat_recline_normal</mat-icon> |
| bluetooth_audio bluetooth audio icon | <mat-icon>bluetooth_audio</mat-icon> |
| confirmation_number confirmation number icon | <mat-icon>confirmation_number</mat-icon> |
| disc_full disc full icon | <mat-icon>disc_full</mat-icon> |
| drive_eta drive eta icon | <mat-icon>drive_eta</mat-icon> |
| enhanced_encryption enhanced encryption icon | <mat-icon>enhanced_encryption</mat-icon> |
| event_available event available icon | <mat-icon>event_available</mat-icon> |
| event_busy event busy icon | <mat-icon>event_busy</mat-icon> |
| event_note event note icon | <mat-icon>event_note</mat-icon> |
| folder_special folder special icon | <mat-icon>folder_special</mat-icon> |
| live_tv live tv icon | <mat-icon>live_tv</mat-icon> |
| mms mms icon | <mat-icon>mms</mat-icon> |
| more more icon | <mat-icon>more</mat-icon> |
| network_check network check icon | <mat-icon>network_check</mat-icon> |
| network_locked network locked icon | <mat-icon>network_locked</mat-icon> |
| no_encryption no encryption icon | <mat-icon>no_encryption</mat-icon> |
| ondemand_video ondemand video icon | <mat-icon>ondemand_video</mat-icon> |
| personal_video personal video icon | <mat-icon>personal_video</mat-icon> |
| phone_bluetooth_speaker phone bluetooth speaker icon | <mat-icon>phone_bluetooth_speaker</mat-icon> |
| phone_callback phone callback icon | <mat-icon>phone_callback</mat-icon> |
| phone_forwarded phone forwarded icon | <mat-icon>phone_forwarded</mat-icon> |
| phone_in_talk phone in talk icon | <mat-icon>phone_in_talk</mat-icon> |
| phone_locked phone locked icon | <mat-icon>phone_locked</mat-icon> |
| phone_missed phone missed icon | <mat-icon>phone_missed</mat-icon> |
| phone_paused phone paused icon | <mat-icon>phone_paused</mat-icon> |
| power power icon | <mat-icon>power</mat-icon> |
| power_off power off icon | <mat-icon>power_off</mat-icon> |
| priority_high priority high icon | <mat-icon>priority_high</mat-icon> |
| sd_card sd card icon | <mat-icon>sd_card</mat-icon> |
| sms sms icon | <mat-icon>sms</mat-icon> |
| sms_failed sms failed icon | <mat-icon>sms_failed</mat-icon> |
| sync sync icon | <mat-icon>sync</mat-icon> |
| sync_disabled sync disabled icon | <mat-icon>sync_disabled</mat-icon> |
| sync_problem sync problem icon | <mat-icon>sync_problem</mat-icon> |
| system_update system update icon | <mat-icon>system_update</mat-icon> |
| tap_and_play tap and play icon | <mat-icon>tap_and_play</mat-icon> |
| time_to_leave time to leave icon | <mat-icon>time_to_leave</mat-icon> |
| tv_off tv off icon | <mat-icon>tv_off</mat-icon> |
| vibration vibration icon | <mat-icon>vibration</mat-icon> |
| voice_chat voice chat icon | <mat-icon>voice_chat</mat-icon> |
| vpn_lock vpn lock icon | <mat-icon>vpn_lock</mat-icon> |
| wc wc icon | <mat-icon>wc</mat-icon> |
| wifi wifi icon | <mat-icon>wifi</mat-icon> |
| wifi_off wifi off icon | <mat-icon>wifi_off</mat-icon> |
mat-icon List Category-Places
| Icon Name | mat-icon code |
|---|---|
| ac_unit ac unit icon | <mat-icon>ac_unit</mat-icon> |
| airport_shuttle airport shuttle icon | <mat-icon>airport_shuttle</mat-icon> |
| all_inclusive all inclusive icon | <mat-icon>all_inclusive</mat-icon> |
| beach_access beach access icon | <mat-icon>beach_access</mat-icon> |
| business_center business center icon | <mat-icon>business_center</mat-icon> |
| casino casino icon | <mat-icon>casino</mat-icon> |
| child_care child care icon | <mat-icon>child_care</mat-icon> |
| child_friendly child friendly icon | <mat-icon>child_friendly</mat-icon> |
| fitness_center fitness center icon | <mat-icon>fitness_center</mat-icon> |
| free_breakfast free breakfast icon | <mat-icon>free_breakfast</mat-icon> |
| golf_course golf course icon | <mat-icon>golf_course</mat-icon> |
| hot_tub hot tub icon | <mat-icon>hot_tub</mat-icon> |
| kitchen kitchen icon | <mat-icon>kitchen</mat-icon> |
| meeting_room meeting room icon | <mat-icon>meeting_room</mat-icon> |
| no_meeting_room no meeting room icon | <mat-icon>no_meeting_room</mat-icon> |
| pool pool icon | <mat-icon>pool</mat-icon> |
| room_service room service icon | <mat-icon>room_service</mat-icon> |
| rv_hookup rv hookup icon | <mat-icon>rv_hookup</mat-icon> |
| smoke_free smoke free icon | <mat-icon>smoke_free</mat-icon> |
| smoking_rooms smoking rooms icon | <mat-icon>smoking_rooms</mat-icon> |
| spa spa icon | <mat-icon>spa</mat-icon> |
mat-icon List Category-Toggle
| Icon Name | mat-icon code |
|---|---|
| check_box check box icon | <mat-icon>check_box</mat-icon> |
| check_box_outline_blank check box outline blank icon | <mat-icon>check_box_outline_blank</mat-icon> |
| indeterminate_check_box indeterminate check box icon | <mat-icon>indeterminate_check_box</mat-icon> |
| radio_button_checked radio button checked icon | <mat-icon>radio_button_checked</mat-icon> |
| radio_button_unchecked radio button unchecked icon | <mat-icon>radio_button_unchecked</mat-icon> |
| star star icon | <mat-icon>star</mat-icon> |
| star_border star border icon | <mat-icon>star_border</mat-icon> |
| star_half star half icon | <mat-icon>star_half</mat-icon> |
mat-icon List Category-Warning
| Icon Name | mat-icon code |
|---|---|
| add_alert add alert icon | <mat-icon>add_alert</mat-icon> |
| error error icon | <mat-icon>error</mat-icon> |
| error_outline error outline icon | <mat-icon>error_outline</mat-icon> |
| notification_important notification important icon | <mat-icon>notification_important</mat-icon> |
| warning warning icon | <mat-icon>warning</mat-icon> |
mat-icon List Category-Social
| Icon Name | mat-icon code |
|---|---|
| cake cake icon | <mat-icon>cake</mat-icon> |
| domain domain icon | <mat-icon>domain</mat-icon> |
| group group icon | <mat-icon>group</mat-icon> |
| group_add group add icon | <mat-icon>group_add</mat-icon> |
| location_city location city icon | <mat-icon>location_city</mat-icon> |
| mood mood icon | <mat-icon>mood</mat-icon> |
| mood_bad mood bad icon | <mat-icon>mood_bad</mat-icon> |
| notifications notifications icon | <mat-icon>notifications</mat-icon> |
| notifications_active notifications active icon | <mat-icon>notifications_active</mat-icon> |
| notifications_none notifications none icon | <mat-icon>notifications_none</mat-icon> |
| notifications_off notifications off icon | <mat-icon>notifications_off</mat-icon> |
| notifications_paused notifications paused icon | <mat-icon>notifications_paused</mat-icon> |
| pages pages icon | <mat-icon>pages</mat-icon> |
| party_mode party mode icon | <mat-icon>party_mode</mat-icon> |
| people people icon | <mat-icon>people</mat-icon> |
| people_outline people outline icon | <mat-icon>people_outline</mat-icon> |
| person person icon | <mat-icon>person</mat-icon> |
| person_add person add icon | <mat-icon>person_add</mat-icon> |
| person_outline person outline icon | <mat-icon>person_outline</mat-icon> |
| plus_one plus one icon | <mat-icon>plus_one</mat-icon> |
| poll poll icon | <mat-icon>poll</mat-icon> |
| public public icon | <mat-icon>public</mat-icon> |
| school school icon | <mat-icon>school</mat-icon> |
| sentiment_dissatisfied sentiment dissatisfied icon | <mat-icon>sentiment_dissatisfied</mat-icon> |
| sentiment_satisfied sentiment satisfied icon | <mat-icon>sentiment_satisfied</mat-icon> |
| sentiment_very_dissatisfied sentiment very dissatisfied icon | <mat-icon>sentiment_very_dissatisfied</mat-icon> |
| sentiment_very_satisfied sentiment very satisfied icon | <mat-icon>sentiment_very_satisfied</mat-icon> |
| share share icon | <mat-icon>share</mat-icon> |
| thumb_down_alt thumb down alt icon | <mat-icon>thumb_down_alt</mat-icon> |
| thumb_up_alt thumb up alt icon | <mat-icon>thumb_up_alt</mat-icon> |
| whatshot whatshot icon | <mat-icon>whatshot</mat-icon> |
Download Angular Material Icons List PDF
Subscribe to our Angular wiki newsletter and get free link to download complete material icons list in PDF format.
