最佳Icon图标库推荐,收藏等于学会
去面试 看题库
1. Supercons
Supercons 为 React 开发人员提供了项目制作高质量de 图标集。它们还为图标设计人员和开发人员提供了一种轻松制作图标集的方法,这些图标集无需任何修改即可用于各种平台,如 Android、iOS、Windows、macOS 和 Linux。
在线地址:https://supercons.vercel.app/
2. React Icons
react-icons 提供了项目中常用的一些图标,它是一个图标集,可以使用 ES6 导入,只需要导入需要的图标即可。我们还可以对图标进行自定义颜色或大小。
在线地址:https://react-icons.github.io/react-icons
3. React Native Vector Icons
这是一个适用于 React Native 矢量图标库,矢量图标的优点之一就是它们是可扩展的,也就是说这些图标将适用于任何设备或屏幕尺寸。因此,我们可以为多种设备设计网站。矢量图标也能够在不损失质量的情况下在高分辨率显示器上使用。该库也是一个图标集,包含多个图标库中的图标。
在线地址:https://oblador.github.io/react-native-vector-icons/
4. Styled Icons
Styled Icons 包含了很多图标集,如 Font Awesome、Material Design、Octicons等,它们可以作为 React 样式组件使用。
在线地址:https://styled-icons.dev/
5. React Feather Icons
Feather 是在 Apache License 2.0 下发布的一组简单的、轻量级的图标。它分为四大类:Feather Icons、Feather SVG、Feather CLI 和 Feather Webpack Plugin。React-Feather 库提供了很多组件,这些组件导入和使用起来也很方便,因为它预制了各种主题,开箱即用。
在线地址:https://feathericons.com/
6. IconPark
IconPark 提供超过 2400 个高质量图标,还提供了每个图标的含义和来源的描述,便于开发者使用。除此之外,该网站还可以自定义图标,这是与其他图标网站与众不同的地方。该图标库是字节跳动旗下的技术驱动图标样式的开源图标库。
在线地址:https://iconpark.oceanengine.com/home
7. React Social Icons
Grommet 图标集是一组使用 React 构建的 SVG 图标。该集合包括近 500 个可以使用 CSS 设置样式的图标。
在线地址:https://icons.grommet.io/
8. React Svg Icons Kit
React Svg Icons Kit 是一个 svg 格式的图标集合。该工具包附带了一组用于这些图标的开箱即用的 React 组件,我们可以很容易的将它们添加到项目中。
在线地址:https://react-icons-kit.vercel.app/
9. Bootstrap Icons
React Bootstrap Icons 提供了300 多个流行的 Bootstrap 图标作为 React 组件,我们只需要将它们放在需要的位置即可。
在线地址:https://icons.getbootstrap.com/
10. Iconify for React
Iconify 是一个现代的开源 SVG 图标库,它提供了超过 40000 个图标,Iconify for React 为每个图标生成单独的文件,因此在编译应用程序时,只会捆绑在项目中使用的图标。
在线地址:https://icon-sets.iconify.design/
11. React Unicons
React Unicon 为我们提供了两种不同的样式:SVG 和 EPS,这些矢量格式可以在多数场景下使用。
在线地址:https://iconscout.com/unicons
12. React Geomicons
React Geomicons 是 Geomicons Open 的一个 React 图标组件,它是基于矢量的,因此开发人员能够创建可缩放的图标。我们还可以自定义图标的大小和颜色。
在线地址:https://jxnblk.github.io/react-geomicons/
13. React Evil Icons
React Evil Icons是一个 简单干净的 SVG 图标包,带有支持 Rails、Sprockets、Node.js、Gulp、Grunt 和 CDN 的代码。
在线地址:https://evil-icons.io/
14. React Bytesize Icons
React Bytesize Icons 允许开发人员在 React 项目中使用 SVG。这个库是一组 React 组件,它们主要应用于图标按钮、图标按钮 + 文字、图标列表、SVG 加载器。
在线地址:https://danklammer.com/bytesize-icons/
15. React Material Icons
React Material Icons 图标是一个简单的 React 组件。它基于 react-shells 库,适用于 react 15.0 或更高版本。
在线地址:http://friktor.github.io/react-material-icons/
最佳Icon图标库推荐,收藏等于学会相关推荐
- 微信小程序开发-引入阿里巴巴矢量icon图标库
微信小程序开发-引入阿里巴巴矢量icon图标库 https://blog.csdn.net/tang1392/article/details/78927107
- 分享一个超nice的数据分析实战案例, “手把手”教学,收藏等于学会
大家早上好,本人姓吴,如果觉得文章写得还行的话也可以叫我吴老师.欢迎大家跟我一起走进数据分析的世界,一起学习! 感兴趣的朋友可以关注我或者我的数据分析专栏,里面有许多优质的文章跟大家分享哦. 今天给大 ...
- 如何使用Element Plus 提供的Icon图标库
文章目录 前言 一.安装 二.使用 1.引入需要的图标 2.页面效果 3.还有一个奇怪的问题 总结 前言 用vue3开发的时候,使用element-plus UI组件库的时候,发现不能像之前vue2时 ...
- 模仿QQ音乐做的一个前端界面+矢量图标库推荐
笔者推荐两个矢量图标库网站,超级好用https://www.iconfont.cn/.http://fontawesome.dashgame.com/.
- 扩充antd的Icon图标库
一.功能介绍 项目中有个菜单图标支持配置的功能,如下 二.遇到的问题 上面的图标都是antdIcon组件自带的,只需要给Icon传不同的type就可以显示出来不同的图标,但是我现在需要将自己的图标也放 ...
- Font Awesome、ionic icon图标库的超详细使用方法
Hello,这里是大魔王
- 我为大家带来了10张“科技感满满”的可视化数据大屏,收藏等于学会~
☀️ 前言 相信大家平时工作中做大屏做得多了但难免也遇到被吐槽边边角角细节没有科技感的时候
- Naive 组件库 动态渲染icon图标
使用Naive组件库默认你已经安装了对应的icon图标库 没有安装的参考链接安装 点击传送 Naive组件动态渲染Icon图标 主要是使用 component Vue内置组件来渲染对应的icon组件, ...
- 前端知识:如何创建自己的Iconfont图标库
在日常的开发过程中,前端页面经常会引用一些图标,iconfont图标库是前端开发者非常友好的在线字体图标库.大家可以根据平常所涉及的项目,收藏自己需要的图标库,方便在后续的项目中使用,今天小编给大家介 ...
- 【vue项目实战】如何使用icon图标
一.通过ai将图片生成svg,条件允许最好找ui设计师 参考 https://www.jianshu.com/p/d30bc9e83e00 二.如何将svg转换为icon图标 1.进入阿里巴巴图标矢量 ...
最新文章
- 强烈推荐一款Python可视化神器!
- vue 圆形百分比进度条_快速构建一个圆形的进度条
- lisp直线连接圆象限电_用小学数学知识解释,为什么井盖是圆的?
- java.lang.InstantiationException 不能实例化某个对象
- Hi3516A开发--内存换算
- USB转串口 FT232/PL2303/CH340 驱动以及使用体会
- 抚摸那条船——彭晓东
- 洛谷——P2433 【深基1-2】小学数学 N 合一
- Linux下测试PHP和MySQL是否正确安装
- 【手写数字识别】基于matlab GUI BP神经网络手写数字识别【含Matlab源码 518期】
- java svg to png_如何用Image Magick将SVG转换为PNG?
- 第11课:郭盛华课程_VB编程之Timer倒计时控件怎么用
- 7zip linux中文版官方下载,7-Zip for Linux和p7zip for Linux官方版本发布下载
- Tensorflow nmt的整体结构
- 网页上腾讯视频下载mp4格式到本地
- 在死亡边缘疯狂试探:“黑暗旅游”,你敢尝试吗?
- docker安装mysql并配置文件_docker 安装mysql5.7 加my.cnf
- PhpStudy 后门分析
- workerman GatewayWorker配置wss服务
- 【智能QbD风险评估工具】上海道宁为您带来智能QbD风险评估工具——LeanQbD
热门文章
- 【最小开发板】Attiny85开发与实践
- 使用DFA算法模型构建敏感词过滤器
- android怎么垂直居中,【Android】水平居中 垂直居中 中心居中
- css 实现三个 div 等分排在一行
- C#之Dispose
- 一篇通俗易懂的文章初探NIO
- LT8618SXB-HDMI发射器,运行功率小于100mA播放24bit 1080P内容,待机功率小于2mA
- 混沌工程(Chaos Engineering) 到底是什么?
- python数据分析 - 卡方检验
- 基于TI Davinci架构的多核/双核开发快速扫盲(以OMAP L138为例),dm8168多核开发参考以及达芬奇系列资料user guide整理...