Generate customizable QR codes from text, URLs, WiFi, email, SMS, phone, and contact (vCard) data, with logo embedding and PNG/SVG export.
Generate clean SVG placeholder images with custom dimensions, background color, and text.
Generate downloadable SVG gradient background images with custom color stops.
Convert images between PNG, JPEG, and WebP with a quality slider and a live before/after file size comparison.
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.
At minimum a link rel="icon" tag pointing to your favicon file, plus apple-touch-icon and manifest tags for full cross-device support.
180x180 pixels is the standard recommended size for apple-touch-icon to look sharp on modern iOS devices.
A manifest.json is only required if you want Android home-screen and PWA icon support; a basic favicon works fine without one.
Yes, modern browsers support SVG favicons via link rel="icon" type="image/svg+xml", which scales cleanly at any resolution.
No, this tool generates the HTML link tags referencing your icon files; you'll need to create the actual PNG/SVG/ICO images separately.
Different browsers, devices, and contexts (browser tab, bookmarks, home screen) request different icon sizes, so providing several ensures a sharp icon everywhere.
All favicon-related link and meta tags should be placed inside the head section of your HTML document.
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.