App icon, logo and favicon generator

A matching icon, logo, favicon, share image and App Store screenshot for your AI app, in the same live gradients as every BrowserMoon template.

App icon · Citrus Coral1024 × 1024
Lumen

Built your app with Lovable, Bolt, v0, Cursor or Claude Code and still showing the default icon? A default icon is one of the clearest signs of an unfinished app. Type your app name, pick a symbol or letters, a shape and colours, and download every file browsers, phones, app stores and social networks ask for, in the exact sizes they ask for. Free, no sign up, and nothing is uploaded.

What is in the launch kit

Favicon and browser tab

favicon.ico with 16, 32 and 48 pixel images, plus PNG favicons. The small icon in every tab, bookmark and history list.

Logo for your site and app

An SVG logo and a square SVG mark in your colours. Sharp at any size, small enough to paste straight into your code.

Home screens and app stores

A 180 pixel Apple touch icon, 192 and 512 pixel web app icons with a manifest, and a 1024 pixel App Store icon. Apple rounds the corners for you.

Link previews

A 1200 by 630 share image, the card people see when your link is shared on X, LinkedIn, Slack, WhatsApp and iMessage.

App Store screenshot

1290 by 2796 pixels, the size App Store Connect asks for on the largest iPhones, with your tagline and your app on a phone.

How to make an app icon, logo and favicon

  1. Type your app name and tagline.
  2. Pick a symbol, or use your first letter. Browse all of them in the free SVG logo library.
  3. Pick a shape, a style and your colours, then move the gradient until it feels like yours.
  4. Add a screenshot of your app for the App Store image, if you have one.
  5. Download the kit, put the files in your public folder and paste head.html into your page head. In Lovable, Bolt, v0, Cursor and Claude Code that folder is /public.

Frequently asked questions

Is this app icon and logo generator free?

Yes. The whole launch kit is free to make and download, with no sign up and no watermark. Everything is drawn in your browser.

Can I use the SVG logo commercially?

Yes. The symbols are original BrowserMoon designs. Use the logo in your app, site and marketing. If you trademark a logo, have a designer make it unique to you first.

What sizes does a favicon need?

A favicon.ico with 16, 32 and 48 pixel images covers every browser. Add a 180 pixel Apple touch icon for iPhones and 192 and 512 pixel icons with a web app manifest for Android and Chrome. The kit includes all of them.

What size is a social share image?

1200 by 630 pixels. X, LinkedIn, Facebook, Slack and iMessage all use this size for link previews, so one image covers them all.

What size are App Store screenshots?

For the largest iPhones App Store Connect asks for 1290 by 2796 pixels in portrait. Apple scales them down for smaller iPhones, so one set is often enough to submit.

How do I add a favicon to my Lovable or Bolt app?

Put favicon.ico and the PNG icons in your public folder and add the tags from head.html to the head of index.html. Or upload the files to the chat, paste the snippet and ask the AI to do it.

Where do the files go in Next.js or v0?

In /public. With the App Router you can also name the icon app/icon.png and the share image app/opengraph-image.png, and Next.js adds the tags for you.

Narrow it down

Works with any vibe coding tool