HTML中缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
Font Awesome 传送门：http://fontawesome.dashgame.com/
部分图标：
其他效果图：
调用实例：
1 <html> 2 <head> 3 <title>Font Awesome图标调用实例</title> 4 5 <!-- 将下载的Font Awesome图标文件夹放入项目css，并增加下段代码 --> 6 <link href="css/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 7 8 </head> 9 10 <body> 11 12 <label>Name</label> 13 14 <br> 15 <br> 16 17 <!-- 简单的调用方式 --> 18 <i class="fa fa-user"></i> 19 <input type="text" value=""> 20 21 </body> 22 </html>
Font Awesome百度云链接:
http://pan.baidu.com/s/1gdMEDTx
密码: wrac
效果如下：
其他调用方式 Font Awesome 。