1、icomoon

IcoMoon 正在努力为完美主义者构建和提供最佳的肖像和图标管理工具。IcoMoon 的图标库仅具有最好的图标。我们所有的图标都设计在精确的像素网格上。IcoMoon 应用程序允许您以许多不同的格式构建和使用自己的图标包,包括 SVG、聚合物、PDF、XAML、CSH、带连字的图标字体或良好的旧 PNG/CSS 精灵。
它最早应用在bootstrap库当中
IcoMoon 于 2011 年 11 月首次建成并发布。自发布以来,它改变了当今网络中使用图标的方式。IcoMoon 引入了第一个自定义图标字体生成器,允许选择图标并将它们转换为字体。

地址:https://icomoon.io/app/#/select

2、Font Awesome

它是最早发布的高度流行的开源图标库之一。截至目前,他们的图库中总共有 1,609 个免费图标和7,865 Pro Icons个专业图标。

地址:https://fontawesome.com/

3、阿里 icon font 字库

阿里妈妈MUX倾力打造的矢量图标管理、交流平台,设计师将图标上传到 iconfont 平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。免费开源,使用方便,而且项目连接地址永久有效。

地址:https://www.iconfont.cn/

4、700+ CSS Icons

来自YouTube出品的 开源CSS,SVG和图形UI图标 可在SVG精灵,风格 - 组件,NPM&API

地址:https://css.gg/
github地址:https://github.com/astrit/css.gg

5、ICONS8

免费图标、剪贴画插图、照片和音,设计师可以利用ICONS8表达自己的想法,在恰当的时间给出恰当的设计元素。

地址:https://igoutu.cn/

5、Fontello

图标字体剪刀

地址:https://fontello.com/

6、heroicons

地址:https://heroicons.dev/
github: https://github.com/tailwindlabs/heroicons

7、Glyphicon Halflings

GLYPHICONS®是精心准备的单色图标和符号,以强调简单和简单的方向创建。也是bootstrap最先使用的字体库。

地址:https://glyphicons.com/

8、feathericons

简单的美丽开源图标

地址:https://feathericons.com/
github地址:https://github.com/feathericons/feather

9、Eva Icons

EVA图标是一个超过480个精美的开源图标,用于共同的行动和项目。
下载我们的桌面上的集合,将它们用于Web,iOS和Android的数字产品中。
与EVA设计系统兼容。


地址:https://akveo.github.io/eva-icons/#/
github地址:https://github.com/akveo/eva-icons

10、Bootstrap Icons

免费,高品质,开源图标库,具有超过1,300个图标。无论如何都包括您喜欢-SVGS,SVG Sprite或Web字体。在任何项目中使用或不使用引导程序。


地址: https://icons.getbootstrap.com/
github:https://github.com/twbs

11、Remix

简单令人愉快的图标系统
Remix图标是一组精心设计的设计师和开发人员的一组开源中性风格系统符号。
所有图标都是免费的个人和商业用途。


地址:https://remixicon.com/
github:https://github.com/Remix-Design/remixicon#usage

12、ikonate

完全可定制和可访问的*,优化的矢量图标。

地址:https://ikonate.com/
github:https://github.com/mikolajdobrucki/ikonate

持续更新中…

开源icon、SVG、字体图标库收集相关推荐

  1. 使用多个icon 字体图标库样式冲突问题

    场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,原因:字体命名冲突,样式命名冲突,导致字体图标显示不 ...

  2. 【web组件库系列】封装自己的字体图标库

    封装自己的web字体图标库 CSDN:jcLee95 邮箱 :291148484@163.com 本文地址:https://blog.csdn.net/qq_28550263/article/deta ...

  3. 前端svg字体图标使用_材质设计图标字体与svg以及如何在角度中使用svg精灵

    前端svg字体图标使用 In this article we will compare usage of Google's Material Design Icons, as font and SVG ...

  4. 超全超靠谱的 iconfont 字体图标库维护与使用

    字体图标库的使用 这是之前留下的博客,由于一堆博客没写完,本周周末做了个补充,可能内容上会有点不太斜街,请见谅- 本文大部分内容是自己结合过往经验探索总结的字体图标维护方式 iconfont-阿里矢量 ...

  5. 三分钟教会你自制 iconFont 字体图标库

    app开发的时候,我们大多会用到字体icon,下面我们就讲解一下,如何自定义生成 iconFont 一般情况,我们优先选择在 Iconfont-阿里巴巴矢量图标库 下载我们需要的矢量icon的svg格 ...

  6. 云炬Android开发笔记 3-2字体图标库集成与封装

    1.项目:android-iconify点此链接到Github 这是一个字体图标库,用字体来代替很多图片. Android开发经常将很多本地图标放在drawable和mipmap文件夹下,这样有一些坏 ...

  7. 字体图标库(Font Awesome)的使用--绝佳的图标字体库和CSS框架

    一.概述 web项目(前台/后台)开发中,很多地方需要使用图标样式(如:删除图标或短信图标,见下图),当然可以选择图片当背景或者用<img>标签,但是用图片的不灵活性也是显然易见的,如颜色 ...

  8. 如何使用阿里巴巴字体图标库

    1. 阿里巴巴字体图标库官网:http://www.iconfont.cn/ 2.选择自己要用的字体图标,下载到本地. 3.在页面中引用 iconfont.css 这个样式 4.<i class ...

  9. 【vue+a-form+字体图标展示】在form表单中加入svg字体图标列表,新增操作详解

    先准备svg字体图标 在assets目录下新建icons文件夹,新建svg文件夹,把svg格式的图标都存放在这里 在utils目录下新建icons.js文件 import eventAccident ...

  10. uni-app引入阿里字体图标库

    1.官方地址 2.阿里巴巴字体图标库使用方法 (1).注册账号 (2).创建项目 (3).找到喜欢的图标 (4).将自己喜欢的图标加入到项目中去 (5).生成代码并下载到本地 (6).将iconfon ...

最新文章

  1. Docker学习笔记之在开发环境中使用服务发现
  2. .NET I/O 学习笔记:文件的读和写
  3. linux 解决man命令输出到文档打开乱码问题
  4. Linux基础学习九:Mysql读写分离原理以及详细搭建步骤
  5. 解决编写C#在vscode上面不能输入问题
  6. 朋友圈的尖子生--自序有感
  7. 推特大规模攻击幕后黑手竟是 17 岁少年?企业云安全迫在眉睫!
  8. 与,或,非,异或进行位运算的总结
  9. linux wireless子系统,Linux Wireless子系统初始化
  10. matlab怎设置静态变量,Matlab/Simulink中的静态变量和全局变量
  11. python对gif图压缩
  12. 什么是存储过程?用什么调用
  13. Pytorch 深度学习实战教程(五):今天,你垃圾分类了吗?
  14. 算法入门之lowB三人组---冒泡排序、选择排序、插入排序 【python版-详解】
  15. #4508. Triples I
  16. [049] 微信公众平台开发视频公开课第1讲-基础入门
  17. 2019 xnuca pwn vexx
  18. 2年java开发工作经验
  19. Win系统 - 更新卡太久,我能不能强制关机?
  20. 中国人越来越不愿买新车!二手车电商上半年融资150亿元,谁是大赢家?

热门文章

  1. 万字长文丨大白话带你由浅入深Python编程语言
  2. 为工大瑞普新编写的CCNA实验手册提供下载
  3. 2021-2022年数学建模资料汇总——数学模型篇
  4. docker代理配置详解
  5. 尚硅谷SpringCloud Alibaba
  6. z变换与拉普拉斯变换的关系
  7. SpringBoot通用的敏感词拦截
  8. 网络虚拟信用卡如何申请?Yandex万事达虚拟信用卡申请教程
  9. URLDecoder与URLDecoder的简单了解
  10. Arduino--电容式土壤湿度传感器使用及原理