Vật liệu - Biểu tượng AV

Chương này giải thích cách sử dụng các biểu tượng AV (Vật liệu) của Google. Giả sửcustom là tên lớp CSS mà chúng tôi đã xác định kích thước và màu sắc, như được hiển thị trong ví dụ dưới đây.

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

Bảng sau đây chứa cách sử dụng và kết quả của các biểu tượng AV (Vật liệu) của Google. Thay thế thẻ <body> của chương trình trên bằng mã được đưa ra trong bảng để nhận kết quả đầu ra tương ứng -

Sử dụng	Kết quả
<i class = "material-icon custom"> phát sóng </i>	phát sóng
<i class = "material-icon custom"> anbom </i>	album
<i class = "material-icon custom"> av_timer </i>	av_timer
<i class = "material-icon custom"> closed_caption </i>	closed_caption
<i class = "material-icon custom"> bộ cân bằng </i>	bộ cân bằng
<i class = "material-icon custom"> rõ ràng </i>	rõ ràng
<i class = "material-icon custom"> fast_osystem </i>	nhanh về phía trước
<i class = "material-icon custom"> fast_rewind </i>	fast_rewind
<i class = "material-icon custom"> forward_10 </i>	forward_10
<i class = "material-icon custom"> forward_30 </i>	forward_30
<i class = "material-icon custom"> forward_5 </i>	forward_5
<i class = "material-icon custom"> trò chơi </i>	Trò chơi
<i class = "material-icon custom"> hd </i>	hd
<i class = "material-icon custom"> thính </i>	thính giác
<i class = "material-icon custom"> high_quality </i>	chất lượng cao
<i class = "material-icon custom"> library_add </i>	library_add
<i class = "material-icon custom"> library_books </i>	sách thư viện
<i class = "material-icon custom"> library_music </i>	library_music
<i class = "material-icon custom"> loop </i>	vòng
<i class = "material-icon custom"> mic </i>	mic
<i class = "material-icon custom"> mic_none </i>	mic_none
<i class = "material-icon custom"> mic_off </i>	mic_off
<i class = "material-icon custom"> phim </i>	bộ phim
<i class = "material-icon custom"> pause_circle_outline </i>	pause_circle_outline
<i class = "material-icon custom"> new_releases </i>	new_releases
<i class = "material-icon custom"> not_interested </i>	not_interested
<i class = "material-icon custom"> tạm dừng </i>	tạm ngừng
<i class = "material-icon custom"> pause_circle_filled </i>	pause_circle_filled
<i class = "material-icon custom"> play_arrow </i>	play_arrow
<i class = "material-icon custom"> play_circle_filled </i>	play_circle_filled
<i class = "material-icon custom"> play_circle_outline </i>	play_circle_outline
<i class = "material-icon custom"> playlist_add </i>	playlist_add
<i class = "material-icon custom"> queue </i>	xếp hàng
<i class = "material-icon custom"> queue_music </i>	queue_music
<i class = "material-icon custom"> radio </i>	Đài
<i class = "material-icon custom"> near_actors </i>	near_actors
<i class = "material-icon custom"> lặp lại </i>	nói lại
<i class = "material-icon custom"> repeat_one </i>	Lặp lại một
<i class = "material-icon custom"> phát lại </i>	phát lại
<i class = "material-icon custom"> phát sóng </i>	replay_10
<i class = "material-icon custom"> replay_30 </i>	replay_30
<i class = "material-icon custom"> replay_5 </i>	replay_5
<i class = "material-icon custom"> xáo trộn </i>	xáo trộn
<i class = "material-icon custom"> ignore_next </i>	bỏ qua
<i class = "material-icon custom"> ignore_previous </i>	bỏ qua
<i class = "material-icon custom"> báo lại </i>	giấc ngũ ngắn
<i class = "material-icon custom"> sort_by_alpha </i>	sort_by_alpha
<i class = "material-icon custom"> dừng lại </i>	dừng lại
<i class = "material-icon custom"> phụ đề </i>	phụ đề
<i class = "material-icon custom"> surround_sound </i>	surround_sound
<i class = "material-icon custom"> video_library </i>	Thư viện băng hình
<i class = "material-icon custom"> videocam </i>	videocam
<i class = "material-icon custom"> videocam_off </i>	videocam_off
<i class = "material-icon custom"> volume_down </i>	giảm âm lượng
<i class = "material-icon custom"> volume_mute </i>	volume_mute
<i class = "material-icon custom"> volume_off </i>	volume_off
<i class = "material-icon custom"> volume_up </i>	tăng âm lượng
<i class = "material-icon custom"> web </i>	web