Drop an image or draw a letter mark, download the icon set, paste three lines into your page.
One or two characters - initials usually beat a whole word, because at 16 px a word is a grey line. An emoji works too.
Used in the manifest and on the demo page, not drawn on the icon.
Type a letter or two on the left and the whole icon set appears here.
Five lines, not twenty. favicon.ico covers the tab, bookmarks and the address bar; the PNG covers high-DPI screens; apple-touch-icon is the iOS home screen; the manifest is Android. The long blocks other generators hand out are aimed at Internet Explorer, Windows 8 tiles and old Android, and no browser asks for them today.
Save this as site.webmanifest in the same folder. It is what Android reads when someone adds your site to their home screen.
How It Works
The tool opens on a two-letter mark you can edit straight away. Switch to the Image tab to drop a PNG, JPG, WebP, GIF, BMP, AVIF or SVG instead - anything your browser can open.
Choose a transparent or solid background, add padding so a detailed logo still reads at 16 pixels, and pick square, rounded or circle. The previews redraw as you go, including the icon at its true 16 pixel size in a browser tab.
Save favicon.ico and the seven PNGs, copy the site.webmanifest and the tags for your head section, or publish a demo page that really uses the icon so you can see it in a tab first.
About This Tool
One image or two letters in; a real multi-resolution favicon.ico, seven PNG sizes, a web manifest and the five lines of HTML that browsers still read out.
A favicon is the little square in the browser tab, the bookmark list and the phone home screen. Making the set by hand is fiddly out of proportion to its size: the tab wants a 16 pixel image, a high-DPI tab wants 32, Windows shortcuts want 48, iOS wants a 180 pixel PNG and Android reads a manifest that points at 192 and 512. And favicon.ico is not an image format but a container holding several images at once, which is why so many people go looking for a way to convert a PNG to ICO. This favicon generator writes all of it, container included.
Anyone who has just built a page and noticed the blank sheet of paper in the tab. That is often someone holding an HTML file from ChatGPT, a designer or a course, with no design tool open and no wish to install one. If you have a logo, use the Image tab. If you have no logo at all, the Letter tab makes a proper letter mark from your initials in a few seconds, and it looks deliberate rather than default.
Everything happens in your browser on the HTML canvas. Each icon is drawn at its final size rather than shrunk from one big picture, and an uploaded image is halved step by step on the way down, which is the difference between a legible 16 pixel logo and a speckled one. The PNGs come out of the canvas as real PNG files, and the .ico is assembled here in JavaScript: a six byte header, a sixteen byte directory entry per image and the 16, 32 and 48 pixel PNGs packed in behind it. That is the PNG-in-ICO form every browser has read since Internet Explorer 11. Your image is never uploaded: it is drawn and encoded on your own machine, and nothing leaves the tab unless you press publish.
The output is raster, so there is no SVG icon and no separate dark-mode version. Files download one at a time because there is no zip library here. A photograph makes a poor icon at any size: crop to a mark or a single letter first, and the image converter next door will shrink a big source picture. Once the icons are in place, the meta tag generator writes the title, description and social preview tags that belong in the same head section.
The publish button below puts a small page live on an OxyPages address with HTTPS, in seconds, with no account - and that page uses your new icon as its actual favicon, inlined into the HTML, so the tab you are looking at is the proof. The link lasts 30 minutes; claiming it is free and keeps it, with your own address and, on paid plans, a custom domain. Instant publishing accepts pages up to 5 MB. See how it works or compare plans.
Questions
More Free Tools
Every tool here runs in your browser and ends the same way: one click and your HTML is on a live link.
Generate title, description, Open Graph and Twitter card tags for your page and see how it will look on Google, Facebook, X and WhatsApp before you publish.
Convert PNG, JPG, GIF, BMP, AVIF or SVG to WebP with a quality slider and see the size drop. Batch convert, download one by one. Nothing is uploaded, it all runs in your browser.
Paste or drop an HTML file and see it rendered instantly. Preview on desktop and mobile, then publish it as a live website in one click.
Try It Now
Still Here? Drop It In.
The whole pitch fits in one sentence: your HTML, on a link, in seconds.
Drag and drop your HTML file(s), folders, or ZIP file
or ·
No account needed. Your unclaimed website stays live for 30 minutes on a free subdomain. Claim it to your account to keep it permanently.
