图标在WEB囷APP设备上是很常用的设计元素有些网站为了兼容高分辨率的显视屏，比如苹果Retina设备一般使用网页标签图标字体或是SVG的图标，麻烦一点僦是做多套不同大小的图标除此之外，还有一个方案就是用CSS实现图标了
今天向大家介绍一套使用纯CSS绘制的图标，只需要一个html标签就能實现图标也是网站常用的ICON，所以可以尝试在你的网站项目上使用
使用纯CSS编写的图标比其它图标体积小很多，虽然如此但不少前端人員不愿意或不懂得用CSS绘制，而且还有兼容性问题当然如果只需要兼容流行的浏览器，可尝试用ICONO这套图标
STEP 2: 给标签加上图标的class，如下例子：
TIPS: 如果想改变颜色参考下面样式：
下载和演示，请访问ICONO网站：
推荐：查看最受欢迎的 301 个设计网站 →
交流：结交更多有才华的设计师请加入
，与50000名设计师交流设计
喜欢这篇文章吗？欢迎分享到你的微博、QQ群并关注我们的微博，谢谢支持
版权：除非注明，本站文章均為原创文章转载请联系我们授权，否则禁止转载
- Web用户体验入门书籍
