Материал - социальные иконки
В этой главе объясняется использование значков 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> | что |