Every icon size, from one logo.
Drop in a square logo and download favicon.ico, Apple touch icons, Android and PWA icons and general PNG sizes, 21 PNGs in all, plus a web manifest and the <head> tags that wire them up. It all happens in your browser; your logo is never uploaded.
Drop your logo here
PNG, JPG, SVG or WebP. Square works best.
Nothing is uploaded. Every size is drawn in this tab with the Canvas API.
Every size lands here
Click any icon to download it on its own.
One export, every place an icon goes.
Browsers, phones and app installers each ask for their own sizes. The pack covers them with the file names that framework docs and hosting guides expect.
Launching a new site
Get the favicon, the Apple touch icon and the manifest icons in one go, named favicon-32x32.png, apple-touch-icon.png and android-chrome-512x512.png, ready to drop into your public folder.
Making a web app installable
The bundled site.webmanifest lists the 192 and 512 px icons Chrome looks for before it offers to install your app. Type the app name before you download and it goes into the manifest.
Rebrands and refreshes
When the logo changes, regenerate the whole set at once instead of re-exporting two dozen sizes from a design tool and hoping none were missed.
From AI logo to icon pack
A logo made with the AI logo tool opens here with the image already loaded, so you go from a prompt to a full set of icons without saving and re-uploading anything.
Drawn on your machine, packed into one zip.
Your file is read by the browser and drawn onto a canvas at each size with high-quality smoothing. Transparency is kept, and a logo that isn't square is scaled to fit and centred, never stretched or cropped. favicon.ico bundles the 16, 32 and 48 px versions in a single file, which is what browsers look for at the root of a site.
Nothing is sent to a server, so it's fine for logos that aren't public yet. Start from the biggest version you have, 1024 px or an SVG: a small source has to be scaled up for the 512 and 1024 px outputs and will look soft.
- favicon.ico16, 32, 48 pxBrowser tabs and bookmarks; requested from the site root automatically.
- favicon-{16,32,48,96}.png16–96 pxBrowser tabs, bookmarks and high-density screens.
- apple-touch-icon.png180 pxiPhone and iPad home screens, and Safari.
- apple-touch-icon-{57…167}.png57–167 pxNine more sizes for older iPhones and iPads.
- android-chrome-{192,512}.png192, 512 pxAndroid home screens and installable web apps.
- logo-{64…1024}.png64–1024 pxGeneral square exports for docs, avatars and brand kits.
- site.webmanifestApp name, the two Android icons, white theme colour, standalone display.
- head-snippet.htmlThe five tags to paste into your page's <head>.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">Five tags, then you're done.
Unzip the pack into the root of your public folder and paste the snippet into your page's <head>. The paths in the snippet and the manifest assume the files sit at the site root.
Open it with a logo already loaded.
Add ?from= with an image URL and the resizer loads that image and renders every size as soon as the page opens.
| Parameter | Values | Default | What it does |
|---|---|---|---|
| from | image URL | — | Open the tool with this image already loaded and every size rendered, e.g. /logo-resizer?from=https://example.com/logo.png. The image's host has to allow cross-origin requests. |
Logo resizer questions.
Is my logo uploaded anywhere?+
No. The page reads the file in your browser and renders every size with the Canvas API on your own machine. Nothing is sent to imgsrc.pub.
What file should I start from?+
A square PNG or SVG, 1024 px or larger, on a transparent background. JPEG and WebP work too. Smaller sources are scaled up for the 512 and 1024 px outputs and lose sharpness.
What if my logo isn't square?+
It's scaled to fit inside the square and centred, with transparent space on the shorter sides. Nothing is cropped or stretched. At 16 px a simple mark usually reads better than a full wordmark.
Do I still need favicon.ico?+
It's worth keeping. Browsers and many other tools request /favicon.ico from the root of your site without being told to. The one in the pack holds the 16, 32 and 48 px versions in one file.
Where do the files go?+
Unzip them into the root of your public folder (public/ in Next.js or Vite) and paste the head snippet into your page's <head>. The paths in the snippet and the manifest assume the files sit at the site root.
Is it free?+
Yes, with no account and no watermark. It's a page that runs in your browser, so there is nothing to meter.
Everything else, from a URL.
Placeholder image
FreeAny size up to 4000 px, in PNG, JPG, WebP, GIF or SVG, with your own colours and text.
Placeholder video
FreeLooping H.264 MP4s from 50 to 1280 px, for players and hero sections you haven't shot yet.
QR code
FreeA PNG for any link or text, at the highest error correction, so it still scans when printed small.
Share card
FreeA 1200×630 Open Graph image drawn from a title and one line of text. Point og:image at it.
Favicon
FreeAny site's icon by domain. It reads the page's link tags and falls back to /favicon.ico.
AI image
1–30 creditsSquare, landscape or portrait, at 1024×1024, 1536×1024 or 1024×1536.
AI logo
30 creditsA 1024 px mark, delivered on a solid background and on a transparent one.
AI share card
30 creditsA 1200×630 illustrated Open Graph image for a launch, post or product page.
No logo yet?
Describe one.
The AI logo tool draws a 1024 px mark from a prompt for 30 credits, and opens it here when you're happy with it.