~/favicon ☀ LIGHT apps ← back to terminal

🌐 Language

// ico · png · apple touch icon · all platforms
███████╗ █████╗ ██╗ ██╗ ██╗ ██████╗ ██████╗ ███╗ ██╗ ██╔════╝ ██╔══██╗ ██║ ██║ ██║ ██╔════╝ ██╔═══██╗ ████╗ ██║ █████╗ ███████║ ██║ ██║ ██║ ██║ ██║ ██║ ██╔██╗ ██║ ██╔══╝ ██╔══██║ ╚██╗ ██╔╝ ██║ ██║ ██║ ██║ ██║╚██╗██║ ██║ ██║ ██║ ╚████╔╝ ██║ ╚██████╗ ╚██████╔╝ ██║ ╚████║ ╚═╝ ╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝

Favicon generator_

Upload any image — get favicons in all standard sizes for every platform.
Download individual PNGs and copy the ready-to-paste HTML. Free, no upload, 100% in-browser.

🖼
Drop an image here or click to upload
PNG, JPG, SVG, WEBP supported · square images work best
Minimum recommended: 512×512 px
source
background colour
padding
// generated favicons
// html — paste into your <head>

    

  







  FAQ — Free Favicon Generator: Create Website Icons for All Platforms
  

    
Frequently Asked Questions — Free Favicon Generator

    

      What is a favicon and why do I need one?
      
A favicon is the small icon displayed in browser tabs, bookmarks, history, and mobile home screens that represents your website. It helps users identify your site visually among many open tabs. Without a favicon, browsers show a generic icon, making your site look unfinished and harder to find.

    

    

      What favicon sizes do I need for my website?
      
A complete set includes: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 96×96 (desktop shortcuts), 180×180 (Apple Touch Icon for iOS), 192×192 (Android Chrome), and 512×512 (PWA splash screens). This tool generates all sizes from a single image upload.

    

    

      How do I add a favicon to my website?
      
Place the favicon files in your website's root directory and add <link> tags to your HTML <head> section. This tool generates the exact HTML code you need — just copy and paste it into your page. The code includes tags for standard browsers, Apple devices, and Android/PWA.

    

    

      What image format should I use as input?
      
PNG, JPG, SVG, and WebP are all supported. For best results, use a square SVG (scales perfectly) or a 512×512+ PNG. If your source image is not square, the tool will resize it. Avoid images with thin text or fine details — they may not be legible at 16×16 pixels.

    

    

      What is an Apple Touch Icon?
      
An Apple Touch Icon is a 180×180 PNG image that iOS uses when a user adds your website to their home screen. Without it, Safari takes a screenshot of your page instead, which usually looks poor. This tool generates the Apple Touch Icon automatically along with the correct HTML tag.

    

    

      Do I need a favicon.ico file?
      
For legacy browser support, yes. The .ico format is the original favicon format and some older browsers still look for it. Modern browsers support PNG favicons via <link> tags, but placing a favicon.ico in your root directory ensures maximum compatibility.

    

    

      Is my image uploaded to a server?
      
No. All processing happens 100% in your browser using JavaScript and HTML5 Canvas. Your image never leaves your device — no upload, no server, no storage. The tool works offline once the page has loaded.

    

    

      What are PWA icons (192×192 and 512×512)?
      
Progressive Web Apps (PWA) require 192×192 and 512×512 icons defined in a web manifest file. These icons appear on the Android home screen, in the app drawer, and on PWA splash screens. This tool generates both sizes automatically.

    

    

      Is this favicon generator free?
      
Yes, completely free with no limits. No account, no subscription, no watermark, no ads. It is one of 47 free browser-based tools at jasperbernaers.com.