How do I use the favicon generator?
- Choose a square logo or icon (SVG or PNG works best).
- Set a background colour and padding if you want them.
- Download each icon and paste the HTML tags into your site’s <head>.
Favicon generator: frequently asked questions
What sizes does a favicon need?
32×32 and 16×16 for browser tabs, 180×180 for Apple devices, and 192×192 and 512×512 for Android and web app manifests.
Do I still need favicon.ico?
Modern browsers use PNG favicons. Some old tools still request /favicon.ico; you can rename the 32 px PNG or convert it if needed.
Why add padding?
Icons that touch the edges look cramped, especially on rounded app icons.
Why does the Apple icon have a background?
iOS fills transparent areas with black, so the Apple touch icon gets a solid background.
Does a favicon help SEO?
Google shows favicons next to mobile search results, so a clear icon can improve recognition and clicks.
Is my logo uploaded?
No. Icons are generated in your browser.
How long until Google shows my new favicon?
It can take days to weeks after Google recrawls your home page.
Can I use an SVG favicon?
Yes, modern browsers support <link rel="icon" type="image/svg+xml">. Keep PNG fallbacks for other devices.
Can I use the output in Figma or CSS?
Yes. Values are standard HEX, RGB, HSL and CSS that work in Figma, CSS and most design tools.
Is the favicon generator free?
Yes. It is free with no sign-up and no usage limits for normal use.