재질-AV 아이콘

이 장에서는 Google의 (Material) 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의 (Material) AV 아이콘의 사용법과 결과를 포함합니다. 위 프로그램의 <body> 태그를 표에 제공된 코드로 대체하여 각 출력을 얻습니다.

용법	결과
<i class = "material-icons custom"> airplay </ 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"> 빨리 감기 </ i>	빨리 감기
<i class = "material-icons custom"> 빨리 _ 되감기 </ i>	빨리 되감기
<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"> 고품질 </ i>	고품질
<i class = "material-icons custom"> library_add </ i>	library_add
<i class = "material-icons custom"> library_books </ i>	도서관 _ 도서
<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"> 신규 _ 출시 </ i>	새로운 출시
<i class = "material-icons custom"> 관심 없음 </ 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"> 재생 목록 _ 추가 </ 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"> 최근 배우 </ i>	최근 _ 배우
<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"> 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"> 셔플 </ 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"> 비디오 라이브러리 </ i>	video_library
<i class = "material-icons custom"> 비디오 캠 </ i>	비디오 캠
<i class = "material-icons custom"> videocam_off </ i>	videocam_off
<i class = "material-icons custom"> 볼륨 감소 </ i>	volume_down
<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>	편물