Make your brand kit

One logo in, every file it needs out: icons for your website and your apps, and the logo itself in the sizes and formats people ask for.

Make your brand kit

SVG, PNG, JPG, WebP · up to 8 MB · previews free · 2 credits per download

Sign in to use one of your unlocked results.
CustomizeBrand name, short name, colors and padding
Up to 45 characters; left empty, your file's name. It is the app name, and every file and resource in the kit is named after it. Up to 12 characters: the label under the icon on a home screen. Left empty, it is cut from the brand name.
The background fills the app icons, the Apple touch icon and the maskable icons; padding keeps your logo clear of their edges. The tab favicons and the PNGs use the full square.

What this tool does

Makes every file your logo needs at once, each set in its own folder: favicons and web app icons with their HTML tags, Android and iOS app icons, an Xcode image set, an Android vector drawable, transparent PNGs from 256 to 2,048 px, and your SVG optimized for the web next to the original. The brand name becomes the app name and every file name, and a README explains each folder. An SVG gets the whole kit; a PNG, JPG or WebP gets the image files only, because this tool doesn't trace images.

For safety, scripts, animation, embedded web content, links and anything that loads another file are removed; your artwork and embedded PNG, JPEG or WebP images stay. The result lists anything removed.

What's inside

  • favicon/ Favicon and web app iconsfavicon.ico, PNG and SVG favicons, the Apple touch icon, maskable icons, site.webmanifest and the HTML tags for your site.
  • app-icons/ Android and iOS app iconsAn adaptive Android launcher icon with legacy sizes and a Play Store image, and a 1,024 px iOS AppIcon set.
  • ios/ Xcode image setYour logo as an image asset for an iOS app: vector, or PNG at 1×, 2× and 3×.
  • android/ Android vector drawableYour logo as a VectorDrawable for an Android app.
  • png/ Transparent PNGsLongest side 256, 512, 1,024 and 2,048 px.
  • svg/ SVG filesYour logo optimized for the web, and the original at full precision.
  • README.txt What each folder is forWhere every file goes, and the HTML tags for your site.

Inputs, outputs and limits

Input

One of your unlocked results, or an SVG, PNG, JPEG or WebP

Output

One ZIP with favicon/, app-icons/, ios/, android/, png/ and svg/ folders and a README that explains each

Limits

Files up to 8 MB; PNG, JPG and WebP images up to 24 megapixels, scaled to 1,536 px before export. From an SVG it makes PNGs of 256, 512, 1,024 and 2,048 px on the longest side; from a raster image, the sizes it fills. The iOS and Android vector files take up to 2,000 plain paths with solid colors. Processing limit: 60 s.

How it works

1

Choose your logo

Pick one of your unlocked results, or upload an SVG for the whole kit. A PNG, JPG or WebP gets the favicon, app icon, iOS and PNG files.

2

Keep the defaults, or customize

The brand name comes from your file's name. Under Customize you can change it, the short name for home screens, the theme and background colors and the padding.

3

Preview, then download

See the tab icon in a light and a dark browser tab, your app icons at small sizes and every file in the kit, then download the ZIP. The README says where each folder goes.

Troubleshooting

Is this the same as running each tool?

Yes. Each folder holds exactly what the favicon generator, the app icon generator, the iOS and Android exporters, SVG to PNG and the SVG optimizer make from the same logo. Use those tools on their own for other settings, such as a path prefix or other sizes.

Why are android/ and svg/ missing?

They need vector artwork. A PNG, JPG or WebP gets the favicon, app icon, iOS and PNG files; trace the image into an SVG first to get the rest.

Why does ios/ hold PNGs instead of a vector?

The iOS and Android vector files only take plain shapes with solid colors. Artwork with gradients, text or effects gets PNGs for iOS and no Android vector, and the result says why.

Why is the 2,048 px PNG missing?

From a PNG, JPG or WebP the kit makes only the sizes the image fills: a larger copy would only be blurry. An SVG gets every size.

Access and pricing

Running this tool and its previews are free. Downloading the output costs 2 credits from a signed-in account, charged once and never for a run that fails, for a file you upload and for a result you have already unlocked alike. Files are kept 24 hours for guests and 30 days in an account. See pricing.

Guides to the files in the kit

SVG vs PNG vs ICO faviconsPWA maskable icons: safe area and setupHow to convert SVG to Android XMLAndroid and iOS app icons from one imageSVG or PNG for Xcode image assets?

Related tools

Favicon and PWA icon generatorICO, SVG, Apple touch and maskable iconsMake your app iconAndroid and iOS resource packagesSVG to PNG ConverterRender an SVG to PNG, up to 4,096 pxSVG OptimizerShrink an SVG without changing it