Here we will learn av (audio & video) icons in google material design with examples and different type of audio & video icons (shuffle, reply, next, skip, radio, volumn on / off, playlist, video cam, video call, etc.) in google material design with examples.
Google material design provides different type of audio and video icons those are play, pause, movie, mic, mute, library, games, fiber, equalizer, etc.
Following table shows the list of av (audio & video) icons available in google material design.
Name | Usage Description | Icon | Example |
---|---|---|---|
add to queue | <i class="material-icons">add_to_queue</i> | add_to_queue | DEMO |
airplay | <i class="material-icons">airplay</i> | airplay | DEMO |
album | <i class="material-icons">album</i> | album | DEMO |
art track | <i class="material-icons">art_track</i> | art_track | DEMO |
av timer | <i class="material-icons">av_timer</i> | av_timer | DEMO |
branding watermark | <i class="material-icons">branding_watermark</i> | branding_watermark | DEMO |
call to action | <i class="material-icons">call_to_action</i> | call_to_action | DEMO |
closed caption | <i class="material-icons">closed_caption</i> | closed_caption | DEMO |
equalizer | <i class="material-icons">equalizer</i> | equalizer | DEMO |
explicit | <i class="material-icons">explicit</i> | explicit | DEMO |
fast forward | <i class="material-icons">fast_forward</i> | fast_forward | DEMO |
fast rewind | <i class="material-icons">fast_rewind</i> | fast_rewind | DEMO |
featured play list | <i class="material-icons">featured_play_list</i> | featured_play_list | DEMO |
featured video | <i class="material-icons">featured_video</i> | featured_video | DEMO |
fiber dvr | <i class="material-icons">fiber_dvr</i> | fiber_dvr | DEMO |
fiber manual record | <i class="material-icons">fiber_manual_record</i> | fiber_manual_record | DEMO |
fiber new | <i class="material-icons">fiber_new</i> | fiber_new | DEMO |
fiber pin | <i class="material-icons">fiber_pin</i> | fiber_pin | DEMO |
fiber smart record | <i class="material-icons">fiber_smart_record</i> | fiber_smart_record | DEMO |
forward 10 | <i class="material-icons">forward_10</i> | forward_10 | DEMO |
forward 30 | <i class="material-icons">forward_30</i> | forward_30 | DEMO |
forward 5 | <i class="material-icons">forward_5</i> | forward_5 | DEMO |
games | <i class="material-icons">games</i> | games | DEMO |
hd | <i class="material-icons">hd</i> | hd | DEMO |
hearing | <i class="material-icons">hearing</i> | hearing | DEMO |
high quality | <i class="material-icons">high_quality</i> | high_quality | DEMO |
library add | <i class="material-icons">library_add</i> | library_add | DEMO |
library books | <i class="material-icons">library_books</i> | library_books | DEMO |
library music | <i class="material-icons">library_music</i> | library_music | DEMO |
loop | <i class="material-icons">loop</i> | loop | DEMO |
mic | <i class="material-icons">mic</i> | mic | DEMO |
mic none | <i class="material-icons">mic_none</i> | mic_none | DEMO |
mic off | <i class="material-icons">mic_off</i> | mic_off | DEMO |
movie | <i class="material-icons">movie</i> | movie | DEMO |
music video | <i class="material-icons">music_video</i> | music_video | DEMO |
new releases | <i class="material-icons">new_releases</i> | new_releases | DEMO |
not interested | <i class="material-icons">not_interested</i> | not_interested | DEMO |
note | <i class="material-icons">note</i> | note | DEMO |
pause | <i class="material-icons">pause</i> | pause | DEMO |
pause circle filled | <i class="material-icons">pause_circle_filled</i> | pause_circle_filled | DEMO |
pause circle outline | <i class="material-icons">pause_circle_outline</i> | pause_circle_outline | DEMO |
play arrow | <i class="material-icons">play_arrow</i> | play_arrow | DEMO |
play circle filled | <i class="material-icons">play_circle_filled</i> | play_circle_filled | DEMO |
play circle outline | <i class="material-icons">play_circle_outline</i> | play_circle_outline | DEMO |
playlist add | <i class="material-icons">playlist_add</i> | playlist_add | DEMO |
playlist add check | <i class="material-icons">playlist_add_check</i> | playlist_add_check | DEMO |
playlist play | <i class="material-icons">playlist_play</i> | playlist_play | DEMO |
queue | <i class="material-icons">queue</i> | queue | DEMO |
queue music | <i class="material-icons">queue_music</i> | queue_music | DEMO |
queue play next | <i class="material-icons">queue_play_next</i> | queue_play_next | DEMO |
radio | <i class="material-icons">radio</i> | radio | DEMO |
recent actors | <i class="material-icons">recent_actors</i> | recent_actors | DEMO |
remove from queue | <i class="material-icons">remove_from_queue</i> | remove_from_queue | DEMO |
repeat | <i class="material-icons">repeat</i> | repeat | DEMO |
repeat one | <i class="material-icons">repeat_one</i> | repeat_one | DEMO |
replay | <i class="material-icons">replay</i> | replay | DEMO |
replay 10 | <i class="material-icons">replay_10</i> | replay_10 | DEMO |
replay 30 | <i class="material-icons">replay_30</i> | replay_30 | DEMO |
replay 5 | <i class="material-icons">replay_5</i> | replay_5 | DEMO |
shuffle | <i class="material-icons">shuffle</i> | shuffle | DEMO |
skip next | <i class="material-icons">skip_next</i> | skip_next | DEMO |
skip previous | <i class="material-icons">skip_previous</i> | skip_previous | DEMO |
slow motion video | <i class="material-icons">slow_motion_video</i> | slow_motion_video | DEMO |
snooze | <i class="material-icons">snooze</i> | snooze | DEMO |
sort by alpha | <i class="material-icons">sort_by_alpha</i> | sort_by_alpha | DEMO |
stop | <i class="material-icons">stop</i> | stop | DEMO |
subscriptions | <i class="material-icons">subscriptions</i> | subscriptions | DEMO |
subtitles | <i class="material-icons">subtitles</i> | subtitles | DEMO |
surround sound | <i class="material-icons">surround_sound</i> | surround_sound | DEMO |
video call | <i class="material-icons">video_call</i> | video_call | DEMO |
video label | <i class="material-icons">video_label</i> | video_label | DEMO |
video library | <i class="material-icons">video_library</i> | video_library | DEMO |
videocam | <i class="material-icons">videocam</i> | videocam | DEMO |
videocam off | <i class="material-icons">videocam_off</i> | videocam_off | DEMO |
volume down | <i class="material-icons">volume_down</i> | volume_down | DEMO |
volume mute | <i class="material-icons">volume_mute</i> | volume_mute | DEMO |
volume off | <i class="material-icons">volume_off</i> | volume_off | DEMO |
volume up | <i class="material-icons">volume_up</i> | volume_up | DEMO |
web | <i class="material-icons">web</i> | web | DEMO |
web asset | <i class="material-icons">web_asset</i> | web_asset | DEMO |