DYDevKitYard
← Design tools

Design Tool

Favicon Generator

Generate a complete favicon package from an image: PNG sizes, app icons, favicon HTML, manifest JSON and browser-only previews before downloading.

Favicon workspace

Upload a source image, tune the icon shape and export the favicon package your site needs.

Source image

No source image selected yet.

Icon controls

StatusReady to start

Upload a PNG, JPG or SVG image to generate favicon files.

Your images are processed entirely in your browser and are never uploaded.

Live previews

DevKitYard

Browser tab preview

Small favicon
Desktop shortcut
Mobile icon
Rounded icon
Square preview

Generated PNG files

Generated favicon sizes appear here.
Original image—
Output sizes16, 32, 48, 64, 96, 180, 192, 512
Generated files0
Total output0 B

HTML snippet

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">

manifest.json

{
  "icons": [
    {
      "src": "/favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "name": "DevKitYard App",
  "short_name": "DevKitYard",
  "theme_color": "#e11d48"
}

How to Use Favicon Generator

  1. Upload a source image for your favicon.
  2. Adjust padding, scale, background and corner radius.
  3. Preview browser tab, small icon, desktop and mobile icon versions.
  4. Download individual PNGs, the favicon package or copy the HTML and manifest snippets.

FAQ

What favicon sizes should I generate?

Common sizes include 16x16, 32x32, 48x48, 180x180, 192x192 and 512x512 for browser and app icon support.

Can I generate favicon HTML tags?

Yes. The tool creates favicon, apple-touch-icon and manifest link snippets you can add to your HTML head.

Are uploaded images private?

Yes. Source images are processed in your browser and are not uploaded.

Can browser favicon generation create every legacy ICO variant?

Browser support has limits, so DevKitYard provides practical PNG, HTML and manifest outputs and explains any ICO limitations honestly.