Icons
Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using our design guidelines to depict in simple and minimal forms the universal concepts used commonly throughout a UI. Ensuring readability and clarity at both large and small sizes, these icons have been optimized for beautiful display on all common platforms and display resolutions.
Usage To be able to use these icons, you must include this line in the
<head>portion of your HTML code
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">To use these icons, just place the name of the icon into the class of an i tag
<i class="material-icons">add</i>
Sizes
To control the size of the icon, change the font-size: 30px property of your icon. Optionally you can use preset classes as shown below.
insert_chart
Tiny
insert_chart
Small
insert_chart
Medium
insert_chart
Large
<!--Sizes:tiny: 1remsmall: 2remmedium: 4remlarge: 6rem--><i class="large material-icons">insert_chart</i>
info_outlineinfo_outline
inputinput
invert_colorsinvert_colors
labellabel
label_outlinelabel_outline
languagelanguage
query_builderquery_builder
perm_identityperm_identity
perm_mediaperm_media
perm_phone_msgperm_phone_msg
perm_scan_wifiperm_scan_wifi
picture_in_picturepicture_in_picture
play_for_workplay_for_work
polymerpolymer
power_settings_newpower_settings_new
printprint
thumb_downthumb_down
thumb_upthumb_up
thumbs_up_downthumbs_up_down
emailemail
dialpaddialpad
dialer_sipdialer_sip
contactscontacts
forward_5forward_5
stay_current_portraitstay_current_portrait
stay_primary_landscapestay_primary_landscape
stay_primary_portraitstay_primary_portrait
swap_callsswap_calls
textsmstextsms
voicemailvoicemail
vpn_keyvpn_key
group_workgroup_work
gradegrade
clear_allclear_all
chat_bubble_outlinechat_bubble_outline
chat_bubblechat_bubble
repeatrepeat
repeat_onerepeat_one
replayreplay
replay_10replay_10
replay_30replay_30
replay_5replay_5
shuffleshuffle
skip_nextskip_next
skip_previousskip_previous
contact_phonecontact_phone
commentcomment
recent_actorsrecent_actors
snoozesnooze
sort_by_alphasort_by_alpha
stopstop
subtitlessubtitles
surround_soundsurround_sound
webweb
volume_upvolume_up
volume_offvolume_off
volume_mutevolume_mute
toctoc
todaytoday
tolltoll
track_changestrack_changes
translatetranslate
trending_downtrending_down
question_answerquestion_answer
receiptreceipt
donedone
tabtab
tab_unselectedtab_unselected
theaterstheaters
hdhd
gamesgames
hearinghearing
view_moduleview_module
view_listview_list
settings_remotesettings_remote
settings_voicesettings_voice
searchsearch
settingssettings
settings_applicationssettings_applications
settings_backup_restoresettings_backup_restore
settings_bluetoothsettings_bluetooth
settings_brightnesssettings_brightness
settings_cellsettings_cell
settings_ethernetsettings_ethernet
settings_input_antennasettings_input_antenna
trending_flattrending_flat
trending_uptrending_up
workwork
youtube_searched_foryoutube_searched_for
zoom_inzoom_in
my_locationmy_location
visibility_offvisibility_off
visibilityvisibility
view_weekview_week
view_streamview_stream
view_quiltview_quilt
video_libraryvideo_library
videocamvideocam
videocam_offvideocam_off
volume_downvolume_down
settings_overscansettings_overscan
settings_input_svideosettings_input_svideo
settings_input_hdmisettings_input_hdmi
settings_input_compositesettings_input_composite
settings_input_componentsettings_input_component
launchlaunch
perm_device_informationperm_device_information
perm_data_settingperm_data_setting
zoom_outzoom_out
alarm_onalarm_on
dnsdns
redeemredeem
reorderreorder
report_problemreport_problem
restorerestore
roomroom
scheduleschedule
moviemovie
androidandroid
announcementannouncement
mic_offmic_off
mic_nonemic_none
swap_horizswap_horiz
swap_vertswap_vert
swap_vertical_circleswap_vertical_circle
system_update_altsystem_update_alt
subtitlessubtitles
present_to_allpresent_to_all
portable_wifi_offportable_wifi_off
phonelink_setupphonelink_setup
phonelink_ringphonelink_ring
phonelink_lockphonelink_lock
phonelink_erasephonelink_erase
person_pinperson_pin
navigationnavigation
new_releasesnew_releases
not_interestednot_interested
pausepause
pause_circle_filledpause_circle_filled
pause_circle_outlinepause_circle_outline
play_arrowplay_arrow
play_circle_filledplay_circle_filled
play_circle_outlineplay_circle_outline
playlist_addplaylist_add
queuequeue
queue_musicqueue_music
radioradio
classclass
codecode
credit_cardcredit_card
dashboarddashboard
deletedelete
descriptiondescription
open_withopen_with
pageviewpageview
paymentpayment
perm_camera_micperm_camera_mic
perm_contact_calendarperm_contact_calendar
airplayairplay
done_alldone_all
phonephone
no_simno_sim
invert_colors_offinvert_colors_off
chatchat
call_splitcall_split
call_receivedcall_received
call_missedcall_missed
call_mergecall_merge
call_madecall_made
call_endcall_end
callcall
businessbusiness
stopstop
sort_by_alphasort_by_alpha
snoozesnooze
commentcomment
clear_allclear_all
chat_bubble_outlinechat_bubble_outline
chat_bubblechat_bubble
alarm_offalarm_off
messagemessage
location_onlocation_on
location_offlocation_off
live_helplive_help
albumalbum
av_timerav_timer
closed_captionclosed_caption
equalizerequalizer
turned_in_notturned_in_not
verified_userverified_user
view_agendaview_agenda
view_arrayview_array
view_carouselview_carousel
view_columnview_column
subjectsubject
supervisor_accountsupervisor_account
settings_powersettings_power
shopshop
shop_twoshop_two
shopping_basketshopping_basket
shopping_cartshopping_cart
speaker_notesspeaker_notes
spellcheckspellcheck
star_ratestar_rate
starsstars
storestore
ring_volumering_volume
speaker_phonespeaker_phone
stay_current_landscapestay_current_landscape
forumforum
import_exportimport_export
open_in_browseropen_in_browser
open_in_newopen_in_new
forward_30forward_30
turned_inturned_in
view_headlineview_headline
view_dayview_day
warningwarning
error_outlineerror_outline
errorerror
add_alertadd_alert
settings_phonesettings_phone
forward_10forward_10
fast_rewindfast_rewind
fast_forwardfast_forward
explicitexplicit
listlist
locklock
lock_openlock_open
lock_outlinelock_outline
loyaltyloyalty
markunread_mailboxmarkunread_mailbox
note_addnote_add
offline_pinoffline_pin
httphttp
micmic
looploop
library_musiclibrary_music
library_bookslibrary_books
library_addlibrary_add
high_qualityhigh_quality
surround_soundsurround_sound
infoinfo
httphttp
aspect_ratioaspect_ratio
assessmentassessment
assignmentassignment
assignment_indassignment_ind
assignment_lateassignment_late