Skip to main content
Back to Tools

Favicon Generator

Generate favicons in multiple sizes for your website.

Favicon Type
Styling
ICO Settings

A single ICO file can store multiple resolutions. Browsers select the best size automatically.

HTML Code
<!-- Favicon (ICO for legacy browsers, PNG for modern) -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Web Manifest -->
<link rel="manifest" href="/site.webmanifest">
Tips
  • Use 1-2 letters or an emoji for best results in text mode
  • Square images (1:1 ratio) work best for favicons
  • Enable transparent background for icons without a background color
  • Use padding to add space around images that don't fit naturally
  • The 180px size is for Apple Touch Icons (iOS home screen)
  • Download as ZIP to get all sizes, ICO file, plus manifest
  • ICO files bundle multiple sizes for optimal display across all contexts
  • Use 32-bit ICO for transparency support, 8-bit for smaller file sizes
  • 256px icons require 32-bit color depth in ICO format
Browser Preview
Your Website Title
Page content area

Bookmark Bar

Mobile Home Screen (180px)

Your App
Size Previews

16px

32px

64px

128px

Download

Download individual sizes: