Материал - социальные иконки

В этой главе объясняется использование значков 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"> домен </i>	домен
<i class = "material-icons custom"> группа </i>	группа
<i class = "material-icons custom"> group_add </i>	group_add
<i class = "material-icons custom"> location_city </i>	location_city
<i class = "material-icons custom"> настроение </i>	настроение
<i class = "material-icons custom"> mood_bad </i>	mood_bad
<i class = "material-icons custom"> уведомления </i>	уведомления
<i class = "material-icons custom"> notifications_active </i>	notifications_active
<i class = "material-icons custom"> notifications_none </i>	notifications_none
<i class = "material-icons custom"> notifications_off </i>	notifications_off
<i class = "material-icons custom"> notifications_paused </i>	notifications_paused
<i class = "material-icons custom"> страницы </i>	страницы
<i class = "material-icons custom"> party_mode </i>	party_mode
<i class = "material-icons custom"> люди </i>	люди
<i class = "material-icons custom"> people_outline </i>	people_outline
<i class = "material-icons custom"> человек </i>	человек
<i class = "material-icons custom"> person_add </i>	person_add
<i class = "material-icons custom"> person_outline </i>	person_outline
<i class = "material-icons custom"> plus_one </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"> whatshot </i>	что