Material: iconos de dispositivo

Este capítulo le proporciona el uso de los iconos de dispositivos (materiales) de Google. Asumir quecustom es el nombre de la clase CSS en la que definimos el tamaño y el color como 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 de dispositivos (materiales) de Google.

Uso Resultado
<i class = "material-icons custom"> access_alarm </i> access_alarm
<i class = "material-icons custom"> access_alarms </i> access_alarms
<i class = "material-icons custom"> tiempo de acceso </i> tiempo de acceso
<i class = "material-icons custom"> add_alarm </i> add_alarm
<i class = "material-icons custom"> modo_avión_activo </i> aviónmode_activo
<i class = "material-icons custom"> modo_avión_inactivo </i> planemode_inactive
<i class = "material-icons custom"> batería_alerta </i> Alerta de batería
<i class = "material-icons custom"> batería_carga_completa </i> batería_de_carga_completa
<i class = "material-icons custom"> battery_full </i> Bateria llena
<i class = "material-icons custom"> battery_std </i> battery_std
<i class = "material-icons custom"> battery_unknown </i> battery_unknown
<i class = "material-icons custom"> bluetooth </i> Bluetooth
<i class = "material-icons custom"> bluetooth_connected </i> bluetooth_connected
<i class = "material-icons custom"> bluetooth_disabled </i> bluetooth_disabled
<i class = "material-icons custom"> bluetooth_searching </i> bluetooth_searching
<i class = "material-icons custom"> shine_auto </i> brillo_auto
<i class = "material-icons custom"> brillo_alto </i> brillo_alto
<i class = "material-icons custom"> brillo_bajo </i> brillo_bajo
<i class = "material-icons custom"> brillo_medio </i> brillo_medio
<i class = "material-icons custom"> data_usage </i> Uso de datos
<i class = "material-icons custom"> modo_desarrollador </i> modo desarrollador
<i class = "material-icons custom"> dispositivos </i> dispositivos
<i class = "material-icons custom"> dvr </i> dvr
<i class = "material-icons custom"> gps_fixed </i> gps_fixed
<i class = "material-icons custom"> gps_not_fixed </i> gps_not_fixed
<i class = "material-icons custom"> gps_off </i> gps_off
<i class = "material-icons personalizado"> graphic_eq </i> graphic_eq
<i class = "material-icons custom"> location_disabled </i> location_disabled
<i class = "material-icons custom"> búsqueda_ubicación </i> location_searching
<i class = "material-icons custom"> celda_red </i> celda_red
<i class = "material-icons custom"> network_wifi </i> network_wifi
<i class = "material-icons custom"> screen_lock_landscape </i> screen_lock_landscape
<i class = "material-icons custom"> screen_lock_portrait </i> screen_lock_portrait
<i class = "material-icons custom"> screen_lock_rotation </i> screen_lock_rotation
<i class = "material-icons custom"> screen_rotation </i> rotacion de pantalla
<i class = "material-icons custom"> sd_storage </i> sd_storage
<i class = "material-icons custom"> settings_system_daydream </i> settings_system_daydream
<i class = "material-icons custom"> signal_cellular_4_bar </i> signal_cellular_4_bar
<i class = "material-icons custom"> wifi_tethering </i> wifi_tethering
<i class = "material-icons custom"> signal_cellular_no_sim </i> signal_cellular_no_sim
<i class = "material-icons custom"> signal_cellular_null </i> signal_cellular_null
<i class = "material-icons custom"> signal_cellular_off </i> signal_cellular_off
<i class = "material-icons custom"> signal_wifi_4_bar </i> signal_wifi_4_bar
<i class = "material-icons custom"> signal_wifi_4_bar_lock </i> signal_wifi_4_bar_lock
<i class = "material-icons custom"> signal_wifi_off </i> signal_wifi_off
<i class = "material-icons custom"> almacenamiento </i> almacenamiento
<i class = "material-icons custom"> usb </i> USB
<i class = "material-icons custom"> fondo de pantalla </i> fondo de pantalla
<i class = "material-icons custom"> widgets </i> widgets
<i class = "material-icons custom"> wifi_lock </i> wifi_lock
<i class = "material-icons custom"> signal_cellular_connected_no_internet_4_bar </i> signal_cellular_connected_no_internet_4_bar