iconfont

iconfont没有版权。iconfont平台的Logo、“iconfont.cn”等文字、图形及其组合，以及iconfont平台的其他标识、徵记、产品和服务名称均为iconfont及其关联公司在中国和其它国家的商标，未经iconfont书面授权，任何人不得以任何方式展示、使用或作其他处理，也不得向他人表明您有权展示、使用或作其他处理。用户承诺不得以任何方式利用iconfont平台直接或间接从事违反中国法律以及社会公德的行为，iconfont有权对违反上述承诺的行为采取措施（包括但不限于删除违反承诺的内容、暂停或停止为用户提供服务等）并在iconfont平台予以通知公告。

首先登陆iconfont官网，然后点击由上角的登录按钮进行登录，还没有账号的小伙伴需要先注册哦！在弹出的对话框中选择你的登录方式，登录成功后右上角便会显示你的账号信息哦！准备工作做好后，在搜索框中输入你需要的图标如“首页”，然后敲回车，就会出现很多关于“首页”的图标。将鼠标移至你需要下载的图标上，从上到下依次有三个选项，分别是“添加入库”、“收藏”、“下载图标”，然后点击“下载图标”。在弹出的对话框中你可以选择改变图标的颜色。调好颜色后选择底部提供的样式进行下载即可。

打开百度首页，搜索【iconfont】，在搜索列表中打开第一个官网。进入官网后可以看到网站里有很多成套的图标，我们点击右上角的【登录】按钮，可以选择用微博快捷登录哦。登录后在顶部导航中一次点击【图标库】-【官方图标库】，也可以选择其他的图标库哦。找到自己想要下载的图标库，点击进入。找到自己想下载的图标，鼠标放在图标上，点击【下载】按钮。（也可以加入购物车批量一起下载哦）。在弹窗中可以修改图标的颜色、大小，修改完成后点击【AI下载】或【PNG下载】。我们可以把两个都下载一下看下，png是可以直接使用的哦，AI下载下来的是矢量图，可以用AI打开进行矢量图的编辑哦。

1、登录阿里巴巴矢量图标库，网址：https://www.iconfont.cn/。2、登录账户（可以用微博、GitHub账号直接登录）。3、搜索自己需要的图标，例如：手机，不得不说，图标非常之多！（下面显示的只是部分内容）。4、选取自己需要的图标，添加入库。5、搜索并添加自己需要的其他图标入库，例如我添加了着一些。6、引用阿里图标库的方法有三种，分别是：调用阿里cdn远程引入，下载图标引入图标文件（支持PNG和SVG和AI格式图片下载），下载图片字体文件自行引入（下载下来的压缩包中有演示文档及使用说明）。7、对于阿里图标库中不存在的图标或者说，你没有搜到这款图标，但是你在别的图标库中下载到了这款图标的话，你还可以将该图标上传到你的项目里面去，这样，你就可以通过阿里图标库来调用这款图标了。

官网搜索iconfont下载即可。iconfont一个阿里爸爸做的开源图库，人家还有专门的 github issue，但人家的图标数量还是很惊人的，不仅有几百个公司的开源图标库，还有各式各样的小图标，还支持自定义创建图标库，所以不管你是一家创业公司还是对设计很有要求的公司，它都能很好的帮助你解决管理图标的痛点。阿里巴巴iconfont+ 也是图标字体开发时生成字体文件及demo的网站；阿里巴巴iconfont+ 生成的demo可以解决图标单色调问题，其原理是 生成svg合集， 然后使用svg呈现图标。但该方式兼容性较差（SVG兼容小结）， 如是移动端开发不考虑低版本浏览器兼容问题可以尝试该方式。

1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车（这一步很简单，就像逛淘宝一样！）；2.然后就是点击一下购物车，它会出现‘下载代码’的按钮，点击下载保存到本地；3.接着就是把下载好的文件解压出来，放到项目的css文件夹（方便之后在html中引用）；4.文件放到项目后，只需要引用iconfont.css这个文件即可；5.最后一步肯定是调用了：html。阿里巴巴iconfont+ 也是图标字体开发时生成字体文件及demo的网站；阿里巴巴iconfont+ 生成的demo可以解决图标单色调问题，其原理是 生成svg合集， 然后使用svg呈现图标。但该方式兼容性较差（SVG兼容小结）， 如是移动端开发不考虑低版本浏览器兼容问题可以尝试该方式。

免费。iconfont平台：是一个矢量技术交流学习分享的平台，同时为广大用户提供矢量图标存储、字体图标转换等功能的平台。但是权利归属，除非iconfont另行声明，除用户自行上传的内容外，iconfont平台内的所有产品、技术、软件、程序、数据及其他信息（包括但不限于文字、图像、图片、照片、音频、视频、图表、色彩、版面设计、电子文档）的所有权利（包括但不限于版权、商标权、专利权、商业秘密及其他所有相关权利）均归iconfont或其关联公司所有。未经iconfont许可，任何人不得擅自使用（包括但不限于通过任何机器人、蜘蛛等程序或设备监视、复制、传播、展示、镜像、上传、下载iconfont平台内的任何内容）。

Iconfont 顾名思义，它是一种字体，只不过这个字体显示的并不是具体的文字之类的，而是各种图标。它的原理就是将很多 icon 做成字体库，通过样式或者字体对应的字符集来显示这个 icon。目前比较流行的iconfont字体库有阿里的iconfont。“iconfont是用字体文件取代图片文件,来展示图标、特殊字体等元素的阿里巴巴MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。”

step 1:找到阿里巴巴矢量图标库官网https://www.iconfont.cn,然后注册登录,或者用github登录也行,此步骤跳过;step 2:找到图标管理->我的项目->然后新建项目:step 3:项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然后添加到购物车;step 4:添加到购物车完成后,购物车徽章数字应该显示1了,点击右上角的购物车图标,选择添加至项目,选择我们刚刚创建的项目,确定;step 5:接下来一部比较关键,将打包好的字体文件下载到本地添加到你的项目中,在项目中引用文件中的iconfont.css文件;强调一次,把上面这些文件都放在一个文件夹内，然后放在你的项目目录中,再在你的项目中引入iconfont.css文件step 6:到了最后一步了,如何在项目中使用字体图标呢,其实很简单,创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名。

肯定可以呀。iconfont一个阿里爸爸做的开源图库，人家还有专门的 github issue，但人家的图标数量还是很惊人的，不仅有几百个公司的开源图标库，还有各式各样的小图标，还支持自定义创建图标库，所以不管你是一家创业公司还是对设计很有要求的公司，它都能很好的帮助你解决管理图标的痛点。阿里巴巴iconfont+ 也是图标字体开发时生成字体文件及demo的网站；阿里巴巴iconfont+ 生成的demo可以解决图标单色调问题，其原理是 生成svg合集， 然后使用svg呈现图标。但该方式兼容性较差（SVG兼容小结）， 如是移动端开发不考虑低版本浏览器兼容问题可以尝试该方式。