在一个地方设计、预览和导出图标

只做图标的矢量编辑器,内置液态玻璃、黏土和浮雕材质。可在浏览器中直接运行,并导出 .icns、PNG 和 Icon Composer .icon 包。

  • 免费
  • 导出前无需账户
  • 在浏览器中运行
macOSicons 编辑器:画布上是 macOSicons 标志,一块玻璃面板配黏土材质的眼睛和笑脸,左侧是图层列表,右侧是材质检查器

一个图标,适配每个平台

  • macOS
  • Icon Composer
  • iOS
  • Xcode
  • Windows
  • Linux
  • 网页

从第一条路径到完成的 .icns,无需离开当前标签页。

材质 动手试试

玻璃、黏土和浮雕材质,直接用在可编辑的矢量形状上

材质始终附着在路径上,改变形状时,折射、斜面和镜面高光会随之变化。

折射100 %
斜面100 %
曲率100 %
色差9 %
镜面高光100 %
着色强度40 %

这些就是检查器里的滑块,由编辑器自己的玻璃着色器实时渲染。把气泡拖到文字上,看看它如何折射。

以平面材质渲染的同一个图标以黏土材质渲染的同一个图标以玻璃材质渲染的同一个图标以浮雕材质渲染的同一个图标
矢量工具

用真正的矢量工具绘制

  • 钢笔、直线和逐点路径编辑
  • 布尔运算、圆角半径和 Apple 的连续曲率圆角
  • Heroicons 和 Lucide 字形、文本图层和编织路径
编辑器的图层列表和画布,选中了黏土图标上的一条路径
App 与文件夹图标

App 图标和它的文件夹,同在一个文稿中

  • 带有真实着色、模糊和颗粒的 macOS 文件夹画板
  • macOS、iOS 和 watchOS 蒙版,或不使用蒙版
  • 多个画板并排摆放,各有自己的图层
同一文稿中的两个画板:App 图标,以及带有相同笑脸的 macOS 文件夹
编辑器

像素、路径与打磨,尽在一个编辑器。

  • 相得益彰的背景

    可手动塑形的网格渐变,以及从你的作品中提取的配色建议,包括和谐配色。

  • 效果,层层叠加

    内阴影与外阴影、发光、颗粒、贴纸描边和全息箔,还可以自己编写 GLSL 着色器。

  • 从像素到路径

    用四种不同方式移除背景,或将位图描摹为可编辑的 SVG 图层,并实时预览。

  • 从模板开始

    打开精心设计的模板,或复制社区画廊中的任意项目,看看它究竟是如何制作的。

编织

让路径上下穿插。

将重叠的路径变成交错编织的标志,并在每个交叉点选择哪一股位于上方。

  • 原始路径保持独立,仍可编辑
  • 点按任意交叉点即可翻转上下关系
  • 随时移除编织,恢复普通路径
AI

描述它,得到可编辑的图层。

用一段提示词生成最多八个图标方案,或将一张扁平图像拆分为独立的图层。所有结果都以图层形式出现在画布上,你可以继续手动调整。

使用 AI 需要免费账户。每个账户每月都会获得 AI 点数。

预览、导出、分享

从画布到程序坞。

01

在它将来所在的位置查看效果

在导出之前,以真实像素尺寸、在程序坞和主屏幕上、在浅色和深色模式下检查你的图标。

02

导出所有格式

适用于 macOS Tahoe 的 Icon Composer .icon 包、适用于更早版本的 .icns、任意尺寸的 PNG、用于 Xcode 的 .appiconset、Windows 和 Linux 套件以及网站图标包,也可以全部打包成一个 ZIP。

列出各种格式的导出菜单
03

分享或发布

发送可查看或可编辑的链接,把项目发布到社区画廊,或将完成的图标提交到 macOSicons 图标库。

还有更多

工具箱里的其他工具

面向开发者

图标工具箱与 API

无需打开文稿,即可搜索、套用蒙版、转换和生成图标。工具箱中的每个按钮同时也是一个 API 端点。

搜索
25,000 多个 macOS App 图标,支持筛选和分类。
蒙版
将任意 PNG 转为符合规范的 App 图标或文件夹图标,自带阴影。
生成
输入一段提示词,最多生成八个已套用蒙版的图标。
转换
.icns、.ico、.appiconset 和 Icon Composer .icon 包。
网站图标与套件
一个网站图标包,或把所有发布文件打包成一个 ZIP。
移除背景
像素级精确,不经 AI 重绘。
调色板与预览
提取颜色,或在程序坞样机中预览图标。
图像转换
一次转换或压缩一批图像:PNG、JPEG、WebP、AVIF 等。
API 文档
# Mask any PNG into a macOS app icon
curl -X POST https://api.macosicons.com/api/v1/editor/mask \
  -H "x-api-key: $MACOSICONS_API_KEY" \
  -F "image=@artwork.png" \
  -o icon.png

# Every release file in one zip
curl -X POST https://api.macosicons.com/api/v1/editor/pack \
  -H "x-api-key: $MACOSICONS_API_KEY" \
  -F "image=@artwork.png" \
  -o release-kit.zip
每个账户都附带一个含免费额度的 API 密钥。
价格

免费设计。需要更多空间时,再升级 Plus。

免费

完整的编辑器,人人可用。

€0

无需银行卡。

  • 所有工具、材质和效果
  • 所有导出格式
  • 无需注册即可开始设计
  • 每月 AI 点数

macOSicons+

一份订阅,畅享整个 macOSicons

按年付费可省 25%

查看方案
  • 编辑器空间更充裕
  • 更多 AI 点数
  • 全站无广告
  • 更多 API 调用

常见问题

关于价格、账户、格式等问题的简明解答。

你的下一个图标,从这里开始。

它会以草稿文稿的形式在浏览器中打开。想保存或导出时再注册即可。