Guides

Enable JavaScript to edit icons and download files. Image processing and export run locally in your browser. You can read the guides without JavaScript. App icon guides for developers

Source

Source for this project

Changes apply to projects using the base source.

Icon text Font

Library Icon variant

Loading library…

Commercial use allowed · ISC / MIT license

Private by design — your image never leaves your browser

↑ Choose or drop an image JPG, PNG, WebP or SVG · up to 10 MB

Color

Custom secondary color Secondary color

The secondary layer is translucent by default. A custom color gives it a solid fill.

App icon generator for Android, iOS and favicons

Design your icon · Android, iOS, favicons and more — free, no account needed.

Create Android, iOS and web icons from one composition. Start with text, clipart or your own artwork, compare previews and download files for your target platform. Basic exports are free and do not require an account.

Your first icon, step by step Which format should I choose?

Android app icon Android notifications iPhone and iPad Web and PWA

Made for developers

Polski · English

Drag the artwork to reposition it. You can also use the arrow keys.

Preview

PNG · 128–1024 px

100%

Add a format to see its preview.

Your app×

← → ↻▣ example.com⋮

Your appHome About Contact

Your app

Start◉ ▰ 9:41

Your app

09:41Saturday, September 26

● Finder File Edit

9:41

● Finder File Edit

9:41

The bars show the icon at its target size. The enlarged preview is for editing.

Your appnow

Sample notification

This is how your small notification icon looks.

24 dp · white silhouette · transparent background

9:41▴ ▰ 100%

09:41Saturday, September 26☀ 21° · Sunny

Your app

Mail

Calendar

Music

Photos

Camera

Weather

Settings

Tasks

Clock

Notes

Maps

● ● ●

+ Add format

Export: PNG, Android, iOS.

Composition

Icon only preview

Menu bar size Template icon (monochrome)

macOS supplies the template icon color. Turn this off to preserve the source colors.

Backgrounds, frames and badges are omitted. Use transparent artwork; an opaque image becomes a solid silhouette.

Banner composition · 1024 × 500

Composition for this project Background color

Private by design — your image never leaves your browser

Upload background image

Background gradient

Gradient builder

Gradient type Gradient angle · °

Set 2 to 8 colors and their positions on the gradient.

Background artwork or transparency may hide the gradient in the icon.

Transparent background Artwork size Horizontal position Vertical position Rotation Corner radius

Icon frame

Enable frame

Frame width · Frame color

Frame gradient

Gradient builder

Gradient type Gradient angle · °

Set 2 to 8 colors and their positions on the gradient.

Background artwork or transparency may hide the gradient in the icon.

Frame shadow

Shadow color Shadow opacity · Shadow blur · Shadow offset X · Shadow offset Y ·

The frame follows the icon shape. The shadow is clipped to its bounds; values use a percentage of the shorter side, while opacity is a visibility percentage.

Safe area circle

Circle diameter 80%

Preview only — the circle is never exported. Its diameter is a percentage of the icon’s shorter side.

Badge for this project Badge

Badge appearance

Badge font Style Position Size 22% X offset 0% Y offset 0% Badge background Badge text

Filename

Name for this project, without an extension. Android uses lowercase letters.

Shape

Themed

Monochrome icon for Android 13+. The system applies the colors.

Screen preview

See your icon on the home screen.

Enable animations App name Screen aspect ratio

Private by design — your image never leaves your browser

Choose your wallpaper

JPG, PNG or WebP · up to 10 MB. Wallpaper is for preview only.

Cookies and local data

We use session and security cookies. Your project configuration, theme and editor settings are stored locally in your browser.

Google Analytics only starts with your analytics consent. Without it, we do not load the script or send events. You can change or withdraw consent using Privacy. Advertising consent is a separate choice.

We use Google Analytics 4 (GA4) to measure visits and how the generator is used. GA4 uses analytics cookies and sends Google data about activity on the site, the browser and the device.

We measure export formats, generated file counts, source types and export success. We do not send your artwork, text or filenames to analytics.

Details

Your images are processed locally and are not uploaded to a server. After reloading, select them again or load a saved ZIP. Clear project resets the current project after confirmation; it does not delete downloaded files from your disk.

Fonts are loaded from Bunny Fonts, so the provider receives connection data, including your IP address.

Ads are provided by Google AdSense. Google and its partners may use cookies and connection data to display and measure ads. Advertising consent is managed through a separate Google message; Got it does not grant advertising consent.

How Google uses data

Save project downloads a ZIP with settings, variants, source artwork and custom wallpapers to your disk. ZIP icon exports also contain this data. Saving and loading happen in your browser, without uploading the archive to a server or requiring an account.

Load project restores settings and images from a ZIP after validating its files. After confirmation it replaces the current project, so save any work you want to keep first. Damaged and unsupported archives leave the project unchanged. Sharing a ZIP also shares its source files.

Shortening stores the full link on the server, including project settings, text and filenames. Images are not uploaded.

We also remember that you dismissed this notice. You can reopen it using the Privacy button.

Your analytics choice is stored in localStorage under fox-icons.analytics-consent.v1 for 180 days. GA4 cookies use the foxicons prefix and last 180 days. Withdrawing consent blocks measurement, removes accessible analytics cookies and reloads the page if measurement has started.

Share project

The link contains project settings, text and filenames. Images are not included — the recipient selects them locally.

Project link

Shortening stores the full link on the server, including project settings, text and filenames. Images are not uploaded.

Shortening link

Short link