做 App 图标别再手动切尺寸了!这个 AI 工具 23 万人在用

做 App 图标还在一个个尺寸手动切?

做 iOS 开发最烦的事情之一,就是生成图标assets——1x、2x、3x 一套三个,还得放进 Xcode 的 imageset 目录,配好 Contents.json。重复劳动,毫无技术含量,但不做又不行。

今天发现一个超实用的 Skill——ios-icon-gen,彻底把这个活自动化了。

它能做什么

输入一个图标名称或 SF Symbol,自动给你生成完整的 Xcode imageset,包含:

  • icon.png(1x)
  • icon@2x.png(2x)
  • icon@3x.png(3x)
  • Contents.json(Xcode 资产目录配置文件)

整个目录直接拖进 Assets.xcassets 就能用,Build 一下,图标就乖乖出现在 App 里了。

两个图标来源,超灵活

方式一:Iconify API——27.5 万个图标,来自 200+ 公开图标库。Material Design、Phosphor、Lucide、Tabler……基本上市面上主流的开源图标集都有。搜索关键词,找到合适的,直接生成。

方式二:SF Symbols——Apple 原生的 5000+ 系统图标。风格和 iOS/macOS 系统 UI 完全一致,适合做 Apple 原生风格的应用。macOS 专属,离线也能用。

两个方式输出的 imageset 格式完全一样,Xcode 通用,没有差别。

使用方式超简单

全程命令行,不需要打开任何图形工具。

比如用 Iconify 生成一个收据图标:

iconify_gen.sh mdi:receipt-text-outline myIcon --color 007AFF --output ./Assets.xcassets/icons

比如用 SF Symbols 生成一个人像图标:

swift generate_icons.swift person.crop.rectangle myIcon --color 007AFF --output ./Assets.xcassets/icons

配色、大小、输出路径都可以自定义。颜色默认是苹果的灰色风格。

什么时候用

  • 新建 iOS/macOS 项目,需要快速生成一整套图标
  • App 迭代,换了品牌色,需要给所有图标统一重新上色
  • 做 UI 设计稿,需要生成可用的 Xcode 资产包给开发同学
  • 开源项目要提供一套图标,不想手动切 3 个尺寸

总结

图标生成这个事情,说大不大,说小也不小——每次都要做,做的内容又完全模板化。ios-icon-gen 把这个模板化的工作接了过去,做得干净利落。23.2 万 stars 已经说明了它的受欢迎程度。

如果你经常做 iOS/macOS 开发,或者和 Xcode 资产打交道,这个 Skill 值得收藏。

GitHub 链接 →


GitHub: https://github.com/affaan-m/ECC/tree/main/skills/ios-icon-gen

评论区

0 条评论

登录后可评论。

赵一凡 2273 阅读