Generate multi-size favicons from image or text
A favicon (short for "favorites icon") is the small image displayed in browser tabs, bookmarks, history lists, and on the home screen when a web page is saved on mobile. Modern browsers support multiple sizes: 16×16 for browser tabs, 32×32 for taskbar shortcuts on Windows, 180×180 for Apple Touch icons, and 192×192 or 512×512 for Android PWA home-screen icons. Providing all sizes ensures your brand looks crisp on every platform.
favicon.ico in your project's public/ root (or website root for static sites).<link> tags into the <head> of your HTML.public/ and add tags in _document.tsx or nuxt.config.ts head section.favicon.ico is a multi-resolution ICO container. Modern browsers prefer the PNG <link> tags, but favicon.ico at the root is still needed for legacy browsers and RSS readers.