百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

用这些免费开源的图标库,为你的项目画龙点睛

toqiye 2024-12-08 18:53 19 浏览 0 评论

精致好看的图标能够为你的项目增色不少,今天我就整理了一期图标库精选系列,希望你可以从中找到自己喜欢的图标库。

下面就跟我来一场视觉的盛宴,我会一一介绍 GitHub 上品牌、流行、极小,各具特色的免费精致开源的图标库。

一、各种品牌的图标库

1.1 推荐项目:SuperTinyIcons(星数 8k+)

常见网站和 app 的 logo 图标库,每个图标均小于 1KB 制作精美,下面是社交部分的图标样例:

1.2 推荐项目:simple-icons(星数 7k+)

流行品牌的免费 SVG 图标库,对比第一个库图标数量更多,而且支持英文搜索。但是,不足之处是图标不是彩色的。

二、流行的图标库

2.1 推荐项目:octicons(星数 5k+)

GitHub 官方开源的 GitHub 网站上用的图标库。

2.2 推荐项目:material-design-icons(星数 38k+)

Google 官方开源基于 Material Design 设计风格的图标库。

2.3 推荐项目:Font-Awesome(星数 60k+)

应该是当下最流行的图标库 GitHub 上 Star 数最多的图标库。但是样式感觉到处见,有些没有新鲜感。



2.4 推荐项目:feather(星数 16k+)

简单漂亮的开源图标库,目前共计 280+ 个图标,支持在线搜索查找图标。个人感觉比 Font-Awesome 好看,你怎么看?

三、极小的图标库

3.1 推荐项目:bytesize-icons(星数 3k+)

极小极简的图标库。小到什么程度?100+ 图标,体积才只有 12KB。



3.2 推荐项目:cssicon(星数 2k+)

无任何依赖纯 CSS 实现的图标库,直接复制代码就可实现图标样式。



四、特色的图标库

4.1 推荐项目:caomei(星数 800+)

一套免费、精致的开源图标库(如果想要赞助作者可以购买 pro 版)。

  • 精心绘制 丨 风格统一、力求像素级的显示
  • 使用高效 丨 资源轻量、灵活、多设备兼容
  • 开源免费 丨 个人私用和商用版权开源免费

4.2 推荐项目:RemixIcon(星数 1k+)

一套免费、可商用、设计精美、细致的图标库。这个项目可以让开发者、设计师在一个图标库中快速找到适合的图标,用于自己的网站或 APP 开发。不同于混搭收集的图标库,RemixIcon 的每一枚图标都是由设计师精心设计而成,并且每一枚图标都包含填充和描边两种风格,便于切换使用。

相关推荐

国产web端开源ui组件-通用前端ui界面组件库

写个序吧:随着工作的不断深入,越来越发现很多好的前端开源项目都来自于国外,国产的开源项目很多时候面临叫好不叫座甚至有很多就消失不见了。开源和创新,不仅仅是需要我们的参与同样也需要我们不断地传播,因此才...

微信小程序商城项目,包括,分销,团购,秒杀,优惠券惠源码分享

源码获取,关注转发文章之后私信回复【源码】即可免费获取到!小程序商城,包括:分销(支持三级)、团购(拼多多模式)、秒杀、优惠券、等功能技术框架核心框架:SpringFramework4安全框架:A...

VUE3前端开发入门系列教程

一直以来使用ThinkJS开发,使用Semantic-UI手写代码,又缺少一些table等插件,好累。平时使用NodeJS开发后端较多,一直有接触VUE想法,总是不得入门(可能是思维固化了),再次深入...

支持分销、团购、秒杀、优惠券、微信商城项目,源码免费分享

小程序商城,包括:分销(支持三级)、团购(拼多多模式)、秒杀、优惠券、等功能如果您需要用到这个微信小程序的源码,欢迎关注转发之后私信【源码】来免费获取到!面向对象Open-Shop是企业在创立初期很好...

在Gitee获8.5k Star,做微信小程序商城看这一个开源项目就够了

商城系统是小程序中比较热门的类型,许多开发者在寻找商城类小程序项目时,都会遇到一些声称「开源」但是并不是完全开源,有时候还会收费的项目。今天Gitee介绍的这款微信小程序商城项目就是一款从前端到后...

七款国内免费开源PHP CMS推荐,无限制,可商用

自织梦cms收费后,很多使用dedecms的站长都转移到了别的cms系统上,上一期也给大家分享了几款国外开源cms系统,今天来给大家分享几款国内的免费且可商用的phpcms系统:PbootCmsPb...

VUE3前端开发入门系列教程二:使用iView框架辅助开发

1、安装iView新框架,支持VUE3npminstallview-ui-plus2、编辑src/main.js,添加以下内容,导入js和css到项目importViewUIPlusfrom...

TS 真正比 JS 强大的那些特性

在前端开发领域,JavaScript(JS)一直是当之无愧的武林盟主,凭借灵活多变的特性和超广泛的兼容性打下大片江山。然而,随着前端应用日益复杂,TypeScript(TS)这位后起之秀崛起,以独特优...

自写一个函数将js对象转为Ts的Interface接口

如今的前端开发typescript已经成为一项必不可以少的技能了,但是频繁的定义Interface接口会给我带来许多工作量,我想了想如何来减少这些非必要且费时的工作量呢,于是决定写一个函数,将对象放进...

如何优雅地校验后端接口数据,不做前端背锅侠

背景最近新接手了一批项目,还没来得及接新需求,一大堆bug就接踵而至,仔细一看,应该返回数组的字段返回了null,或者没有返回,甚至返回了字符串"null"???这我能忍?我立刻截...

正点原子I.MX6U嵌入式Linux C应用编 第十八章 输入设备应用编程

输入设备应用编程本章学习...

Python时间序列分析:使用TSFresh进行自动化特征提取

TSFresh(基于可扩展假设检验的时间序列特征提取)是一个专门用于时间序列数据特征自动提取的框架。该框架提取的特征可直接应用于分类、回归和异常检测等机器学习任务。TSFresh通过自动化特征工程流程...

人教版八下数学第十九章《一次函数》辅导(6)一次函数(1)

人教版八下数学第十九章《一次函数》辅导(6)一次函数(1)一、生活中的一次函数探究1(1)一个小球由静止开始沿一个斜坡向下滚动,其速度每秒增加2m/s,若小球的速度为vm/s,运动时间为ts,求v关于...

笔记|Simulink中S函数的设计

S函数的简介S函数是Simulink中提供给用户的一个自定义模块,由于在研究过程中经常需要复杂的算法设计,Simulink中提供的模块无法满足使用,就需要用编程的形式设计出S函数模块,然后嵌入到系统中...

初探HarmonyOS开发,ArkTS语言初看

最近在研究HarmonyOS(鸿蒙操作系统)开发,HarmonyOS(鸿蒙操作系统)想必大家都不陌生了,但是我也是在该系统发布许久后才首次尝试上手开发,因为有写java后台的经验,也算是能堪堪上手。据...

取消回复欢迎 发表评论: