Material - Iconos sociales

Este capítulo explica el uso de los iconos sociales (materiales) de Google. Asumir quecustom es el nombre de la clase CSS donde definimos el tamaño y el color, como se muestra en el ejemplo que se muestra a continuación.

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

La siguiente tabla contiene el uso y los resultados de los íconos sociales (materiales) de Google. Reemplace la etiqueta <body> del programa anterior con el código dado en la tabla para obtener las salidas respectivas -

Uso	Resultado
<i class = "material-icons custom"> pastel </i>	pastel
<i class = "material-icons custom"> dominio </i>	dominio
<i class = "material-icons custom"> grupo </i>	grupo
<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"> estado de ánimo </i>	estado animico
<i class = "material-icons custom"> mood_bad </i>	mal humor
<i class = "material-icons custom"> notificaciones </i>	notificaciones
<i class = "material-icons custom"> notificaciones_activas </i>	notificaciones_activas
<i class = "material-icons custom"> notificaciones_none </i>	notificaciones_none
<i class = "material-icons custom"> notificaciones_off </i>	notificaciones_off
<i class = "material-icons custom"> notificaciones_pausadas </i>	notificaciones_pausado
<i class = "material-icons custom"> páginas </i>	paginas
<i class = "material-icons custom"> modo_fiesta </i>	modo fiesta
<i class = "material-icons custom"> personas </i>	personas
<i class = "material-icons custom"> people_outline </i>	people_outline
<i class = "material-icons custom"> persona </i>	persona
<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>	mas uno
<i class = "material-icons custom"> encuesta </i>	encuesta
<i class = "material-icons custom"> público </i>	público
<i class = "material-icons custom"> escuela </i>	colegio
<i class = "material-icons custom"> compartir </i>	compartir
<i class = "material-icons custom"> whatshot </i>	Que calor