Flutter 应用图标生成器

从一张原图导出 Flutter 目标平台图标资源,检查 Android、iOS 和桌面资源后再合并到应用。

免费编辑与导出,无水印。AI 生成和 AI 编辑使用积分;完整编辑器适合桌面浏览器。

同一原图,调整构图后导出

用于演示的原始图标
原图
增加渐变背景与留白后的图标
编辑结果
32 像素导出预览
32 × 32 PNG

示例由仓库演示素材通过图标渲染器生成。具体平台的留白、遮罩和输出以所选预设为准。

操作步骤

  1. 导入通用品牌设计。
  2. 选择 Flutter,检查 ZIP 中各平台资源。
  3. 合并所需目录,重新构建并分别测试。

Flutter 项目使用对应框架预设

Flutter 应用将各平台资源保存在不同子项目中。Flutter 预设按目标平台组织图标,而非只提供一组平铺 PNG。合并前请对比项目结构,尤其是自定义过平台目录的项目。

替换资源后分别重新构建

备份现有资源,只合并需要的平台目录,再重新构建 Android、iOS 或桌面程序。热重载不能可靠刷新启动器图标。如果其他图标生成插件也管理这些路径,应统一资源来源,避免覆盖修改。

当前预设的输出尺寸与文件

以下列表直接读取应用预设。项目配套文件由导出器追加;尺寸选择会影响实际导出内容。容器文件从下载的 ZIP 中提取。

ICO: windows/runner/resources/app_icon.ico (16, 24, 32, 48, 64, 128, 256 px)

查看 42 个图像输出
文件尺寸
android/app/src/main/res/mipmap-ldpi/ic_launcher.png36 × 36
android/app/src/main/res/mipmap-mdpi/ic_launcher.png48 × 48
android/app/src/main/res/mipmap-hdpi/ic_launcher.png72 × 72
android/app/src/main/res/mipmap-xhdpi/ic_launcher.png96 × 96
android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png144 × 144
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png192 × 192
android/playstore.png512 × 512
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png20 × 20
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png40 × 40
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png60 × 60
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png29 × 29
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png58 × 58
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png87 × 87
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png40 × 40
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png80 × 80
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png120 × 120
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png120 × 120
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png180 × 180
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png76 × 76
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png152 × 152
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png167 × 167
ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png1024 × 1024
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_16x16.png16 × 16
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_16x16@2x.png32 × 32
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_32x32.png32 × 32
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_32x32@2x.png64 × 64
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_128x128.png128 × 128
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_128x128@2x.png256 × 256
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_256x256.png256 × 256
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_256x256@2x.png512 × 512
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_512x512.png512 × 512
macos/Runner/Assets.xcassets/AppIcon.appiconset/icon_512x512@2x.png1024 × 1024
linux/share/icons/hicolor/16x16/apps/app_icon.png16 × 16
linux/share/icons/hicolor/24x24/apps/app_icon.png24 × 24
linux/share/icons/hicolor/32x32/apps/app_icon.png32 × 32
linux/share/icons/hicolor/48x48/apps/app_icon.png48 × 48
linux/share/icons/hicolor/64x64/apps/app_icon.png64 × 64
linux/share/icons/hicolor/128x128/apps/app_icon.png128 × 128
linux/share/icons/hicolor/256x256/apps/app_icon.png256 × 256
linux/share/icons/hicolor/512x512/apps/app_icon.png512 × 512
snap/gui/app_icon.png256 × 256
windows/runner/resources/app_icon.png256 × 256

常见问题

需要付费或登录吗?

普通图片编辑与导出可免费使用。AI 请求需要登录并使用积分;云同步等服务依据账户方案提供。

工具会自动修改我的项目吗?

不会。先在编辑器预览并下载资源,然后按项目要求手动接入。请保留现有图标备份并测试构建结果。