재질-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> 편물