Favicon Generator
Create favicons in all sizes from any image or text — download as PNG.
What Is a Favicon?
A favicon (short for "favorite icon") is a small icon associated with a website, displayed in browser tabs, bookmarks, history, and search results. First introduced by Internet Explorer 5 in 1999, favicons have evolved from simple 16×16 pixel ICO files to a system of multiple sizes and formats supporting retina displays, mobile devices, and progressive web apps.
Why Favicons Matter
Favicons serve as visual brand identifiers across the web. They help users quickly identify your site among dozens of open tabs. Google displays favicons in mobile search results, making them part of your search presence. A professional favicon builds trust and brand recognition. Sites without favicons appear unfinished or untrustworthy to visitors.
Favicon Sizes You Need
Modern websites need multiple favicon sizes: 16×16 for browser tabs, 32×32 for higher-DPI tabs and shortcuts, 48×48 for Windows site pins, and 180×180 for Apple Touch Icons (iOS home screen). Android uses 192×192 icons defined in the web app manifest. Some sites also include 512×512 for PWA splash screens. Our tool generates the most commonly needed sizes.
Modern Favicon Formats
The traditional ICO format supports multiple sizes in one file but is being replaced by PNG and SVG. PNG favicons are widely supported and offer transparency. SVG favicons scale perfectly to any size and support dark mode media queries. However, ICO is still needed for older browsers. The best practice is to include both PNG and ICO versions.
Adding Favicons to Your Site
Add favicon link tags to your HTML <head> section. The most important are: a 32×32 PNG for general browser use, a 16×16 fallback, and a 180×180 Apple Touch Icon. Place the actual favicon files in your site's root directory or a dedicated icons folder. Most CMS platforms (WordPress, Shopify) have built-in favicon upload features in their theme settings.