Material - Iconos AV
Este capítulo explica el uso de los íconos AV (Material) 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 AV (Material) 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"> airplay </i> | salida en antena |
| <i class = "material-icons custom"> álbum </i> | álbum |
| <i class = "material-icons custom"> av_timer </i> | av_timer |
| <i class = "material-icons custom"> closed_caption </i> | subtítulos |
| <i class = "material-icons custom"> ecualizador </i> | igualada |
| <i class = "material-icons custom"> explícito </i> | explícito |
| <i class = "material-icons custom"> fast_forward </i> | avance rápido |
| <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 personalizado"> forward_5 </i> | forward_5 |
| <i class = "material-icons custom"> juegos </i> | juegos |
| <i class = "material-icons custom"> hd </i> | hd |
| <i class = "material-icons custom"> escuchar </i> | escuchando |
| <i class = "material-icons custom"> calidad_alta </i> | alta calidad |
| <i class = "material-icons custom"> library_add </i> | library_add |
| <i class = "material-icons custom"> library_books </i> | libros de la biblioteca |
| <i class = "material-icons custom"> library_music </i> | library_music |
| <i class = "material-icons custom"> bucle </i> | lazo |
| <i class = "material-icons personalizado"> micrófono </i> | micrófono |
| <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"> película </i> | película |
| <i class = "material-icons custom"> pause_circle_outline </i> | pause_circle_outline |
| <i class = "material-icons custom"> new_releases </i> | nuevos lanzamientos |
| <i class = "material-icons custom"> no_interesado </i> | no interesado |
| <i class = "material-icons custom"> pausa </i> | pausa |
| <i class = "material-icons custom"> pause_circle_ llenado </i> | pause_circle_ fill |
| <i class = "material-icons custom"> play_arrow </i> | play_arrow |
| <i class = "material-icons custom"> play_circle_ fill </i> | play_circle_ fill |
| <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"> cola </i> | cola |
| <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> | actores_recientes |
| <i class = "material-icons custom"> repetir </i> | repetir |
| <i class = "material-icons custom"> repeat_one </i> | repetir_uno |
| <i class = "material-icons custom"> reproducir </i> | repetición |
| <i class = "material-icons custom"> airplay </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"> reproducción aleatoria </i> | barajar |
| <i class = "material-icons custom"> skip_next </i> | omitir próximo |
| <i class = "material-icons custom"> skip_previous </i> | skip_previous |
| <i class = "material-icons custom"> posponer </i> | dormitar |
| <i class = "material-icons custom"> sort_by_alpha </i> | sort_by_alpha |
| <i class = "material-icons custom"> detener </i> | detener |
| <i class = "material-icons custom"> subtítulos </i> | subtítulos |
| <i class = "material-icons custom"> sonido_envolvente </i> | sonido envolvente |
| <i class = "material-icons custom"> video_library </i> | video_library |
| <i class = "material-icons custom"> cámara de video </i> | cámara de video |
| <i class = "material-icons custom"> videocam_off </i> | videocam_off |
| <i class = "material-icons custom"> volume_down </i> | bajar volumen |
| <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> | sube el volumen |
| <i class = "material-icons custom"> web </i> | web |