Материал - 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> | сеть |