ToolKitSphereFavicon Generator – HTML Link Tags for Every Device
Generate standard favicon HTML link tags for apple-touch-icon, manifest, and SVG icons.
Related tools
QR Code Generator
Generate customizable QR codes from text, URLs, WiFi, email, SMS, phone, and contact (vCard) data, with logo embedding and PNG/SVG export.
Placeholder SVG Image Generator
Generate clean SVG placeholder images with custom dimensions, background color, and text.
CSS / SVG Gradient Image Generator
Generate downloadable SVG gradient background images with custom color stops.
Image Format Helper (PNG / JPEG / WebP / SVG)
Helper tool for image format MIME types, dimensions, and header specifications.
Barcode Generator (Code 128 / EAN / UPC)
Generate standard Code 128, EAN-13, and UPC barcodes as SVG / Canvas data.
This favicon generator produces the complete set of HTML link tags you need to properly support favicons across browsers, iOS home screen icons, Android manifest icons, and modern SVG favicons. It's built for web developers setting up a new site's head section, freelancers who need a reliable favicon checklist for client projects, and anyone tired of hunting through outdated blog posts for the correct apple-touch-icon and manifest syntax. Fill in your icon file paths and sizes, and the tool outputs clean, copy-ready markup for the standard favicon.ico link, multiple PNG sizes for different devices, the apple-touch-icon tag for iOS, and the manifest.json reference for Android and PWA support. Because this runs entirely in your browser as a code generator, there's no upload step and no delay — you get accurate, spec-compliant tags immediately, ready to paste into your HTML head. It removes the guesswork of remembering which sizes and rel attributes each platform actually expects. Scroll down to enter your icon paths and generate the full set of favicon tags.
Features
- Generate standard favicon.ico link tag
- Generate apple-touch-icon tags for iOS home screen
- Generate manifest.json icon reference for Android/PWA
- Support for modern SVG favicon tags
- Multiple icon size presets (16x16, 32x32, 180x180, etc.)
- Copy-ready HTML output for the document head
- Theme-color meta tag generation
- No upload needed — pure code generation
Why use this favicon generator & html header tags?
- Generates complete tag sets instantly
- Fully private — no icon files are ever uploaded
- Spec-accurate tags that work across browsers and devices
- Saves time versus manually researching each platform's requirements
- Free with unlimited use and no signup
Frequently asked questions
What HTML tags do I need for a favicon?
At minimum a link rel="icon" tag pointing to your favicon file, plus apple-touch-icon and manifest tags for full cross-device support.
What size should an apple-touch-icon be?
180x180 pixels is the standard recommended size for apple-touch-icon to look sharp on modern iOS devices.
Do I need a manifest.json for a favicon to work?
A manifest.json is only required if you want Android home-screen and PWA icon support; a basic favicon works fine without one.
Can I use an SVG file as a favicon?
Yes, modern browsers support SVG favicons via link rel="icon" type="image/svg+xml", which scales cleanly at any resolution.
Does this tool generate the actual icon image files?
No, this tool generates the HTML link tags referencing your icon files; you'll need to create the actual PNG/SVG/ICO images separately.
Why do I need multiple favicon sizes?
Different browsers, devices, and contexts (browser tab, bookmarks, home screen) request different icon sizes, so providing several ensures a sharp icon everywhere.
Where do these tags go in my HTML?
All favicon-related link and meta tags should be placed inside the head section of your HTML document.
From the blog
SVG vs PNG for Icons and Logos
SVG vs PNG for logos, icons and UI graphics — how vector and raster differ, when PNG is still the right call, and how to ship both without shipping blurry artwork.
The Complete Guide to Web Image Formats
A practical guide to web image formats — JPEG, PNG, WebP, SVG and AVIF compared, with a clear decision framework for picking the best image format for web.