logo → .ico
Favicon generator
Turn your logo into a complete favicon package: a multi-size favicon.ico (16, 32, 48 px), PNG favicons, the 180 px Apple touch icon, 192 and 512 px Android icons and a site.webmanifest — plus the HTML to paste into your site. Works with PNG, SVG, JPG and WebP.
Private: your files never leave your device.
Add this to your site’s <head>
<link rel="icon" href="/favicon.ico" sizes="48x48"> <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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Upload the files to the root of your website (next to index.html).
How to use Favicon generator
Step 1: Add a square logo or icon (SVG or a large PNG works best).
Step 2: Choose a background and padding, and name your app.
Step 3: Press Start, download the zip and add the HTML snippet to your site’s <head>.
Frequently asked questions
What size should my source image be?
At least 512 × 512 pixels, or an SVG. Non-square images are centred with transparent (or coloured) edges.
Why does the Apple icon have a background?
iOS shows transparent areas as black, so the Apple touch icon always gets your background colour (white by default).
Do I still need favicon.ico?
Yes. Some browsers and tools still request /favicon.ico directly, so it’s the safest fallback.