TiledViz
Loading...
Searching...
No Matches
Action.html
1<html>
2 <head>
3 <meta charset="utf-8" />
4 <!-- <meta name="viewport" -->
5 <!-- content="user-scalable=no, initial-scale=0.2, maximum-scale=0.5, minimum-scale=0.1, -->
6 <!-- width=device-width, height=device-height"/> -->
7 <!-- content="user-scalable=no, initial-scale=1, maximum-scale=1, -->
8 <!-- minimum-scale=1, width=device-width, height=device-height" -->
9 <meta http-equiv="X-UA-Compatible" content="IE=edge">
10 <!-- <link rel="icon" href="{{ url_for('static', filename='images/favicon.ico')}}"> -->
11 </head>
12<header>
13 <link rel="stylesheet"
14 href="https://fonts.googleapis.com/icon?family=Material+Icons">
15</header>
16<body>
17Action Icons
18<table>
19 <tbody>
20 <tr>
21 <th><i class="material-icons" style="color:blue" title="3d_rotation">3d_rotation</i></th>
22 <th><i class="material-icons" style="color:blue" title="accessibility">accessibility</i></th>
23 <th><i class="material-icons" style="color:blue" title="accessible">accessible</i></th>
24 <th><i class="material-icons" style="color:blue" title="account_balance">account_balance</i></th>
25 <th><i class="material-icons" style="color:blue" title="account_balance_wallet">account_balance_wallet</i></th>
26 <th><i class="material-icons" style="color:blue" title="account_box">account_box</i></th>
27 <th><i class="material-icons" style="color:blue" title="account_circle">account_circle</i></th>
28 <th><i class="material-icons" style="color:blue" title="add_shopping_cart">add_shopping_cart</i></th>
29 <th><i class="material-icons" style="color:blue" title="alarm">alarm</i></th>
30 <th><i class="material-icons" style="color:blue" title="alarm_add">alarm_add</i></th>
31 <th><i class="material-icons" style="color:blue" title="alarm_off">alarm_off</i></th>
32 <th><i class="material-icons" style="color:blue" title="alarm_on">alarm_on</i></th>
33 <th><i class="material-icons" style="color:blue" title="all_out">all_out</i></th>
34 <th><i class="material-icons" style="color:blue" title="android">android</i></th>
35 <th><i class="material-icons" style="color:blue" title="announcement">announcement</i></th>
36 <th><i class="material-icons" style="color:blue" title="aspect_ratio">aspect_ratio</i></th>
37 <th><i class="material-icons" style="color:blue" title="assessment">assessment</i></th>
38 <th><i class="material-icons" style="color:blue" title="assignment">assignment</i></th>
39 <th><i class="material-icons" style="color:blue" title="assignment_ind">assignment_ind</i></th>
40 <th><i class="material-icons" style="color:blue" title="assignment_late">assignment_late</i></th>
41 <th><i class="material-icons" style="color:blue" title="assignment_return">assignment_return</i></th>
42 <th><i class="material-icons" style="color:blue" title="assignment_returned">assignment_returned</i></th>
43 <th><i class="material-icons" style="color:blue" title="assignment_turned_in">assignment_turned_in</i></th>
44 <th><i class="material-icons" style="color:blue" title="autorenew">autorenew</i></th>
45 <th><i class="material-icons" style="color:blue" title="backup">backup</i></th>
46 <th><i class="material-icons" style="color:blue" title="book">book</i></th>
47 <th><i class="material-icons" style="color:blue" title="bookmark">bookmark</i></th>
48 <th><i class="material-icons" style="color:blue" title="bookmark_border">bookmark_border</i></th>
49 <th><i class="material-icons" style="color:blue" title="bug_report">bug_report</i></th>
50 <th><i class="material-icons" style="color:blue" title="build">build</i></th>
51 <th><i class="material-icons" style="color:blue" title="cached">cached</i></th>
52 <th><i class="material-icons" style="color:blue" title="camera_enhance">camera_enhance</i></th>
53 <th><i class="material-icons" style="color:blue" title="card_giftcard">card_giftcard</i></th>
54 <th><i class="material-icons" style="color:blue" title="card_membership">card_membership</i></th>
55 <th><i class="material-icons" style="color:blue" title="card_travel">card_travel</i></th>
56 <th><i class="material-icons" style="color:blue" title="change_history">change_history</i></th>
57 <th><i class="material-icons" style="color:blue" title="check_circle">check_circle</i></th>
58 <th><i class="material-icons" style="color:blue" title="chrome_reader_mode">chrome_reader_mode</i></th>
59 <th><i class="material-icons" style="color:blue" title="class">class</i></th>
60 </tr>
61 <tr>
62 <th><i class="material-icons" style="color:blue" title="code">code</i></th>
63 <th><i class="material-icons" style="color:blue" title="compare_arrows">compare_arrows</i></th>
64 <th><i class="material-icons" style="color:blue" title="copyright">copyright</i></th>
65 <th><i class="material-icons" style="color:blue" title="credit_card">credit_card</i></th>
66 <th><i class="material-icons" style="color:blue" title="dashboard">dashboard</i></th>
67 <th><i class="material-icons" style="color:blue" title="date_range">date_range</i></th>
68 <th><i class="material-icons" style="color:blue" title="delete">delete</i></th>
69 <th><i class="material-icons" style="color:blue" title="delete_forever">delete_forever</i></th>
70 <th><i class="material-icons" style="color:blue" title="description">description</i></th>
71 <th><i class="material-icons" style="color:blue" title="dns">dns</i></th>
72 <th><i class="material-icons" style="color:blue" title="done">done</i></th>
73 <th><i class="material-icons" style="color:blue" title="done_all">done_all</i></th>
74 <th><i class="material-icons" style="color:blue" title="donut_large">donut_large</i></th>
75 <th><i class="material-icons" style="color:blue" title="donut_small">donut_small</i></th>
76 <th><i class="material-icons" style="color:blue" title="eject">eject</i></th>
77 <th><i class="material-icons" style="color:blue" title="euro_symbol">euro_symbol</i></th>
78 <th><i class="material-icons" style="color:blue" title="event">event</i></th>
79 <th><i class="material-icons" style="color:blue" title="event_seat">event_seat</i></th>
80 <th><i class="material-icons" style="color:blue" title="exit_to_app">exit_to_app</i></th>
81 <th><i class="material-icons" style="color:blue" title="explore">explore</i></th>
82 <th><i class="material-icons" style="color:blue" title="extension">extension</i></th>
83 <th><i class="material-icons" style="color:blue" title="face">face</i></th>
84 <th><i class="material-icons" style="color:blue" title="favorite">favorite</i></th>
85 <th><i class="material-icons" style="color:blue" title="favorite_border">favorite_border</i></th>
86 <th><i class="material-icons" style="color:blue" title="feedback">feedback</i></th>
87 <th><i class="material-icons" style="color:blue" title="find_in_page">find_in_page</i></th>
88 <th><i class="material-icons" style="color:blue" title="find_replace">find_replace</i></th>
89 <th><i class="material-icons" style="color:blue" title="fingerprint">fingerprint</i></th>
90 <th><i class="material-icons" style="color:blue" title="flight_land">flight_land</i></th>
91 <th><i class="material-icons" style="color:blue" title="flight_takeoff">flight_takeoff</i></th>
92 <th><i class="material-icons" style="color:blue" title="flip_to_back">flip_to_back</i></th>
93 <th><i class="material-icons" style="color:blue" title="flip_to_front">flip_to_front</i></th>
94 <th><i class="material-icons" style="color:blue" title="g_translate">g_translate</i></th>
95 <th><i class="material-icons" style="color:blue" title="gavel">gavel</i></th>
96 <th><i class="material-icons" style="color:blue" title="get_app">get_app</i></th>
97 <th><i class="material-icons" style="color:blue" title="gif">gif</i></th>
98 <th><i class="material-icons" style="color:blue" title="grade">grade</i></th>
99 <th><i class="material-icons" style="color:blue" title="group_work">group_work</i></th>
100 <th><i class="material-icons" style="color:blue" title="help">help</i></th>
101 </tr>
102 <tr>
103 <th><i class="material-icons" style="color:blue" title="help_outline">help_outline</i></th>
104 <th><i class="material-icons" style="color:blue" title="highlight_off">highlight_off</i></th>
105 <th><i class="material-icons" style="color:blue" title="history">history</i></th>
106 <th><i class="material-icons" style="color:blue" title="home">home</i></th>
107 <th><i class="material-icons" style="color:blue" title="hourglass_empty">hourglass_empty</i></th>
108 <th><i class="material-icons" style="color:blue" title="hourglass_full">hourglass_full</i></th>
109 <th><i class="material-icons" style="color:blue" title="http">http</i></th>
110 <th><i class="material-icons" style="color:blue" title="https">https</i></th>
111 <th><i class="material-icons" style="color:blue" title="important_devices">important_devices</i></th>
112 <th><i class="material-icons" style="color:blue" title="info">info</i></th>
113 <th><i class="material-icons" style="color:blue" title="info_outline">info_outline</i></th>
114 <th><i class="material-icons" style="color:blue" title="input">input</i></th>
115 <th><i class="material-icons" style="color:blue" title="invert_colors">invert_colors</i></th>
116 <th><i class="material-icons" style="color:blue" title="label">label</i></th>
117 <th><i class="material-icons" style="color:blue" title="label_outline">label_outline</i></th>
118 <th><i class="material-icons" style="color:blue" title="language">language</i></th>
119 <th><i class="material-icons" style="color:blue" title="launch">launch</i></th>
120 <th><i class="material-icons" style="color:blue" title="lightbulb_outline">lightbulb_outline</i></th>
121 <th><i class="material-icons" style="color:blue" title="line_style">line_style</i></th>
122 <th><i class="material-icons" style="color:blue" title="line_weight">line_weight</i></th>
123 <th><i class="material-icons" style="color:blue" title="list">list</i></th>
124 <th><i class="material-icons" style="color:blue" title="lock">lock</i></th>
125 <th><i class="material-icons" style="color:blue" title="lock_open">lock_open</i></th>
126 <th><i class="material-icons" style="color:blue" title="lock_outline">lock_outline</i></th>
127 <th><i class="material-icons" style="color:blue" title="loyalty">loyalty</i></th>
128 <th><i class="material-icons" style="color:blue" title="markunread_mailbox">markunread_mailbox</i></th>
129 <th><i class="material-icons" style="color:blue" title="motorcycle">motorcycle</i></th>
130 <th><i class="material-icons" style="color:blue" title="note_add">note_add</i></th>
131 <th><i class="material-icons" style="color:blue" title="offline_pin">offline_pin</i></th>
132 <th><i class="material-icons" style="color:blue" title="opacity">opacity</i></th>
133 <th><i class="material-icons" style="color:blue" title="open_in_browser">open_in_browser</i></th>
134 <th><i class="material-icons" style="color:blue" title="open_in_new">open_in_new</i></th>
135 <th><i class="material-icons" style="color:blue" title="open_with">open_with</i></th>
136 <th><i class="material-icons" style="color:blue" title="pageview">pageview</i></th>
137 <th><i class="material-icons" style="color:blue" title="pan_tool">pan_tool</i></th>
138 <th><i class="material-icons" style="color:blue" title="payment">payment</i></th>
139 <th><i class="material-icons" style="color:blue" title="perm_camera_mic">perm_camera_mic</i></th>
140 <th><i class="material-icons" style="color:blue" title="perm_contact_calendar">perm_contact_calendar</i></th>
141 <th><i class="material-icons" style="color:blue" title="perm_data_setting">perm_data_setting</i></th>
142 </tr>
143 <tr>
144 <th><i class="material-icons" style="color:blue" title="perm_device_information">perm_device_information</i></th>
145 <th><i class="material-icons" style="color:blue" title="perm_identity">perm_identity</i></th>
146 <th><i class="material-icons" style="color:blue" title="perm_media">perm_media</i></th>
147 <th><i class="material-icons" style="color:blue" title="perm_phone_msg">perm_phone_msg</i></th>
148 <th><i class="material-icons" style="color:blue" title="perm_scan_wifi">perm_scan_wifi</i></th>
149 <th><i class="material-icons" style="color:blue" title="pets">pets</i></th>
150 <th><i class="material-icons" style="color:blue" title="picture_in_picture">picture_in_picture</i></th>
151 <th><i class="material-icons" style="color:blue" title="picture_in_picture_alt">picture_in_picture_alt</i></th>
152 <th><i class="material-icons" style="color:blue" title="play_for_work">play_for_work</i></th>
153 <th><i class="material-icons" style="color:blue" title="polymer">polymer</i></th>
154 <th><i class="material-icons" style="color:blue" title="power_settings_new">power_settings_new</i></th>
155 <th><i class="material-icons" style="color:blue" title="pregnant_woman">pregnant_woman</i></th>
156 <th><i class="material-icons" style="color:blue" title="print">print</i></th>
157 <th><i class="material-icons" style="color:blue" title="query_builder">query_builder</i></th>
158 <th><i class="material-icons" style="color:blue" title="question_answer">question_answer</i></th>
159 <th><i class="material-icons" style="color:blue" title="receipt">receipt</i></th>
160 <th><i class="material-icons" style="color:blue" title="record_voice_over">record_voice_over</i></th>
161 <th><i class="material-icons" style="color:blue" title="redeem">redeem</i></th>
162 <th><i class="material-icons" style="color:blue" title="remove_shopping_cart">remove_shopping_cart</i></th>
163 <th><i class="material-icons" style="color:blue" title="reorder">reorder</i></th>
164 <th><i class="material-icons" style="color:blue" title="report_problem">report_problem</i></th>
165 <th><i class="material-icons" style="color:blue" title="restore">restore</i></th>
166 <th><i class="material-icons" style="color:blue" title="restore_page">restore_page</i></th>
167 <th><i class="material-icons" style="color:blue" title="room">room</i></th>
168 <th><i class="material-icons" style="color:blue" title="rounded_corner">rounded_corner</i></th>
169 <th><i class="material-icons" style="color:blue" title="rowing">rowing</i></th>
170 <th><i class="material-icons" style="color:blue" title="schedule">schedule</i></th>
171 <th><i class="material-icons" style="color:blue" title="search">search</i></th>
172 <th><i class="material-icons" style="color:blue" title="settings">settings</i></th>
173 <th><i class="material-icons" style="color:blue" title="settings_applications">settings_applications</i></th>
174 <th><i class="material-icons" style="color:blue" title="settings_backup_restore">settings_backup_restore</i></th>
175 <th><i class="material-icons" style="color:blue" title="settings_bluetooth">settings_bluetooth</i></th>
176 <th><i class="material-icons" style="color:blue" title="settings_brightness">settings_brightness</i></th>
177 <th><i class="material-icons" style="color:blue" title="settings_cell">settings_cell</i></th>
178 <th><i class="material-icons" style="color:blue" title="settings_ethernet">settings_ethernet</i></th>
179 <th><i class="material-icons" style="color:blue" title="settings_input_antenna">settings_input_antenna</i></th>
180 <th><i class="material-icons" style="color:blue" title="settings_input_component">settings_input_component</i></th>
181 <th><i class="material-icons" style="color:blue" title="settings_input_composite">settings_input_composite</i></th>
182 <th><i class="material-icons" style="color:blue" title="settings_input_hdmi">settings_input_hdmi</i></th>
183 </tr>
184 <tr>
185 <th><i class="material-icons" style="color:blue" title="settings_input_svideo">settings_input_svideo</i></th>
186 <th><i class="material-icons" style="color:blue" title="settings_overscan">settings_overscan</i></th>
187 <th><i class="material-icons" style="color:blue" title="settings_phone">settings_phone</i></th>
188 <th><i class="material-icons" style="color:blue" title="settings_power">settings_power</i></th>
189 <th><i class="material-icons" style="color:blue" title="settings_remote">settings_remote</i></th>
190 <th><i class="material-icons" style="color:blue" title="settings_voice">settings_voice</i></th>
191 <th><i class="material-icons" style="color:blue" title="shop">shop</i></th>
192 <th><i class="material-icons" style="color:blue" title="shop_two">shop_two</i></th>
193 <th><i class="material-icons" style="color:blue" title="shopping_basket">shopping_basket</i></th>
194 <th><i class="material-icons" style="color:blue" title="shopping_cart">shopping_cart</i></th>
195 <th><i class="material-icons" style="color:blue" title="speaker_notes">speaker_notes</i></th>
196 <th><i class="material-icons" style="color:blue" title="speaker_notes_off">speaker_notes_off</i></th>
197 <th><i class="material-icons" style="color:blue" title="spellcheck">spellcheck</i></th>
198 <th><i class="material-icons" style="color:blue" title="star">star</i></th>
199 <th><i class="material-icons" style="color:blue" title="stars">stars</i></th>
200 <th><i class="material-icons" style="color:blue" title="store">store</i></th>
201 <th><i class="material-icons" style="color:blue" title="subject">subject</i></th>
202 <th><i class="material-icons" style="color:blue" title="supervisor_account">supervisor_account</i></th>
203 <th><i class="material-icons" style="color:blue" title="swap_horiz">swap_horiz</i></th>
204 <th><i class="material-icons" style="color:blue" title="swap_vert">swap_vert</i></th>
205 <th><i class="material-icons" style="color:blue" title="swap_vertical_circle">swap_vertical_circle</i></th>
206 <th><i class="material-icons" style="color:blue" title="system_update_alt">system_update_alt</i></th>
207 <th><i class="material-icons" style="color:blue" title="tab">tab</i></th>
208 <th><i class="material-icons" style="color:blue" title="tab_unselected">tab_unselected</i></th>
209 <th><i class="material-icons" style="color:blue" title="theaters">theaters</i></th>
210 <th><i class="material-icons" style="color:blue" title="thumb_down">thumb_down</i></th>
211 <th><i class="material-icons" style="color:blue" title="thumb_up">thumb_up</i></th>
212 <th><i class="material-icons" style="color:blue" title="thumbs_up_down">thumbs_up_down</i></th>
213 <th><i class="material-icons" style="color:blue" title="toc">toc</i></th>
214 <th><i class="material-icons" style="color:blue" title="today">today</i></th>
215 <th><i class="material-icons" style="color:blue" title="toll">toll</i></th>
216 <th><i class="material-icons" style="color:blue" title="touch_app">touch_app</i></th>
217 <th><i class="material-icons" style="color:blue" title="track_changes">track_changes</i></th>
218 <th><i class="material-icons" style="color:blue" title="translate">translate</i></th>
219 <th><i class="material-icons" style="color:blue" title="trending_down">trending_down</i></th>
220 <th><i class="material-icons" style="color:blue" title="trending_flat">trending_flat</i></th>
221 <th><i class="material-icons" style="color:blue" title="trending_up">trending_up</i></th>
222 <th><i class="material-icons" style="color:blue" title="turned_in">turned_in</i></th>
223 <th><i class="material-icons" style="color:blue" title="turned_in_not">turned_in_not</i></th>
224 </tr>
225 <tr>
226 <th><i class="material-icons" style="color:blue" title="update">update</i></th>
227 <th><i class="material-icons" style="color:blue" title="verified_user">verified_user</i></th>
228 <th><i class="material-icons" style="color:blue" title="view_agenda">view_agenda</i></th>
229 <th><i class="material-icons" style="color:blue" title="view_array">view_array</i></th>
230 <th><i class="material-icons" style="color:blue" title="view_carousel">view_carousel</i></th>
231 <th><i class="material-icons" style="color:blue" title="view_column">view_column</i></th>
232 <th><i class="material-icons" style="color:blue" title="view_day">view_day</i></th>
233 <th><i class="material-icons" style="color:blue" title="view_headline">view_headline</i></th>
234 <th><i class="material-icons" style="color:blue" title="view_list">view_list</i></th>
235 <th><i class="material-icons" style="color:blue" title="view_module">view_module</i></th>
236 <th><i class="material-icons" style="color:blue" title="view_quilt">view_quilt</i></th>
237 <th><i class="material-icons" style="color:blue" title="view_stream">view_stream</i></th>
238 <th><i class="material-icons" style="color:blue" title="view_week">view_week</i></th>
239 <th><i class="material-icons" style="color:blue" title="visibility">visibility</i></th>
240 <th><i class="material-icons" style="color:blue" title="visibility_off">visibility_off</i></th>
241 <th><i class="material-icons" style="color:blue" title="watch_later">watch_later</i></th>
242 <th><i class="material-icons" style="color:blue" title="work">work</i></th>
243 <th><i class="material-icons" style="color:blue" title="youtube_searched_for">youtube_searched_for</i></th>
244 <th><i class="material-icons" style="color:blue" title="zoom_in">zoom_in</i></th>
245 <th><i class="material-icons" style="color:blue" title="zoom_out">zoom_out</i></th>
246 </tr>
247 </tbody>
248</table>
249Alert Icons
250<table>
251 <tbody>
252 <tr>
253 <th><i class="material-icons" style="color:blue" title="add_alert">add_alert</i></th>
254 <th><i class="material-icons" style="color:blue" title="error">error</i></th>
255 <th><i class="material-icons" style="color:blue" title="error_outline">error_outline</i></th>
256 <th><i class="material-icons" style="color:blue" title="warning">warning</i></th>
257 </tr>
258</tbody></table>
259AV Icons
260<table>
261 <tbody>
262 <tr>
263 <th><i class="material-icons" style="color:blue" title="add_to_queue">add_to_queue</i></th>
264 <th><i class="material-icons" style="color:blue" title="airplay">airplay</i></th>
265 <th><i class="material-icons" style="color:blue" title="album">album</i></th>
266 <th><i class="material-icons" style="color:blue" title="art_track">art_track</i></th>
267 <th><i class="material-icons" style="color:blue" title="av_timer">av_timer</i></th>
268 <th><i class="material-icons" style="color:blue" title="branding_watermark">branding_watermark</i></th>
269 <th><i class="material-icons" style="color:blue" title="call_to_action">call_to_action</i></th>
270 <th><i class="material-icons" style="color:blue" title="closed_caption">closed_caption</i></th>
271 <th><i class="material-icons" style="color:blue" title="equalizer">equalizer</i></th>
272 <th><i class="material-icons" style="color:blue" title="explicit">explicit</i></th>
273 <th><i class="material-icons" style="color:blue" title="fast_forward">fast_forward</i></th>
274 <th><i class="material-icons" style="color:blue" title="fast_rewind">fast_rewind</i></th>
275 <th><i class="material-icons" style="color:blue" title="featured_play_list">featured_play_list</i></th>
276 <th><i class="material-icons" style="color:blue" title="featured_video">featured_video</i></th>
277 <th><i class="material-icons" style="color:blue" title="fiber_dvr">fiber_dvr</i></th>
278 <th><i class="material-icons" style="color:blue" title="fiber_manual_record">fiber_manual_record</i></th>
279 <th><i class="material-icons" style="color:blue" title="fiber_new">fiber_new</i></th>
280 <th><i class="material-icons" style="color:blue" title="fiber_pin">fiber_pin</i></th>
281 <th><i class="material-icons" style="color:blue" title="fiber_smart_record">fiber_smart_record</i></th>
282 <th><i class="material-icons" style="color:blue" title="forward_10">forward_10</i></th>
283 <th><i class="material-icons" style="color:blue" title="forward_30">forward_30</i></th>
284 <th><i class="material-icons" style="color:blue" title="forward_5">forward_5</i></th>
285 <th><i class="material-icons" style="color:blue" title="games">games</i></th>
286 <th><i class="material-icons" style="color:blue" title="hd">hd</i></th>
287 <th><i class="material-icons" style="color:blue" title="hearing">hearing</i></th>
288 <th><i class="material-icons" style="color:blue" title="high_quality">high_quality</i></th>
289 <th><i class="material-icons" style="color:blue" title="library_add">library_add</i></th>
290 <th><i class="material-icons" style="color:blue" title="library_books">library_books</i></th>
291 <th><i class="material-icons" style="color:blue" title="library_music">library_music</i></th>
292 <th><i class="material-icons" style="color:blue" title="loop">loop</i></th>
293 <th><i class="material-icons" style="color:blue" title="mic">mic</i></th>
294 <th><i class="material-icons" style="color:blue" title="mic_none">mic_none</i></th>
295 <th><i class="material-icons" style="color:blue" title="mic_off">mic_off</i></th>
296 <th><i class="material-icons" style="color:blue" title="movie">movie</i></th>
297 <th><i class="material-icons" style="color:blue" title="music_video">music_video</i></th>
298 <th><i class="material-icons" style="color:blue" title="new_releases">new_releases</i></th>
299 <th><i class="material-icons" style="color:blue" title="not_interested">not_interested</i></th>
300 <th><i class="material-icons" style="color:blue" title="note">note</i></th>
301 <th><i class="material-icons" style="color:blue" title="pause">pause</i></th>
302 </tr>
303 <tr>
304 <th><i class="material-icons" style="color:blue" title="pause_circle_filled">pause_circle_filled</i></th>
305 <th><i class="material-icons" style="color:blue" title="pause_circle_outline">pause_circle_outline</i></th>
306 <th><i class="material-icons" style="color:blue" title="play_arrow">play_arrow</i></th>
307 <th><i class="material-icons" style="color:blue" title="play_circle_filled">play_circle_filled</i></th>
308 <th><i class="material-icons" style="color:blue" title="play_circle_outline">play_circle_outline</i></th>
309 <th><i class="material-icons" style="color:blue" title="playlist_add">playlist_add</i></th>
310 <th><i class="material-icons" style="color:blue" title="playlist_add_check">playlist_add_check</i></th>
311 <th><i class="material-icons" style="color:blue" title="playlist_play">playlist_play</i></th>
312 <th><i class="material-icons" style="color:blue" title="queue">queue</i></th>
313 <th><i class="material-icons" style="color:blue" title="queue_music">queue_music</i></th>
314 <th><i class="material-icons" style="color:blue" title="queue_play_next">queue_play_next</i></th>
315 <th><i class="material-icons" style="color:blue" title="radio">radio</i></th>
316 <th><i class="material-icons" style="color:blue" title="recent_actors">recent_actors</i></th>
317 <th><i class="material-icons" style="color:blue" title="remove_from_queue">remove_from_queue</i></th>
318 <th><i class="material-icons" style="color:blue" title="repeat">repeat</i></th>
319 <th><i class="material-icons" style="color:blue" title="repeat_one">repeat_one</i></th>
320 <th><i class="material-icons" style="color:blue" title="replay">replay</i></th>
321 <th><i class="material-icons" style="color:blue" title="replay_10">replay_10</i></th>
322 <th><i class="material-icons" style="color:blue" title="replay_30">replay_30</i></th>
323 <th><i class="material-icons" style="color:blue" title="replay_5">replay_5</i></th>
324 <th><i class="material-icons" style="color:blue" title="shuffle">shuffle</i></th>
325 <th><i class="material-icons" style="color:blue" title="skip_next">skip_next</i></th>
326 <th><i class="material-icons" style="color:blue" title="skip_previous">skip_previous</i></th>
327 <th><i class="material-icons" style="color:blue" title="slow_motion_video">slow_motion_video</i></th>
328 <th><i class="material-icons" style="color:blue" title="snooze">snooze</i></th>
329 <th><i class="material-icons" style="color:blue" title="sort_by_alpha">sort_by_alpha</i></th>
330 <th><i class="material-icons" style="color:blue" title="stop">stop</i></th>
331 <th><i class="material-icons" style="color:blue" title="subscriptions">subscriptions</i></th>
332 <th><i class="material-icons" style="color:blue" title="subtitles">subtitles</i></th>
333 <th><i class="material-icons" style="color:blue" title="surround_sound">surround_sound</i></th>
334 <th><i class="material-icons" style="color:blue" title="video_call">video_call</i></th>
335 <th><i class="material-icons" style="color:blue" title="video_label">video_label</i></th>
336 <th><i class="material-icons" style="color:blue" title="video_library">video_library</i></th>
337 <th><i class="material-icons" style="color:blue" title="videocam">videocam</i></th>
338 <th><i class="material-icons" style="color:blue" title="videocam_off">videocam_off</i></th>
339 <th><i class="material-icons" style="color:blue" title="volume_down">volume_down</i></th>
340 <th><i class="material-icons" style="color:blue" title="volume_mute">volume_mute</i></th>
341 <th><i class="material-icons" style="color:blue" title="volume_off">volume_off</i></th>
342 <th><i class="material-icons" style="color:blue" title="volume_up">volume_up</i></th>
343 <th><i class="material-icons" style="color:blue" title="web">web</i></th>
344 <th><i class="material-icons" style="color:blue" title="web_asset">web_asset</i></th>
345 </tr>
346 </tbody>
347</table>
348Communication Icons
349<table>
350 <tbody>
351 <tr>
352 <th><i class="material-icons" style="color:blue" title="business">business</i></th>
353 <th><i class="material-icons" style="color:blue" title="call">call</i></th>
354 <th><i class="material-icons" style="color:blue" title="call_end">call_end</i></th>
355 <th><i class="material-icons" style="color:blue" title="call_made">call_made</i></th>
356 <th><i class="material-icons" style="color:blue" title="call_merge">call_merge</i></th>
357 <th><i class="material-icons" style="color:blue" title="call_missed">call_missed</i></th>
358 <th><i class="material-icons" style="color:blue" title="call_missed_outgoing">call_missed_outgoing</i></th>
359 <th><i class="material-icons" style="color:blue" title="call_received">call_received</i></th>
360 <th><i class="material-icons" style="color:blue" title="call_split">call_split</i></th>
361 <th><i class="material-icons" style="color:blue" title="chat">chat</i></th>
362 <th><i class="material-icons" style="color:blue" title="chat_bubble">chat_bubble</i></th>
363 <th><i class="material-icons" style="color:blue" title="chat_bubble_outline">chat_bubble_outline</i></th>
364 <th><i class="material-icons" style="color:blue" title="clear_all">clear_all</i></th>
365 <th><i class="material-icons" style="color:blue" title="comment">comment</i></th>
366 <th><i class="material-icons" style="color:blue" title="contact_mail">contact_mail</i></th>
367 <th><i class="material-icons" style="color:blue" title="contact_phone">contact_phone</i></th>
368 <th><i class="material-icons" style="color:blue" title="contacts">contacts</i></th>
369 <th><i class="material-icons" style="color:blue" title="dialer_sip">dialer_sip</i></th>
370 <th><i class="material-icons" style="color:blue" title="dialpad">dialpad</i></th>
371 <th><i class="material-icons" style="color:blue" title="email">email</i></th>
372 <th><i class="material-icons" style="color:blue" title="forum">forum</i></th>
373 <th><i class="material-icons" style="color:blue" title="import_contacts">import_contacts</i></th>
374 <th><i class="material-icons" style="color:blue" title="import_export">import_export</i></th>
375 <th><i class="material-icons" style="color:blue" title="invert_colors_off">invert_colors_off</i></th>
376 <th><i class="material-icons" style="color:blue" title="live_help">live_help</i></th>
377 <th><i class="material-icons" style="color:blue" title="location_off">location_off</i></th>
378 <th><i class="material-icons" style="color:blue" title="location_on">location_on</i></th>
379 <th><i class="material-icons" style="color:blue" title="mail_outline">mail_outline</i></th>
380 <th><i class="material-icons" style="color:blue" title="message">message</i></th>
381 <th><i class="material-icons" style="color:blue" title="messenger">messenger</i></th>
382 <th><i class="material-icons" style="color:blue" title="no_sim">no_sim</i></th>
383 <th><i class="material-icons" style="color:blue" title="phone">phone</i></th>
384 <th><i class="material-icons" style="color:blue" title="phonelink_erase">phonelink_erase</i></th>
385 <th><i class="material-icons" style="color:blue" title="phonelink_lock">phonelink_lock</i></th>
386 <th><i class="material-icons" style="color:blue" title="phonelink_ring">phonelink_ring</i></th>
387 <th><i class="material-icons" style="color:blue" title="phonelink_setup">phonelink_setup</i></th>
388 <th><i class="material-icons" style="color:blue" title="portable_wifi_off">portable_wifi_off</i></th>
389 <th><i class="material-icons" style="color:blue" title="present_to_all">present_to_all</i></th>
390 <th><i class="material-icons" style="color:blue" title="ring_volume">ring_volume</i></th>
391 </tr>
392 <tr>
393 <th><i class="material-icons" style="color:blue" title="rss_feed">rss_feed</i></th>
394 <th><i class="material-icons" style="color:blue" title="screen_share">screen_share</i></th>
395 <th><i class="material-icons" style="color:blue" title="speaker_phone">speaker_phone</i></th>
396 <th><i class="material-icons" style="color:blue" title="stay_current_landscape">stay_current_landscape</i></th>
397 <th><i class="material-icons" style="color:blue" title="stay_current_portrait">stay_current_portrait</i></th>
398 <th><i class="material-icons" style="color:blue" title="stay_primary_landscape">stay_primary_landscape</i></th>
399 <th><i class="material-icons" style="color:blue" title="stay_primary_portrait">stay_primary_portrait</i></th>
400 <th><i class="material-icons" style="color:blue" title="stop_screen_share">stop_screen_share</i></th>
401 <th><i class="material-icons" style="color:blue" title="swap_calls">swap_calls</i></th>
402 <th><i class="material-icons" style="color:blue" title="textsms">textsms</i></th>
403 <th><i class="material-icons" style="color:blue" title="voicemail">voicemail</i></th>
404 <th><i class="material-icons">vpn_key</i></th>
405 </tr>
406 </tbody>
407</table>
408Content Icons
409<table>
410 <tbody>
411 <tr>
412 <th><i class="material-icons" style="color:blue" title="add">add</i></th>
413 <th><i class="material-icons" style="color:blue" title="add_box">add_box</i></th>
414 <th><i class="material-icons" style="color:blue" title="add_circle">add_circle</i></th>
415 <th><i class="material-icons" style="color:blue" title="add_circle_outline">add_circle_outline</i></th>
416 <th><i class="material-icons" style="color:blue" title="archive">archive</i></th>
417 <th><i class="material-icons" style="color:blue" title="backspace">backspace</i></th>
418 <th><i class="material-icons" style="color:blue" title="block">block</i></th>
419 <th><i class="material-icons" style="color:blue" title="clear">clear</i></th>
420 <th><i class="material-icons" style="color:blue" title="content_copy">content_copy</i></th>
421 <th><i class="material-icons" style="color:blue" title="content_cut">content_cut</i></th>
422 <th><i class="material-icons" style="color:blue" title="content_paste">content_paste</i></th>
423 <th><i class="material-icons" style="color:blue" title="create">create</i></th>
424 <th><i class="material-icons" style="color:blue" title="delete_sweep">delete_sweep</i></th>
425 <th><i class="material-icons" style="color:blue" title="drafts">drafts</i></th>
426 <th><i class="material-icons" style="color:blue" title="filter_list">filter_list</i></th>
427 <th><i class="material-icons" style="color:blue" title="flag">flag</i></th>
428 <th><i class="material-icons" style="color:blue" title="font_download">font_download</i></th>
429 <th><i class="material-icons" style="color:blue" title="forward">forward</i></th>
430 <th><i class="material-icons" style="color:blue" title="gesture">gesture</i></th>
431 <th><i class="material-icons" style="color:blue" title="inbox">inbox</i></th>
432 <th><i class="material-icons" style="color:blue" title="link">link</i></th>
433 <th><i class="material-icons" style="color:blue" title="low_priority">low_priority</i></th>
434 <th><i class="material-icons" style="color:blue" title="mail">mail</i></th>
435 <th><i class="material-icons" style="color:blue" title="markunread">markunread</i></th>
436 <th><i class="material-icons" style="color:blue" title="move_to_inbox">move_to_inbox</i></th>
437 <th><i class="material-icons" style="color:blue" title="next_week">next_week</i></th>
438 <th><i class="material-icons" style="color:blue" title="redo">redo</i></th>
439 <th><i class="material-icons" style="color:blue" title="remove">remove</i></th>
440 <th><i class="material-icons" style="color:blue" title="remove_circle">remove_circle</i></th>
441 <th><i class="material-icons" style="color:blue" title="remove_circle_outline">remove_circle_outline</i></th>
442 <th><i class="material-icons" style="color:blue" title="reply">reply</i></th>
443 <th><i class="material-icons" style="color:blue" title="reply_all">reply_all</i></th>
444 <th><i class="material-icons" style="color:blue" title="report">report</i></th>
445 <th><i class="material-icons" style="color:blue" title="save">save</i></th>
446 <th><i class="material-icons" style="color:blue" title="select_all">select_all</i></th>
447 <th><i class="material-icons" style="color:blue" title="send">send</i></th>
448 <th><i class="material-icons" style="color:blue" title="sort">sort</i></th>
449 <th><i class="material-icons" style="color:blue" title="text_format">text_format</i></th>
450 <th><i class="material-icons" style="color:blue" title="unarchive">unarchive</i></th>
451 <th><i class="material-icons" style="color:blue" title="undo">undo</i></th>
452 <th><i class="material-icons" style="color:blue" title="weekend">weekend</i></th>
453 </tr>
454 </tbody>
455</table>
456Device Icons
457<table>
458 <tbody>
459 <tr>
460 <th><i class="material-icons" style="color:blue" title="access_alarm">access_alarm</i></th>
461 <th><i class="material-icons" style="color:blue" title="access_alarms">access_alarms</i></th>
462 <th><i class="material-icons" style="color:blue" title="access_time">access_time</i></th>
463 <th><i class="material-icons" style="color:blue" title="add_alarm">add_alarm</i></th>
464 <th><i class="material-icons" style="color:blue" title="airplanemode_active">airplanemode_active</i></th>
465 <th><i class="material-icons" style="color:blue" title="airplanemode_inactive">airplanemode_inactive</i></th>
466 <th><i class="material-icons" style="color:blue" title="battery_alert">battery_alert</i></th>
467 <th><i class="material-icons" style="color:blue" title="battery_charging_full">battery_charging_full</i></th>
468 <th><i class="material-icons" style="color:blue" title="battery_full">battery_full</i></th>
469 <th><i class="material-icons" style="color:blue" title="battery_unknown">battery_unknown</i></th>
470 <th><i class="material-icons" style="color:blue" title="bluetooth">bluetooth</i></th>
471 <th><i class="material-icons" style="color:blue" title="bluetooth_connected">bluetooth_connected</i></th>
472 <th><i class="material-icons" style="color:blue" title="bluetooth_disabled">bluetooth_disabled</i></th>
473 <th><i class="material-icons" style="color:blue" title="bluetooth_searching">bluetooth_searching</i></th>
474 <th><i class="material-icons" style="color:blue" title="brightness_auto">brightness_auto</i></th>
475 <th><i class="material-icons" style="color:blue" title="brightness_high">brightness_high</i></th>
476 <th><i class="material-icons" style="color:blue" title="brightness_low">brightness_low</i></th>
477 <th><i class="material-icons" style="color:blue" title="brightness_medium">brightness_medium</i></th>
478 <th><i class="material-icons" style="color:blue" title="data_usage">data_usage</i></th>
479 <th><i class="material-icons" style="color:blue" title="developer_mode">developer_mode</i></th>
480 <th><i class="material-icons" style="color:blue" title="devices">devices</i></th>
481 <th><i class="material-icons" style="color:blue" title="dvr">dvr</i></th>
482 <th><i class="material-icons" style="color:blue" title="gps_fixed">gps_fixed</i></th>
483 <th><i class="material-icons" style="color:blue" title="gps_not_fixed">gps_not_fixed</i></th>
484 <th><i class="material-icons" style="color:blue" title="gps_off">gps_off</i></th>
485 <th><i class="material-icons" style="color:blue" title="graphic_eq">graphic_eq</i></th>
486 <th><i class="material-icons" style="color:blue" title="location_disabled">location_disabled</i></th>
487 <th><i class="material-icons" style="color:blue" title="location_searching">location_searching</i></th>
488 <th><i class="material-icons" style="color:blue" title="network_cell">network_cell</i></th>
489 <th><i class="material-icons" style="color:blue" title="network_wifi">network_wifi</i></th>
490 <th><i class="material-icons" style="color:blue" title="nfc">nfc</i></th>
491 <th><i class="material-icons" style="color:blue" title="screen_lock_landscape">screen_lock_landscape</i></th>
492 <th><i class="material-icons" style="color:blue" title="screen_lock_portrait">screen_lock_portrait</i></th>
493 <th><i class="material-icons" style="color:blue" title="screen_lock_rotation">screen_lock_rotation</i></th>
494 <th><i class="material-icons" style="color:blue" title="screen_rotation">screen_rotation</i></th>
495 <th><i class="material-icons" style="color:blue" title="sd_storage">sd_storage</i></th>
496 <th><i class="material-icons" style="color:blue" title="settings_system_daydream">settings_system_daydream</i></th>
497 <th><i class="material-icons" style="color:blue" title="signal_cellular_4_bar">signal_cellular_4_bar</i></th>
498 <th><i class="material-icons" style="color:blue" title="signal_cellular_connected_no_internet_4_bar">signal_cellular_connected_no_internet_4_bar</i></th>
499 </tr>
500 <tr>
501 <th><i class="material-icons" style="color:blue" title="signal_cellular_no_sim">signal_cellular_no_sim</i></th>
502 <th><i class="material-icons" style="color:blue" title="signal_cellular_null">signal_cellular_null</i></th>
503 <th><i class="material-icons" style="color:blue" title="signal_cellular_off">signal_cellular_off</i></th>
504 <th><i class="material-icons" style="color:blue" title="signal_wifi_4_bar">signal_wifi_4_bar</i></th>
505 <th><i class="material-icons" style="color:blue" title="signal_wifi_4_bar_lock">signal_wifi_4_bar_lock</i></th>
506 <th><i class="material-icons" style="color:blue" title="signal_wifi_off">signal_wifi_off</i></th>
507 <th><i class="material-icons" style="color:blue" title="storage">storage</i></th>
508 <th><i class="material-icons" style="color:blue" title="usb">usb</i></th>
509 <th><i class="material-icons" style="color:blue" title="wallpaper">wallpaper</i></th>
510 <th><i class="material-icons" style="color:blue" title="widgets">widgets</i></th>
511 <th><i class="material-icons" style="color:blue" title="wifi_lock">wifi_lock</i></th>
512 <th><i class="material-icons" style="color:blue" title="wifi_tethering">wifi_tethering</i></th>
513 </tr>
514 </tbody>
515</table>
516Editor Icons
517<table>
518 <tbody>
519 <tr>
520 <th><i class="material-icons" style="color:blue" title="attach_file">attach_file</i></th>
521 <th><i class="material-icons" style="color:blue" title="attach_money">attach_money</i></th>
522 <th><i class="material-icons" style="color:blue" title="border_all">border_all</i></th>
523 <th><i class="material-icons" style="color:blue" title="border_bottom">border_bottom</i></th>
524 <th><i class="material-icons" style="color:blue" title="border_clear">border_clear</i></th>
525 <th><i class="material-icons" style="color:blue" title="border_color">border_color</i></th>
526 <th><i class="material-icons" style="color:blue" title="border_horizontal">border_horizontal</i></th>
527 <th><i class="material-icons" style="color:blue" title="border_inner">border_inner</i></th>
528 <th><i class="material-icons" style="color:blue" title="border_left">border_left</i></th>
529 <th><i class="material-icons" style="color:blue" title="border_outer">border_outer</i></th>
530 <th><i class="material-icons" style="color:blue" title="border_right">border_right</i></th>
531 <th><i class="material-icons" style="color:blue" title="border_style">border_style</i></th>
532 <th><i class="material-icons" style="color:blue" title="border_top">border_top</i></th>
533 <th><i class="material-icons" style="color:blue" title="border_vertical">border_vertical</i></th>
534 <th><i class="material-icons" style="color:blue" title="bubble_chart">bubble_chart</i></th>
535 <th><i class="material-icons" style="color:blue" title="drag_handle">drag_handle</i></th>
536 <th><i class="material-icons" style="color:blue" title="format_align_center">format_align_center</i></th>
537 <th><i class="material-icons" style="color:blue" title="format_align_justify">format_align_justify</i></th>
538 <th><i class="material-icons" style="color:blue" title="format_align_left">format_align_left</i></th>
539 <th><i class="material-icons" style="color:blue" title="format_align_right">format_align_right</i></th>
540 <th><i class="material-icons" style="color:blue" title="format_bold">format_bold</i></th>
541 <th><i class="material-icons" style="color:blue" title="format_clear">format_clear</i></th>
542 <th><i class="material-icons" style="color:blue" title="format_color_fill">format_color_fill</i></th>
543 <th><i class="material-icons" style="color:blue" title="format_color_reset">format_color_reset</i></th>
544 <th><i class="material-icons" style="color:blue" title="format_color_text">format_color_text</i></th>
545 <th><i class="material-icons" style="color:blue" title="format_indent_decrease">format_indent_decrease</i></th>
546 <th><i class="material-icons" style="color:blue" title="format_indent_increase">format_indent_increase</i></th>
547 <th><i class="material-icons" style="color:blue" title="format_italic">format_italic</i></th>
548 <th><i class="material-icons" style="color:blue" title="format_line_spacing">format_line_spacing</i></th>
549 <th><i class="material-icons" style="color:blue" title="format_list_bulleted">format_list_bulleted</i></th>
550 <th><i class="material-icons" style="color:blue" title="format_list_numbered">format_list_numbered</i></th>
551 <th><i class="material-icons" style="color:blue" title="format_paint">format_paint</i></th>
552 <th><i class="material-icons" style="color:blue" title="format_quote">format_quote</i></th>
553 <th><i class="material-icons" style="color:blue" title="format_shapes">format_shapes</i></th>
554 <th><i class="material-icons" style="color:blue" title="format_size">format_size</i></th>
555 <th><i class="material-icons" style="color:blue" title="format_strikethrough">format_strikethrough</i></th>
556 <th><i class="material-icons" style="color:blue" title="format_underlined">format_underlined</i></th>
557 <th><i class="material-icons" style="color:blue" title="functions">functions</i></th>
558 <th><i class="material-icons" style="color:blue" title="highlight">highlight</i></th>
559 </tr>
560 <tr>
561 <th><i class="material-icons" style="color:blue" title="insert_chart">insert_chart</i></th>
562 <th><i class="material-icons" style="color:blue" title="insert_comment">insert_comment</i></th>
563 <th><i class="material-icons" style="color:blue" title="insert_drive_file">insert_drive_file</i></th>
564 <th><i class="material-icons" style="color:blue" title="insert_emoticon">insert_emoticon</i></th>
565 <th><i class="material-icons" style="color:blue" title="insert_invitation">insert_invitation</i></th>
566 <th><i class="material-icons" style="color:blue" title="insert_link">insert_link</i></th>
567 <th><i class="material-icons" style="color:blue" title="insert_photo">insert_photo</i></th>
568 <th><i class="material-icons" style="color:blue" title="linear_scale">linear_scale</i></th>
569 <th><i class="material-icons" style="color:blue" title="merge_type">merge_type</i></th>
570 <th><i class="material-icons" style="color:blue" title="mode_comment">mode_comment</i></th>
571 <th><i class="material-icons" style="color:blue" title="mode_edit">mode_edit</i></th>
572 <th><i class="material-icons" style="color:blue" title="monetization_on">monetization_on</i></th>
573 <th><i class="material-icons" style="color:blue" title="money_off">money_off</i></th>
574 <th><i class="material-icons" style="color:blue" title="multiline_chart">multiline_chart</i></th>
575 <th><i class="material-icons" style="color:blue" title="pie_chart">pie_chart</i></th>
576 <th><i class="material-icons" style="color:blue" title="pie_chart_outlined">pie_chart_outlined</i></th>
577 <th><i class="material-icons" style="color:blue" title="publish">publish</i></th>
578 <th><i class="material-icons" style="color:blue" title="short_text">short_text</i></th>
579 <th><i class="material-icons" style="color:blue" title="show_chart">show_chart</i></th>
580 <th><i class="material-icons" style="color:blue" title="space_bar">space_bar</i></th>
581 <th><i class="material-icons" style="color:blue" title="strikethrough_s">strikethrough_s</i></th>
582 <th><i class="material-icons" style="color:blue" title="text_fields">text_fields</i></th>
583 <th><i class="material-icons" style="color:blue" title="title">title</i></th>
584 <th><i class="material-icons" style="color:blue" title="vertical_align_bottom">vertical_align_bottom</i></th>
585 <th><i class="material-icons" style="color:blue" title="vertical_align_center">vertical_align_center</i></th>
586 <th><i class="material-icons" style="color:blue" title="vertical_align_top">vertical_align_top</i></th>
587 <th><i class="material-icons" style="color:blue" title="wrap_text">wrap_text</i></th>
588 </tr>
589 </tbody>
590</table>
591File Icons
592<table>
593 <tbody>
594 <tr>
595 <th><i class="material-icons" style="color:blue" title="attachment">attachment</i></th>
596 <th><i class="material-icons" style="color:blue" title="cloud">cloud</i></th>
597 <th><i class="material-icons" style="color:blue" title="cloud_circle">cloud_circle</i></th>
598 <th><i class="material-icons" style="color:blue" title="cloud_done">cloud_done</i></th>
599 <th><i class="material-icons" style="color:blue" title="cloud_download">cloud_download</i></th>
600 <th><i class="material-icons" style="color:blue" title="cloud_off">cloud_off</i></th>
601 <th><i class="material-icons" style="color:blue" title="cloud_queue">cloud_queue</i></th>
602 <th><i class="material-icons" style="color:blue" title="cloud_upload">cloud_upload</i></th>
603 <th><i class="material-icons" style="color:blue" title="create_new_folder">create_new_folder</i></th>
604 <th><i class="material-icons" style="color:blue" title="file_download">file_download</i></th>
605 <th><i class="material-icons" style="color:blue" title="file_upload">file_upload</i></th>
606 <th><i class="material-icons" style="color:blue" title="folder">folder</i></th>
607 <th><i class="material-icons" style="color:blue" title="folder_open">folder_open</i></th>
608 <th><i class="material-icons" style="color:blue" title="folder_shared">folder_shared</i></th>
609 </tr>
610 </tbody>
611</table>
612Hardware Icons
613<table>
614 <tbody>
615 <tr>
616 <th><i class="material-icons" style="color:blue" title="cast">cast</i></th>
617 <th><i class="material-icons" style="color:blue" title="cast_connected">cast_connected</i></th>
618 <th><i class="material-icons" style="color:blue" title="computer">computer</i></th>
619 <th><i class="material-icons" style="color:blue" title="desktop_mac">desktop_mac</i></th>
620 <th><i class="material-icons" style="color:blue" title="desktop_windows">desktop_windows</i></th>
621 <th><i class="material-icons" style="color:blue" title="developer_board">developer_board</i></th>
622 <th><i class="material-icons" style="color:blue" title="device_hub">device_hub</i></th>
623 <th><i class="material-icons" style="color:blue" title="devices_other">devices_other</i></th>
624 <th><i class="material-icons" style="color:blue" title="dock">dock</i></th>
625 <th><i class="material-icons" style="color:blue" title="gamepad">gamepad</i></th>
626 <th><i class="material-icons" style="color:blue" title="headset">headset</i></th>
627 <th><i class="material-icons" style="color:blue" title="headset_mic">headset_mic</i></th>
628 <th><i class="material-icons" style="color:blue" title="keyboard">keyboard</i></th>
629 <th><i class="material-icons" style="color:blue" title="keyboard_arrow_down">keyboard_arrow_down</i></th>
630 <th><i class="material-icons" style="color:blue" title="keyboard_arrow_left">keyboard_arrow_left</i></th>
631 <th><i class="material-icons" style="color:blue" title="keyboard_arrow_right">keyboard_arrow_right</i></th>
632 <th><i class="material-icons" style="color:blue" title="keyboard_arrow_up">keyboard_arrow_up</i></th>
633 <th><i class="material-icons" style="color:blue" title="keyboard_backspace">keyboard_backspace</i></th>
634 <th><i class="material-icons" style="color:blue" title="keyboard_capslock">keyboard_capslock</i></th>
635 <th><i class="material-icons" style="color:blue" title="keyboard_hide">keyboard_hide</i></th>
636 <th><i class="material-icons" style="color:blue" title="keyboard_return">keyboard_return</i></th>
637 <th><i class="material-icons" style="color:blue" title="keyboard_tab">keyboard_tab</i></th>
638 <th><i class="material-icons" style="color:blue" title="keyboard_voice">keyboard_voice</i></th>
639 <th><i class="material-icons" style="color:blue" title="laptop">laptop</i></th>
640 <th><i class="material-icons" style="color:blue" title="laptop_chromebook">laptop_chromebook</i></th>
641 <th><i class="material-icons" style="color:blue" title="laptop_mac">laptop_mac</i></th>
642 <th><i class="material-icons" style="color:blue" title="laptop_windows">laptop_windows</i></th>
643 <th><i class="material-icons" style="color:blue" title="memory">memory</i></th>
644 <th><i class="material-icons" style="color:blue" title="mouse">mouse</i></th>
645 <th><i class="material-icons" style="color:blue" title="phone_android">phone_android</i></th>
646 <th><i class="material-icons" style="color:blue" title="phone_iphone">phone_iphone</i></th>
647 <th><i class="material-icons" style="color:blue" title="phonelink">phonelink</i></th>
648 <th><i class="material-icons" style="color:blue" title="phonelink_off">phonelink_off</i></th>
649 <th><i class="material-icons" style="color:blue" title="power_input">power_input</i></th>
650 <th><i class="material-icons" style="color:blue" title="phonelink">phonelink</i></th>
651 <th><i class="material-icons" style="color:blue" title="router">router</i></th>
652 <th><i class="material-icons" style="color:blue" title="scanner">scanner</i></th>
653 <th><i class="material-icons" style="color:blue" title="security">security</i></th>
654 <th><i class="material-icons" style="color:blue" title="sim_card">sim_card</i></th>
655 </tr>
656 <tr>
657 <th><i class="material-icons" style="color:blue" title="smartphone">smartphone</i></th>
658 <th><i class="material-icons" style="color:blue" title="speaker">speaker</i></th>
659 <th><i class="material-icons" style="color:blue" title="speaker_group">speaker_group</i></th>
660 <th><i class="material-icons" style="color:blue" title="tablet">tablet</i></th>
661 <th><i class="material-icons" style="color:blue" title="tablet_android">tablet_android</i></th>
662 <th><i class="material-icons" style="color:blue" title="tablet_mac">tablet_mac</i></th>
663 <th><i class="material-icons" style="color:blue" title="toys">toys</i></th>
664 <th><i class="material-icons" style="color:blue" title="tv">tv</i></th>
665 <th><i class="material-icons" style="color:blue" title="videogame_asset">videogame_asset</i></th>
666 <th><i class="material-icons" style="color:blue" title="watch">watch</i></th>
667 </tr>
668 </tbody>
669</table>
670Maps Icons
671<table>
672 <tbody>
673 <tr>
674 <th><i class="material-icons" style="color:blue" title="add_location">add_location</i></th>
675 <th><i class="material-icons" style="color:blue" title="beenhere">beenhere</i></th>
676 <th><i class="material-icons" style="color:blue" title="directions">directions</i></th>
677 <th><i class="material-icons" style="color:blue" title="directions_bike">directions_bike</i></th>
678 <th><i class="material-icons" style="color:blue" title="directions_boat">directions_boat</i></th>
679 <th><i class="material-icons" style="color:blue" title="directions_bus">directions_bus</i></th>
680 <th><i class="material-icons" style="color:blue" title="directions_car">directions_car</i></th>
681 <th><i class="material-icons" style="color:blue" title="directions_railway">directions_railway</i></th>
682 <th><i class="material-icons" style="color:blue" title="directions_run">directions_run</i></th>
683 <th><i class="material-icons" style="color:blue" title="directions_subway">directions_subway</i></th>
684 <th><i class="material-icons" style="color:blue" title="directions_transit">directions_transit</i></th>
685 <th><i class="material-icons" style="color:blue" title="directions_walk">directions_walk</i></th>
686 <th><i class="material-icons" style="color:blue" title="edit_location">edit_location</i></th>
687 <th><i class="material-icons" style="color:blue" title="ev_station">ev_station</i></th>
688 <th><i class="material-icons" style="color:blue" title="flight">flight</i></th>
689 <th><i class="material-icons" style="color:blue" title="hotel">hotel</i></th>
690 <th><i class="material-icons" style="color:blue" title="layers">layers</i></th>
691 <th><i class="material-icons" style="color:blue" title="layers_clear">layers_clear</i></th>
692 <th><i class="material-icons" style="color:blue" title="local_activity">local_activity</i></th>
693 <th><i class="material-icons" style="color:blue" title="local_airport">local_airport</i></th>
694 <th><i class="material-icons" style="color:blue" title="local_atm">local_atm</i></th>
695 <th><i class="material-icons" style="color:blue" title="local_bar">local_bar</i></th>
696 <th><i class="material-icons" style="color:blue" title="local_cafe">local_cafe</i></th>
697 <th><i class="material-icons" style="color:blue" title="local_car_wash">local_car_wash</i></th>
698 <th><i class="material-icons" style="color:blue" title="local_convenience_store">local_convenience_store</i></th>
699 <th><i class="material-icons" style="color:blue" title="local_dining">local_dining</i></th>
700 <th><i class="material-icons" style="color:blue" title="local_drink">local_drink</i></th>
701 <th><i class="material-icons" style="color:blue" title="local_florist">local_florist</i></th>
702 <th><i class="material-icons" style="color:blue" title="local_gas_station">local_gas_station</i></th>
703 <th><i class="material-icons" style="color:blue" title="local_grocery_store">local_grocery_store</i></th>
704 <th><i class="material-icons" style="color:blue" title="local_hospital">local_hospital</i></th>
705 <th><i class="material-icons" style="color:blue" title="local_hotel">local_hotel</i></th>
706 <th><i class="material-icons" style="color:blue" title="local_laundry_service">local_laundry_service</i></th>
707 <th><i class="material-icons" style="color:blue" title="local_library">local_library</i></th>
708 <th><i class="material-icons" style="color:blue" title="local_mall">local_mall</i></th>
709 <th><i class="material-icons" style="color:blue" title="local_movies">local_movies</i></th>
710 <th><i class="material-icons" style="color:blue" title="local_offer">local_offer</i></th>
711 <th><i class="material-icons" style="color:blue" title="local_parking">local_parking</i></th>
712 <th><i class="material-icons" style="color:blue" title="local_pharmacy">local_pharmacy</i></th>
713 </tr>
714 <tr>
715 <th><i class="material-icons" style="color:blue" title="local_phone">local_phone</i></th>
716 <th><i class="material-icons" style="color:blue" title="local_pizza">local_pizza</i></th>
717 <th><i class="material-icons" style="color:blue" title="local_play">local_play</i></th>
718 <th><i class="material-icons" style="color:blue" title="local_post_office">local_post_office</i></th>
719 <th><i class="material-icons" style="color:blue" title="local_printshop">local_printshop</i></th>
720 <th><i class="material-icons" style="color:blue" title="local_see">local_see</i></th>
721 <th><i class="material-icons" style="color:blue" title="local_shipping">local_shipping</i></th>
722 <th><i class="material-icons" style="color:blue" title="local_taxi">local_taxi</i></th>
723 <th><i class="material-icons" style="color:blue" title="map">map</i></th>
724 <th><i class="material-icons" style="color:blue" title="my_location">my_location</i></th>
725 <th><i class="material-icons" style="color:blue" title="navigation">navigation</i></th>
726 <th><i class="material-icons" style="color:blue" title="near_me">near_me</i></th>
727 <th><i class="material-icons" style="color:blue" title="person_pin">person_pin</i></th>
728 <th><i class="material-icons" style="color:blue" title="person_pin_circle">person_pin_circle</i></th>
729 <th><i class="material-icons" style="color:blue" title="pin_drop">pin_drop</i></th>
730 <th><i class="material-icons" style="color:blue" title="place">place</i></th>
731 <th><i class="material-icons" style="color:blue" title="rate_review">rate_review</i></th>
732 <th><i class="material-icons" style="color:blue" title="restaurant">restaurant</i></th>
733 <th><i class="material-icons" style="color:blue" title="restaurant_menu">restaurant_menu</i></th>
734 <th><i class="material-icons" style="color:blue" title="satellite">satellite</i></th>
735 <th><i class="material-icons" style="color:blue" title="store_mall_directory">store_mall_directory</i></th>
736 <th><i class="material-icons" style="color:blue" title="streetview">streetview</i></th>
737 <th><i class="material-icons" style="color:blue" title="subway">subway</i></th>
738 <th><i class="material-icons" style="color:blue" title="terrain">terrain</i></th>
739 <th><i class="material-icons" style="color:blue" title="traffic">traffic</i></th>
740 <th><i class="material-icons" style="color:blue" title="train">train</i></th>
741 <th><i class="material-icons" style="color:blue" title="tram">tram</i></th>
742 <th><i class="material-icons" style="color:blue" title="transfer_within_a_station">transfer_within_a_station</i></th>
743 <th><i class="material-icons" style="color:blue" title="zoom_out_map">zoom_out_map</i></th>
744 </tr>
745 </tbody>
746</table>
747Navigation Icons
748<table>
749 <tbody>
750 <tr>
751 <th><i class="material-icons" style="color:blue" title="apps">apps</i></th>
752 <th><i class="material-icons" style="color:blue" title="arrow_back">arrow_back</i></th>
753 <th><i class="material-icons" style="color:blue" title="arrow_drop_down">arrow_drop_down</i></th>
754 <th><i class="material-icons" style="color:blue" title="arrow_drop_down_circle">arrow_drop_down_circle</i></th>
755 <th><i class="material-icons" style="color:blue" title="arrow_drop_up">arrow_drop_up</i></th>
756 <th><i class="material-icons" style="color:blue" title="arrow_downward">arrow_downward</i></th>
757 <th><i class="material-icons" style="color:blue" title="arrow_forward">arrow_forward</i></th>
758 <th><i class="material-icons" style="color:blue" title="arrow_upward">arrow_upward</i></th>
759 <th><i class="material-icons" style="color:blue" title="cancel">cancel</i></th>
760 <th><i class="material-icons" style="color:blue" title="check">check</i></th>
761 <th><i class="material-icons" style="color:blue" title="chevron_left">chevron_left</i></th>
762 <th><i class="material-icons" style="color:blue" title="chevron_right">chevron_right</i></th>
763 <th><i class="material-icons" style="color:blue" title="close">close</i></th>
764 <th><i class="material-icons" style="color:blue" title="expand_less">expand_less</i></th>
765 <th><i class="material-icons" style="color:blue" title="expand_more">expand_more</i></th>
766 <th><i class="material-icons" style="color:blue" title="first_page">first_page</i></th>
767 <th><i class="material-icons" style="color:blue" title="fullscreen">fullscreen</i></th>
768 <th><i class="material-icons" style="color:blue" title="fullscreen_exit">fullscreen_exit</i></th>
769 <th><i class="material-icons" style="color:blue" title="last_page">last_page</i></th>
770 <th><i class="material-icons" style="color:blue" title="menu">menu</i></th>
771 <th><i class="material-icons" style="color:blue" title="more_horiz">more_horiz</i></th>
772 <th><i class="material-icons" style="color:blue" title="more_vert">more_vert</i></th>
773 <th><i class="material-icons" style="color:blue" title="refresh">refresh</i></th>
774 <th><i class="material-icons" style="color:blue" title="subdirectory_arrow_left">subdirectory_arrow_left</i></th>
775 <th><i class="material-icons" style="color:blue" title="subdirectory_arrow_right">subdirectory_arrow_right</i></th>
776 <th><i class="material-icons" style="color:blue" title="unfold_less">unfold_less</i></th>
777 <th><i class="material-icons" style="color:blue" title="unfold_more">unfold_more</i></th>
778 </tr>
779 </tbody>
780</table>
781Notification Icons
782<table>
783 <tbody>
784 <tr>
785 <th><i class="material-icons" style="color:blue" title="adb">adb</i></th>
786 <th><i class="material-icons" style="color:blue" title="airline_seat_flat">airline_seat_flat</i></th>
787 <th><i class="material-icons" style="color:blue" title="airline_seat_flat_angled">airline_seat_flat_angled</i></th>
788 <th><i class="material-icons" style="color:blue" title="airline_seat_individual_suite">airline_seat_individual_suite</i></th>
789 <th><i class="material-icons" style="color:blue" title="airline_seat_legroom_extra">airline_seat_legroom_extra</i></th>
790 <th><i class="material-icons" style="color:blue" title="airline_seat_legroom_normal">airline_seat_legroom_normal</i></th>
791 <th><i class="material-icons" style="color:blue" title="airline_seat_legroom_reduced">airline_seat_legroom_reduced</i></th>
792 <th><i class="material-icons" style="color:blue" title="airline_seat_recline_extra">airline_seat_recline_extra</i></th>
793 <th><i class="material-icons" style="color:blue" title="airline_seat_recline_normal">airline_seat_recline_normal</i></th>
794 <th><i class="material-icons" style="color:blue" title="bluetooth_audio">bluetooth_audio</i></th>
795 <th><i class="material-icons" style="color:blue" title="confirmation_number">confirmation_number</i></th>
796 <th><i class="material-icons" style="color:blue" title="disc_full">disc_full</i></th>
797 <th><i class="material-icons" style="color:blue" title="do_not_disturb">do_not_disturb</i></th>
798 <th><i class="material-icons" style="color:blue" title="do_not_disturb_alt">do_not_disturb_alt</i></th>
799 <th><i class="material-icons" style="color:blue" title="do_not_disturb_off">do_not_disturb_off</i></th>
800 <th><i class="material-icons" style="color:blue" title="do_not_disturb_on">do_not_disturb_on</i></th>
801 <th><i class="material-icons" style="color:blue" title="drive_eta">drive_eta</i></th>
802 <th><i class="material-icons" style="color:blue" title="enhanced_encryption">enhanced_encryption</i></th>
803 <th><i class="material-icons" style="color:blue" title="event_available">event_available</i></th>
804 <th><i class="material-icons" style="color:blue" title="event_busy">event_busy</i></th>
805 <th><i class="material-icons" style="color:blue" title="event_note">event_note</i></th>
806 <th><i class="material-icons" style="color:blue" title="folder_special">folder_special</i></th>
807 <th><i class="material-icons" style="color:blue" title="live_tv">live_tv</i></th>
808 <th><i class="material-icons" style="color:blue" title="mms">mms</i></th>
809 <th><i class="material-icons" style="color:blue" title="more">more</i></th>
810 <th><i class="material-icons" style="color:blue" title="network_check">network_check</i></th>
811 <th><i class="material-icons" style="color:blue" title="network_locked">network_locked</i></th>
812 <th><i class="material-icons" style="color:blue" title="no_encryption">no_encryption</i></th>
813 <th><i class="material-icons" style="color:blue" title="ondemand_video">ondemand_video</i></th>
814 <th><i class="material-icons" style="color:blue" title="personal_video">personal_video</i></th>
815 <th><i class="material-icons" style="color:blue" title="phone_bluetooth_speaker">phone_bluetooth_speaker</i></th>
816 <th><i class="material-icons" style="color:blue" title="phone_forwarded">phone_forwarded</i></th>
817 <th><i class="material-icons" style="color:blue" title="phone_in_talk">phone_in_talk</i></th>
818 <th><i class="material-icons" style="color:blue" title="phone_locked">phone_locked</i></th>
819 <th><i class="material-icons" style="color:blue" title="phone_missed">phone_missed</i></th>
820 <th><i class="material-icons" style="color:blue" title="phone_paused">phone_paused</i></th>
821 <th><i class="material-icons" style="color:blue" title="power">power</i></th>
822 <th><i class="material-icons" style="color:blue" title="priority_high">priority_high</i></th>
823 <th><i class="material-icons" style="color:blue" title="sd_card">sd_card</i></th>
824 </tr>
825 <tr>
826 <th><i class="material-icons" style="color:blue" title="sim_card_alert">sim_card_alert</i></th>
827 <th><i class="material-icons" style="color:blue" title="sms">sms</i></th>
828 <th><i class="material-icons" style="color:blue" title="sms_failed">sms_failed</i></th>
829 <th><i class="material-icons" style="color:blue" title="sync">sync</i></th>
830 <th><i class="material-icons" style="color:blue" title="sync_disabled">sync_disabled</i></th>
831 <th><i class="material-icons" style="color:blue" title="sync_problem">sync_problem</i></th>
832 <th><i class="material-icons" style="color:blue" title="system_update">system_update</i></th>
833 <th><i class="material-icons" style="color:blue" title="tap_and_play">tap_and_play</i></th>
834 <th><i class="material-icons" style="color:blue" title="time_to_leave">time_to_leave</i></th>
835 <th><i class="material-icons" style="color:blue" title="vibration">vibration</i></th>
836 <th><i class="material-icons" style="color:blue" title="voice_chat">voice_chat</i></th>
837 <th><i class="material-icons" style="color:blue" title="vpn_lock">vpn_lock</i></th>
838 <th><i class="material-icons" style="color:blue" title="wc">wc</i></th>
839 <th><i class="material-icons" style="color:blue" title="wifi">wifi</i></th>
840 </tr>
841 </tbody>
842</table>
843Photos Icons
844<table>
845 <tbody>
846 <tr>
847 <th><i class="material-icons" style="color:blue" title="add_a_photo">add_a_photo</i></th>
848 <th><i class="material-icons" style="color:blue" title="add_to_photos">add_to_photos</i></th>
849 <th><i class="material-icons" style="color:blue" title="adjust">adjust</i></th>
850 <th><i class="material-icons" style="color:blue" title="assistant">assistant</i></th>
851 <th><i class="material-icons" style="color:blue" title="assistant_photo">assistant_photo</i></th>
852 <th><i class="material-icons" style="color:blue" title="audiotrack">audiotrack</i></th>
853 <th><i class="material-icons" style="color:blue" title="blur_circular">blur_circular</i></th>
854 <th><i class="material-icons" style="color:blue" title="blur_linear">blur_linear</i></th>
855 <th><i class="material-icons" style="color:blue" title="blur_off">blur_off</i></th>
856 <th><i class="material-icons" style="color:blue" title="blur_on">blur_on</i></th>
857 <th><i class="material-icons" style="color:blue" title="brightness_1">brightness_1</i></th>
858 <th><i class="material-icons" style="color:blue" title="brightness_2">brightness_2</i></th>
859 <th><i class="material-icons" style="color:blue" title="brightness_3">brightness_3</i></th>
860 <th><i class="material-icons" style="color:blue" title="brightness_4">brightness_4</i></th>
861 <th><i class="material-icons" style="color:blue" title="brightness_5">brightness_5</i></th>
862 <th><i class="material-icons" style="color:blue" title="brightness_6">brightness_6</i></th>
863 <th><i class="material-icons" style="color:blue" title="brightness_7">brightness_7</i></th>
864 <th><i class="material-icons" style="color:blue" title="broken_image">broken_image</i></th>
865 <th><i class="material-icons" style="color:blue" title="brush">brush</i></th>
866 <th><i class="material-icons" style="color:blue" title="burst_mode">burst_mode</i></th>
867 <th><i class="material-icons" style="color:blue" title="camera">camera</i></th>
868 <th><i class="material-icons" style="color:blue" title="camera_alt">camera_alt</i></th>
869 <th><i class="material-icons" style="color:blue" title="camera_front">camera_front</i></th>
870 <th><i class="material-icons" style="color:blue" title="camera_rear">camera_rear</i></th>
871 <th><i class="material-icons" style="color:blue" title="camera_roll">camera_roll</i></th>
872 <th><i class="material-icons" style="color:blue" title="center_focus_strong">center_focus_strong</i></th>
873 <th><i class="material-icons" style="color:blue" title="center_focus_weak">center_focus_weak</i></th>
874 <th><i class="material-icons" style="color:blue" title="collections">collections</i></th>
875 <th><i class="material-icons" style="color:blue" title="collections_bookmark">collections_bookmark</i></th>
876 <th><i class="material-icons" style="color:blue" title="color_lens">color_lens</i></th>
877 <th><i class="material-icons" style="color:blue" title="colorize">colorize</i></th>
878 <th><i class="material-icons" style="color:blue" title="compare">compare</i></th>
879 <th><i class="material-icons" style="color:blue" title="control_point">control_point</i></th>
880 <th><i class="material-icons" style="color:blue" title="control_point_duplicate">control_point_duplicate</i></th>
881 <th><i class="material-icons" style="color:blue" title="crop">crop</i></th>
882 <th><i class="material-icons" style="color:blue" title="crop_16_9">crop_16_9</i></th>
883 <th><i class="material-icons" style="color:blue" title="crop_3_2">crop_3_2</i></th>
884 <th><i class="material-icons" style="color:blue" title="crop_5_4">crop_5_4</i></th>
885 <th><i class="material-icons" style="color:blue" title="crop_7_5">crop_7_5</i></th>
886 </tr>
887 <tr>
888 <th><i class="material-icons" style="color:blue" title="crop_din">crop_din</i></th>
889 <th><i class="material-icons" style="color:blue" title="crop_free">crop_free</i></th>
890 <th><i class="material-icons" style="color:blue" title="crop_landscape">crop_landscape</i></th>
891 <th><i class="material-icons" style="color:blue" title="crop_original">crop_original</i></th>
892 <th><i class="material-icons" style="color:blue" title="crop_portrait">crop_portrait</i></th>
893 <th><i class="material-icons" style="color:blue" title="crop_square">crop_square</i></th>
894 <th><i class="material-icons" style="color:blue" title="dehaze">dehaze</i></th>
895 <th><i class="material-icons" style="color:blue" title="details">details</i></th>
896 <th><i class="material-icons" style="color:blue" title="edit">edit</i></th>
897 <th><i class="material-icons" style="color:blue" title="exposure">exposure</i></th>
898 <th><i class="material-icons" style="color:blue" title="exposure_neg_1">exposure_neg_1</i></th>
899 <th><i class="material-icons" style="color:blue" title="exposure_neg_2">exposure_neg_2</i></th>
900 <th><i class="material-icons" style="color:blue" title="exposure_plus_1">exposure_plus_1</i></th>
901 <th><i class="material-icons" style="color:blue" title="exposure_plus_2">exposure_plus_2</i></th>
902 <th><i class="material-icons" style="color:blue" title="exposure_zero">exposure_zero</i></th>
903 <th><i class="material-icons" style="color:blue" title="filter">filter</i></th>
904 <th><i class="material-icons" style="color:blue" title="filter_1">filter_1</i></th>
905 <th><i class="material-icons" style="color:blue" title="filter_2">filter_2</i></th>
906 <th><i class="material-icons" style="color:blue" title="filter_3">filter_3</i></th>
907 <th><i class="material-icons" style="color:blue" title="filter_4">filter_4</i></th>
908 <th><i class="material-icons" style="color:blue" title="filter_5">filter_5</i></th>
909 <th><i class="material-icons" style="color:blue" title="filter_6">filter_6</i></th>
910 <th><i class="material-icons" style="color:blue" title="filter_7">filter_7</i></th>
911 <th><i class="material-icons" style="color:blue" title="filter_8">filter_8</i></th>
912 <th><i class="material-icons" style="color:blue" title="filter_9">filter_9</i></th>
913 <th><i class="material-icons" style="color:blue" title="filter_9_plus">filter_9_plus</i></th>
914 <th><i class="material-icons" style="color:blue" title="filter_b_and_w">filter_b_and_w</i></th>
915 <th><i class="material-icons" style="color:blue" title="filter_center_focus">filter_center_focus</i></th>
916 <th><i class="material-icons" style="color:blue" title="filter_drama">filter_drama</i></th>
917 <th><i class="material-icons" style="color:blue" title="filter_frames">filter_frames</i></th>
918 <th><i class="material-icons" style="color:blue" title="filter_hdr">filter_hdr</i></th>
919 <th><i class="material-icons" style="color:blue" title="filter_none">filter_none</i></th>
920 <th><i class="material-icons" style="color:blue" title="filter_tilt_shift">filter_tilt_shift</i></th>
921 <th><i class="material-icons" style="color:blue" title="filter_vintage">filter_vintage</i></th>
922 <th><i class="material-icons" style="color:blue" title="flare">flare</i></th>
923 <th><i class="material-icons" style="color:blue" title="flash_auto">flash_auto</i></th>
924 <th><i class="material-icons" style="color:blue" title="flash_off">flash_off</i></th>
925 <th><i class="material-icons" style="color:blue" title="flash_on">flash_on</i></th>
926 <th><i class="material-icons" style="color:blue" title="flip">flip</i></th>
927 </tr>
928 <tr>
929 <th><i class="material-icons" style="color:blue" title="gradient">gradient</i></th>
930 <th><i class="material-icons" style="color:blue" title="grain">grain</i></th>
931 <th><i class="material-icons" style="color:blue" title="grid_off">grid_off</i></th>
932 <th><i class="material-icons" style="color:blue" title="grid_on">grid_on</i></th>
933 <th><i class="material-icons" style="color:blue" title="hdr_off">hdr_off</i></th>
934 <th><i class="material-icons" style="color:blue" title="hdr_on">hdr_on</i></th>
935 <th><i class="material-icons" style="color:blue" title="hdr_strong">hdr_strong</i></th>
936 <th><i class="material-icons" style="color:blue" title="hdr_weak">hdr_weak</i></th>
937 <th><i class="material-icons" style="color:blue" title="healing">healing</i></th>
938 <th><i class="material-icons" style="color:blue" title="image">image</i></th>
939 <th><i class="material-icons" style="color:blue" title="image_aspect_ratio">image_aspect_ratio</i></th>
940 <th><i class="material-icons" style="color:blue" title="iso">iso</i></th>
941 <th><i class="material-icons" style="color:blue" title="landscape">landscape</i></th>
942 <th><i class="material-icons" style="color:blue" title="leak_add">leak_add</i></th>
943 <th><i class="material-icons" style="color:blue" title="leak_remove">leak_remove</i></th>
944 <th><i class="material-icons" style="color:blue" title="lens">lens</i></th>
945 <th><i class="material-icons" style="color:blue" title="linked_camera">linked_camera</i></th>
946 <th><i class="material-icons" style="color:blue" title="looks">looks</i></th>
947 <th><i class="material-icons" style="color:blue" title="looks_3">looks_3</i></th>
948 <th><i class="material-icons" style="color:blue" title="looks_4">looks_4</i></th>
949 <th><i class="material-icons" style="color:blue" title="looks_5">looks_5</i></th>
950 <th><i class="material-icons" style="color:blue" title="looks_6">looks_6</i></th>
951 <th><i class="material-icons" style="color:blue" title="looks_one">looks_one</i></th>
952 <th><i class="material-icons" style="color:blue" title="looks_two">looks_two</i></th>
953 <th><i class="material-icons" style="color:blue" title="loupe">loupe</i></th>
954 <th><i class="material-icons" style="color:blue" title="monochrome_photos">monochrome_photos</i></th>
955 <th><i class="material-icons" style="color:blue" title="movie_creation">movie_creation</i></th>
956 <th><i class="material-icons" style="color:blue" title="movie_filter">movie_filter</i></th>
957 <th><i class="material-icons" style="color:blue" title="music_note">music_note</i></th>
958 <th><i class="material-icons" style="color:blue" title="nature">nature</i></th>
959 <th><i class="material-icons" style="color:blue" title="nature_people">nature_people</i></th>
960 <th><i class="material-icons" style="color:blue" title="navigate_before">navigate_before</i></th>
961 <th><i class="material-icons" style="color:blue" title="navigate_next">navigate_next</i></th>
962 <th><i class="material-icons" style="color:blue" title="palette">palette</i></th>
963 <th><i class="material-icons" style="color:blue" title="panorama">panorama</i></th>
964 <th><i class="material-icons" style="color:blue" title="panorama_fish_eye">panorama_fish_eye</i></th>
965 <th><i class="material-icons" style="color:blue" title="panorama_horizontal">panorama_horizontal</i></th>
966 <th><i class="material-icons" style="color:blue" title="panorama_vertical">panorama_vertical</i></th>
967 <th><i class="material-icons" style="color:blue" title="panorama_wide_angle">panorama_wide_angle</i></th>
968 </tr>
969 <tr>
970 <th><i class="material-icons" style="color:blue" title="photo">photo</i></th>
971 <th><i class="material-icons" style="color:blue" title="photo_album">photo_album</i></th>
972 <th><i class="material-icons" style="color:blue" title="photo_camera">photo_camera</i></th>
973 <th><i class="material-icons" style="color:blue" title="photo_filter">photo_filter</i></th>
974 <th><i class="material-icons" style="color:blue" title="photo_library">photo_library</i></th>
975 <th><i class="material-icons" style="color:blue" title="photo_size_select_actual">photo_size_select_actual</i></th>
976 <th><i class="material-icons" style="color:blue" title="photo_size_select_large">photo_size_select_large</i></th>
977 <th><i class="material-icons" style="color:blue" title="photo_size_select_small">photo_size_select_small</i></th>
978 <th><i class="material-icons" style="color:blue" title="picture_as_pdf">picture_as_pdf</i></th>
979 <th><i class="material-icons" style="color:blue" title="portrait">portrait</i></th>
980 <th><i class="material-icons" style="color:blue" title="remove_red_eye">remove_red_eye</i></th>
981 <th><i class="material-icons" style="color:blue" title="rotate_90_degrees_ccw">rotate_90_degrees_ccw</i></th>
982 <th><i class="material-icons" style="color:blue" title="rotate_left">rotate_left</i></th>
983 <th><i class="material-icons" style="color:blue" title="rotate_right">rotate_right</i></th>
984 <th><i class="material-icons" style="color:blue" title="slideshow">slideshow</i></th>
985 <th><i class="material-icons" style="color:blue" title="straighten">straighten</i></th>
986 <th><i class="material-icons" style="color:blue" title="style">style</i></th>
987 <th><i class="material-icons" style="color:blue" title="switch_camera">switch_camera</i></th>
988 <th><i class="material-icons" style="color:blue" title="switch_video">switch_video</i></th>
989 <th><i class="material-icons" style="color:blue" title="tag_faces">tag_faces</i></th>
990 <th><i class="material-icons" style="color:blue" title="texture">texture</i></th>
991 <th><i class="material-icons" style="color:blue" title="timelapse">timelapse</i></th>
992 <th><i class="material-icons" style="color:blue" title="timer_10">timer_10</i></th>
993 <th><i class="material-icons" style="color:blue" title="timer">timer</i></th>
994 <th><i class="material-icons" style="color:blue" title="timer_3">timer_3</i></th>
995 <th><i class="material-icons" style="color:blue" title="timer_off">timer_off</i></th>
996 <th><i class="material-icons" style="color:blue" title="tonality">tonality</i></th>
997 <th><i class="material-icons" style="color:blue" title="transform">transform</i></th>
998 <th><i class="material-icons" style="color:blue" title="tune">tune</i></th>
999 <th><i class="material-icons" style="color:blue" title="view_comfy">view_comfy</i></th>
1000 <th><i class="material-icons" style="color:blue" title="view_compact">view_compact</i></th>
1001 <th><i class="material-icons" style="color:blue" title="vignette">vignette</i></th>
1002 <th><i class="material-icons" style="color:blue" title="wb_auto">wb_auto</i></th>
1003 <th><i class="material-icons" style="color:blue" title="wb_cloudy">wb_cloudy</i></th>
1004 <th><i class="material-icons" style="color:blue" title="wb_incandescent">wb_incandescent</i></th>
1005 <th><i class="material-icons" style="color:blue" title="wb_iridescent">wb_iridescent</i></th>
1006 <th><i class="material-icons" style="color:blue" title="wb_sunny">wb_sunny</i></th>
1007 </tr>
1008 </tbody>
1009</table>
1010Places Icons
1011<table>
1012 <tbody>
1013 <tr>
1014 <th><i class="material-icons" style="color:blue" title="ac_unit">ac_unit</i></th>
1015 <th><i class="material-icons" style="color:blue" title="airport_shuttle">airport_shuttle</i></th>
1016 <th><i class="material-icons" style="color:blue" title="all_inclusive">all_inclusive</i></th>
1017 <th><i class="material-icons" style="color:blue" title="beach_access">beach_access</i></th>
1018 <th><i class="material-icons" style="color:blue" title="business_center">business_center</i></th>
1019 <th><i class="material-icons" style="color:blue" title="casino">casino</i></th>
1020 <th><i class="material-icons" style="color:blue" title="child_care">child_care</i></th>
1021 <th><i class="material-icons" style="color:blue" title="child_friendly">child_friendly</i></th>
1022 <th><i class="material-icons" style="color:blue" title="fitness_center">fitness_center</i></th>
1023 <th><i class="material-icons" style="color:blue" title="free_breakfast">free_breakfast</i></th>
1024 <th><i class="material-icons" style="color:blue" title="golf_course">golf_course</i></th>
1025 <th><i class="material-icons" style="color:blue" title="hot_tub">hot_tub</i></th>
1026 <th><i class="material-icons" style="color:blue" title="kitchen">kitchen</i></th>
1027 <th><i class="material-icons" style="color:blue" title="pool">pool</i></th>
1028 <th><i class="material-icons" style="color:blue" title="room_service">room_service</i></th>
1029 <th><i class="material-icons" style="color:blue" title="rv_hookup">rv_hookup</i></th>
1030 <th><i class="material-icons" style="color:blue" title="smoke_free">smoke_free</i></th>
1031 <th><i class="material-icons" style="color:blue" title="smoking_rooms">smoking_rooms</i></th>
1032 <th><i class="material-icons" style="color:blue" title="spa">spa</i></th>
1033 </tr>
1034 </tbody>
1035</table>
1036Social Icons
1037<table>
1038 <tbody>
1039 <tr>
1040 <th><i class="material-icons" style="color:blue" title="cake">cake</i></th>
1041 <th><i class="material-icons" style="color:blue" title="domain">domain</i></th>
1042 <th><i class="material-icons" style="color:blue" title="group">group</i></th>
1043 <th><i class="material-icons" style="color:blue" title="group_add">group_add</i></th>
1044 <th><i class="material-icons" style="color:blue" title="location_city">location_city</i></th>
1045 <th><i class="material-icons" style="color:blue" title="mood">mood</i></th>
1046 <th><i class="material-icons" style="color:blue" title="mood_bad">mood_bad</i></th>
1047 <th><i class="material-icons" style="color:blue" title="notifications">notifications</i></th>
1048 <th><i class="material-icons" style="color:blue" title="notifications_none">notifications_none</i></th>
1049 <th><i class="material-icons" style="color:blue" title="notifications_off">notifications_off</i></th>
1050 <th><i class="material-icons" style="color:blue" title="notifications_active">notifications_active</i></th>
1051 <th><i class="material-icons" style="color:blue" title="notifications_paused">notifications_paused</i></th>
1052 <th><i class="material-icons" style="color:blue" title="pages">pages</i></th>
1053 <th><i class="material-icons" style="color:blue" title="party_mode">party_mode</i></th>
1054 <th><i class="material-icons" style="color:blue" title="people">people</i></th>
1055 <th><i class="material-icons" style="color:blue" title="people_outline">people_outline</i></th>
1056 <th><i class="material-icons" style="color:blue" title="person">person</i></th>
1057 <th><i class="material-icons" style="color:blue" title="person_add">person_add</i></th>
1058 <th><i class="material-icons" style="color:blue" title="person_outline">person_outline</i></th>
1059 <th><i class="material-icons" style="color:blue" title="plus_one">plus_one</i></th>
1060 <th><i class="material-icons" style="color:blue" title="poll">poll</i></th>
1061 <th><i class="material-icons" style="color:blue" title="public">public</i></th>
1062 <th><i class="material-icons" style="color:blue" title="school">school</i></th>
1063 <th><i class="material-icons" style="color:blue" title="sentiment_dissatisfied">sentiment_dissatisfied</i></th>
1064 <th><i class="material-icons" style="color:blue" title="sentiment_neutral">sentiment_neutral</i></th>
1065 <th><i class="material-icons" style="color:blue" title="sentiment_satisfied">sentiment_satisfied</i></th>
1066 <th><i class="material-icons" style="color:blue" title="sentiment_very_dissatisfied">sentiment_very_dissatisfied</i></th>
1067 <th><i class="material-icons" style="color:blue" title="sentiment_very_satisfied">sentiment_very_satisfied</i></th>
1068 <th><i class="material-icons" style="color:blue" title="share">share</i></th>
1069 <th><i class="material-icons" style="color:blue" title="whatshot">whatshot</i></th>
1070 </tr>
1071 </tbody>
1072</table>
1073Toggle Icons
1074<table>
1075 <tbody>
1076 <tr>
1077 <th><i class="material-icons" style="color:blue" title="check_box">check_box</i></th>
1078 <th><i class="material-icons" style="color:blue" title="check_box_outline_blank">check_box_outline_blank</i></th>
1079 <th><i class="material-icons" style="color:blue" title="indeterminate_check_box">indeterminate_check_box</i></th>
1080 <th><i class="material-icons" style="color:blue" title="radio_button_unchecked">radio_button_unchecked</i></th>
1081 <th><i class="material-icons" style="color:blue" title="radio_button_checked">radio_button_checked</i></th>
1082 <th><i class="material-icons" style="color:blue" title="star">star</i></th>
1083 <th><i class="material-icons" style="color:blue" title="star_half">star_half</i></th>
1084 <th><i class="material-icons" style="color:blue" title="star_border">star_border</i></th>
1085 </tr>
1086 </tbody>
1087</table>
1088</body>
1089</html>