App Icon Set Creator



Explore

Drive into the creative process without having designer skills.

Ios App Icon Creator

  1. Nov 24, 2020 It's time-consuming: For every app icon you want to change, you need to create a new shortcut in the Shortcuts app, then add it to your Home Screen and hide the original app. If you have a lot of apps, this could take hours. Custom icons don't show notification badges: Customized app icons act as a shortcut to the original app. For this reason.
  2. Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser.

How often do you find yourself searching for lovely, friendly, well- designed icons that would fit well into a software, portfolio or a template?

IconsFlow is the right tool to start creating a high quality icon set without any photoshop or illustrator skills. You can simply add all the icons you need and change the color of the elements, size and shadow effects. It’s easier than you think!

MakeAppIcon is an icon creator that resizes all iOS icons and Android icons. With our icon resizer, you can import app icons to Android Studio and Xcode in 3s. Card Creator is a software tool that allows you to create all types of cards for your own games. Easy enough for amateurs to jump in and create their own designs to complement their games within minutes, but powerful and deep for professional game designers as well.

Svg, Ico & Png Export

Now you can export your icons in Svg, Ico and Png formats. Your icons will not loose quality after editing or changing sizes.

Upload Your Own icons
App Icon Set Creator

With IconsFlow you can create a new icon set or update the styling by uploading your own icons.

Customize and Edit icons

Create interesting and engaging interfaces with unique icons. Change color, gradient, size, position, effects - everything!

Free Updates

New icons and trendy styles every week!

IconsFlow releases every week new icon sets carefully crafted and covers all sorts of styles. Your design will always look professional and fresh.

Spend less time and efforts to design stunning icon sets.

Spend less time and efforts to design stunning icon sets.

Icons are very important
Icons create rhythm, lead the eye and give structure to every layout or application.
Spectacular Icon Backgrounds
With IconsFlow you are the designer! Just pick a background from the library and play with different styles.

The application icon, typically displayed in the top-left corner of an application's top-level windows, is set by calling the QWindow::setIcon() method.

In order to change the icon of the executable application file itself, as it is presented on the desktop (that is, prior to application launch), it is necessary to employ another, platform-dependent technique.

Setting the Application Icon on Windows

First, create an ICO format bitmap file that contains the icon image. This can be done using Microsoft Visual Studio: Select File >> New, and choose the Icon File.

Note: You need not load the application into the Visual Studio IDE as you are using the icon editor only.

Alternatively, an .ico file can be created from a set of images using ImageMagick's convert tool:

Store the ICO file in your application's source code directory, for example, with the name appico.ico.

Using CMake

To configure your application's icon, a resource file containing information about the icon is required. A resource file is a text file that contains information about the application resources, such as icons, cursors, fonts, and so on. For more information about resource files and what it can contain, see About Resource Files.

Once you have the .rc file, add information about the ICO file to it and use it to configure your application icon.

The following snippet example demonstrates how to set up application icon using CMake:

Notice that the set command, defines the APP_ICON_RESOURCE_WINDOWS variable, which contains the path of the RC file. This variable is used with the add_executable command to set the application's icon.

Using qmake

If you are still using qmake to generate your makefiles, you need to add a single line to your .pro project file:

Finally, regenerate your makefile and your application. The .exe file will now be represented by your icon in Explorer.

However, if you already have an .rc file, for example, with the name myapp.rc, which you want to reuse, the following two steps will be required. First, put a single line of text to the myapp.rc file:

Then, add this line to your myapp.pro file:

If you do not use qmake, the necessary steps are: first, create an .rc file and run the rc or windres program on the .rc file, then link your application with the resulting .res file.

Setting the Application Icon on macOS

The application icon, typically displayed in the application dock area, is set by calling QWindow::setWindowIcon() on a window. It is possible that the program could appear in the application dock area before the function call, in which case a default icon will appear during the bouncing animation.

To ensure that the correct icon appears, both when the application is being launched, and in the Finder, it is necessary to employ a platform-dependent technique.

Although many programs can create icon files (.icns), the recommended approach is to use the iconutil program supplied by Apple. iconutil is a command-line tool that converts iconset folders to deployment-ready, high-resolution icns files. Using this tool also compresses the resulting icns file, so there is no need for you to perform additional compression.

Using CMake

Set

To configure the application's icon, the Info.plist file generated by CMake must contain the icon information. This can be achieved by setting the .icns file name to the MACOSX_BUNDLE_ICON_FILE variable.

The following snippet demonstrates how to set up the application icon using CMake:

Notice that the first set command defines the MACOSX_BUNDLE_ICON_FILE variable, which is required to add the icon file to the Info.plist file. The second set command defines the APP_ICON_MACOSX variable with the absolute path to the icon file. This variable is then used to configure MACOSX_PACKAGE_LOCATION, which defines the icon file's install location. Finally, the add_executable uses the APP_ICON_MACOSX variable to set the application's icon.

Using qmake

If you are still using qmake to generate your makefiles, you only need to add a single line to your .pro project file. For example, if the name of your icon file is myapp.icns, and your project file is myapp.pro, add this line to myapp.pro:

This will ensure that qmake puts your icons in the proper place and creates an Info.plist entry for the icon.

If you do not use qmake, you must do the following manually:

App
  1. Create an Info.plist file for your application (using the PropertyListEditor, found in Developer/Applications).
  2. Associate your .icns record with the CFBundleIconFile record in the Info.plist file (again, using the PropertyListEditor).
  3. Copy the Info.plist file into your application bundle's Contents directory.
  4. Copy the .icns file into your application bundle's Contents/Resources directory.

Setting the Application Icon on Common Linux Desktops

In this section we briefly describe the issues involved in providing icons for applications for two common Linux desktop environments: KDE and GNOME. The core technology used to describe application icons is the same for both desktops, and may also apply to others, but there are details which are specific to each. The main source of information on the standards used by these Linux desktops is freedesktop.org. For information on other Linux desktops please refer to the documentation for the desktops you are interested in.

Often, users do not use executable files directly, but instead launch applications by clicking icons on the desktop. These icons are representations of 'desktop entry files' that contain a description of the application that includes information about its icon. Both desktop environments are able to retrieve the information in these files, and they use it to generate shortcuts to applications on the desktop, in the start menu, and on the panel.

More information about desktop entry files can be found in the Desktop Entry Specification.

Although desktop entry files can usefully encapsulate the application's details, we still need to store the icons in the conventional location for each desktop environment. A number of locations for icons are given in the Icon Theme Specification.

Although the path used to locate icons depends on the desktop in use, and on its configuration, the directory structure beneath each of these should follow the same pattern: subdirectories are arranged by theme, icon size, and application type. Generally, application icons are added to the hicolor theme, so a square application icon 32 pixels in size would be stored in the hicolor/32x32/apps directory beneath the icon path.

K Desktop Environment (KDE)

Application icons can be installed for use by all users, or on a per-user basis. A user currently logged into their KDE 4 desktop can discover these locations by using kde4-config, for example, by typing the following in a terminal window:

Applications using Qt 5 and KDE Frameworks 5 will find their icons in the list returned by this command:

Typically, the list of colon-separated paths printed to stdout includes the user-specific icon path and the system-wide path. Beneath these directories, it should be possible to locate and install icons according to the conventions described in the Icon Theme Specification.

If you are developing exclusively for KDE, you may wish to take advantage of the KDE build system to configure your application. This ensures that your icons are installed in the appropriate locations for KDE.

App icon set creator software

The KDE developer website is at http://techbase.kde.org/.

GNOME

Creator

App Icon Set Creator Software

Application icons are stored within a standard system-wide directory containing architecture-independent files. This location can be determined by using gnome-config, for example by typing the following in a terminal window:

App Icon Creator

The path printed on stdout refers to a location that should contain a directory called pixmaps; the directory structure within the pixmaps directory is described in the Icon Theme Specification.

Free App Icons

If you are developing exclusively for GNOME, you may want to use the standard set of GNU Build Tools. For more information, see the Application launching section. This ensures that your icons are installed in the appropriate locations for GNOME.

The GNOME developer website, http://developer.gnome.org/, provides more insight into developing applications.

App Icon Set Creator Online

© 2021 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.