Ionicons
是一个完全开源的图标集,是知名混合开发框架Ionic Framework
的内置图标库,包含1300个专门为Web/iOS/Android
和桌面应用定制的图标。Ionic Framework
是一个跨平台的混合开发和Web App框架。
Ionicons免费授权商用说明
Ionicons 是 Ionic Framework 开发框架内置的图标库,由研发团队独立设计,SVG 源文件的代码基于 MIT 开源协议完全免费开源,任何个人和公司都可以免费下载用于自己的项目,包括商业项目。
Ionicons免费图标库的特点
包含 1300 个设计优雅、风格统一的高质量图标,能满足大多数的业务场景
在 web 平台上使用具有高性能的按需加载机制,只加载需要的图标资源,无需手动配置
提供 filled、outline、sharp 三种不同风格的变体,适应不同的设计场景,开发中甚至可以为不同手机平台设置不同的风格的图标,适配对应手机系统的设计规范
Ionicons怎么下载使用
Ionicons官网的右上角为设计师提供了所有图标打包下载的功能,图标源文件格式为通用的 SVG 格式,满足了设计师学习临摹和二次修改的需求。
Ionicons图标库轻松上手
引入 script
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
Ionicons图标使用
<!-- 通过属性设置图标大小 -->
<ion-icon size="small"></ion-icon>
<ion-icon size="large"></ion-icon>
<!-- 通过css设置图标大小和颜色 -->
ion-icon {
font-size: 50px;
color: red;
}
进入Ionicons官网
以上是编程学习网小编为您介绍的“免费开源、高性能图标库——Ionicons”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。本文标题为:免费开源、高性能图标库——Ionicons
基础教程推荐
- Ajax和$.ajax使用实例详解(推荐) 2023-01-26
- 使用html5新特性轻松监听任何App自带返回键的示例 2022-09-16
- 用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案) 2023-01-31
- AJAX 支持搜索引擎问题分析 2024-04-16
- CSS教程:彻底弄懂闭合浮动元素 2024-01-20
- 浅谈vue3组合式API生命周期钩子函数有变化吗? 2025-01-15
- HTML5 video标签的poster属性图片铺满整个屏幕 2023-07-08
- js代码实现点击按钮出现60秒倒计时 2024-04-23
- Vue中如何实现动态路由的示例代码 2023-07-10
- Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码第2/3页 2024-03-31