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: