Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ELectron IconsNew to Visual Studio Code? Get it now.
ELectron Icons

ELectron Icons

ferhannah

|
1 install
| (0) | Free
Generate Electron app icon PNGs from a single source image.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Electron Icons

一张图,生成 Electron 打包常用的 PNG 图标尺寸。

功能

  • 支持 png/svg/jpg/jpeg/webp 源图(透明背景保持不变)。
  • 一次生成多种尺寸:16、24、32、48、64、72、96、128、256、512、1024。
  • 可自选输出目录,默认在源图同级创建 electron-icons 目录。

使用

  1. 打开命令面板(Ctrl/Cmd+Shift+P),运行 Generate Electron Icons。
  2. 选择源图片。
  3. 选择输出目录(或直接使用默认目录)。
  4. 等待通知提示生成完成,输出目录下会得到 icon-<size>x<size>.png 文件。

可配置项

  • electron-icons.filenameTemplate: 输出文件名模板,使用 {size} 作为占位符,默认 icon-{size}x{size}.png。

备注

  • 生成的 PNG 可直接用于 Electron / electron-builder 的多平台打包。
  • 若输入非支持格式会提示错误,可换用 png/svg/jpg/jpeg/webp。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft