Matériel - Icônes de l'appareil

Ce chapitre vous explique l'utilisation des icônes de périphérique (matériel) de Google. Suppose quecustom est le nom de la classe CSS dans laquelle nous avons défini la taille et la couleur comme indiqué ci-dessous.

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

Le tableau suivant contient l'utilisation et les résultats des icônes de périphérique (matériel) de Google.

Usage Résultat
<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"> access_time </i> temps d'accès
<i class = "material-icons custom"> add_alarm </i> add_alarm
<i class = "material-icons custom"> airplanemode_active </i> airplanemode_active
<i class = "material-icons custom"> airplanemode_inactive </i> airplanemode_inactive
<i class = "material-icons custom"> battery_alert </i> batterie_alert
<i class = "material-icons custom"> battery_charging_full </i> battery_charging_full
<i class = "material-icons custom"> battery_full </i> battery_full
<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> recherche_bluetooth
<i class = "material-icons custom"> bright_auto </i> luminosité_auto
<i class = "material-icons custom"> bright_high </i> luminosité_haute
<i class = "material-icons custom"> bright_low </i> luminosité_low
<i class = "material-icons custom"> bright_medium </i> luminosité_moyenne
<i class = "material-icons custom"> data_usage </i> l'utilisation de données
<i class = "material-icons custom"> developer_mode </i> mode développeur
<i class = "material-icons custom"> appareils </i> dispositifs
<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 custom"> graphic_eq </i> graphic_eq
<i class = "material-icons custom"> location_disabled </i> Localisation désactivée
<i class = "material-icons custom"> location_searching </i> location_searching
<i class = "material-icons custom"> network_cell </i> network_cell
<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> rotation de l'écran
<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"> stockage </i> espace de rangement
<i class = "material-icons custom"> usb </i> USB
<i class = "material-icons custom"> fond d'écran </i> fond d'écran
<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