OneMinuteBrandingGenerate Your Brand
  1. Home
  2. Glossary
  3. Favicon
Glossary

What is a favicon?

A favicon is the small icon displayed in browser tabs, bookmarks, and device home screens. A complete favicon set includes multiple sizes and formats.

Definition

A favicon (favorite icon) is a small icon associated with a website, displayed in browser tabs, bookmarks, history, and when added to device home screens. Modern favicons require multiple sizes and formats for cross-platform compatibility.

How it works

The classic 16x16 ICO file is dead. Modern favicon requirements: 32x32 PNG for browser tabs, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android/PWA manifests, plus an SVG for scalability. That's 5+ files from one logo. Most developers skip this, leaving the default Next.js or Vite icon — which screams 'I didn't finish the project.'

Why it matters

Favicons are the smallest brand touchpoint with the highest visibility. Users see them in every tab, every bookmark, every PWA install. A missing or default favicon is the #1 tell that a project isn't production-ready. It takes 5 minutes to fix and makes a disproportionate difference in perceived quality.

Example

A complete favicon set: `favicon.ico` (32x32), `favicon-16x16.png`, `favicon-32x32.png`, `apple-touch-icon.png` (180x180), `android-chrome-192x192.png`, `android-chrome-512x512.png`, `site.webmanifest`, and `favicon.svg` for modern browsers.

Learn more

Favicon generator tool

Read more

Favicon generator feature

Read more

Related terms

Brand KitLogoVisual Identity

Skip the theory, generate the result

OneMinuteBranding generates your complete brand system — including favicon — in 60 seconds.

Generate your favicons

No account required • 60-second generation • $49 one-time

Browse the glossary

Brand SystemDesign TokensColor PaletteFont PairingTailwind ConfigCSS VariablesDark ModeVisual IdentityBrand KitCLAUDE.mdTypography ScaleColor TheoryAccessibility ContrastLogoDesign SystemBrand VoiceSVGResponsive LogoHex Color

For

  • Indie Hackers
  • Startups
  • SaaS
  • Developers
  • Side Projects
  • MVP
  • Mobile Apps
  • AI Startups
  • View all →

Industries

  • Fintech
  • Healthcare
  • Education
  • Retail
  • Food & Beverage
  • Travel
  • Real Estate
  • Fitness
  • View all →

Use Cases

  • Landing Pages
  • SaaS Dashboards
  • Documentation Sites
  • Marketing Websites
  • Portfolio Sites
  • Blogs
  • View all →

Features

  • Tailwind Config
  • CLAUDE.md
  • CSS Variables
  • Dark Mode
  • Design Tokens
  • Export Formats
  • View all →

Works With

  • Tailwind CSS
  • Next.js
  • React
  • Figma
  • Cursor
  • shadcn/ui
  • CSS Variables
  • Vercel
  • View all →

Compare

  • vs Looka
  • vs Canva
  • vs Brandmark
  • vs Hatchful
  • vs Tailor Brands
  • vs Designs.ai
  • View all →
OneMinuteBrandingShip with a brand in 60 seconds
Free ToolsBlogAboutLegalPrivacyTerms

© 2026 OneMinuteBranding. AI-powered brand generation for developers.