Matériel - Icônes AV

Ce chapitre explique l'utilisation des icônes AV (Material) de Google. Suppose quecustom est le nom de la classe CSS où nous avons défini la taille et la couleur, comme indiqué dans l'exemple 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 AV (Material) de Google. Remplacez la balise <body> du programme ci-dessus par le code donné dans le tableau pour obtenir les sorties respectives -

Usage	Résultat
<i class = "material-icons custom"> diffusion en direct </i>	airplay
<i class = "material-icons custom"> album </i>	album
<i class = "material-icons custom"> av_timer </i>	av_timer
<i class = "material-icons custom"> Closed_caption </i>	sous-titrage
<i class = "material-icons custom"> égaliseur </i>	égaliseur
<i class = "material-icons custom"> explicite </i>	explicite
<i class = "material-icons custom"> fast_forward </i>	avance rapide
<i class = "material-icons custom"> fast_rewind </i>	fast_rewind
<i class = "material-icons custom"> forward_10 </i>	forward_10
<i class = "material-icons custom"> forward_30 </i>	forward_30
<i class = "material-icons custom"> forward_5 </i>	forward_5
<i class = "material-icons custom"> jeux </i>	Jeux
<i class = "material-icons custom"> hd </i>	haute définition
<i class = "material-icons custom"> audition </i>	audition
<i class = "material-icons custom"> high_quality </i>	haute qualité
<i class = "material-icons custom"> library_add </i>	library_add
<i class = "material-icons custom"> livres_bibliothèques </i>	library_books
<i class = "material-icons custom"> library_music </i>	library_music
<i class = "material-icons custom"> boucle </i>	boucle
<i class = "material-icons custom"> micro </i>	micro
<i class = "material-icons custom"> mic_none </i>	mic_none
<i class = "material-icons custom"> mic_off </i>	mic_off
<i class = "material-icons custom"> film </i>	film
<i class = "material-icons custom"> pause_circle_outline </i>	pause_circle_outline
<i class = "material-icons custom"> new_releases </i>	nouvelles versions
<i class = "material-icons custom"> pas_intéressé </i>	pas intéressé
<i class = "material-icons custom"> pause </i>	pause
<i class = "material-icons custom"> pause_circle_filled </i>	pause_circle_filled
<i class = "material-icons custom"> play_arrow </i>	play_arrow
<i class = "material-icons custom"> play_circle_filled </i>	play_circle_filled
<i class = "material-icons custom"> play_circle_outline </i>	play_circle_outline
<i class = "material-icons custom"> playlist_add </i>	playlist_add
<i class = "material-icons custom"> file d'attente </i>	queue
<i class = "material-icons custom"> queue_music </i>	queue_music
<i class = "material-icons custom"> radio </i>	radio
<i class = "material-icons custom"> recent_actors </i>	recent_actors
<i class = "material-icons custom"> répéter </i>	répéter
<i class = "material-icons custom"> repeat_one </i>	repeat_one
<i class = "material-icons custom"> relecture </i>	rejouer
<i class = "material-icons custom"> diffusion en direct </i>	replay_10
<i class = "material-icons custom"> replay_30 </i>	replay_30
<i class = "material-icons custom"> replay_5 </i>	replay_5
<i class = "material-icons custom"> lecture aléatoire </i>	mélanger
<i class = "material-icons custom"> skip_next </i>	passez au suivant
<i class = "material-icons custom"> skip_previous </i>	skip_previous
<i class = "material-icons custom"> répéter </i>	roupillon
<i class = "material-icons custom"> sort_by_alpha </i>	sort_by_alpha
<i class = "material-icons custom"> arrêter </i>	Arrêtez
<i class = "material-icons custom"> sous-titres </i>	Les sous-titres
<i class = "material-icons custom"> surround_sound </i>	son surround
<i class = "material-icons custom"> video_library </i>	video_library
<i class = "material-icons custom"> caméra vidéo </i>	caméra vidéo
<i class = "material-icons custom"> videocam_off </i>	videocam_off
<i class = "material-icons custom"> volume_down </i>	baisser le volume
<i class = "material-icons custom"> volume_mute </i>	volume_mute
<i class = "material-icons custom"> volume_off </i>	volume_off
<i class = "material-icons custom"> volume_up </i>	monter le son
<i class = "material-icons custom"> web </i>	la toile