Ionicons 是由 Ionic 团队打造的开源图标库，定位为多平台应用提供高质量的手工制作图标，可用于网页、iOS、Android 及桌面应用，支持 SVG 格式，采用 MIT 开源许可，能够解决开发者和设计师在多平台应用中缺乏统一风格、高质量图标的痛点，面向前端开发者、移动应用开发者、UI 设计师等相关从业者，核心价值是提供免费、开源、多风格、多平台兼容的图标资源，帮助用户快速获取合适的图标用于项目开发。

核心功能

• 提供多种风格图标：包含 Outline（轮廓）、Filled（填充）、Sharp（锐利风格）三种不同视觉风格的应用图标
• 支持多平台使用：可适配网页、iOS、Android、桌面应用等多类平台场景
• 支持自定义图标：允许用户通过外部 SVG 文件自定义图标，扩展图标资源
• 提供便捷的使用方式：针对 Ionic 框架用户内置图标库，非 Ionic 框架用户可通过引入脚本快速使用
• 支持图标搜索：提供搜索框，可快速查找所需图标

适用人群 & 使用场景

使用方法

1. 打开网站https://ionic.io/ionicons
2. 若使用 Ionic 框架，无需额外安装，直接使用内置的图标组件
3. 非 Ionic 框架用户，在页面结束前、标签上方引入对应脚本：

<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

4. 基础使用：在页面中使用<ion-icon name="heart"></ion-icon>标签调用内置图标，替换 name 属性值为对应图标名称
5. 自定义图标：使用<ion-icon src="/path/to/external/file.svg"></ion-icon>标签，通过 src 属性引入外部 SVG 自定义图标，完成使用

平台与门槛

• 支持平台：Web 浏览器访问，电脑 / 手机通用，同时支持 iOS、Android、桌面应用开发使用
• 是否免费：永久免费，基于 MIT 开源许可
• 是否需要注册：无需注册，打开即用
• 是否需要下载：可在线引入使用，也可下载图标资源本地使用

常见问题

站长小结