发布时间:2023-07-07 11:30
Ionic Framework 内置的图标库,免费开源、数量多,性能还不错,无论是开发还是设计,都是一个优质的资源。
Ionicons 是一个完全开源的图标集,是知名混合开发框架 Ionic Framework 内置的图标库,包含 1300 个为 Web / iOS / Android 和桌面应用程序专门定制的图标。Ionic Framework 是一个跨平台的混合开发和 Web App 框架,这个框架之前写过的文章 vonic 中有提到过,简单地说就是使用 javascript 和 html5 来开发 APP 的框架,在国外使用的开发者很多。
同时 Ionicons 这套图标库是一个独立的项目,完全可以脱离 Ionic Framework 单独使用。
Ionicons 官网的右上角为设计师提供了所有图标打包下载的功能,图标源文件格式为通用的 SVG 格式,满足了设计师学习临摹和二次修改的需求。
以 web 开发为例,如果我们使用的是 Ionic Framework 框架来开发应用,不需要安装就可以直接使用了,国内一般用 Ionic 比较少,所以我们想要在自己项目中使用 Ionicons 这套图标库,只需要引入 script 标签即可:
默认是以 module 方式引入,当然下面的 nomodule 是为了兼容不支持 module 的老版本浏览器。
只需要给 ion-icon 标签设置对应的 name 属性即可:
在 Ionic Framework 中使用图标时,我们还可以为每个平台指定不同的图标:
设置图标大小、颜色等更多用法:
之前我推荐过不少免费开源、可商用的图标库,原因是在很多前端 UI 组件库中,图标这块大多都缺失,像 Element UI 这样内置图标库的,往往具有一定的品牌特性,数量不多,开发过程中经常找不到合适的图标。而 Ionicons 的图标数量不仅多,覆盖也很全面,自动按需加载的机制也让开发者省心。
Ionicons 是 Ionic Framework 开发框架内置的图标库,由研发团队独立设计,SVG 源文件的代码基于 MIT 开源协议完全免费开源,任何个人和公司都可以免费下载用于自己的项目,包括商业项目。
原文链接:https://www.thosefree.com/ionicons
大数据告诉你——垃圾围城,现行的垃圾分类制度,作用到底能有多大?
高级OS(十五) - 中断机制以及中断上下部运行和内核代码分析
ubuntu16.04系统下 ROS + Autoware1.12(包含calibration联合标定工具)安装过程
Datawhale学习笔记-飞桨AI-Task01:先导课:你想被AI替代,还是成为AI的创造者?
python 的env 项目创建docker 镜像 demo
【云原生】基于Kubevela华为云的Terraform addon开发
vue使用 wangeditor 富文本 + 富文本回显带标签问题解决