丰富的应用图标库--阿里矢量图库

Liu_Dag Liu_Dag 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3k累计阅读 1.3k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-08-03 09:55:38 发布 1.3k 阅读 AI 写同款· GEO 优化 ›
字体图标的设置（阿里巴巴矢量图库的使用） 字体图标一、自定义字体二、阿里巴巴矢量图库使用三、字体图标 前端在处理字体的时候，一般都会引用大多数电脑已经安装好的字体，如微软雅黑、宋体等等，从而来保证浏览器中字体渲染效果一致，而我们如果引用了一些自己本地自行安装的字体时，而用户的计算机上却没有，就会使得用户计算机上显示的是浏览器的默认字体，因此我们需要用到字体图标等。 一、自定义字体 语法： @font-face{ font-family:<family-name>;/*必须属性，指定字体的名字*/ src:<src>; 阅读详情

最近研究了下微信的小程序，开发过程中需要自己配置一些按钮的图标，在这里分享一个丰富的应用图标库

链接地址：

http://www.iconfont.cn/

           

收录于
微信

当前文章被收录于：

微信
3 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
vue：ali 阿里矢量图库 ico https://blog.csdn.net/tang_jian_dong/article/details/83342826案例 --X http://www.faviconico.org/推荐使用 https://www.iconfont.cn/阿里矢量图库 http://www.bitbug.net/ ico制作 Symbol 引用 这是一种全新的使用方式，应... 阅读详情

相关推荐

伪元素使用——字体图标（以阿里巴巴矢量图标库为例）

1.在阿里巴巴矢量图标库中，找到你喜欢的字体图标，选择添加入库（即购物车图标） 2.点击在页面右上方的“购物车” 3.选择“添加到项目”，（没有项目可以创建一个） 4.进入项目之后，选择“Font class”模式，再点击下载至本地5.在你要用的项目目录下新增一个名为iconfont的文件夹，（这里我选择项目中的css文件夹中​​​​​​） 6.解压刚刚下载的压缩包，将iconfont文件放入到项目的css文件中，而后四个文件放入到刚刚新增的iconfont文件中（简单点的话，可以把整个解压..

m0_55916923的博客 4083

使用阿里矢量图标库操作流程

使用阿里矢量图标库操作流程1、地址http://www.iconfont.cn2、注册登录登录常人只有两种方式：github、新浪，本人这里使用的GitHub，为了演示转让项目注册两个账号 登录成功：3、创建项目4、选择图标并加入项目点击进入官方图标库，选择适用于自己项目的图标选择完成，点击右上角购物车图标选择添加至项目选中自己项目名称点击确定这里图标已经选好了，下面进入应用阶段。5、查看在线引用...

向着太阳微笑 3万+

drawio使用阿里云矢量图标库进行流程图、泳道图、UML、BPMN、架构图、部署图、原型图、用户故事图等绘制

drawio使用阿里云矢量图标库可进行流程图、泳道图、UML、BPMN、架构图、部署图、原型图、用户故事图、ER图等软件开发设计及架构图的绘制，导出无水印，操作便捷，是替代Visio及Processon等的不二选择。下载对应的资源，开启draw.io应用软件，从菜单依次点击"File"->"Open Libary…"选择对应的xml文件（3D压缩包需先解压缩），即可在draw.io中载入阿里云矢量图标库。

寻找未来的世界 7138

除了阿里的iconfont图标库，还有这10个开源SVG图标库

在国内，我想大家基本上都是用阿里的iconfont图标库，这里介绍10个其他的开源图标库，下面列出的所有库都是完全开源的，因为我已经检查了许可条款和条件。 Font Awesome 我相信我们大多数人至少使用过一次Font Awesome图标，直到现在为止，因为它们是最早发布的高度流行的开源图标库之一。截至目前，他们的图库中总共有1,588个免费图标和7,842个专业图标。 Font Awes...

前端全栈开发者 9454

阿里矢量图标使用指南[源码]

本文详细介绍了阿里巴巴矢量图标库（iconfont）的使用方法，包括两种主要引入方式：下载代码和添加至项目。下载代码方式提供了Unicode、font-class和Symbol三种引用方法，分别适用于不同的兼容性和多色图标需求。Unicode兼容性最佳但仅支持单色，font-class书写直观但仍受单色限制，Symbol支持多色但兼容性较差。添加至项目方式则允许用户将多个图标整合到一个项目中，便于管理和更新。文章还提供了每种引用方式的具体步骤和注意事项，帮助开发者快速上手使用阿里矢量图标。

基于Halium 9为小米平板4移植Ubuntu Touch：内核适配与驱动调试实战

在移动设备生态中，Linux内核作为核心，通过硬件抽象层（HAL）管理底层硬件驱动，为上层系统提供统一接口。其模块化设计允许深度定制，是实现跨平台移植的技术基础。Halium项目正是利用这一原理，构建了一个中间层，将安卓内核的硬件支持能力“翻译”成标准Linux发行版能识别的格式，从而在手机、平板等移动设备上运行Ubuntu Touch、postmarketOS等移动Linux系统，极大地拓展了老旧设备的再利用价值。这一技术为开发者提供了在常见安卓硬件上进行Linux系统开发与定制的可能，尤其在嵌入式与物联

weixin_42639246的博客 372

阿里巴巴矢量图

好久没写了,弥补一下,今天推荐一个好用的图标网站，阿里巴巴矢量图，直接搜这几个字也可以搜到，我把链接贴出来 https://www.iconfont.cn/search/index?searchType ...

shuoshuo_12345的博客 5999

STM32F407用FSMC+DMA驱动LVGL，3.5寸屏流畅度翻倍实战（附CubeMX配置避坑）

本文详细介绍了如何在STM32F407上通过FSMC+DMA驱动LVGL，显著提升3.5寸屏的显示流畅度。从FSMC与DMA的配置原理到LVGL驱动层适配，提供了完整的优化方案和实测数据，帮助开发者解决界面卡顿问题，实现流畅度翻倍的效果。

weixin_30872499的博客 559

开源免费图标集合

1）ikonate，https://ikonate.com/ 2）阿里矢量图库，https://www.iconfont.cn/

zhoukehu 1582

Android开发者必看：F2FS文件系统如何优化你的手机存储性能（附实测数据对比）

本文深入解析了F2FS文件系统如何针对闪存特性优化Android设备存储性能。通过对比ext4，F2FS采用追加写和冷热数据分离策略，将随机写转化为顺序写，显著提升写入速度并减少GC卡顿。实测数据显示，其在随机写入和SQLite事务等场景下性能提升显著，为开发者提供了优化应用IO性能的关键思路。

weixin_29248313的博客 325

招标信息爬取工具

一个能帮你节省大量时间的实用小工具，我自己用了挺久，分享出来给有需要的朋友

qq_56877290的博客 836

一些额外且好用的 icon 图库

之前偶然逛到，这个真的挺好用的，不过这里的 icon 都是和 React 组件绑定了，额外补充一些不和框架绑定的图库。

GoldenaArcher的博客 1087

保姆级教程：用MATLAB复现格拉斯哥大学FMCW雷达数据集多普勒谱（附完整代码与避坑指南）

本文提供了一份详细的MATLAB教程，指导如何复现格拉斯哥大学FMCW雷达数据集的多普勒谱分析。从环境准备、数据获取到距离压缩、MTI滤波、时频分析（STFT）以及结果后处理，涵盖了完整流程，并附有优化代码和避坑指南，特别适合雷达信号处理研究者和工程师。

weixin_28720767的博客 116

9、阿里巴巴矢量图库icon-font的运用

前言：今天说下在项目中的使用图标库 GitHub：https://github.com/Ewall1106/mall 一、新建图标项目 1、打开阿里巴巴矢量图库这个网站，进入图标管理中，在里面新建一个项目 iconfont官网 2、然后我们进入图标库中添加几个图片到购物车中 addC...

weixin_34007020的博客 328

【UE 反射】反射的原理是什么？如何使用机制？

静态类型检查确保了类型的早期一致性和高效的代码执行，但减少了灵活性。动态类型检查提供了更大的灵活性，但增加了运行时的开销和潜在的错误。反射作为一种动态特性，无论是在静态类型语言还是动态类型语言中，都提供了强大的运行时类型操作能力，但也伴随着性能和安全性方面的权衡。通过理解这些联系，开发者可以在不同的编程语言和应用场景中选择适合的类型检查方式和反射机制，以实现所需的动态行为和灵活性，同时保证性能和安全性。

hhw_hhw的博客 6033

android 14.0 控制wifi启用禁用功能实现

在14.0的产品rom定制化开发中，在产品开发中，对于功能的开发的功能也是挺多的，而在对于wifi的功能定制需求，有要求需要通过系统属性来控制wifi开关是否可以打开 来控制是否可以连接wifi,打开控制wifi的功能，接下来分析wifi的开启流程来实现该功能的实现

安卓兼职framework和app工程师的博客 1771

小程序引入阿里云矢量图库图标

小程序引入阿里云矢量图库图标

ITKidKid的博客 1712

Python反爬实战｜动态渲染+高可用IP代理集群，稳定爬取京东/淘宝10万+商品数据

做Python电商爬虫的同学，应该都对京东、淘宝的反爬机制深有体会——这两个平台的反爬体系，堪称国内网站的天花板，远比普通资讯、政务网站的反爬严格十倍不止。用requests库请求商品列表，返回的永远是只有骨架的空HTML，商品标题、价格、销量全是前端JS异步加载，抓包分析接口发现参数全是加密的signtoken，解密成本无限高；用selenium开无头浏览器爬取，刚爬3-5页就触发风控，页面直接返回403，IP被封禁，甚至连Cookie都直接失效；

专注于Python爬虫开发，分享爬虫技巧、项目实战与反爬经验，使用Scrapy、BeautifulSoup等工具，解决数据抓取难题。 1585

快应用之---使用阿里图标库iconfont

目的：快应用自1030开始（新增：font-family 及 font-face 支持），,就可以使用字体图标了，使用iconfont可以减少图片,加快渲染速度,使用后图标可以像文字一样改变大小和颜色 流程： 1、首先在阿里巴巴矢量图库中将所需要的图标放入到对应的项目中,找到我的项目如图2 将图标文件下载至本地 2、在css里自定义font-face @font-face ...

qq_37029373的博客 1314

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

HTML之Unicode引用方式添加矢量图标（如阿里巴巴矢量图库）

目录 一、阿里巴巴矢量图库下载 1.进入官网选择图库 2.下载项目中图标至本地 二、Unicode引用 1.特点 2.引用（此处使用阿里巴巴矢量图库） 一、阿里巴巴矢量图库下载 1.进入官网选择图库 阿里巴巴矢量图标库里有大量图库，简洁优美，挑选你需要的图标 （1）新建一个项目 （2） 选择需要的图标，加入购物车 （3）将购物车图标加入至...

绣花针 5334

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

网站使用阿里矢量图标库指南

本文介绍了在Halo博客系统中集成阿里云矢量图标库(Iconfont)的详细步骤。主要内容包括：创建Iconfont项目并添加图标；提供两种资源使用方案（CDN服务和本地CSS文件）；指导如何在Halo中注入样式代码；说明图标在菜单、侧边栏等场景的实际应用方法。文章特别强调了彩色图标使用限制、图标class格式注意事项等关键点，建议优先使用官方CDN服务以确保维护便捷性。通过本教程，用户可以轻松为Halo博客添加专业美观的矢量图标。

2402_88610255的博客 2266

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

uniapp 引入阿里矢量图标库正确姿势

阿里图标库地址：iconfont-阿里巴巴矢量图标库 1.首先选择我们喜欢的图标加入购物车 2.点击购物车，将图标加入到项目中 3.下载到本地解压出来 4.将这四个文件拷贝到我们的项目中去 5.在App.vue中配置iconfont.css /* 阿里矢量图库 */ @import 'static/css/iconfont.css'; 6.编辑iconfont.css文件，修改其他三个文件的位置 src: url('@/stat...

weixin_38982591的博客 1084

阿里巴巴矢量图标库（网页）

首先，阿里巴巴矢量图标库网站资源非常齐全，主要包含了 图标库，矢量插画库，3D插画库，动效库，字体库等等，基本能满足小伙伴们日常开发设计需求，里面的所有素材都可以免费使用。图标库里包含有2300W+的矢量图标素材，供小伙伴们使用，可用于PPT，网站应用等，支持所有图标库，官方图标库，多色图标库和单色图标库。字体库提供了包括东方大楷，数黑体，阿里巴巴普惠体，得意体，站酷酷黑等10多种免费字体。图标素材支持AI,SVG,PNG,代码格式等等格式下载。页面上明确标明了免费使用，所以小伙伴们完全不用担心。

C891212的博客 1万+

iconfont字体图标库的使用

iconfont字体图标库

Pursuit53的博客 1418

简单介绍一下阿里巴巴矢量图标库的使用

相信做过前端的都知道阿里巴巴矢量图标库，这是一个非常好用的添加小图标的方法，而且是完全免费的，可以在线使用也可以下载到本地使用，而且图标是作为字体插入，不仅可以改变颜色大小，而且在布局方面也非常方便。下面我就来介绍一下阿里巴巴矢量图标库Iconfont。 网址：http://www.iconfont.cn/plus Iconfont之前只包括官方图标库和所有图标库，现在改版又多了...

anyuanliang9113的博客 1231
上一篇： TRIP数据库的JDBC
下一篇： 微信小程序中的eCharts
点赞 0
评论 0
书签 书签 0
Liu_Dag
Liu_Dag
博客等级 码龄10年 37粉丝 21原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Liu_Dag

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

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

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

打赏作者

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

抵扣说明：

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

余额充值