Material - Soziale Ikonen

In diesem Kapitel wird die Verwendung der (materiellen) sozialen Symbole von Google erläutert. Annehmen, dasscustom ist der CSS-Klassenname, in dem wir die Größe und Farbe definiert haben, wie im folgenden Beispiel gezeigt.

<!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>

Die folgende Tabelle enthält die Verwendung und die Ergebnisse der Google-Symbole (Material) Social. Ersetzen Sie das <body> -Tag des obigen Programms durch den in der Tabelle angegebenen Code, um die entsprechenden Ausgaben zu erhalten -

Verwendung	Ergebnis
<i class = "material-icons custom"> Kuchen </ i>	Kuchen
<i class = "material-icons custom"> Domain </ i>	Domain
<i class = "material-icons custom"> Gruppe </ i>	Gruppe
<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"> Stimmung </ i>	Stimmung
<i class = "material-icons custom"> Mood_bad </ i>	schlechte Laune
<i class = "material-icons custom"> Benachrichtigungen </ i>	Benachrichtigungen
<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"> Seiten </ i>	Seiten
<i class = "material-icons custom"> party_mode </ i>	Party Modus
<i class = "material-icons custom"> Personen </ i>	Menschen
<i class = "material-icons custom"> people_outline </ i>	people_outline
<i class = "material-icons custom"> Person </ i>	Person
<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>	Plus eins
<i class = "material-icons custom"> Umfrage </ i>	Umfrage
<i class = "material-icons custom"> public </ i>	Öffentlichkeit
<i class = "material-icons custom"> Schule </ i>	Schule
<i class = "material-icons custom"> teilen </ i>	Aktie
<i class = "material-icons custom"> whatshot </ i>	whatshot