ion icons

1个月前更新 404 0 0
收藏 0

The premium icon font for Ionic Framework

所在地：
美国
收录时间：
2019-08-25
打开网站手机查看
ion icons官网首页截图ion icons
ion icons官网首页截图打开网站

Ionicons是Ionic团队开源的图标库,收录超过1300个矢量图标,免费提供给网页、iOS、Android和桌面应用使用,前端开发者和UI设计师都能直接拿来用。它以Web Component和SVG形式分发,不依赖某一个前端框架,配合Ionic、React、Vue、Angular等技术栈都能正常显示。

核心功能

  • 收录1338个图标,覆盖界面常用的箭头、社交、媒体、通信、文件等分类
  • 每个图标提供默认(填充)、outline(描边)、sharp(锐角)三种视觉风格,方便统一界面调性
  • 图标以SVG矢量格式和Web Component两种形式提供,支持任意缩放不失真
  • 官方维护Figma资源,方便设计师在设计稿阶段直接调用同一套图标
  • 源码托管在GitHub(ionic-team/ionicons),可以查看更新记录、提交issue或直接参与开发

国内可用性与注册方式

官网无需注册、无需登录即可浏览和搜索全部图标,直接在页面里点选、复制代码即可。使用图标同样不需要账号,通过npm安装ionicons包,或者引入unpkg等CDN提供的脚本文件,在项目里声明对应标签就能显示,官网没有要求填写邮箱、手机号或第三方账号授权的注册环节。

价格与免费额度

Ionicons是MIT许可的开源项目,官网页面没有出现任何定价或付费方案,全部图标可以免费用于个人和商业项目,也不限制下载或调用次数。这类开源图标库通常没有隐藏收费,以官网为准即可。

三步上手

  1. 打开官网首页,在搜索框里输入关键词(如”home”、”heart”)快速定位需要的图标
  2. 点击目标图标,复制页面提供的标签代码或SVG源码
  3. 在项目中通过npm安装ionicons或引入CDN脚本,把复制的代码粘贴到对应位置即可显示

替代品

常见问题

Ionicons能免费商用吗?
可以,项目采用MIT许可协议,个人和商业项目都能免费使用图标,官网未设置付费方案。

用Ionicons需要绑定Ionic框架吗?
不需要,图标以Web Component和SVG形式提供,搭配React、Vue、Angular或原生HTML都能正常使用。

怎么批量查看所有图标?
官网首页提供搜索和分类浏览功能,也可以直接访问unpkg上的cheatsheet页面,一次性看到全部1338个图标及对应名称。

相关导航

数据统计

标签云