你一定喜欢的免费图标资源

最新推荐文章于 2025-04-23 07:25:09 发布
最新推荐文章于 2025-04-23 07:25:09 发布
阅读量433 收藏 6
点赞数 8
分类专栏： 前端 HTML5 Vue 文章标签： 图标资源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sensor_WU/article/details/138003890
版权
本文介绍了四个常用的免费图标资源库：阿里巴巴思量图标库适合各种项目，Lucide支持Vue框架，SVGRepo提供大量矢量图标，而LottieFiles专为网站和应用提供轻量级动画图标。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

一、阿里巴巴思量图标库

二、Lucide 图标库

三、SVG Repo - Free SVG Vectors and Icons

四、LottieFiles: Download Free lightweight animations for website & apps.

在我们日常开发中，无论是H5前端程序，还是原生的APP程序，都离不开图标资源，早年的时候，都是自己手机很多图标放在磁盘中，而今已经完全变了，有很多在线的、免费的图标资源，今天我就介绍我用的几个：

一、阿里巴巴思量图标库

        网址：iconfont-阿里巴巴矢量图标库

        这是一个国内非常好的图标库，图标比较多，有各种套图，平时不上也使用没有任何问题。

二、Lucide 图标库

        网址：Lucide

        这是一个支持前端框架VUE等的图标库，免费。可以拷贝矢量图标。

三、SVG Repo - Free SVG Vectors and Icons

        这个网站提供的图标超过30万，支持矢量图标，支持大图标下载，也支持VUE等框架

四、LottieFiles: Download Free lightweight animations for website & apps.

提供免费的动画图标，适用于：Skia4Delphi

Lucide图标库使用指南
gitblog_00530的博客
08-13 1758
Lucide图标库使用指南 项目地址:https://gitcode.com/gh_mirrors/lu/lucide 1. 项目介绍 Lucide图标库是一款轻量级、高度优化的可缩放矢量图形（SVG）集合。它以其清晰简洁的风格和一致的设计规则而著称，确保了在各种应用场景中的一致性和专业性。图标设计旨在满足现代Web和应用程序界面的需求，提供了一套丰富且易于集成的视觉元素。 2. 项目快速启动 要...
Lucide 图标库安装与使用指南
gitblog_01073的博客
08-13 1216
Lucide 图标库安装与使用指南 项目地址:https://gitcode.com/gh_mirrors/lu/lucide 1. 项目目录结构及介绍 在https://github.com/lucide-icons/lucide.git这个仓库中，Lucide图标库的目录结构大致如下： lucide/ ├── src/ # 存放SVG源码图标 ├── packages/...
Lucide：开源社区驱动的图标工具包
gitblog_00627的博客
08-15 840
Lucide：开源社区驱动的图标工具包 lucideBeautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.项目地址:https://gitcode.com/gh_mirrors/lu/lucide 在数字设计的广阔天地中，图标不仅是视觉沟...
lucide:来自社区的简单漂亮的开源图标
04-07
露西德 什么是露西德？ Lucide是的社区运行分支，任何人都可以贡献图标。 在对项目的审核变得越来越不满之后开始的，该项目有300多个未解决的问题和100多个未解决的PR，现在不再维护该项目。 该项目的所有者停止了合并图标，并希望使该项目保持现在的状态。 数以百计的开发人员/设计师浪费了他们的时间来贡献自己，真是可惜。 我们正在尝试尽可能扩大图标集，同时保持其外观美观，我们是作为开发人员和设计师社区加入的！ 为什么选择Lucide而不是Feather Icons Lucide已经在不到一年的时间里将图标集消耗了130多个，因此可以使用更多的图标。 维护良好的代码库。 活跃的社区。 目录 Vue 菲格玛 贡献 社区 执照 用法 Lucide的核心是SVG文件的集合。 这意味着您可以使用与使用SVG相同的方式使用Feather图标（例如img ， background-imag
程序员、独立开发者 icon 自由了
m0_46995061的博客
12-05 458
界面图标：专为界面设计的图标。这是一个React 图标库，如果你是用 React 的话，用Lucide或react-icons这种图标库是最方便的了，也不用去下载，也不用管格式。Lucide 是一个图标库，它提供了一系列简洁、现代的图标，这些图标被设计为易于使用，并且可以自定义以适应不同的设计需求。并且它是可定制的，它提供了定制选项，允许用户更改图标的颜色、描边宽度和大小，以适应不同的设计和品牌指南。这是国内的一个个人开发者独立运营的，已经稳定运营好几年了，而且一直在更新，图标都是免费的，而且非常全。
图标资源，二次元任务勋章图标
01-24
在IT行业中，图标资源是设计工作中的重要组成部分，特别是在创建用户界面（UI）或图形用户界面（GUI）时。这些图标能够以视觉形式简洁、直观地传达信息，增强用户体验。"二次元任务勋章图标"是一种特定类型的图标...
开始图标资源图
11-04
"开始图标资源图"这个主题涉及到的是如何自定义和改变Windows系统的开始按钮图标，以个性化用户的桌面体验。内置图标和自定义图标的选择提供了无限的定制可能性。 首先，我们要理解系统图标是什么。系统图标是指...
爱心图标免费图标
07-24
"爱心图标免费图标"是一个资源包，包含32个用于不同用途的爱心形状图标，尺寸为128x128像素，格式包括PNG和ICO。 PNG（Portable Network Graphics）是一种无损压缩的位图格式，支持透明度，广泛应用于网页和软件...
安卓手机美化，各种电池图标集合， 总有一款你喜欢的。。
07-09
这些图标通常以PNG或SVG等图像格式存在，可以通过第三方主题应用或者手动替换系统资源来实现更换。在提供的压缩包中，包含了多种电池图标的设计，用户可以根据自己的审美选择喜欢的样式。 安装新电池图标的方法大致...
淘宝等级图标资源包，卖家和买家的级别图标
03-28
淘宝等级图标资源包是针对淘宝平台用户等级设计的一套视觉标识系统，主要包含卖家和买家两个方面的等级图标。这些图标通常用于展示用户在淘宝平台上的活跃程度和信誉度，为消费者提供一个直观的参考，同时也激励商家...
Lucide 图标库常见问题解决方案
gitblog_00271的博客
12-05 959
Lucide 图标库常见问题解决方案 lucide Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. ...
如何优雅的展示动态图标lottie-react-native
suwu150
04-04 4005
Lottie是Airbnb开源的一个支持 Android、iOS 以及 ReactNative，利用Json文件的方式快速实现动画效果的库。2.在左侧的项目浏览器中，右键单击您的应用程序名称，然后单击新建文件…为项目创建一个空的Swift文件（添加时请确保选择了target是“您的应用名称”）如果实在找不到了，就使用这里的json文件->项目中，需要使用到动态图标，发现又好用的库，在这里分享一下，需要使用的工具库为。软件中的动画特效，以json文件的方式导出，来实现动画的效果。还能够指定的更改图层的颜色。
Vue3+vite使用LottieFiles/lottie-web，阿里图标动效库
weixin_44000173的博客
10-05 1523
Vue3+vite使用LottieFiles/lottie-web，阿里图标动效库
lucide 项目亮点解析
最新发布
gitblog_00302的博客
04-23 712
lucide 项目亮点解析 lucide Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. ...
Lucide Icons：开源图标库的优质选择
gitblog_00367的博客
12-06 1194
Lucide Icons：开源图标库的优质选择 lucide Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. ...
vue项目中使用阿里巴巴矢量图标库中的 Lottie库
yinge0508的博客
07-29 1615
vue项目中使用lottie
NextJS开发：使用IconPark、Lucide图标库
arslan-robot
11-13 1328
IconPark、Lucide两个很不错的图标库，如果需要用到微信、阿里等国内logo可以使用IconPark，Lucide中没有包含这些内容。封装一下，避免每个页面导入，更换图标库也更方便。安装IconPark。
HarmonyOS--鸿蒙三方库--lottie
2301_79900717的博客
12-16 836
Lottie 是 OpenHarmony 的一个动画库，它可以解析 Adob​​e After Effects 动画，使用 Bodymovin 导出为 JSON 文件，并在移动设备上本地呈现它们。
vue2引入阿里巴巴图标字体库的lottie动画
m0_54585610的博客
04-10 578
vue2引入阿里巴巴图标字体库的lottie动画
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海纳老吴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值