Material - 导航图标

Material 导航图标 - 从简单和简单的步骤学习Web图标从基本到高级概念开始，包括概述，字体真棒介绍，Web应用程序图标，手图标，交通图标，性别图标，文件类型图标，微调图标，窗体控制图标，付款图标，图表图标，货币图标，文本编辑器图标，定向图标，视频播放器图标，品牌图标，医疗图标，材料图标简介，行动图标，警报图标，AV图标，通信图标，内容图标，设备图标，编辑图标，文件图标，硬件图标，图像图标，地图图标，导航图标，通知图标，社会图标，切换图标，Bootstrap Glyphicons。

本章介绍了Google(材质)导航图标的用法.假设自定义是CSS类名，我们在其中定义了大小和颜色，如下面给出的示例所示.

                           accessibility

下表包含Google(物料)导航图标的用法和结果.替换<身体>上面程序的标签，用表中给出的代码得到相应的输出 :

用法	结果
< i class ="material-图标自定义"> apps	apps
< i class ="material-icons custom"> arrow_back	arrow_back
< i class ="material-icons custom"> arrow_drop_down	arrow_drop_down
< i class ="material-icons custom"> arrow_drop_down_circle	arrow_drop_down_circle
< i class ="material-icons custom"> arrow_drop_up	arrow_dr op_up
< i class ="material-icons custom"> arrow_forward	arrow_forward
< i class ="material-icons custom">取消	取消
< i class ="material-icons custom"> check	check
< i class =" material-icons custom"> chevron_left	chevron_left
< i class ="material-icons custom"> chevron_right	chevron_right
< i class ="material-icons custom"> close< ;/i>	关闭
< i class ="material-ico ns custom"> expand_less	expand_less
< i class ="material-icons custom"> expand_more	expand_more
< i class ="material-icons custom">全屏	全屏
< i class ="material-icons custom"> fullscreen_exit	fullscreen_exit
< i class ="material-icons custom"> menu	menu
< i class ="material-icons custom"> more_horiz	more_horiz
< i class ="material-icons custom"> more_vert	more_vert
< i class ="material-icons custom" >刷新	刷新