github比较火的有如react - native -vector- icons等图标库，为什么提到这些第三方库。首先明确一个点，你是否需要现成的第三方图标库？

阿里巴巴矢量图标库 （以下称iconfont）提供了方便的图标分享和管理功能。但是由于其图标项目独立于代码仓库，往往导致同一项目更换开发人员之后

本文对原文进行一次翻译，并从React开发者的角度简单地做了一些解读。此文不包含字体图标和SVG sprite。仅在此讨论允许用户按需导入的图标系统

在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。

在App包的构成中图片资源是比较占大小的，所以我们可以利用Iconfont来替代原来的png或者jpg单色图标，iconfont的优点是占Size小、支持任意大小不失真、支持任意颜色设置、平台化管理icon等等。

svg图标 带有 fill 属性，如果选择的是多色图标且下载到本地的话，默认是带有颜色的。修改的话，需要在编译器里面打开 svg 然后将 fill 属性删除即可，然后在需要的时候使用 css 进行设置

在写前端页面时，我们经常会用到一些小图标之类的图片，如果使用图片的话代码写起来比较麻烦，最近发现一个方便实用的方法，直接引用就可以了。

字体图标的优点：体积小，本质是字体，可以改变颜色，大小，背景等。UI人员设置svg格式交给前端人员；前端上传svg格式生成兼容性字体文件包；下载兼容性字体文件包到本地

使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案；after伪元素写下面的投影样式；before伪元素写黄色闪电的样式；用两个嵌套的div容器就可以了，父容器来控制图标显示的位置

小图标icon是一个优秀Web中不可缺少的一部分，起到画龙点睛的效果。在Bootstrap框架中也为大家提供了250多个不同的icon图片。本文将详细介绍Bootstrap图标，Bootstrap框架中的图标都是字体图标

font-awesome图标是字体，专业术语叫 Icon Font，本质上是使用 PUA （ Private Unicode Area ）码位 Unicode 编码的字符，所以font-awesome图标、Bootstrap 的图标和 Wingdings 字体都是一样的，不一样的无非是编码。

图标是前端在业务开发中不得不写的一个东西，以我司的几个部门为例，每个组在写图标上都有不一样的方式：用户平台：单色图标用 iconfont 上提供的字体文件，彩色图标用 img 引入代替或者使用iconfont 上提供的 symbol.js 。

网站favicon.ico文件的用途很简单，就是在浏览器标签里，最前面显示的那个logo，对于网站 favicon.ico 图标的大小，建议大家选择 16x16 或者 32x32，再大也是完全没有必要的。favicon.ico

这篇文章主要介绍前端常用的css图标库有哪些？比如：阿里巴巴矢量图标库Iconfont、Font Awesome、Cikonss、Glyph Icons、Simple Line Icons等等，使用css图标,可以通过样式对他进行设置字体颜色，大小等

今天给大家分享的是如何在网页标题中加入小图标,你的图标格式最好是.ico格式的，为了兼容性考虑，使用的颜色不要超过16色，这里这个图标的命名要求必须为favicon.ico