5个非常实用的图标库

大家好，我是为前端娱乐圈操碎了心的小迷妹，正宗前端开发一枚，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。

每天上班必须做的一件事情，就是打开我们全球最大的程序员交友社区GitHub，因为这上面有太多开源的宝贝了，每天都乐此不疲，深耕于此，当然也收获了很多有用的东西，写出来分享一下。

1：Font Awesome,一套绝佳的图标字体库和CSS框架

官网：https://fontawesome.dashgame.com/

一套绝佳的图标字体库和 CSS 框架。 Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

2：Iconfont-阿里巴巴矢量图标库

官网：http://iconfont.cn/

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

3. ：Glyphicons Halflings

官方网址：http://glyphicons.com/

Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用。为了表示感谢,希望你在使用时尽量为 Glyphicons 添加一个友情链接.

4. Elegant Icon Font

官方网址：https://www.elegantthemes.com/

由360款优雅的矢量图标字体组成，完全免费使用-elegantthemes。这些图标已经全部进行了优化16*16像素（32px，64px等）的所有倍数。图标选择组件,支持自定义的图标，简单方便，拿过来就可以直接使用，无需UI，图标代码一键复制即可。

5:Icons - Material Design

官网：https://material.io/icons/

Google 设计团队出品，用于常见操作和项目。在桌面上下载，在Android，iOS和Web的数字产品中使用它们。

今天的推荐你喜欢吗？如果喜欢，就点个再看吧，希望对你有用。

5个非常实用的图标库相关推荐

图标库素材大全：Icons8 for mac
Icons8 for mac可以搜索到你想要的图标种类,Icons8 for mac总共有2800个ISO7和Windows8图标供您搜索.您可以快速找到你要查找的图标,然后将其拖动到Photosho ...
bootstrap 一排5个_9个非常实用的CSS图标库
以前网页上显示图标都是用切成小图片,然后根据不同场景作多个小图,通过js来控制显示效果.字图图标,顾名思义,就像使用通常的字体,可以设置字体颜色,大小等,不用在搞多张小图片,非常灵活.其优点: 轻松的 ...
android 系统图标_9个非常实用的CSS图标库
以前网页上显示图标都是用切成小图片,然后根据不同场景作多个小图,通过js来控制显示效果.字图图标,顾名思义,就像使用通常的字体,可以设置字体颜色,大小等,不用在搞多张小图片,非常灵活.其优点: 轻松的 ...
9个非常实用的CSS图标库
以前网页上显示图标都是用切成小图片,然后根据不同场景作多个小图,通过js来控制显示效果.字图图标,顾名思义,就像使用通常的字体,可以设置字体颜色,大小等,不用在搞多张小图片,非常灵活.其优点: 轻松的 ...
css 商城两列_如何使用css伪元素实现超实用的图标库（附源码）
今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形. 预备知识伪元素伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特 ...
前端知识：如何创建自己的Iconfont图标库
在日常的开发过程中,前端页面经常会引用一些图标,iconfont图标库是前端开发者非常友好的在线字体图标库.大家可以根据平常所涉及的项目,收藏自己需要的图标库,方便在后续的项目中使用,今天小编给大家介 ...
css 商城两列_css大法之使用伪元素实现超实用的图标库（附源码
今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形. 预备知识伪元素伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特 ...
免费高质量图标搜索引擎以及图标库
在工作中,我们经常需要用到图标素材.你也许能搜到很多的图标资源网站,但要找到免费的高质量图标却很难,这就是为什么我今天要与大家分享这些优秀的免费质量图标搜索引擎,相信在这些网站你能找到你要的东西.如果 ...
阿里巴巴矢量图标库-iconfont使用方式
阿里巴巴矢量图标库-iconfont使用方式在项目开发的过程中,我们经常会使用到图标进行页面的修饰.如果使用图片,往往会遇到失真的情况,而且图片数量很多的话,页面加载也会变得很慢.所以,我们可以使用 ...

5个非常实用的图标库

1：Font Awesome,一套绝佳的图标字体库和CSS框架

5个非常实用的图标库相关推荐

最新文章

热门文章