css常用字体图标库有哪些?

来自:互联网
时间:2019-11-10
阅读:
免费资源网 - https://freexyz.cn/

以前网页上显示图标都是用切成小图片,然后根据不同场景作多个小图,通过JS来控制显示效果。 字图图标,顾名思义,就像使用通常的字体,可以设置字体颜色,大小等,不用在搞多张小图片,非常灵活。

CSS常用字体图标库有哪些?

阿里巴巴矢量图标

1.jpg

官网: http://www.iconfont.cn/

说明: 阿里巴巴UX部门推出的矢量图标管理网站涵盖了1000多个常用图标并还在持续更新中,Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。同时http://iconfont.cn平台作为矢量图标倡导者,积极在线分享矢量图标制作经验、前端应用说明,及应用中常见的一些问题。

推荐理由: 涵盖了有1000多个常用图标,持续更新。咱国人,支持是必须的。

Font Awesome

2.jpg

官网: http://fontawesome.io

Github: https://github.com/FortAwesome/Font-Awesome/

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

推荐理由: 更新快,图标多,覆盖了很多分类,今天为止大约有634多个(2016/08/07)。

Glyph Icons

3.jpg

官网: http://glyphicons.com/

Bootstrap: http://getbootstrap.com/components/

说明: Glyphicons Halflings需要商业许可,但是可以通过基于项目的Bootstrap来免费使用这些图标,Bootstrap捆绑了200多个字体图标。

Simple Line Icons

4.jpg

官网: https://thesabbir.github.io/simple-line-icons/

Github: https://github.com/thesabbir/simple-line-icons

说明: 一套线条非常优美的图标,今天为止大约有186多个(2016/08/07)。

Ionicons

5.jpg

官网: http://ionicons.com/

Github: https://github.com/driftyco/ionicons

说明: 一套线条非常优美的图标,今天为止大约有750多个字体图标(2016/08/07)。

推荐理由: 图标多,有标准,iOS,Android,社交图标,图标非常精美。

Themify

官网: http://themify.me/themify-icons

说明: Themify图标是用于网页设计和应用一套完整的图标,包括320以上像素完美,手工制作的图标,画的灵感来自苹果iOS7公开,100%免费!

Material Design Iconic Font

官网: http://zavoloklom.github.io/material-design-iconic-font/index.html

Github: https://github.com/zavoloklom/material-design-iconic-font

说明: 有提醒,视频,联系,内容,编辑器,硬件,地图等多种分类图标,今天为止大约有700多个字体图标(2016/08/07)。

Weather Icons

6.jpg

官网: http://erikflowers.github.io/weather-icons/

说明: 涵盖了与天气相关字体图标,今天为止大约有222多个(2016/08/07)。

免费资源网 - https://freexyz.cn/
返回顶部
顶部