onmyway133 / icongenerator

🍱 A macOS app to generate app icons

𝕴𝖈𝖔𝖓 𝕲𝖊𝖓𝖊𝖗𝖆𝖙𝖔𝖗

Checkout https://indiegoodies.com/

Description

• An electron.js app used for generating app icons
• Support macOS
• Follow Human Interface Guidelines iOS
• Generate based on latest Xcode Contents.json

How to install

• Download latest release from https://github.com/onmyway133/IconGenerator/releases

How to use

• Drag image onto left box
• Support png, jpeg, jpg, webp, tiff, gif, svg
• Choose platform to generate: iPhone, iPad, macOS, tvOS, watchOS, or an icns file
• Generated AppIcon.appiconset or AppIcon.icns and save to Downloads folder

Credit

• Icon http://emojione.com/
• Use sharp to resize images

Author

Khoa Pham, [email protected]

License

IconGenerator is available under the MIT license. See the LICENSE file for more info.

icongenerator's Issues

Issue with tvOS

Hello @onmyway133
I'm facing an issue trying to generate tvOS icons from this file

I get an empty Assets forlder
It is working well however with the other types iOS and macOS
Please advise
Regards

Generate LaunchImage

It'd be awesome to have an option to generate simple LaunchImages from a logo

Getting black background color for the icons

Please update for Catalina

The app should be available on the Mac App Store

If not, some kind of auto update should be added

support linux ？

Empty tvOS app icons

I downloaded the latest version and tried to generate tvOS app icons, it generates a empty AppIcon.appiconset with empty Contents.json file

new features

Hi, @onmyway133 Do you plan add new features for this app? android support?

White window in MacOS Mojave

Hi,

I have a white window when launching in MacOS Mojave ;)

steve@MBP-de-Steve-2:~/Projects/electron/IconGenerator$ npm start

> [email protected] start /Users/steve/Projects/electron/IconGenerator
> npm run babel && electron .


> [email protected] babel /Users/steve/Projects/electron/IconGenerator
> babel ./src --out-dir ./dist --copy-files

src/components/Application.js -> dist/components/Application.js
src/components/InputComponent.js -> dist/components/InputComponent.js
src/library/Generator.js -> dist/library/Generator.js
src/main.js -> dist/main.js
src/renderer.js -> dist/renderer.js

Best,

I get a blank window - when I run 'yarn start'

I cloned and ran the following.
npm install
yarn install
yarn start.

However all I get is a blank screen. Have I missed anything?

this app does not generate tvOS icons

Steps to reproduce:

• drag png into square
• select tvOS radio
• click generatebutton

Expected

• new appiconset with tvOS images

Actual

• new appiconset with no images and Contents.json with the following body:

{
  "images" : [],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

Question: Why node_modules is included?

Hello @onmyway133

Can I know why this line

IconGenerator/.gitignore

Line 21 in 1ae5b04

#node_modules/

is commented?

Including node_modules in the repo greatly increases its weight, and as far as I know is considered bad practice.

Follow Human Interface Guidelines iOS

Hello!

There's a mention in the ReadMe.md that says Follow Human Interface Guidelines iOS. After I've tried with a plain icon, I found it it wasn't true at all : It just takes an icon and outputs the appropriate sizes. Which is great, but not what is in the ReadMe.

As such, I'd like to request assistance in following the guidelines given a simple logo with a set of simple options.

Here's the optional features that would help users respect the guidelines with minimal effort.

• Generate a coloured background behind icons
• Add a customizable padding around icons

With this, I believe users of this application would be able to generate their iOS images and their Android images from the same logo and still respect both Material Design and Cupertino guidelines.

Have a nice day!

Files without extensions are not parsed correctly.

Some programs export the file name without the extension on Mac. These files do not import and no error shows up to report this behavior.

Exported images contain alpha channel and cannot be uploaded to App Store

We need a new release:

ERROR ITMS-90717: "Invalid App Store Icon. The App Store Icon in the asset catalog in 'BoogerBoomCafe.app' can't be transparent nor contain an alpha channel."

The app should be signed with a valid developer certificate to prevent macOS security notices