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

  • 轻松的定义图标的颜色,大小,阴影,和任何与css相关的特性。
  • 更快的载入速度、样式更容易定义。
  • 使用矢量字体,这意味着他们可以完美的显示在高分辨率显示器中。

1、Iconfont

阿里巴巴矢量图标库,Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。 网站:http://www.iconfont.cn/

2、Font Awesome

Font Awesome为您提供可缩放的矢量图标,您可以使用css所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。其特点:一个字库,675个图标
无需依赖JavaScript
无限缩放
如言语一般自由
css控制
高分屏完美呈现
完美兼容其它框架
可用于桌面系统
可适配于屏幕阅读器网站:http://fontawesome.dashgame.com/Github: https://github.com/FortAwesome/Font-Awesome/

3、Cikonss

Cikonss是利用纯CSS技术构建的响应式、跨浏览器的icon,兼容IE8+。这意味着必须使用CSS2,因此,可以绘制的形状或图形就收到了限制。某些icon必须有 border-radius 属性,这主要是为了在支持此属性的浏览器上更好的绘制icon,而且不会影响到不支持此属性的浏览器。网站:http://www.bootcss.com/p/cikonss/index.html

4、Glyph Icons

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

5、Simple Line Icons

一套线条非常优美的图标。官网: https://thesabbir.github.io/simple-line-icons/Github: https://github.com/thesabbir/simple-line-icons

6、Ionicons

一套线条非常优美的图标,今天为止大约有750多个字体图标,图标多,有标准,iOS,Android,社交图标,图标非常精美。官网: http://ionicons.com/Github: https://github.com/driftyco/ionicons

7、Themify

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

8、Material Design Iconic Font

有提醒,视频,联系,内容,编辑器,硬件,地图等多种分类图标官网: http://zavoloklom.github.io/material-design-iconic-font/index.htmlGithub: https://github.com/zavoloklom/material-design-iconic-font

9、Weather Icons

涵盖了与天气相关字体图标官网: http://erikflowers.github.io/weather-icons/

bootstrap 一排5个_9个非常实用的CSS图标库相关推荐

  1. android 系统图标_9个非常实用的CSS图标库

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

  2. 9个非常实用的CSS图标库

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

  3. Github 上 36 个最实用的 Vue 开源库

    任何一个开发者,都是十分喜欢使用开源软件包的.因为它使开发工作变得更快速.高效.容易.如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子! 下面整理了 Github 上 36 个实用的 Vu ...

  4. 11个实用的CSS学习工具

    为什么80%的码农都做不了架构师?>>>    1. 盒子模型的幻灯片 通过3D转换效果产生的互动的幻灯片.按向左或向右箭头键切换,全屏观看会有更好的效果. 2. CSS Diner ...

  5. 8个免费实用的C++GUI库

    C++标准中并没有包含GUI,这也使得C++开发图形化界面需要依赖于第三方的库.实际上,图形界面恰恰是C++的强项,小到平常使用的各类桌面软件,大到魔兽世界这样的游戏,都是C++擅长的地方.C++之所 ...

  6. Python培训教程分享:“高效实用” 的Python工具库

    作为一名合格Python技术员,对于Python工具库的使用是少不了的,本期Python培训教程就为大家分享的是""高效实用" 的Python工具库",希望能够 ...

  7. css不换行属性_那些不常见,但却非常实用的css属性(整理不易)

    1.-webkit-line-clamp 可以把 块容器 中的内容限制为指定的行数.并且在超过行数后,在最后一行显示"..." 这是正常的展示 display: -webkit-b ...

  8. python tqdm_推荐一些实用的的 Python 库

    halo,大家好,我是黑里怕,今天给大家分享一些Python库,希望可以给大家带来一些用处! 原作者:崔庆才 原出处:技术博客:静觅 原文链接:推荐一些实用的的 Python 库 一门语言好用.方便的 ...

  9. bootstrap框架菜单栏颜色设置_Bootstrap Icons - bootstrap专用的漂亮图标库,可以免费商用...

    专门为著名的前端开发 UI 框架 Bootstrap 的组件和文档定制开发的图标库. 介绍 Bootstrap 图标库 的设计初衷是与 Bootstrap 组件配合使用,从表单到导航组件等.Boots ...

最新文章

  1. Halcon:(2)电路板检测实验
  2. Python基础教程:嵌套函数、闭包
  3. sun cluster3.1
  4. php 开启imagick,PHP-Imagick:在Imagick项目上设置重力
  5. 《安卓开发必知的50个技巧》读书笔记
  6. (原创总结) Quartus II 的在线调试方法
  7. Vite + React 组件开发实践
  8. java中的class 类的作用_Java中Class和单例类的作用与类成员的理解
  9. 【bat】bat批处理文件的注释
  10. 中彩分析家 v7.18 build 1203 怎么用
  11. java青蛙跳井_数学运算归纳
  12. ccf有趣的数java_CCF CSP 有趣的数
  13. TAM: TEMPORAL ADAPTIVE MODULE FOR VIDEO RECOGNITION ∗
  14. 几种常见窗函数的特性
  15. TM1650+DS3231+STC15LE计数数码管小时钟
  16. odoo第二天,请假单,权限第一天
  17. 通过训练获得最优量化区间——Quantization Interval Learning
  18. 腾讯万亿级分布式消息中间件TubeMQ正式开源
  19. windows系统打印机无法共享报错0x000006cc......
  20. adfs服务器获取信息失败,在使用Fiddler或其他诊断工具时无法登陆到ADFS服务器

热门文章

  1. 安装oracle sqldeveloper
  2. Cocos2d-X内存管理研究一
  3. 一篇文章搞定各种售后问题,电商客服运营看过来
  4. windows mysql主主配置_基于docker MySQL数据库主主同步配置(windows上)
  5. SAP Web IDE本地环境搭建
  6. 【学习笔记】3、Jupyter Notebook无法打开问题处理
  7. 【测试】SAP选择屏幕界面配图实现
  8. 【转】一文读懂数据分析平台的架构与设计
  9. BAPI_PO_CREATE1
  10. FAGLF101 应收(付)重组配置和操作