图标编辑器

编辑器能做的一切

专为图标打造的矢量编辑器:材质、效果、矢量工具、AI 辅助和一键导出。所有功能,一览无余。

17 个类别,共 118 项功能

画布与文稿

1024x1024 图标画布、蒙版、背景和文稿级设置。

1024x1024 图标画布

只做图标的矢量编辑器。

每个文稿都是一张 1024x1024 的图标画布,坐标原点位于中心,你设计的内容正是 macOS 和 iOS 所需要的。无需配置画板,也不用猜测导出尺寸。

图标模式与文件夹模式

两种蒙版,一份文稿。

将文稿在 App 图标和 macOS 文件夹图标之间切换。图层、材质和导出都会跟随模式变化,一份设计即可同时发布两种形式。

图标蒙版(平滑圆角、iOS、watchOS、无)

每个 Apple 平台的精确轮廓。

将画布裁切为 macOS 平滑圆角、iOS 圆角方形、watchOS 圆形,或完全不加蒙版。蒙版内看到的就是最终发布的效果。

画布背景(纯色、渐变、色块网格)

一键生成网格渐变背景。

将图标背景设为纯色、线性/径向/锥形渐变,或由最多 12 个叠加色块铺在底色上的「网格渐变」。背景始终裁切到图标蒙版内。

片段:拖动色块重塑网格渐变。
  • C吸管:将颜色吸取到填充/描边/背景

背景预设

精心设计的背景,随取随用。

精选渐变和纯色预设:海洋、日落、葡萄、薄荷、午夜、火焰、极光、玫瑰金、天空、青柠、棉花糖,以及雪白/石墨/墨黑/蓝/玫瑰/翡翠纯色。

从图标中取色(配色与和谐色)

与作品相配的背景颜色。

读取你作品中的颜色,并据此以五种模式推荐背景:图标颜色、相近色调、邻近色、互补色和三角色。纯色背景使用你点按的色板,渐变会把整组颜色用作色标,色块网格则为每个色块分配其中一种颜色。

图形加一排推荐背景色板。

画布上编辑色块

亲手塑造网格渐变。

在色块背景模式下,每个色块都是画布上的控制柄:拖动即可移动,拖动虚线圆环即可调整大小。无需反复试数值。

图标边框

环绕轮廓的清晰边线。

在图标轮廓周围添加宽度可调的彩色边框,非常适合贴纸、徽章以及浅色叠浅色的设计。

程序化反射(全局液态玻璃光泽)

贯穿整个图标的统一光泽。

全局高光与折射处理,包含倒角高光、底部高光(可联动)、高光宽度和折射「光泽」。它让整个图标呈现出 macOS 那样的液态玻璃质感。

文件夹色调、前层模糊与文件夹颗粒

真实的 macOS 文件夹材质。

在文件夹模式下:用纯色或渐变为文件夹主体着色,模糊前翻页,并添加可配置的文件夹颗粒(强度、大小、种子)。

文稿颗粒

覆盖一切的胶片颗粒。

对整个图标施加全局胶片颗粒,可控制强度和缩放/种子,添加细腻纹理,避免平滑渐变出现色带。

点按选择编组

感知编组的选择方式。

画布交互开关:点按选择父级编组,双击选择内部图层(类似 Figma 的嵌套选择节奏)。

轮廓视图、隔离与选择下层

轻松触及复杂图标的每个部件。

图标由许多部件层叠而成。点击会落在实际绘制的内容上,因此可以透过圆环的空洞点击下方的玻璃;Cmd + Option + 点击可逐层向下选择指针下的内容,右键 → 选择图层会列出所有这些图层。双击编组或布尔图层可将其隔离,按 Cmd + Y 进入轮廓视图,所有图层都以细轮廓显示。

  • Cmd + Y切换轮廓视图
  • Cmd + Option + Click选择指针下的下一个图层
  • Escape退出隔离

图层与组织

图层类型、层级顺序、文件夹、编组和布尔复合形状。

内部图标与其他图层分区

内有安全形状,外可满版出血。

图层分布在两个分区:「内部图标」裁切到图标的安全形状,「其他图层」可以延伸到画布边缘。图层面板会同步显示边界,让你始终清楚哪些内容会被蒙版裁切。

10 种图层类型

图像、矢量、文字、玻璃:全部可编辑。

图像、纯色填充、渐变、形状、路径、图标(Heroicons 和 Lucide 字形)、SVG、文本、液态玻璃模板以及布尔复合形状图层。一切都保持实时可编辑,不会有被栅格化、无从下手的位图。

支持拖动排序的图层面板

拖动即可叠放、排序和嵌套。

完整的图层树,带实时缩略图、显示与锁定开关、拖动排序(包括拖入和拖出文件夹),拖动悬停时还会自动展开折叠的文件夹。

  • Cmd + ]上移一层
  • Cmd + [下移一层
  • Cmd + Option + ] (Ctrl + Shift + ] on Windows and Linux)置于顶层
  • Cmd + Option + [ (Ctrl + Shift + [ on Windows and Linux)置于底层

文件夹

井井有条的图层树。

将图层归入命名文件夹,支持拖入/拖出排序。删除文件夹会保留其子图层(移到上一级),文件夹也可以重命名或复制。

编组

让多个图层像一个整体一样移动。

将所选图层编组,作为一个整体进行变换、设置样式和排序。随时可以取消编组。

  • Cmd + G编组所选内容
  • Cmd + Shift + G取消编组

变形编组

作为同一身份一起变换的形状。

将图层编组并赋予共享的变形身份(「编组为变形」),使它们作为一个可变形的整体一起变换;需要拆开时,可解散并选中子图层。

布尔运算(联集、减去顶层、交集、排除重叠)

非破坏性的形状运算。

用联集 / 减去顶层 / 交集 / 排除重叠组合形状。结果是一个实时的布尔复合形状,每条轮廓都可单独设置运算方式。修改源形状,复合形状会随之更新。

四宫格:两个形状在每种布尔模式下的效果。
  • Escape退出一级布尔运算深入编辑

编组液态玻璃

多个图层,一个玻璃表面。

将编组中的图层合并为单一的液态玻璃表面:一个轮廓、一次折射,而不是每个部件各自一层玻璃。

形状合并

把多个形状焊接为一个。

将多个形状合并为单个形状图层,轮廓更简洁,导出更干净。

拷贝 / 粘贴、智能复制与样式迁移

记得你下一步要去哪里的复制。

拷贝、剪切、粘贴图层(可跨浏览器标签页,也支持系统剪贴板);智能复制会重复你上一次的拖动位移;拷贝样式 / 粘贴样式可迁移外观;还能按区块拷贝属性(例如「拷贝填充属性」)。

  • Cmd + Option + C拷贝样式(所选图层的外观)
  • Cmd + Option + V把样式粘贴到所选图层

跨标签页与系统剪贴板

随处拷贝,随处粘贴图层。

在一个浏览器标签页中拷贝的图层可以粘贴到另一个标签页;从应用外部(Figma、网页、文件)拷贝的 SVG 也能直接粘贴为图层。

变换与几何

移动、缩放、旋转、对齐、圆角和变形。

变换(位置、大小、缩放、旋转)

像素级精确摆放。

数值化的偏移 X/Y(±2048)、宽度/高度、缩放百分比和旋转(±180°),均带有重置目标;还可锁定比例,让图像等比缩放。

  • Arrows微移 1px(Shift = 10px)
  • Cmd + Arrows宽度/高度调整 1px(Shift = 10px)

圆角半径与平滑圆角

Apple 的连续曲率圆角。

可设置统一半径或逐角半径(可统一圆角,采用 CSS 式的钳制规则),另有平滑圆角开关,提供 Apple 连续曲率圆角,锐度可调(2-12)。路径以及生成的多边形、星形和弧形可为圆角设置「平滑度」,获得同样的连续曲率,并提供 iOS 预设(60%)。

对比:相同尺寸下的普通圆角与平滑圆角。

翻转与镜像

一键镜像任何内容。

水平或垂直翻转图层,或将所选内容沿画布镜像,非常适合构建对称图标。

  • Shift + H水平翻转
  • Shift + V垂直翻转

画布变换控制柄

抓取、拖动、旋转。

通过角点和边缘控制柄自由调整大小,角点外侧有旋转控制柄,最后一个像素交给键盘微移。

  • Arrows / Shift+Arrows微移 1px / 10px

对齐与分布

无需参考线,间距完美。

在所选范围内或相对于画布进行左/居中/右/顶/中间/底对齐,并在垂直或水平方向上均匀分布图层。

  • Option + H垂直居中对齐
  • Option + V水平居中对齐

透视扭曲

让任意图层像贴在表面上一样变形。

通过逐角扭曲偏移自由变形图层,用于透视样机、贴花和动感角度,随时可以重置。

  • D透视扭曲工具

矢量与路径工具

钢笔、直线、路径锚点编辑、转换为路径和编织。

矢量工具(选择、编辑锚点、形状、钢笔、铅笔、直线、扭曲)

像专业设计工具一样绘制图标。

工具栏中的专用工具,大多有单键快捷键:选择(V)、编辑锚点(A)、形状工具(矩形(R)、椭圆(O)、多边形和星形)、用于精确绘制贝塞尔曲线的钢笔(P)、用于自由手绘的铅笔(N)、直线(L)和扭曲(D)。

  • V选择工具
  • A编辑锚点工具
  • R矩形工具
  • O椭圆工具
  • P钢笔工具
  • N铅笔工具
  • L直线工具
  • D透视扭曲工具
  • I匹配样式工具
  • Enter完成钢笔路径 / 切换形状、SVG 或文本的路径编辑
  • Escape完成钢笔路径、取消铅笔笔画或退出路径编辑
  • Backspace绘制时删除最后一个钢笔锚点
  • Shift (hold)使用钢笔/直线绘制时限制为 45°
  • Alt (hold)拖动钢笔锚点时断开控制柄
  • Space (hold)移动正在放置的钢笔锚点

形状工具(矩形、椭圆、多边形、星形)

拖动绘制精确的形状、圆环和星形。

在画布上拖出一个框即可绘制矩形、椭圆、正多边形和星形:按住 Shift 绘制正方形、正圆和规则形状,按住 Alt 从中心绘制,并可吸附到其他图层。椭圆可变为圆弧、扇形和圆环,多边形和星形的边数、内凹程度和圆角半径都可在检查器中继续编辑。

  • R矩形工具
  • O椭圆工具
  • Shift (hold)正方形、正圆或规则形状
  • Alt (hold)从中心绘制
  • ↑ / ↓拖动时增减边数或角数
  • Escape取消形状,或返回选择工具

铅笔(自由手绘)

随手画一笔,得到干净的矢量路径。

用鼠标、触控板、手指或 Apple Pencil 自由绘制。抬起后,笔画会被平滑成只有少量锚点的贝塞尔路径,可以像其他路径一样编辑。

  • N铅笔工具
  • Shift (hold)绘制直线段
  • Escape取消正在绘制的笔画

路径锚点编辑

锚点级控制,Figma 风格。

编辑锚点及其入/出控制柄,支持角点、平滑、对称或独立四种锚点类型。拖动线段可将其弯曲(按住 Option 拖动则移动),按住 Option 点击或双击线段可选择其子路径,右键单击可打开锚点菜单(锚点类型、圆角半径、连接、剪切、删除、子路径、变换、分布)。可框选锚点、按住 Option 点击删除、点击线段上的圆点添加锚点、连接端点(Cmd+J)、断开连续性(Shift+Delete)或直接删除(Delete)、在检查器中设置所选锚点的 X/Y/W/H、吸附锚点以及分布锚点。选中两个或更多点后,可通过它们周围的边框缩放或旋转。

  • Cmd + J连接所选路径锚点/端点
  • Delete删除锚点并保持连续
  • Shift + Delete在所选位置断开路径

转换为路径

文本、形状和 SVG 都能变成可编辑轮廓。

将形状、SVG 图层和文本转换为可编辑的贝塞尔路径(「编辑锚点」)。文本会被描摹为折线,字形可以随意塑造。

  • Enter切换形状/路径/SVG 的路径编辑(编辑锚点)

将 SVG 导入为可编辑图层

导入 Figma、Illustrator 和 Sketch 作品,即刻可编辑。

粘贴或拖入多色 SVG,每个形状都会成为独立的可编辑路径图层:保留填充、渐变、描边(包括端点、连接和虚线)、不透明度和阴影,编组变为文件夹,镂空变为孔洞轮廓,剪切路径变为图层蒙版。单色图标仍会作为一个可重新着色的 SVG 图层导入。

路径操作(轮廓化描边、偏移、简化、复合路径)

把描边变成形状、扩展边缘、精简锚点。

「路径」菜单一步即可改造路径:轮廓化描边把描边变成填充形状,偏移路径按距离扩展或内缩轮廓,添加高光沿朝向光源的边缘添加一道光泽月牙,简化去掉轮廓不需要的锚点,平滑把转角变成曲线,反转方向交换开放描边的两端,建立 / 释放复合路径把多个形状合并为带镂空的单一路径,或再拆回各自的图层。重复和再次重复也在这里。

  • Cmd + Option + O轮廓化描边

重复(环形、网格与同心阵列)

一次做出格栅、光圈叶片和镜头环。

将形状围绕中心、按网格(方格或蜂窝)或以同心环复制。所有副本都放在一个路径图层中,即使数百个副本也能保持流畅;也可以把副本作为孔挖在另一个形状上,或生成为文件夹中的独立图层。

编织(交错路径)

上下穿插的编织轮廓。

将重叠的路径变成交错编织的线条。可在每个交叉点翻转哪一股在上方,也可移除编织恢复为普通路径。

片段:翻转编织交叉点的上下关系。

填充与描边

颜色、渐变、描边和图像填充叠加。

形状预设

圆角矩形、圆形、胶囊形等。

一键添加形状图层:圆角矩形、圆形、胶囊形、三角形、菱形和六边形,添加后均可完全编辑。

填充(纯色与多重渐变)

一个图层上叠加多个渐变。

用纯色或渐变填充图层,包括多重渐变堆栈(shapeGradients):一个矢量图层上可以有多个有序渐变,每个都有自己的类型、角度、几何和插值方式。纯描边形状可以关闭填充。

  • C用于填充/描边/背景的吸管

渐变控制(线性/径向/锥形、oklab/oklch)

鲜艳的过渡,中间调不再发灰。

线性(角度、起点/终点)、径向(中心、半径,以及可压扁和旋转的椭圆)和锥形(中心、起始角度)渐变,配有完整的色标编辑器、画布拖动控制柄以及插值色彩空间(classic、oklab 和 oklch),让过渡鲜艳而不发灰。拉丝金属、镜头圆环和旋钮都离不开锥形渐变。

描边(位置、端点、转角、虚线、渐变、模糊)

内侧、外侧或居中,还支持渐变。

使用颜色或渐变的轮廓,宽度 0-128,位置可选内侧/外侧/居中,端点可选圆头、方头或平头,转角可选尖角(带尖角限制)、圆角或斜角,支持带偏移的虚线和点线,还有可选的描边背景模糊(磨砂圆环)和「描边上的材质」模式,均可实时预览。

图像填充叠加

无损为位图重新着色。

只在图像图层的不透明像素上绘制纯色或渐变。无需编辑位图即可为作品重新着色。

材质与光照

平面、黏土、玻璃和浮雕材质,以及光照和深度图。

材质(平面、黏土、玻璃、浮雕)

macOS 真正在用的材质。

每个矢量图层都可以设为平面、黏土(蓬松的橡皮泥质感)、玻璃(可折射的液态玻璃)或浮雕(刻入下方表面)。这是编辑器的标志性外观,由 WebGL 实时渲染。

液态玻璃材质

折射、磨砂与 Apple 式双高光。

一种可折射的玻璃材质,提供倒角(10-140)、厚度(0-180)、曲率(-1..1)、色散(色差 0-18)、磨砂(0-32)、高光(0-1)、带宽度的反向高光(Apple 使用的双边缘反射)、色调颜色与色调强度、按图层或关联画布的光照角度,以及深度图轮廓模式。

黏土材质

蓬松的橡皮泥立体感。

一种柔和的 3D 黏土材质,提供倒角、厚度、曲率、主体折射、边缘折射、高光(可关联)、柔和度、带宽度的反向高光、带宽度的边缘暗化,以及按图层或关联画布的光照角度。

浮雕材质

刻入下方表面。

一种浮雕/凹雕材质,提供深度(0-1)、斜面(1-80px)和柔和度(0-1),让形状看起来像压入下方图层中。

全局与按图层光照

整个图标共用一个光源。

提供一个所有材质都可跟随的全局反射光照角度,也可为玻璃或黏土图层单独设置光照角度,实现混合光照。「限制在蒙版内」会让高光保持在图标轮廓之内。

玻璃深度图

拥有真实轮廓的折射。

为玻璃图层的轮廓生成深度图,并调整深度和平滑度,让折射像真实的 3D 物体那样弯曲,而不是像一片平面透镜。

玻璃图层与其深度图并排展示。

背景模糊(背景滤镜模糊)

覆盖在真实内容上的磨砂玻璃。

在图层轮廓后方应用背景模糊(0-5 倍),让其后方的任何内容都呈现磨砂效果。这是真正的玻璃拟态,而非画出来的假效果。

基础模式宏滑块(玻璃感、蓬松度、阴影)

三个滑块,专业效果。

面向新手的宏滑块(玻璃感、蓬松度和阴影,0-100),可一次无损地驱动多个材质参数,之后切换到高级控制时也不会丢失任何设置。

材质风格预设

从 glossy3d 到 chrome,一键完成。

一键应用到当前所选内容的外观:glossy3d、softClay、pillow、ceramic、liquidGlassLook、frostedGlass、crystal 和 chrome。每个预设都会写入完整的材质设置,你可以继续微调。

样式:质感、已存外观与匹配样式

一种质感,用遍每个部件。

在图标的各个部件之间复用同一种外观。检查器中的「样式」区块可应用内置质感(拉丝铝、抛光铬、亮面红色 LED、橙色塑料、深色镜头玻璃、磨砂玻璃、柔和浮雕和哑光黑),以及你从自己的图层保存的外观。匹配样式(I)会把你点击的图层外观应用到所选图层,拷贝 / 粘贴样式(Cmd + Option + C / V)则可在图层之间传递外观。外观包括填充及其渐变、描边、阴影、效果和材质,从不包括形状或位置。

  • I匹配样式:点击一个图层,把它的外观应用到所选图层

液态玻璃模板图层

现成的命名效果堆栈。

以图层类型提供的预设玻璃效果堆栈(liquidGlass、frostedMetal、deepShadow、sideGlow 或自定义),外加可调强度的效果变体(topSpecular、innerShadow、rimLight、sideReflection、metalSheen)。

模板与起点

从设计好的图标开始,而不是空白画布。

新建文稿选择器可以让你从空白画布、精心设计的图标模板(App Store、WebBites、macOSicons 以及一个玻璃材质的 macOSicons 图标)、渐变或纯色背景、你自己保存的模板,或社区作品库中的任何项目开始。每个模板都会以完整、可编辑的文稿打开,材质已设置好,而不是扁平的图片。

效果与着色器

模糊、发光、阴影、颗粒、贴纸效果和自定义 GLSL 着色器。

图层模糊与发光

柔化与发光。

高斯图层模糊(0-128px),以及可设置半径、强度、阈值、可选色调和发光颜色的发光效果。

多重投影与内阴影

层叠阴影,真实深度。

每个图层都有不限数量的阴影列表,包含投影和内阴影:颜色、不透明度、模糊、扩展、偏移和可见性。智能选项:使用图层自身颜色、采样下方周围颜色、暗度控制,以及「在透明区域后方显示」,让玻璃阴影正确透出。

一个图层上叠加三个阴影的阴影列表。

按图层颗粒与输出抖动

质感与干净的渐变。

按图层设置的胶片颗粒(强度 0-0.5、缩放 0.1-16、种子),外加输出抖动处理,消除导出图像中的渐变色带。

镜头光晕

星芒高光。

星芒状的镜头光晕高光,可控制强度,光源可跟随画布光源或使用自己的角度。

贴纸效果(边框、镭射、弯曲阴影、翘边)

模切贴纸外观。

把图层变成贴纸:白色(或任意颜色)边框的宽度和颜色、可调角度和缩放的镭射箔、弯曲投影(模糊/不透明度),以及翘边效果(角度/卷曲)。

带镭射光泽扫过和卷起边角的贴纸。

自定义 GLSL 着色器堆栈

Figma 风格的着色器,真正的 GLSL。

在图层、背景或整个画布上叠加自定义 GLSL ES 3.00 片段着色器通道。参数会自动绑定为 uniform(浮点滑块、颜色选择器);内置预设着色器库(半色调、像素化、色差、波浪、双色调、CRT…),可在代码窗口中查看和编辑 GLSL,还能用「AI 生成」编写新着色器。可通过 uBackdrop 感知背景。

短片:将着色器库中的通道拖到图层上。

文本

支持字体、间距和原位编辑的文本图层。

文本图层

始终可编辑的文字。

文本图层支持 Google Fonts、字号 8-512、字重 100-900、字间距、行高、对齐方式、Figma 风格的文本框宽度(按单词或字符换行)、填充颜色以及描边颜色和宽度。双击即可原位编辑。

文本图层正在原位编辑器中编辑。
  • T添加文本图层
  • Enter原位编辑所选文本图层

图像工具

位图导入、移除背景、矢量化、蒙版和裁剪。

内置图标库(Heroicons 与 Lucide)

20 万+ 可搜索字形。

从 Heroicons 和 Lucide 图标库中置入矢量字形,作为可完全自定义样式的图标图层,可从工具栏和 AI 助手中搜索。

字形搜索网格。

拖放导入(PNG、SVG、.icns、.icon)

拖入文件,即得图层。

将 SVG 或 PNG 图像、.icns 图标文件,或 Icon Composer .icon 包(会作为完整可编辑文稿打开)直接拖放到画布上。

替换图像与生成版本

更换图稿,保留样式。

替换图像图层的位图,同时保留所有样式和变换,并可在 AI 生成图像的不同版本之间切换。

裁剪 / 蒙版内缩

无需离开编辑器即可裁切位图。

在图像图层的填充矩形上按边(左/右/上/下)设置蒙版内缩来裁剪。

蒙版(编辑蒙版、用作蒙版、滤镜蒙版)

用任何东西为任何东西添加蒙版。

三种蒙版工具:编辑蒙版(在画布上绘制/擦除图层的 Alpha)、用作蒙版(以另一图层的几何形状作为非破坏性蒙版)和滤镜蒙版(仅作用于效果的蒙版,可反相)。

  • Enter在图像图层上切换蒙版编辑

移除背景(4 种方式)

无需切换标签页即可抠图。

用四种方式移除图像背景:自动、色键(从边缘像素级精确填充,支持取色、检测和纯度)、AI 抠图(分割)、正片叠底(去白)和滤色(去黑),均可调节纯度。

将图像矢量化为 SVG

输入像素,输出可编辑矢量。

将位图描摹为新的 SVG 图层并实时预览,提供预设(默认、黑白、海报、照片)和曲线模式(默认、像素、多边形、样条)。小尺寸图像会在描摹前先经过清理,因此低分辨率的标志也能描摹得干净利落。

导出与交付

导出格式、平台套件、项目文件和作品提交。

导出格式(.icns、.png、.icon、.json)

需登录

Mac 开发者需要的每种格式。

导出为 .icns(完整 16-1024 尺寸序列)、.png(任意尺寸)、.icon(Icon Composer 包)或 .json(项目文件),支持实时预览、裁剪至蒙版、以 x / px / % 控制尺寸/缩放(16-4096px)、下载或拷贝到剪贴板,并为 .icon 包提供「烘焙材质」开关。

更多格式(平台套件)

需登录

一个图标,适配所有平台。

通过 api.macosicons.com 在服务器端转换:.ico(Windows 多尺寸)、.appiconset(适用于 macOS/iOS/通用的 Xcode 素材目录)、Windows 套件(.ico + MSIX 磁贴,打包为 zip)、Linux 套件(hicolor 图标主题 + .desktop,打包为 zip)、网站图标包(Favicon),以及把所有产物打包进一个 zip 的发布套件。

Icon Composer .icon 包(打开与导出)

需登录

与 Icon Composer 完全对等。

将 Apple Icon Composer .icon 包作为可编辑文稿打开(会对透明外观覆盖、零散图层、缺失素材和嵌套编组给出警告),并可导出回 .icon,包括按外观的默认/深色/透明/着色渲染。

外观模式(默认、深色、透明、着色)

需登录

一次设计,适配所有 macOS 外观。

预览并制作按外观区分的效果(默认、深色、透明-浅色、透明-深色、着色-浅色、着色-深色),支持按图层覆盖颜色、着色、高光、磨砂、不透明度、混合、可见性,甚至替换图稿。

六宫格:同一图标在每种外观模式下的效果。

导出所有外观模式(ZIP)

需登录

一键获得每种外观渲染。

将默认、深色、透明和着色渲染批量导出为 PNG,打包成一个 ZIP,用于审阅、交付或商店素材。

提交到 macOSicons

需登录

发布到图标库。

将图标提交到公开的 macOSicons 图标库,填写应用名称、分类并确认作者身份,还可附带深色主题/液态玻璃 .icns 变体和项目 .json。提交内容会在发布前经过审核。

项目文件(.json 导入/导出)

需登录

你的文稿,保存为文件。

将可编辑文稿导出为 .json 项目文件,之后可重新导入,图层、材质和设置完整保留。

预览

尺寸、程序坞、主屏幕和场景预览渲染。

预览托盘(尺寸、程序坞、主屏幕)

在它真正所在的地方查看。

一个浮动预览托盘,含三个标签页:尺寸(图标在真实系统像素尺寸下的效果)、程序坞(带液态玻璃程序坞、示例应用、运行指示器和程序坞名称的 macOS 桌面)和主屏幕(带程序坞的 iOS 网格)。

场景预览(程序坞 / 主屏幕 / 桌面)

可下载的样机。

完整场景预览渲染,支持浅色 / 深色 / 两者主题、墙纸色板或自定颜色/图像,以及自动/模糊/渐变/图像背板。可单独下载每张渲染、全部下载,或存储到你的素材库。

预览背板(不导出)

在任何背景上检查对比度。

图标后方的预览背板(自动、模糊、颜色、渐变、图像),仅用于判断对比度和透明度;永远不会包含在导出中。

历史记录与版本

撤销/重做和 Time Machine 版本历史记录。

撤销 / 重做

自由回退 50 步。

50 步撤销栈(Cmd+Z / Cmd+Shift+Z 及工具栏按钮),涵盖每一次编辑,协作者的更改不会进入你个人的撤销栈。

  • Cmd + Z撤销
  • Cmd + Shift + Z重做

版本历史记录(Time Machine)

Plus

你的图标专属 Time Machine。

命名版本(Cmd+Option+S)加上编辑时自动生成的快照。拖动时间线(「滚动或按 ↑ 回到过去」),然后恢复、恢复为副本或删除某个版本。包含恢复前自动创建的还原点,并在云端/本地冲突时保留一份安全副本。macOSicons+ 功能。

短片:拖动版本时间线。
  • Cmd + Option + H打开版本历史记录
  • Cmd + Option + S保存命名版本

AI 助手

从提示词生成图层的助手、图像生成、分解图像和 AI 快捷操作。

用 AI 生成图标(最多 8 个方案)

Plus

一个提示词,八个图标方案。

根据提示词生成最多 8 个已套用蒙版的图标方案,可选择生成数量,并清楚标明消耗。可以逐个添加方案,也可以点击「全部添加」一次放到画布上。

用 AI 分解图像

Plus

一张平面图像,拆成多个可编辑图层。

将图像拆分为已命名、可编辑的图层(「每条线一个图层…」),然后逐个或全部添加到画布,把平面作品还原成真正的文稿。

AI 额度计量与购买方案

Plus

生成之前就知道花费。

额度计量会在 AI 操作运行前准确显示其花费(「正在生成图标」「正在分解这张图像」)。额度不足时,内嵌的购买方案让你即刻充值。

共享与协作

共享链接、实时协同编辑和社区作品库。

实时协作(在线状态与光标)

Plus

实时共同设计。

实时多人共同编辑,带在线状态头像、实时光标和基于操作的同步(需开启协作功能开关)。

两个光标在同一画布上编辑。

共享到社区(发布/更新/取消发布)

需登录

发布你的图标项目。

将文稿发布到社区作品库,随设计演进更新帖子,或随时取消发布。

工作区与离线

项目管理器、废纸篓、素材库和离线同步。

项目管理器(文稿与文件夹)

需登录

每个图标项目,井井有条。

一个包含项目(文稿及嵌套文件夹)、搜索、重命名的工作区,并提供 macOS App 图标、iOS App 图标、文件夹图标的新建文稿预设。另有废纸篓,支持恢复和永久删除。免费账户最多可在 1 个项目中保存 5 个文稿(废纸篓中的文稿不计入);macOSicons+ 取消这两项限制。

素材库

需登录

你生成或导出的一切。

每个生成或导出的素材都会自动保存,按变体分组,并标注额度消耗和来源项目。支持网格/列表视图、预览和重新下载:解决「那个文件去哪了?」的安全网。

离线编辑与同步

需登录

在飞机上也能设计。

将文稿或整个项目设为离线可用,可选择存储空间上限并查看用量,手动同步、重试失败项,必要时从服务器重建。离线横幅和待同步更改计数让你随时了解状态;访客草稿文稿完全在浏览器中运行。

带待同步计数的离线横幅。

访客模式(导出前无需账户)

免费使用,导出前无需账户。

任何人都可以打开编辑器,以访客身份立即开始设计,在浏览器中的草稿文稿里使用全部工具。导出和云端保存时会提示免费注册。

界面与快捷键

新手导览、移动端布局、专注模式、吸附和各种提升效率的界面细节。

画板(一次会话多个图标)

一排图标,并排摆放。

在一次会话中通过缩略图条处理多个图标或文件夹画板。无需离开画布即可创建、重命名、复制和删除画板。

新手导览

六步完成你的第一个图标。

可跳过的 6 步引导导览:欢迎 → 在画布上创作 → 用形状和钢笔绘制 → 组合形状 → 图层与属性 → 导出与保存。可以跳过、跳转到任意一步,或随时从“帮助”→“开始导览”重新打开。

命令面板与键盘快捷键

输入你想做的事,即可找到任何命令。

按 Cmd + K 可按名称或意图(如“挖个洞”“圆角”“阵列”)搜索并运行编辑器中的任何操作,旁边会显示其快捷键。按 ? 可打开按工具分组、可搜索的全部键盘快捷键列表。两者也都在“帮助”菜单中。

  • Cmd + K打开命令面板
  • ?显示键盘快捷键
  • Cmd + /显示键盘快捷键

隐藏界面(专注模式)

只有画布,别无其他。

收起所有编辑器界面元素,只显示画布,方便专注工作或截取干净的屏幕截图。用同一个开关即可恢复界面。

  • Cmd + .切换编辑器界面元素

缩放与平移

像原生 App 一样在画布上移动。

使用 Cmd +/- 缩放、Cmd+0 重置,按住 Space 拖动平移,支持触控板双指平移,画布上下文菜单提供放大/缩小/重置缩放/粘贴。

  • Cmd + / Cmd -放大/缩小
  • Cmd + 0重置缩放
  • Space (hold) + drag平移画布

吸附

拖动时自动出现参考线。

拖动时,图层会吸附到画布、其他图层以及等间距位置,使用的是与关键线网格相同的标尺吸附引擎。

关键线网格

Apple 的对齐网格。

在画布上显示或隐藏 Apple 风格的关键线/对齐网格,让图形和形状处在平台规范期望的位置。

吸管

随处吸取任意颜色。

以键盘操作为先的吸管(C,或在 macOS 上按 Ctrl+C,其他系统按 Alt+C),吸取颜色后会根据当前选择自动应用到对应位置(填充、描边或背景)。

  • C (Ctrl+C on macOS / Alt+C elsewhere)打开吸管

框选(图层与路径锚点)

拖出选框,想选什么都行。

在画布上拖出选框即可同时选中多个图层;在开放路径上拖动则可框选锚点,方便批量移动和删除。

移动端与触控布局

手机上也能用完整的编辑器。

响应式布局,底部标签页(检查器 / 图层 / 项目)、移动端选择栏(完成 / 「{n} 个图层」)以及「更多工具」菜单,在支持的设备上还提供触感反馈。

手机上的编辑器,底部标签页可见。

体验细节(自动命名、触感反馈、GPU 安全导出)

小细节,也做到位。

文稿会根据内容自动命名,支持的设备在关键手势上提供触感反馈,导出截取也做了 GPU 安全处理;如果截取失败,错误提示会明确指出是哪块 GPU。

图标工具箱

独立的一键式工具和公开的 Icon API。

图标工具箱(独立工具 + 公开 API)

需登录

同一套工具,既是按钮也是 API。

位于 /editor/toolkit 的图标工具箱把编辑器里的一键工具做成了独立的网页工具(无需 Mac),每个工具也都是 /api/v1/editor/ 下的公开 REST 接口,可通过代码调用。

图标工具箱:图标蒙版

需登录

为任意图像套上 macOS 蒙版。

一键(或一次 API 调用)将任意图像裁切为 macOS/iOS/watchOS 图标轮廓,无需任何设计工作。

图标工具箱:AI 生成

Plus

不打开编辑器也能用 AI 做图标。

根据提示词独立生成 AI 图标:想快速得到套好蒙版的方案、又不想开启完整编辑流程时的捷径。

图标工具箱:转换图标

需登录

任意图标格式,任意方向互转。

在浏览器或通过 API 一步完成图标格式互转(.icns、.ico、PNG 套图等)。

图标工具箱:转换图像

需登录

批量在各种格式之间转换图像。

拖入最多 20 张图像,选择一种或多种输出格式(PNG、JPEG、WebP、AVIF、GIF、TIFF、BMP、ICO 或 ICNS):每张图像都会按你选择的每种格式输出。支持读取 PNG、JPEG、WebP、AVIF、GIF、TIFF、BMP、ICO、ICNS、HEIC 和 SVG,并可通过预设和各格式的控件调整压缩。每张输出图像计为一次转换,同一工具也是公开的 /api/v1/images/convert 端点。

图标工具箱:压缩图像

需登录

文件更小,格式不变。

以更紧凑的压缩方式按原格式重新编码最多 20 张 PNG、JPEG、WebP、AVIF、GIF 或 TIFF 图像,可选缩小尺寸和去除元数据。预设、质量、无损和 256 色调色板选项可以调整压缩效果;如果某个文件无法变得更小,你会原样拿回原文件。同一工具也是公开的 /api/v1/images/compress 端点。

图标工具箱:Icon Composer 包

需登录

用作品生成 .icon 包。

作为独立工具,用你的作品创建 Apple Icon Composer .icon 包;也可以在编辑器中打开完整的 .icon 文件做更深入的编辑。

图标工具箱:Xcode .appiconset

需登录

直接放进 Xcode 的素材目录。

用一张图像生成完整的 Xcode .appiconset(macOS、iOS 或通用),包含 Contents.json 及所有必需尺寸。

图标工具箱:从 .icns 提取

需登录

把每个尺寸都取出来。

将现有 .icns 文件拆解为各个尺寸的 PNG,适合逆向分析或更新旧版图标。

图标工具箱:移除背景

需登录

上传或粘贴链接,立即抠图。

独立的背景移除工具(包括 AI 抠图),在编辑器之外快速准备素材。

图标工具箱:网站图标包

需登录

所有 favicon 尺寸,一个 zip 搞定。

用一张图标图像生成完整的网站图标包(所有常用尺寸及 manifest 条目)。

图标工具箱:发布套件

需登录

一个 zip,全平台发布。

一个 zip 包含所有发布所需文件:.icns、.ico、.appiconset、favicon、MSIX 磁贴等。这就是上线时的「全都给我」按钮。

图标工具箱:提取颜色(调色板)

需登录

从任意图标得到一套调色板。

从任意图像中提取调色板,方便搭配背景和制作品牌配色。

图标工具箱:场景预览

需登录

不打开编辑器也能做程序坞样机。

独立的场景样机工具(程序坞、主屏幕、桌面),为任意图标图像快速生成可共享的渲染图。

常见问题

怎样让图标看起来像液态玻璃 / Apple 玻璃效果
把图层的材质设为玻璃,调高厚度和曲率,再加一点色散和磨砂,并开启反向高光以获得两侧边缘高光。打开文稿 → 反射,可为整个图标加上光泽。
液态玻璃材质程序化反射(全局液态玻璃光泽)
怎样制作黏土 / 3D 蓬松风格的图标
把材质设为黏土,调整倒角、厚度和柔和度;或者直接拖动基础模式里的「蓬松度」宏滑块。
黏土材质基础模式宏滑块(玻璃感、蓬松度、阴影)
怎样更改背景颜色 / 制作网格渐变背景
文稿设置 → 背景:选择纯色、渐变或色块(网格)。色块模式下可以在画布上拖动最多 12 个色块;「从图标中取色」会根据你的作品提取相配的颜色。
画布背景(纯色、渐变、色块网格)背景预设从图标中取色(配色与和谐色)
怎样移除图片背景 / 让背景变透明
选中图片,点按「移除背景」。纯色背景用色键,白色背景用正片叠底,黑色背景用滤色,照片用 AI 抠图。
移除背景(4 种方式)
怎样导出 .icns / PNG / favicon / Windows 图标
导出 → .icns、.png、.icon 或 .json。「更多格式」涵盖 .ico、.appiconset、Windows 套件、Linux 套件、网站图标(Favicon)以及一站式的发布套件。
导出格式(.icns、.png、.icon、.json)更多格式(平台套件)图标工具箱:网站图标包图标工具箱:转换图标
怎样制作深色模式图标
切换到深色外观,用按外观覆盖来调整图层(颜色、着色、不透明度,甚至替换成另一套图稿)。「导出所有外观模式」会把每种外观渲染成 PNG 并打包为 ZIP。
外观模式(默认、深色、透明、着色)导出所有外观模式(ZIP)
可以编辑 Apple Icon Composer 的 .icon 文件吗
可以,把 .icon 包拖到画布上即可。它会以可编辑图层的形式打开(必要时会给出导入警告),并且可以导出回 .icon。
Icon Composer .icon 包(打开与导出)拖放导入(PNG、SVG、.icns、.icon)
怎样把 PNG / 标志转换成矢量
选中图片,使用矢量化(默认 / 黑白 / 海报 / 照片预设)。结果是一个可编辑的 SVG 图层,可以逐个锚点调整形状。
将图像矢量化为 SVG转换为路径
怎样编辑形状或文字的锚点 / 轮廓
在图层上按 Enter 进入编辑路径模式(如有需要,先把文本或 SVG 转换为路径)。按住 Shift 点按边线可添加锚点,按住 Option 点按可删除锚点,Cmd+J 连接锚点。
路径锚点编辑转换为路径矢量工具(选择、编辑锚点、形状、钢笔、铅笔、直线、扭曲)
怎样自由手绘 / 画草图
按 N 使用铅笔(与钢笔共用工具栏位置)并绘制。抬起后笔画会变成锚点很少的平滑路径;在起点附近结束即可闭合。可在画布上方的栏中调整平滑度。
铅笔(自由手绘)矢量工具(选择、编辑锚点、形状、钢笔、铅笔、直线、扭曲)
怎样用一个形状裁掉另一个形状 / 合并形状
同时选中两个形状,在布尔运算菜单中选择联集、减去顶层、交集或排除重叠。形状合并会把多个形状焊接成一条轮廓。
布尔运算(联集、减去顶层、交集、排除重叠)形状合并
怎样添加文字 / 更换字体
添加一个文本图层,双击即可输入。文本部分提供 Google Fonts 字体选择器,以及字号、字重、间距、对齐和换行设置。
文本图层
怎样添加阴影 / 发光 / 描边轮廓
效果 → 阴影可叠加多层投影和内阴影,效果 → 发光可添加泛光,描边部分可设置内侧、外侧或居中描边(甚至渐变描边)。
多重投影与内阴影图层模糊与发光描边(位置、端点、转角、虚线、渐变、模糊)
怎样制作贴纸风格的图标
效果 → 贴纸:先加边框,再加镭射箔、弯曲阴影和翘边。文稿 → 边框会在整个图标外围加一圈描边。
贴纸效果(边框、镭射、弯曲阴影、翘边)图标边框
可以用 AI 来设计图标吗
可以。「生成图标」能根据一段提示词一次生成最多 8 个带蒙版的方案,「分解图像」能把扁平图稿拆分成可编辑的图层。两者都会把结果作为图层添加到画布上。
用 AI 生成图标(最多 8 个方案)用 AI 分解图像
怎样查看图标在程序坞里的效果 / 制作样机
预览托盘提供实时的尺寸、程序坞和主屏幕标签页。场景预览会渲染可下载的样机(程序坞 / 主屏幕 / 桌面,浅色和深色)。图标工具箱也能单独生成样机。
预览托盘(尺寸、程序坞、主屏幕)场景预览(程序坞 / 主屏幕 / 桌面)图标工具箱:场景预览
可以离线使用吗 / 需要账户吗
无需账户即可以访客身份免费设计,但导出需要免费注册。文稿可以设为离线可用,有本地存储额度,联网后自动同步。
离线编辑与同步访客模式(导出前无需账户)
怎样撤销 / 回到之前的版本
Cmd+Z 可撤销 50 步。版本历史记录(Cmd+Option+H,macOSicons+)会保存自动快照和命名版本(Cmd+Option+S),你可以恢复或恢复为副本。
撤销 / 重做版本历史记录(Time Machine)
怎样共享设计 / 与他人协作
共享可以创建查看或编辑链接(随时可以重置)。实时协作会显示在线状态和光标。共享到社区会把作品发布到社区作品库,任何人都可以复制你的项目来学习。
共享链接(查看或编辑)实时协作(在线状态与光标)共享到社区(发布/更新/取消发布)社区作品库(浏览、点赞、评论、复制)
怎样把图标提交到 macOSicons.com
导出 → 上传 → 提交到 macOSicons:填写 App 名称和分类,确认作者身份,还可以附上 .icns 变体和项目文件。作品经过审核后才会发布。
提交到 macOSicons
怎样整理 / 查找我的项目
项目管理器支持嵌套文件夹、搜索、重命名和废纸篓。每次导出或生成的内容都会出现在素材标签页里。画板可以在同一个会话中并排放置多个图标。
项目管理器(文稿与文件夹)素材库画板(一次会话多个图标)
有 API 吗 / 可以自动生成图标吗
有。图标工具箱里的每个工具都有对应的公开接口,位于 /api/v1/editor/ 下(蒙版、转换、appiconset、网站图标、发布套件等)。API 文档见 /editor/toolkit。
图标工具箱(独立工具 + 公开 API)
怎样制作格栅 / 把形状沿圆周或按网格重复
选中形状,选择 路径 → 重复…。环形围绕中心复制,网格按行排列(蜂窝会错开各行),同心生成多个环;把结果设为“在以下图层上挖孔”即可在一个图层中给主体打孔。
重复(环形、网格与同心阵列)
怎么找到某个命令 / 有哪些键盘快捷键
按 Cmd + K(Windows 和 Linux 上为 Ctrl + K),输入你想做的事;命令面板会运行它并显示其快捷键。按 ? 打开完整的键盘快捷键列表。两者都在“帮助”菜单中。
命令面板与键盘快捷键
如何让多个部件采用相同外观 / 复用样式
选中这些部件,按 I(匹配样式),再点击外观已经合适的部件;或者在检查器的「样式」中应用一种质感。也可以在那里保存外观以便在其他文档中复用,并用 Cmd + Option + C / V 拷贝和粘贴外观。
样式:质感、已存外观与匹配样式拷贝 / 粘贴、智能复制与样式迁移
怎样把 Figma / Illustrator / Sketch 图标导入为可编辑图层
将其拷贝为 SVG(或导出 .svg),然后粘贴或拖到画布上。每个形状都会成为带有自身填充、渐变和描边的独立路径图层,编组变为文件夹,提示会列出无法导入的内容。在提示中选择「改为作为图像导入」即可保留为一张图片。
将 SVG 导入为可编辑图层拖放导入(PNG、SVG、.icns、.icon)
怎样制作虚线或点线描边
选中形状或路径,开启描边,并将「虚线」设为虚线或点线(或设为自定义,以 px 输入线段和间隙长度,例如 8 4)。使用圆头端点时,长度为 0 的线段会变成圆点;「虚线偏移」可让图案滑动。
描边(位置、端点、转角、虚线、渐变、模糊)
怎样把描边变成形状 / 偏移、简化路径或建立复合路径
选中图层,打开工具栏的「路径操作」菜单(或右键菜单中的「路径」):轮廓化描边(Cmd + Option + O)、偏移路径…、简化…、平滑、反转方向,以及建立 / 释放复合路径。
路径操作(轮廓化描边、偏移、简化、复合路径)
怎样一次转换或压缩很多图像
打开图标工具箱:「转换图像」可以把最多 20 张图像转换为 PNG、JPEG、WebP、AVIF、GIF 等任意组合,「压缩图像」则按原格式缩小它们。可以逐张下载或打包成 .zip,也可以调用 /api/v1/images/convert 和 /api/v1/images/compress。
图标工具箱:转换图像图标工具箱:压缩图像