图片 / 应用图标
用于Icon Composer的Liquid Glass图标生成器
将前景PNG或SVG转换为适用于Icon Composer和Xcode 26的Liquid Glass .icon包。选择背景颜色和内边距，比较近似的浅色、深色、着色和透明预览，并导出扁平化的1024 × 1024 PNG。
用于Icon Composer的Liquid Glass图标生成器: 将一个前景图像与Icon Composer自动提供的背景渐变分开保存。工具会根据你设置的内边距将图稿居中，并把它打包为ZIP中的.icon包。浏览器预览会显示圆角方形和手表圆形，并提供近似的着色和透明模式。扁平化PNG使用所选的纯色基础颜色，不包含玻璃材质。预览形状和外观控制不会改变图标包的设置。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 图片工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
Liquid Glass是Apple随iOS 26推出的设计语言。应用图标使用可适应外观和周围环境的图层与材质。 Apple开发者文档 · 人机界面指南
将图稿拖放到此处，或浏览文件。透明图稿效果最佳。最大支持20 MB。
Icon Composer会根据你的颜色为背景填充自动渐变。这些预览和扁平化PNG使用纯色底色；请在Icon Composer中调整最终渐变。
这是近似预览，最终效果由iOS渲染。形状、染色和透明外观仅为示意，并非Apple的材质渲染效果。
解压ZIP，在Xcode 26的Icon Composer中打开AppIcon.icon，检查材质和外观，然后将.icon捆绑包添加到Xcode项目中。对于较旧的目标，请在资源目录中使用扁平化PNG。 Apple的Icon Composer指南
此生成器会在背景填充上保留一个前景图层。它不会编辑图层深度、折射、高光或阴影。请在Icon Composer中添加和调整其他图层。预览控件不会更改捆绑包的外观设置。
你的图片会保留在浏览器中。不会上传任何内容。
Liquid Glass与应用图标设计
Apple在开发者文档和《人机界面指南》中介绍了Liquid Glass和自适应应用图标。请遵循相关指南，确保图标在不同平台和外观下都易于识别。https://developer.apple.com/documentation/technologyoverviews/liquid-glass和https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer和Xcode
Icon Composer支持分层图稿和材质调整。将提取出的.icon捆绑包添加到Xcode项目之前，请先在其中打开并检查。本生成器会提供一个前景图层，并根据你的颜色自动生成背景渐变。https://developer.apple.com/icon-composer/和https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
使用方法
- 选择前景图稿，最好使用透明PNG或SVG，然后设置内边距和背景颜色。
- 比较浅色和深色主屏幕、平台形状，以及近似的着色或透明效果。
- 下载并解压缩.icon ZIP，在Icon Composer中打开该图标包，检查最终效果并将其添加到Xcode项目中。对于较旧的目标平台，可下载扁平化PNG。
隐私与限制
图片会在浏览器中解码和导出。你的图稿不会上传。
相关工具
常见问题
什么是Liquid Glass？
Liquid Glass是Apple随iOS 26推出的设计语言。应用图标可以使用会随不同外观变化的图层和材质。本页面用于准备一个起始图标包，最终外观由操作系统渲染。
如何在Xcode 26中使用下载的文件？
解压缩ZIP，并在Icon Composer中打开AppIcon.icon图标包。在那里检查并保存图标，然后将.icon包添加到Xcode项目中，并将其选为应用图标。Apple的Icon Composer指南介绍了项目设置方法。
此编辑器支持分层景深吗？
工具会在背景填充上方提供一个前景图层，但不支持编辑多个图层、景深、折射、高光或阴影。请在Icon Composer中添加图层并调整材质。
预览就是最终的iOS外观吗？
不是。圆角方形和圆形形状，以及着色和透明效果，都只是近似预览。最终外观由iOS渲染。浏览器和扁平化PNG使用纯色背景，自动渐变由Icon Composer提供。
免费工具·使用在浏览器中次·无需账户