前言：Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ，深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快， 组件无数可复用的组件,包括字体图标，在网页制作中我们经常用到小图标(icon),在Bootstrap中提供了很多这种小图标,在这篇内容中,我们把这套框架上的免费字体图标做了个小整合(当然,以后还会不断的更新)
- Font Awesome
官方网址 ：http://fontawesome.io/
http://fontawesome.dashgame.com/
描述：Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
图片.png
- Glyphicons Halflings
官方网址：http://glyphicons.com/
http://v3.bootcss.com/components/
描述：Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用。为了表示感谢,希望你在使用时尽量为 Glyphicons 添加一个友情链接
使用案例：
图片.png
- Elegant Icon Font
官方网址 ：https://www.elegantthemes.com/
https://www.elegantthemes.com/blog/resources/elegant-icon-font
由360款优雅的矢量图标字体组成，完全免费使用-elegantthemes。这些图标已经全部进行了优化16*16像素（32px，64px等）的所有倍数。图标选择组件,支持自定义的图标，简单方便，拿过来就可以直接使用，无需UI，图标代码一键复制即可。
文末福利：
福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入门与实战全套详细视频教程：https://www.jianshu.com/p/e8197d4d9880
领取方式：
如果需要学习视频，欢迎关注 【编程微刊】微信公众号，回复【领取资源】一键领取以下所有干货资源，获取更多有用技术干货、文档资料。所有文档会持续更新，欢迎关注一起成长！