常见的图标库有哪些？

2024-06-01 22:19:52

1.IconFont:阿里巴巴矢量图标库

链接：http://www.iconfont.cn/

Iconfont 是阿里提供了一个图标库，你可以想象成是一个售卖图标的超市，挑选你需要的图标放入购物车，然后 Iconfont 会为你打包你购物车里的图标，自动生成一种新的字体，你可以选择下载到本地，在你的项目中引入这种字体，这样即便没有网络的情况也可以使用图标。

这种模式的一大优点就是只挑选出需要的图标，不会像其他图标库那样直接下载一整个图标库的内容，尽管你可能只会使用一两个图标。有的项目打包上线对大小是有严格要求的，比如微信小程序打包之后的代码大小就要控制在 1 M以下。

关于如何使用 Iconfont，网络已经有人赘述的很详细了，这里就不再重复。

2.IconFinder-Free Icons

链接：https://www.iconfinder.com/free_ico

网站包含超过十万个免费图标，每个图示旁边都有标示使用授权与说明，大部分都可以免费使用在个人或商业用途。同时，网站无需注册即可使用。

3.Font-Awsome

链接：http://www.fontawesome.com.cn/

Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。完全开源免费。

4.Vexels

链接：https://www.vexels.com/
这个网站提供了大批的高质量免费矢量图资源，搭配上标签、分类和搜索，你可以轻松找到自己需要的图片。其中可免费下载的矢量文件包括:矢量图标、矢量图案、矢量漩涡、花形图案、背景、笔刷等等。进入免费矢量图界面后，点击Download 后即可下载压缩包文件，此网站无需注册即可正常使用。

5.关注&&联系

开源轻量操作系统： https://gitee.com/cmcc-oneos/OneOS-Lite

docs文档中心： https://oneos-lite.com/

知知乎乎：蓁蓁

常见的图标库有哪些？相关推荐

几个常见的图标库（附加图片压缩与pdf在线编辑工具）
1.图标库 https://dribbble.com/ https://undraw.co/illustrations https://www.iconfont.cn/home/index?spm=a ...
免费高质量图标搜索引擎以及图标库
在工作中,我们经常需要用到图标素材.你也许能搜到很多的图标资源网站,但要找到免费的高质量图标却很难,这就是为什么我今天要与大家分享这些优秀的免费质量图标搜索引擎,相信在这些网站你能找到你要的东西.如果 ...
css加号图标_一步步打造自己的纯CSS单标签图标库
原标题:一步步打造自己的纯CSS单标签图标库作者:深海鱼在掘金原文:https://juejin.im/post/5a1c21c1f265da430b7af6e5 图标作为网页设计中的一部分,其在 ...
引入第三方图标库，并在前台罗列图标
目前在项目中引入一个第三方矢量图标库已经成为了非常常见的需求.这是因为矢量图不仅体积小,而且在放大时不会失真,颜色也可以轻松修改.相比于传统的方式去加载大量的图片(假设你没有用"雪碧图&qu ...
Radix Icons - 一组优雅细腻的免费开源线性图标库
一组漂亮的图标库,不仅可以用于开发应用,在PPT / 报告 / 海报中使用这些图标,也会让成品锦上添花,值得收藏留用. 关于 Radix Icons Radix Icons 是一组基于 15×15 像 ...
【干货#002】小程序开发最佳图标库:阿里图标库
概述为了提高小程序的颜值,你是不是还在苦苦搜索漂亮的图标或自己撸呢?今天我们介绍一个来自阿里妈妈的神奇图标库网站,从此妈妈再也不用担心小程序图标了. iconfont+(http://www.ico ...
5个非常实用的图标库
大家好,我是为前端娱乐圈操碎了心的小迷妹,正宗前端开发一枚,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标. 每天上班必须做的 ...
css 商城两列_如何使用css伪元素实现超实用的图标库（附源码）
今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形. 预备知识伪元素伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特 ...
sql developer下载_网络安全图标库下载
"嫖"了康总的一份图标,在这分享下,整理的常用网络安全图标库(visio),图标加了连接点,使用时在visio形状栏中导入 .vssx 文件即可.可用于销售/售前/售后,制作演讲. ...
Android 自带图标库 android.R.drawable
在xml文件中调用. android:title="@string/secure_connect" android:orderInCategory="100" ...

最新文章

热门文章