Components/Icons: Difference between revisions

Latest revision as of 07:16, 7 March 2024

Total: 932 Icons

Usage[edit | edit source]

blender

<span class="material-icons md-18">blender</span>

blender

<span class="material-icons md-24">blender</span>

blender

<span class="material-icons md-36">blender</span>

blender

<span class="material-icons md-48">blender</span>

Available Icons[edit | edit source]

3d_rotation

ac_unit

access_alarm

access_alarms

access_time

accessibility

accessible

account_balance

account_balance_wallet

account_box

account_circle

adb

add

add_a_photo

add_alarm

add_alert

add_box

add_circle

add_circle_outline

add_location

add_shopping_cart

add_to_photos

add_to_queue

adjust

airline_seat_flat

airline_seat_flat_angled

airline_seat_individual_suite

airline_seat_legroom_extra

airline_seat_legroom_normal

airline_seat_legroom_reduced

airline_seat_recline_extra

airline_seat_recline_normal

airplanemode_active

airplanemode_inactive

airplay

airport_shuttle

alarm

alarm_add

alarm_off

alarm_on

album

all_inclusive

all_out

android

announcement

apps

archive

arrow_back

arrow_downward

arrow_drop_down

arrow_drop_down_circle

arrow_drop_up

arrow_forward

arrow_upward

art_track

aspect_ratio

assessment

assignment

assignment_ind

assignment_late

assignment_return

assignment_returned

assignment_turned_in

assistant

assistant_photo

attach_file

attach_money

attachment

audiotrack

autorenew

av_timer

backspace

backup

battery_alert

battery_charging_full

battery_full

battery_std

battery_unknown

beach_access

beenhere

block

bluetooth

bluetooth_audio

bluetooth_connected

bluetooth_disabled

bluetooth_searching

blur_circular

blur_linear

blur_off

blur_on

book

bookmark

bookmark_border

border_all

border_bottom

border_clear

border_color

border_horizontal

border_inner

border_left

border_outer

border_right

border_style

border_top

border_vertical

branding_watermark

brightness_1

brightness_2

brightness_3

brightness_4

brightness_5

brightness_6

brightness_7

brightness_auto

brightness_high

brightness_low

brightness_medium

broken_image

brush

bubble_chart

bug_report

build

burst_mode

business

business_center

cached

cake

call

call_end

call_made

call_merge

call_missed

call_missed_outgoing

call_received

call_split

call_to_action

camera

camera_alt

camera_enhance

camera_front

camera_rear

camera_roll

cancel

card_giftcard

card_membership

card_travel

casino

cast

cast_connected

center_focus_strong

center_focus_weak

change_history

chat

chat_bubble

chat_bubble_outline

check

check_box

check_box_outline_blank

check_circle

chevron_left

chevron_right

child_care

child_friendly

chrome_reader_mode

class

clear

clear_all

close

closed_caption

cloud

cloud_circle

cloud_done

cloud_download

cloud_off

cloud_queue

cloud_upload

code

collections

collections_bookmark

color_lens

colorize

comment

compare

compare_arrows

computer

confirmation_number

contact_mail

contact_phone

contacts

content_copy

content_cut

content_paste

control_point

control_point_duplicate

copyright

create

create_new_folder

credit_card

crop

crop_16_9

crop_3_2

crop_5_4

crop_7_5

crop_din

crop_free

crop_landscape

crop_original

crop_portrait

crop_rotate

crop_square

dashboard

data_usage

date_range

dehaze

delete

delete_forever

delete_sweep

description

desktop_mac

desktop_windows

details

developer_board

developer_mode

device_hub

devices

devices_other

dialer_sip

dialpad

directions

directions_bike

directions_boat

directions_bus

directions_car

directions_railway

directions_run

directions_subway

directions_transit

directions_walk

disc_full

dns

do_not_disturb

do_not_disturb_alt

do_not_disturb_off

do_not_disturb_on

dock

domain

done

done_all

donut_large

donut_small

drafts

drag_handle

drive_eta

dvr

edit

edit_location

eject

email

enhanced_encryption

equalizer

error

error_outline

euro_symbol

ev_station

event

event_available

event_busy

event_note

event_seat

exit_to_app

expand_less

expand_more

explicit

explore

exposure

exposure_neg_1

exposure_neg_2

exposure_plus_1

exposure_plus_2

exposure_zero

extension

face

fast_forward

fast_rewind

favorite

favorite_border

featured_play_list

featured_video

feedback

fiber_dvr

fiber_manual_record

fiber_new

fiber_pin

fiber_smart_record

file_download

file_upload

filter

filter_1

filter_2

filter_3

filter_4

filter_5

filter_6

filter_7

filter_8

filter_9

filter_9_plus

filter_b_and_w

filter_center_focus

filter_drama

filter_frames

filter_hdr

filter_list

filter_none

filter_tilt_shift

filter_vintage

find_in_page

find_replace

fingerprint

first_page

fitness_center

flag

flare

flash_auto

flash_off

flash_on

flight

flight_land

flight_takeoff

flip

flip_to_back

flip_to_front

folder

folder_open

folder_shared

folder_special

font_download

format_align_center

format_align_justify

format_align_left

format_align_right

format_bold

format_clear

format_color_fill

format_color_reset

format_color_text

format_indent_decrease

format_indent_increase

format_italic

format_line_spacing

format_list_bulleted

format_list_numbered

format_paint

format_quote

format_shapes

format_size

format_strikethrough

format_textdirection_l_to_r

format_textdirection_r_to_l

format_underlined

forum

forward

forward_10

forward_30

forward_5

free_breakfast

fullscreen

fullscreen_exit

functions

g_translate

gamepad

games

gavel

gesture

get_app

gif

golf_course

gps_fixed

gps_not_fixed

gps_off

grade

gradient

grain

graphic_eq

grid_off

grid_on

group

group_add

group_work

hd

hdr_off

hdr_on

hdr_strong

hdr_weak

headset

headset_mic

healing

hearing

help

help_outline

high_quality

highlight

highlight_off

history

home

hot_tub

hotel

hourglass_empty

hourglass_full

http

https

image

image_aspect_ratio

import_contacts

import_export

important_devices

inbox

indeterminate_check_box

info

info_outline

input

insert_chart

insert_comment

insert_drive_file

insert_emoticon

insert_invitation

insert_link

insert_photo

invert_colors

invert_colors_off

iso

keyboard

keyboard_arrow_down

keyboard_arrow_left

keyboard_arrow_right

keyboard_arrow_up

keyboard_backspace

keyboard_capslock

keyboard_hide

keyboard_return

keyboard_tab

keyboard_voice

kitchen

label

label_outline

landscape

language

laptop

laptop_chromebook

laptop_mac

laptop_windows

last_page

launch

layers

layers_clear

leak_add

leak_remove

lens

library_add

library_books

library_music

lightbulb_outline

line_style

line_weight

linear_scale

link

linked_camera

list

live_help

live_tv

local_activity

local_airport

local_atm

local_bar

local_cafe

local_car_wash

local_convenience_store

local_dining

local_drink

local_florist

local_gas_station

local_grocery_store

local_hospital

local_hotel

local_laundry_service

local_library

local_mall

local_movies

local_offer

local_parking

local_pharmacy

local_phone

local_pizza

local_play

local_post_office

local_printshop

local_see

local_shipping

local_taxi

location_city

location_disabled

location_off

location_on

location_searching

lock

lock_open

lock_outline

looks

looks_3

looks_4

looks_5

looks_6

looks_one

looks_two

loop

loupe

low_priority

loyalty

mail

mail_outline

map

markunread

markunread_mailbox

memory

menu

merge_type

message

mic

mic_none

mic_off

mms

mode_comment

mode_edit

monetization_on

money_off

monochrome_photos

mood

mood_bad

more

more_horiz

more_vert

motorcycle

mouse

move_to_inbox

movie

movie_creation

movie_filter

multiline_chart

music_note

music_video

my_location

nature

nature_people

navigate_before

navigate_next

navigation

near_me

network_cell

network_check

network_locked

network_wifi

new_releases

next_week

nfc

no_encryption

no_sim

not_interested

note

note_add

notifications

notifications_active

notifications_none

notifications_off

notifications_paused

offline_pin

ondemand_video

opacity

open_in_browser

open_in_new

open_with

pages

pageview

palette

pan_tool

panorama

panorama_fish_eye

panorama_horizontal

panorama_vertical

panorama_wide_angle

party_mode

pause

pause_circle_filled

pause_circle_outline

payment

people

people_outline

perm_camera_mic

perm_contact_calendar

perm_data_setting

perm_device_information

perm_identity

perm_media

perm_phone_msg

perm_scan_wifi

person

person_add

person_outline

person_pin

person_pin_circle

personal_video

pets

phone

phone_android

phone_bluetooth_speaker

phone_forwarded

phone_in_talk

phone_iphone

phone_locked

phone_missed

phone_paused

phonelink

phonelink_erase

phonelink_lock

phonelink_off

phonelink_ring

phonelink_setup

photo

photo_album

photo_camera

photo_filter

photo_library

photo_size_select_actual

photo_size_select_large

photo_size_select_small

picture_as_pdf

picture_in_picture

picture_in_picture_alt

pie_chart

pie_chart_outlined

pin_drop

place

play_arrow

play_circle_filled

play_circle_outline

play_for_work

playlist_add

playlist_add_check

playlist_play

plus_one

poll

polymer

pool

portable_wifi_off

portrait

power

power_input

power_settings_new

pregnant_woman

present_to_all

print

priority_high

public

publish

query_builder

question_answer

queue

queue_music

queue_play_next

radio

radio_button_checked

radio_button_unchecked

rate_review

receipt

recent_actors

record_voice_over

redeem

redo

refresh

remove

remove_circle

remove_circle_outline

remove_from_queue

remove_red_eye

remove_shopping_cart

reorder

repeat

repeat_one

replay

replay_10

replay_30

replay_5

reply

reply_all

report

report_problem

restaurant

restaurant_menu

restore

restore_page

ring_volume

room

room_service

rotate_90_degrees_ccw

rotate_left

rotate_right

rounded_corner

router

rowing

rss_feed

rv_hookup

satellite

save

scanner

schedule

school

screen_lock_landscape

screen_lock_portrait

screen_lock_rotation

screen_rotation

screen_share

sd_card

sd_storage

search

security

select_all

send

sentiment_dissatisfied

sentiment_neutral

sentiment_satisfied

sentiment_very_dissatisfied

sentiment_very_satisfied

settings

settings_applications

settings_backup_restore

settings_bluetooth

settings_brightness

settings_cell

settings_ethernet

settings_input_antenna

settings_input_component

settings_input_composite

settings_input_hdmi

settings_input_svideo

settings_overscan

settings_phone

settings_power

settings_remote

settings_system_daydream

settings_voice

share

shop

shop_two

shopping_basket

shopping_cart

short_text

show_chart

shuffle

signal_cellular_4_bar

signal_cellular_connected_no_internet_4_bar

signal_cellular_no_sim

signal_cellular_null

signal_cellular_off

signal_wifi_4_bar

signal_wifi_4_bar_lock

signal_wifi_off

sim_card

sim_card_alert

skip_next

skip_previous

slideshow

slow_motion_video

smartphone

smoke_free

smoking_rooms

sms

sms_failed

snooze

sort

sort_by_alpha

spa

space_bar

speaker

speaker_group

speaker_notes

speaker_notes_off

speaker_phone

spellcheck

star

star_border

star_half

stars

stay_current_landscape

stay_current_portrait

stay_primary_landscape

stay_primary_portrait

stop

stop_screen_share

storage

store

store_mall_directory

straighten

streetview

strikethrough_s

style

subdirectory_arrow_left

subdirectory_arrow_right

subject

subscriptions

subtitles

subway

supervisor_account

surround_sound

swap_calls

swap_horiz

swap_vert

swap_vertical_circle

switch_camera

switch_video

sync

sync_disabled

sync_problem

system_update

system_update_alt

tab

tab_unselected

tablet

tablet_android

tablet_mac

tag_faces

tap_and_play

terrain

text_fields

text_format

textsms

texture

theaters

thumb_down

thumb_up

thumbs_up_down

time_to_leave

timelapse

timeline

timer

timer_10

timer_3

timer_off

title

toc

today

toll

tonality

touch_app

toys

track_changes

traffic

train

tram

transfer_within_a_station

transform

translate

trending_down

trending_flat

trending_up

tune

turned_in

turned_in_not

tv

unarchive

undo

unfold_less

unfold_more

update

usb

verified_user

vertical_align_bottom

vertical_align_center

vertical_align_top

vibration

video_call

video_label

video_library

videocam

videocam_off

videogame_asset

view_agenda

view_array

view_carousel

view_column

view_comfy

view_compact

view_day

view_headline

view_list

view_module

view_quilt

view_stream

view_week

vignette

visibility

visibility_off

voice_chat

voicemail

volume_down

volume_mute

volume_off

volume_up

vpn_key

vpn_lock

wallpaper

warning

watch

watch_later

wb_auto

wb_cloudy

wb_incandescent

wb_iridescent

wb_sunny

wc

web

web_asset

weekend

whatshot

widgets

wifi

wifi_lock

wifi_tethering

work

wrap_text

youtube_searched_for

zoom_in

zoom_out

zoom_out_map

Components/Icons: Difference between revisions

Latest revision as of 07:16, 7 March 2024

Usage[edit | edit source]

See also[edit | edit source]

Available Icons[edit | edit source]

Navigation menu

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

Components/Icons: Difference between revisions

Latest revision as of 07:16, 7 March 2024

Usage[edit | edit source]

See also[edit | edit source]

Available Icons[edit | edit source]

Navigation menu

Search