Favicon Generator

A practical baseline: a multi-size favicon.ico at the site root, 16, 32 and 48 pixel PNGs, a 180 pixel Apple touch icon, and 192 plus 512 pixel PNGs for Android and PWA installs. Add an SVG favicon for sharp rendering at every size, and maskable icons if your site installs as an app. This generator builds that set as one ZIP with the matching HTML and manifest, and its presets let you skip what your site does not need.

Yes. Browsers and crawlers still request /favicon.ico by convention when no icon link is declared, and many feed readers, bookmark managers and older systems only ever look there. The favicon.ico this generator builds embeds the 16, 32 and 48 pixel versions in one file, and the Complete preset adds a 256 pixel member for crisp Windows shortcuts.

Android and PWA launchers cut icons into their own shapes: circles, squircles, rounded squares. Only a centered circle with a radius of 40% of the icon is guaranteed to survive every mask, so a normal square icon can get its corners or even its logo chopped off. Maskable icons solve this by keeping content inside that safe zone on a full-bleed background, and they are declared in the manifest with purpose "maskable". This generator renders them separately and previews the circular mask before you download anything.

Switch to image mode and upload a logo or photo up to 30 MB. You choose cover with zoom to crop, or contain with padding and an optional background color to fit the whole image. PNG, JPEG, WebP, GIF, AVIF and safe SVG files are accepted; animated sources use their first frame and the tool says so. A source of 512 pixels or more keeps the large icons sharp, and the tool warns you when your source is too small.

Yes. Text mode renders one or two characters, or a single emoji, on a square, rounded or circle background with a solid color or a gradient. It is the fastest way to ship a new project before you have a logo, and text mode also produces a real vector favicon.svg. One caveat the tool states openly: text renders with your device system font, so exact pixels can vary slightly between operating systems.

WordPress calls it a Site Icon, and since WordPress 6.5 it lives under Settings, then General, then Site Icon. Upload the 512x512 PNG from the WordPress preset; WordPress asks for a square image of at least 512 pixels and generates the sizes it serves itself. The older path through the Customizer no longer applies on current WordPress.

Google asks for a square favicon of at least 8x8 pixels and recommends a resolution larger than 48x48, served from a stable, crawlable URL. Contrary to a widespread claim, current guidance has no multiples-of-48 requirement. Google shows one favicon per hostname next to results on mobile and desktop, and a missing icon renders as a generic globe.

Browsers cache favicons aggressively, sometimes for days. Do a hard refresh, or add a version query to the icon URLs in your link tags, like /favicon.ico?v=2, to force a refetch. Google refreshes the favicon in search results on its own crawl schedule, which can take days to a few weeks after you update the file.

No. Rendering, the ICO container, the maskable variants and the ZIP package are all produced in your browser with canvas and local code. Files never leave your machine, there is no account, and the tool enforces size limits (30 MB, 50 megapixels) so a huge file cannot freeze the tab.