材质-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_定时器
<i class="material-icons custom">close_caption</i> 隐藏式字幕
<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> 快退
<i class="material-icons custom">forward_10</i> 转发_10
<i class="material-icons custom">forward_30</i> 转发_30
<i class="material-icons custom">forward_5</i> 前进_5
<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">library_add</i> 库_添加
<i class="material-icons custom">library_books</i> 图书馆书籍
<i class="material-icons custom">library_music</i> 图书馆音乐
<i class="material-icons custom">循环</i> 环形
<i class="material-icons custom">麦克风</i> 麦克风
<i class="material-icons custom">mic_none</i> 麦克风无
<i class="material-icons custom">mic_off</i> 麦克风关闭
<i class="material-icons custom">电影</i> 电影
<i class="material-icons custom">pause_circle_outline</i> 暂停圆轮廓
<i class="material-icons custom">new_releases</i> 新版本
<i class="material-icons custom">不感兴趣</i> 没兴趣
<i class="material-icons custom">暂停</i> 暂停
<i class="material-icons custom">pause_circle_filled</i> 暂停圆填充
<i class="material-icons custom">play_arrow</i> 播放箭头
<i class="material-icons custom">play_circle_filled</i> 玩圆填充
<i class="material-icons custom">play_circle_outline</i> 播放圆轮廓
<i class="material-icons custom">playlist_add</i> 添加播放列表
<i class="material-icons custom">队列</i> 队列
<i class="material-icons custom">queue_music</i> 队列音乐
<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> 重复一次
<i class="material-icons custom">重播</i> 重播
<i class="material-icons custom">airplay</i> 重播_10
<i class="material-icons custom">replay_30</i> 重播_30
<i class="material-icons custom">replay_5</i> 重播_5
<i class="material-icons custom">随机播放</i> 随机播放
<i class="material-icons custom">skip_next</i> 跳过下一个
<i class="material-icons custom">skip_previous</i> 跳过上一个
<i class="material-icons custom">小睡</i> 打盹
<i class="material-icons custom">sort_by_alpha</i> 按阿尔法排序
<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> 视频库
<i class="material-icons custom">视频摄像头</i> 摄像机
<i class="material-icons custom">videocam_off</i> 视频摄像头关闭
<i class="material-icons custom">volume_down</i> 音量减小
<i class="material-icons custom">volume_mute</i> 音量静音
<i class="material-icons custom">volume_off</i> 音量关闭
<i class="material-icons custom">volume_up</i> 提高音量
<i class="material-icons custom">网络</i> 网络