Материал - значки содержимого

В этой главе объясняется использование значков (Материального) содержания Google. Предположим, чтоcustom - это имя класса CSS, в котором мы определили размер и цвет, как показано в приведенном ниже примере.

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
		
      <style>
         i.custom {font-size: 2em; color: green;}
      </style>
		
   </head>
	
   <body>
      <i class = "material-icons custom">accessibility</i>
   </body>
	
</html>

Следующая таблица содержит использование и результаты использования значков Google (Материального) контента. Замените тег <body> указанной выше программы кодом, приведенным в таблице, чтобы получить соответствующие выходные данные -

Применение	Результат
<i class = "material-icons custom"> добавить </i>	Добавить
<i class = "material-icons custom"> add_box </i>	add_box
<i class = "material-icons custom"> add_circle </i>	add_circle
<i class = "material-icons custom"> add_circle_outline </i>	add_circle_outline
<i class = "material-icons custom"> архив </i>	архив
<i class = "material-icons custom"> backspace </i>	Backspace
<i class = "material-icons custom"> блок </i>	блокировать
<i class = "material-icons custom"> очистить </i>	Чисто
<i class = "material-icons custom"> content_copy </i>	content_copy
<i class = "material-icons custom"> content_cut </i>	content_cut
<i class = "material-icons custom"> content_paste </i>	content_paste
<i class = "material-icons custom"> создать </i>	Создайте
<i class = "material-icons custom"> черновики </i>	Черновики
<i class = "material-icons custom"> filter_list </i>	filter_list
<i class = "material-icons custom"> флаг </i>	флаг
<i class = "material-icons custom"> font_download </i>	font_download
<i class = "material-icons custom"> вперед </i>	вперед
<i class = "material-icons custom"> жест </i>	жест
<i class = "material-icons custom"> почтовый ящик </i>	почтовый ящик
<i class = "material-icons custom"> ссылка </i>	ссылка
<i class = "material-icons custom"> почта </i>	почта
<i class = "material-icons custom"> markunread </i>	пометить как непрочитанное
<i class = "material-icons custom"> повторить </i>	повторить
<i class = "material-icons custom"> удалить </i>	удалять
<i class = "material-icons custom"> remove_circle </i>	remove_circle
<i class = "material-icons custom"> remove_circle_outline </i>	remove_circle_outline
<i class = "material-icons custom"> ответ </i>	Ответить
<i class = "material-icons custom"> reply_all </i>	повторить все
<i class = "material-icons custom"> отчет </i>	отчет
<i class = "material-icons custom"> сохранить </i>	спасти
<i class = "material-icons custom"> select_all </i>	выбрать все
<i class = "material-icons custom"> отправить </i>	Отправить
<i class = "material-icons custom"> сортировать </i>	Сортировать
<i class = "material-icons custom"> text_format </i>	text_format
<i class = "material-icons custom"> stay_current_portrait </i>	stay_current_portrait
<i class = "material-icons custom"> отменить </i>	отменить