Материал - AV иконки

В этой главе объясняется использование значков Google (Материал) AV. Предположим, чтоcustom - это имя класса CSS, в котором мы определили размер и цвет, как показано в приведенном ниже примере.

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

Следующая таблица содержит использование и результаты использования значков Google (Материал) AV. Замените тег <body> вышеуказанной программы кодом, приведенным в таблице, чтобы получить соответствующие выходные данные -

Применение Результат
<i class = "material-icons custom"> трансляция </i> трансляция
<i class = "material-icons custom"> альбом </i> альбом
<i class = "material-icons custom"> av_timer </i> av_timer
<i class = "material-icons custom"> closed_caption </i> closed_caption
<i class = "material-icons custom"> эквалайзер </i> эквалайзер
<i class = "material-icons custom"> явный </i> явный
<i class = "material-icons custom"> fast_forward </i> перемотка вперед
<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"> игры </i> игры
<i class = "material-icons custom"> hd </i> HD
<i class = "material-icons custom"> слух </i> слушание
<i class = "material-icons custom"> high_quality </i> высокое качество
<i class = "material-icons custom"> library_add </i> library_add
<i class = "material-icons custom"> library_books </i> library_books
<i class = "material-icons custom"> library_music </i> library_music
<i class = "material-icons custom"> цикл </i> петля
<i class = "material-icons custom"> микрофон </i> микрофон
<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"> фильм </i> фильм
<i class = "material-icons custom"> pause_circle_outline </i> pause_circle_outline
<i class = "material-icons custom"> new_releases </i> новые релизы
<i class = "material-icons custom"> not_intehibited </i> не интересует
<i class = "material-icons custom"> пауза </i> Пауза
<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"> очередь </i> очередь
<i class = "material-icons custom"> queue_music </i> queue_music
<i class = "material-icons custom"> радио </i> радио
<i class = "material-icons custom"> latest_actors </i> Recent_actors
<i class = "material-icons custom"> повторить </i> повторение
<i class = "material-icons custom"> repeat_one </i> repeat_one
<i class = "material-icons custom"> воспроизведение </i> переиграть
<i class = "material-icons custom"> трансляция </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"> перемешать </i> тасовать
<i class = "material-icons custom"> skip_next </i> skip_next
<i class = "material-icons custom"> skip_previous </i> skip_previous
<i class = "material-icons custom"> отложить </i> вздремнуть
<i class = "material-icons custom"> sort_by_alpha </i> sort_by_alpha
<i class = "material-icons custom"> стоп </i> стоп
<i class = "material-icons custom"> субтитры </i> субтитры
<i class = "material-icons custom"> Surround_sound </i> объемный звук
<i class = "material-icons custom"> video_library </i> video_library
<i class = "material-icons custom"> видеокамера </i> видеокамера
<i class = "material-icons custom"> videocam_off </i> videocam_off
<i class = "material-icons custom"> volume_down </i> звук тише
<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> увеличить громкость
<i class = "material-icons custom"> Интернет </i> сеть