How to create a favicon
- Upload a logo or image, or switch to text or emoji and type one to three characters.
- Set the background color (or make it transparent), the corner radius and the padding. Previews show every size and a browser tab.
- Download the favicon package as a ZIP, upload the files to the root of your site, and paste the HTML into your
<head>.
What is in the package
favicon.icowith 16, 32 and 48 px images for older browsers and Windows.favicon-16x16.png,favicon-32x32.pngandfavicon-48x48.pngfor browser tabs.apple-touch-icon.png(180 px) for iPhone and iPad home screens.android-chrome-192x192.pngandandroid-chrome-512x512.pngplussite.webmanifestfor Android and installable web apps.
Favicon tips
- Simplify: at 16 px only a strong shape or one or two letters stay readable.
- Use a solid background so the icon is visible on both light and dark browser themes.
- Browsers cache favicons aggressively; after changing yours, test in a private window.
All processing happens in your browser. Your images are never uploaded to a server, so the tool works with private photos and keeps working offline once the page has loaded.