mockstack.

Favicon Generator

ICO + PNG + MANIFEST ← Web & Brand
Maskable safe zone
48px
16px

Tab Preview

Your site
Other tab

Vector

favicon.svg

One vector file for every density, and the only icon that can follow the reader into dark mode.

Every Size

What the ZIP Contains

  • favicon.ico with the 16, 32 and 48px entries packed in, for browsers and installers that still ask for it.
  • favicon.svg, traced from the design so it matches the PNGs on any machine, no webfont required.
  • Nine PNGs including the 180px Apple touch icon and the padded maskable icon Android launchers crop to a circle.
  • site.webmanifest already pointing at the right files, plus the head snippet to paste.

Paste Into Your <head>


        

          
          
        

        

        

        

      

      
    

  


  

    READY
  










  
About the Favicon Generator

  
Builds the complete favicon package from one source, in your browser: every icon size, the ICO, the touch and web-app icons, an editable manifest, and the HTML snippet to paste. Start from a letter mark designed here, or drop your own square image.

  
Every Setting

  

    
Text
The letter or two the designed mark shows. Uploading an image replaces the mark entirely.

    
Font
The mark’s typeface, from the same searchable library the other tools use, every name shown in its own face.

    
Mark Color and Background
The glyph color and the plate behind it: solid or gradient, with size, padding, rotation and shadow controls for the mark itself.

    
Shape and Border
The plate’s corner shape (square, rounded, circle) and an optional border ring.

    
Dark Mode Variant
A second version tuned for dark browser chrome, exported alongside the main set.

    
Manifest
Name, short name, theme color and splash color, written into the manifest file so the package ships with your real details instead of placeholders.

    
Tab Preview
The icon rendered in a mock browser tab at real size, light and dark, because 16 pixels is the only test that matters.

    
Download ZIP
Every size, the ICO, the manifest and the head snippet in one file, listed out before you download.

  

  
Common Questions

  

    
What input should I use?
A square PNG or SVG, ideally 512 px or larger. Under 180 px the touch icon gets soft.

    
Is my logo uploaded?
No. Conversion happens in your browser.

  

  
Related: App Icon Resizer, Favicon Formats, Explained.