Paste SVG code or upload an .svg file. Download favicon.ico with 16, 32, and 48 px icons, plus the tags for your page head.
A square SVG works best. Anything else is centered on a transparent square.
Your favicon will appear here once you paste or upload an SVG.
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Features
Paste or upload
Paste SVG markup, or open an .svg file up to 500 KB. A sample icon is there to start with.
Any shape
A logo that is not square is centred on a transparent square, so nothing is cropped.
Scripts removed
Scripts and event handlers are stripped before the icon is drawn.
Real sizes
See the icon at 16, 32 and 48 px with sharp pixels, and at 180 px with rounded corners like an iPhone home screen.
Browser tab
See the 16 px icon in a browser tab next to a page title.
favicon.ico
16, 32 and 48 px in one file, stored as PNG images for small, smooth icons.
Head tags
The four link tags for the page head, with a Copy button. The SVG, Apple and manifest tags point at files in the full set.
Full set as a ZIP Pro
favicon.ico, favicon.svg, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.
Web app manifest Pro
site.webmanifest lists the Android icons. Add your site name to it before you upload.
Paste SVG markup, or upload an .svg file up to 500 KB. A square logo works best.
The preview draws it at 16, 32, 48, and 180 px, and in a browser tab, so you can see whether it still reads that small.
Download favicon.ico, put it at the root of your site, and paste the tags into the page head.
Export the same SVG at 500 to 2000 px with SVG code to image.
Open SVG code to imageSee it rendered with its size and viewBox in the SVG viewer.
Open the SVG viewerFAQ
16, 32, and 48 px, stored as PNG images inside the ICO. Browsers pick the size they need for tabs, bookmarks, and the Windows taskbar.
Yes, keep both. Modern browsers use the SVG, but some still ask for /favicon.ico at the root of your site, and so do many tools that show link previews.
favicon.ico, your favicon.svg, 16 and 32 px PNGs, a 180 px apple-touch-icon.png for iPhone home screens, 192 and 512 px Android icons, and a site.webmanifest that points at them.
Yes. favicon.ico and the tags need no account. Pro adds the full set as one ZIP. The SVG is turned into icons in your browser and is not uploaded.