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: @@
-<span class="material-icons md-48">face</span>
+Total: 932 Icons
+=== Usage ===
+<span class="material-icons md-18">blender</span>
+<syntaxhighlight lang="wikitext"><span class="material-icons md-18">blender</span></syntaxhighlight>
+<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_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_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_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_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_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_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_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_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_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_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_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_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">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_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">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_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_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_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_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">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">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_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_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">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">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">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">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_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_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">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_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_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_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_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">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_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_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_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_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_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">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_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_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_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_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_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">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">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">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">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_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_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_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_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_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_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">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_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">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">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">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_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_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">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">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">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">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">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_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_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_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">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">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">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">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_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">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">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">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_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_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_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_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_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">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">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_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_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_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">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">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_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_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_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_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">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_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_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">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">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">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">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">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">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">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_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_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">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">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_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_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">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_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">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">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_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_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">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">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_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_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_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_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_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_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_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_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_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">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">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">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_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">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_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_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_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">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_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_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_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_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_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_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_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_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_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_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_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">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_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">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">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">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">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">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_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">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">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_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_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_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">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">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">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">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_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">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">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">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">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_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_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_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">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">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_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_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_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_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_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">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_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">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">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">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_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">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_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">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">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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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">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_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_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_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_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_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_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">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">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">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">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_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_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">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">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">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_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">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_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">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">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">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">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">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_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">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">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_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">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">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_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_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">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_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">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">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_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_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">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_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">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_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_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_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">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_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_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">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_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_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_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_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_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_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">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_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_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_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">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_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_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">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_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_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_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">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">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_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">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">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">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_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_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">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">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_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_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">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">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_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">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">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">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">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">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">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_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">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">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>
+<div class="icon-preview"><div class="material-icons md-48">scanner</div><div>scanner</div></div>
+<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_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_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">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">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">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_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_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">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_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_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_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_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_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_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_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_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">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">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">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">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_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_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_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_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_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_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">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">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">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">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">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_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_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_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_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_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">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">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">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_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">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_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_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_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_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_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">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_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">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_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_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">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_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">title</div><div>title</div></div>
+<div class="icon-preview"><div class="material-icons md-48">toc</div><div>toc</div></div>
+<div class="icon-preview"><div class="material-icons md-48">today</div><div>today</div></div>
+<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">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">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">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_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">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_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_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">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_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_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">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">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_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_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_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_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_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_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">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">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_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_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_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">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_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_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">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_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">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_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>

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