UI图标库推荐网站

在推荐图标库时,我会考虑图标的多样性、质量、易用性以及是否免费或开源等因素。以下是一些值得推荐的图标库:

1. Font Awesome

  • 特点:Font Awesome是一套绝佳的图标字体库和CSS框架,提供可缩放的矢量图标。您可以使用CSS所提供的所有特性对它们进行更改,包括大小、颜色、阴影等。
  • 网址:https://fontawesome.dashgame.com/
  • 评价:Font Awesome因其广泛的图标集和易用性而受到前端开发者的喜爱。

2. Iconfont(阿里巴巴矢量图标库)

  • 特点:由阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。
  • 网址:http://iconfont.cn/
  • 评价:Iconfont因其丰富的图标资源和强大的自定义功能而受到设计师和前端开发者的青睐。

3. Remix Icon

  • 特点:Remix Icon是一套开源免费可商用的图标库,图标风格是中性风格,适用于各种用户群体和风格的项目。每个图标都是按照24*24大小设计的,非常适合图标组件库的前期搭建。
  • 网址:https://remixicon.com/
  • 评价:Remix Icon因其高质量的图标和友好的授权政策而受到欢迎。

4. IconPark

  • 特点:IconPark图标库是由字节跳动出品,以技术驱动,可以随意更改图标的属性,如线性、面性,甚至可以双色和多色填充。致力于构建高质量、统一化、可定义的图标资源。
  • 网址:https://iconpark.oceanengine.com/home
  • 评价:IconPark因其技术驱动和丰富的自定义选项而受到开发者的喜爱。

5. Feathericons

  • 特点:Feather是一套面向设计师和开发者的开源图标库,每个图标都设计在一个24×24的像素网格上,强调简单、一致性和易读性。
  • 网址:https://feathericons.com/
  • 评价:Feather因其简洁的图标设计和易用性而受到好评。

6. Phosphor Icons

  • 特点:Phosphor是一个灵活的图标库,风格统一且完善,可用于UI界面、图表、PPT乃至于各种数字产品当中。你可以在Figma中使用它们,或在React和Vue JS之类的代码项目中使用它们。这套图标库包含588个图标,每个图标有6种不同的样式。
  • 网址:https://phosphoricons.com/
  • 评价:Phosphor Icons因其多样的样式和广泛的应用场景而受到青睐。

以上图标库均具有较高的知名度和用户评价,您可以根据自己的需求和喜好选择适合的图标库。请注意,这些推荐可能会随着时间和用户反馈的变化而有所调整。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/45616.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

24/7/12总结

axios Axios 是一个基于 promise 网络请求库&#xff0c;作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。 get请求: <script>function…

【Linux网络】数据链路层【下】{MAC/MTU/ARP/ICMP/NAT/PING/代理服务器原理}

文章目录 1.逐步深入数据链路层1.1MAC帧1.2由集线器到交换机1.3认识MTU 2.ARP 地址解析协议/RARP逆地址解析协议3.DNS(Domain Name System)域名从输入url后到能看到网页 发生了什么【典中典】 4.ICMP协议&#xff1a;一个网络层协议有了TCP&#xff0c;为什么还要用ICMPICMP协议…

面向对象程序设计之常用集合类

容器集合类&#xff0c;是后端的基础&#xff0c;本文以面向对象语言c#与java为例&#xff0c;了解常用的集合类。 c# List<T>: System.Collections.Generic.List<T> 是动态数组的泛型集合类。它提供了类型安全性和高效的元素访问。 List<string> list ne…

uboot学习:(一)基础认知

目录 uboot是一个裸机程序&#xff08;bootloader&#xff09; 作用 要运行linux系统时&#xff0c;如何从外置的flash拷贝到DDR中&#xff0c;才能启动 uboot使用步骤 步骤1中的命令例子 注意 uboot源码获取方法 uboot是一个裸机程序&#xff08;bootloader&#xff09…

1、预处理

C语言预处理 预处理是C语言编译过程中的第一个阶段&#xff0c;它主要处理以 # 开头的预处理指令。预处理器会在实际编译之前对源代码进行一些文本操作。 1. 宏定义 (#define) 宏定义用于定义常量或者简单的函数。 1.1 简单的宏定义 // 定义圆周率常量 #define PI 3.14159…

解决RedisTemplate配置JSON序列化后@Cacheable序列化仍然是JDK序列化的问题

问题现象 在参考网上的Redis集成后&#xff0c;配置了RedisTemplate的序列化&#xff0c;配置成功后Cacheable注解的缓存仍然是jdk的序列化&#xff0c;配置无效。 参考配置的类似代码&#xff1a; Bean("redisTemplate") public RedisTemplate<Object, Objec…

[Python学习篇] Python Socket网络编程

Python中的socket编程是通过内置的socket模块实现的&#xff0c;可以方便地创建网络应用程序&#xff0c;包括客户端和服务器。 服务端 1. 创建套接字 使用socket.socket()函数创建一个TCP套接字。套接字可以是流式&#xff08;TCP&#xff09;或数据报式&#xff08;UDP&…

HSP_15章 Python_模板设计模式和oop进阶总结

P136 模板设计模式 1. 设计模式简介 设计模式是在大量的实践中总结和理论化之后优选的代码结构、编程风格、以及解决问题的思考方式 设计模式就像是经典的棋谱&#xff0c;不同的棋局&#xff0c;我们用不同的棋谱&#xff0c;免去我们自己再思考和摸索 2. 模板设计模式 基本…

【面试八股总结】单例模式实现详解

一、基本概念 单例设计模式是⼀种确保⼀个类只有⼀个实例&#xff0c;并提供⼀个全局访问点来访问该实例的创建模式。 关键概念&#xff1a; 一个私有构造函数&#xff1a;确保只能单例类自己创建实例一个私有静态变量&#xff1a;确保只有一个实例&#xff0c;私有静态变量用…

4-4 词嵌入技术(word2vec)

4-4 词嵌入技术&#xff08;word2vec&#xff09; 词嵌入技术&#xff08;word2vec&#xff09;是自然语言处理&#xff08;NLP&#xff09;中的一种关键技术&#xff0c;通过将词语映射到低维向量空间中&#xff0c;使得计算机能够理解和处理语言中的语义信息。词嵌入不仅可以…

【性能测试】第一节.性能测试基础

文章目录 前言一、性能测试概述二、常见的性能测试指标 2.1 并发 2.2 响应时间 2.3 事务 2.4 点击率 2.5 吞吐量 2.6 资源利用率三、性能测试的分类 3.1 一般性能测试 3.2 负载测试 3.3 压力测试 3.4 稳定性测试总结 前言 一…

CAS详解

文章目录 CAS使用示例Unsafe类实现原理CAS问题 CAS CAS全称为Compare and Swap被译为比较并交换&#xff0c;是一种无锁算法。用于实现并发编程中的原子操作。CAS操作检查某个变量是否与预期的值相同&#xff0c;如果相同则将其更新为新值。CAS操作是原子的&#xff0c;这意味…

【错题集-编程题】栈和排序(栈 + 贪心)

牛客对于题目连接&#xff1a;栈和排序_牛客题霸_牛客网 (nowcoder.com) 一、分析题目 每次尽可能的先让当前需要的最大值弹出去。 二、代码 // 修改后的代码 class Solution { public:/*** 代码中的类名、方法名、参数名已经指定&#xff0c;请勿修改&#xff0c;直接返回方…

【2024_CUMCM】Matlab快速入门

目录 常识 disp and input 字符串合并 sum 提取矩阵指定位置的元素 指定行列 指定行or指定列&#xff08;返回行/列向量&#xff09; 指定某些行 指定全部元素&#xff0c;按列拼接 size repmat 矩阵的运算 基本运算 形状相同的矩阵运算 每个元素同时和常数相乘或相…

C++相关概念和易错语法(19)(继承规则、继承下的构造和析构、函数隐藏)

1.继承规则 继承的本质是复用&#xff0c;是结构上的继承而不是内容上的继承&#xff0c;近似于在子类中声明了父类的成员变量。 &#xff08;1&#xff09;写法&#xff1a;class student : public person 派生类&#xff08;子类&#xff09;&#xff0c;继承方式&…

代码随想录算法训练营第二十八天|56. 合并区间、738.单调递增的数字

56. 合并区间 给出一个区间的集合&#xff0c;请合并所有重叠的区间。 class Solution { public:static bool cmp(const vector<int>& A, const vector<int>& B){if(A[0]!B[0]) return A[0]<B[0];return A[1]<B[1];}vector<vector<int>&g…

Python的基础语法——持续更新版

1、type查看数据类型 # 直接输出结果 print(type("Hello")) # 先用变量存储 string_type type("Hello") print(string_type) 2、 类型转化 任何类型可以转化为字符串&#xff0c;但字符串不可以随意转化&#xff0c;要求字符串类内容都是数字 # 类型…

泛二级泛目录多模板程序程序(泛目录和二级目录的区别)

泛解析站群_优化网站排名吸引百度蜘蛛必备程序主要功能&#xff1a; 1、网站支持无限生成页面不存在死链的风险每个也是不是网站栏目就是文章内容! 2、支持域名泛解析绑定&#xff0c;每个二级域名都是一个独立的 3、支持百度自动提交收录&#xff0c;每天随机自动提交无限自己…

echarts图表:类目轴

category 类目轴&#xff0c;适用于离散的类目数据。 例如商品名称、时间等。 类目轴上的每个刻度代表一个类目&#xff0c;刻度之间没有量的关系&#xff0c;只是简单的分类。 在类目轴上&#xff0c;数据点会对应到相应的类目上。

运行前端项目提示 run `npm fund` for details,如何解决?

经常出现在前端的一个小坑&#xff0c;分享一下技巧。 运行npm install命令终端提示&#xff1a; 107 packages are looking for funding run npm fund for details 解决方案&#xff1a; npm install --no-fund