Guides
Step-by-step favicon guides for every size, format, and platform — with free tools to generate and install your icons.
Getting started
Create, convert, and preview favicons from any source image.
Convert PNG to Favicon
Turn any PNG into a multi-size favicon.ico in seconds. Free, in-browser, no signup, no upload.
ReadHow to Create a Favicon
Create a professional favicon from any image in under a minute. Covers .ico, PNG, SVG, and apple-touch-icon.
ReadTransparent Favicon Generator
Generate a favicon that preserves a transparent background. Works in dark mode and on any browser theme.
ReadFavicon Preview Tool
Preview your favicon at every size and on every common browser theme before you ship it.
ReadApp Icon Generator
Generate every app icon size you need for iOS, Android, Windows, and macOS from a single source image.
Read
Favicon sizes
Every standard resolution — from 16×16 tabs to 512×512 PWA icons.
16×16 Favicon Generator
Create a crisp 16×16 favicon in seconds. Free generator, no signup, all processing in your browser.
Read32×32 Favicon Generator
Create a crisp 32×32 favicon in seconds. Free generator, no signup, all processing in your browser.
Read48×48 Favicon Generator
Create a crisp 48×48 favicon in seconds. Free generator, no signup, all processing in your browser.
Read64×64 Favicon Generator
Create a crisp 64×64 favicon in seconds. Free generator, no signup, all processing in your browser.
Read128×128 Favicon Generator
Create a crisp 128×128 favicon in seconds. Free generator, no signup, all processing in your browser.
Read256×256 Favicon Generator
Create a crisp 256×256 favicon in seconds. Free generator, no signup, all processing in your browser.
ReadFavicon Sizes Explained
Understand 16, 32, 48, 64, 128, 180, 192, and 512 px favicon sizes: where each is used and which ones to ship.
ReadBest Favicon Size in 2026
Which favicon size should you actually generate? A practical breakdown of 16, 32, 48, 180, 192, and 512 px and where each one is used.
Read
Formats compared
ICO vs PNG vs SVG — when to use each and how to combine them.
The Best Favicon Format in 2026
Which favicon format should you ship? Compare ICO, PNG, and SVG for browser support, file size, and crispness.
ReadFavicon (.ico) vs PNG
A side-by-side comparison of .ico and PNG favicons: multi-size support, file size, browser compatibility, and dark-mode behaviour.
ReadFavicon (.ico) vs SVG
Compare .ico and SVG favicons for browser support, dark-mode handling, file size, and scalability.
ReadICO vs PNG
Detailed comparison of the ICO and PNG formats for icons, favicons, and Windows shortcuts. Use cases, file size, compatibility.
Read
Platforms & frameworks
Add a favicon to WordPress, Shopify, React, Next.js, and more.
Favicon for WordPress
Step-by-step guide to adding a favicon to any WordPress site — via Customizer, theme, or plugin. No coding required.
ReadFavicon for Shopify
Add a custom favicon to your Shopify store in minutes — through the theme editor, no developer required.
ReadFavicon for React
Add a favicon to any React app built with Vite or Create React App. Includes multi-size and dark-mode SVG setup.
ReadFavicon for Next.js
Add a favicon to a Next.js 14+ App Router project. Includes the new file-based icon convention and multi-size setup.
ReadFavicon for Webflow
Upload a favicon to any Webflow site from Project Settings. Sizes, formats, and cache-busting tips.
ReadFavicon for Wix
Add or change your Wix site favicon from the dashboard. Recommended sizes and formats for Wix websites.
Read
HTML & PWA
Link tags, apple-touch-icon, and web app manifest setup.
Apple Touch Icon Guide
Create and link apple-touch-icon.png for iPhone and iPad. Size, format, HTML tag, and caching explained.
ReadWeb App Manifest Guide
Write a web app manifest with 192×192 and 512×512 icons, theme color, and install metadata for Android and Chromium.
ReadFavicon HTML Generator
Generate the exact <link> tags to drop into your <head> for a perfect favicon setup across every browser and platform.
ReadHow to Add a Favicon to HTML
The exact <link> tags to drop into your <head> for a perfect favicon setup across every browser, plus PWA and apple-touch-icon.
Read
Windows icons
Multi-size .ico files for shortcuts, Explorer, and installers.
Image utilities
Resize, optimize, and inspect images before you ship icons.
Social Media Icon Resizer
Resize your logo to the exact profile-picture size for Twitter/X, Facebook, Instagram, LinkedIn, YouTube, and more.
ReadImage Dimensions Checker
Check any image's dimensions, DPI, color profile, and aspect ratio instantly. No upload — runs in your browser.
ReadSVG Optimizer
Optimize SVG files in your browser. Remove editor metadata, collapse redundant paths, and cut size by up to 80%.
Read