Skip to content
DevToolKits

Favicon Generator

Generate favicons (ICO, PNG) for modern websites. Create all necessary sizes (16x16, 32x32, 180x180, 192x192, 512x512) at once.

Guide: How to use & features

  • Upload or drop a logo image (ideally a square).
  • Preview how your favicon will look in various sizes instantly.
  • Click "Download ZIP" to grab all icons along with a ready-to-use HTML snippet.

Samples: Sample input & output

Generate from 512x512 logo

Input

Input: logo-512x512.png

Output

Generated:
- favicon.ico (16,32,48)
- apple-touch-icon.png (180x180)
- icon-192.png, icon-512.png

FAQ: FAQ

  • What sizes and formats does it generate?

    It generates and lets you download the PNG sizes a modern site needs (16px–512px) plus an ICO for traditional browsers, all at once — from the small icon for a browser tab to the large icon for a phone’s home screen.
  • What source image gives the cleanest result?

    A square, high-resolution image larger than the final output (512px or more) is ideal; enlarging a small image looks rough. Keep the design simple and avoid tiny details so it stays legible even when scaled down to 16px.
  • How do I add the generated favicon to my site?

    Place the downloaded files on your site and add <link rel="icon"> in the HTML <head>. Putting the ICO at the root lets most browsers detect it automatically, and specifying multiple PNGs with the sizes attribute lets each device pick the right size.

Use cases: Common use cases

  • Bootstrapping new projects

    Generate a complete suite of icons for iOS, Android, and Desktop from a single logo.

  • Updating existing site assets

    Refresh your .ico and .png set to match modern browser specs without installing local tools.

  • Prototyping and mockups

    Quickly prepare icons and HTML snippets for a realistic look in early development stages.

Notes: Notes & limitations

  • Image Aspect Ratio

    If you upload a non-square image, it may be cropped or stretched to fit the icon dimensions.

  • Browser Caching

    Browsers often cache favicons heavily. If changes don’t appear, try clearing cache or using incognito mode.

Drag & Drop or Click to Upload

PNG, JPG, SVG, WebP

16x16 preview

16x16

favicon-16x16.png

32x32 preview

32x32

favicon-32x32.png

favicon.ico preview

ICO Multi-size

favicon.ico

180x180 preview

180x180 (Apple)

apple-touch-icon.png

192x192 preview

192x192 (Android)

android-chrome-192x192.png

512x512 preview

512x512 (Android)

android-chrome-512x512.png

Favicon Generator

Favicons and app icons help a site feel polished across browser tabs, bookmarks, home screens, and device shortcuts. This favicon generator creates common favicon and PNG icon sizes from a source image so you can prepare launch assets faster.

When it helps

  • Launch a new site: Generate favicon.ico and common PNG sizes from a logo or icon.
  • Refresh brand assets: Update browser and device icons after a redesign.
  • Prepare app-like shortcuts: Create icons for mobile home screens and browser metadata.

Icon design tip

Small icons lose detail quickly. Use a simple, centered shape with enough padding, and test the result at 16x16 and 32x32 sizes before publishing.

Articles for this tool

Recent Articles

Use Case
2026-08-07

curl Options Cheat Sheet: What -X, -H and -d Actually Do

A reference for the curl options you meet in real API work: why -d already implies POST, how -d differs from --data-raw, the @ prefix that silently reads a file, single vs double quotes, and why -k and -L deserve more caution than they usually get.

Introduction
2026-08-06

Converting Between JSON Schema and Zod: How required Maps to .optional()

Inside a two-way converter that turns JSON Schema into a Zod schema and Zod code back into JSON Schema. Covers the inverted defaults between required and .optional(), the constraint mapping table, and how the Zod side is parsed without executing any code.

Use Case
2026-08-06

SQL Clause Order Reference: Why WHERE Can't See Your SELECT Alias

The order you write SQL clauses is not the order the database runs them. A reference for the logical execution order (FROM → WHERE → GROUP BY → HAVING → SELECT → ORDER BY → LIMIT), why aliases fail in WHERE, when to use WHERE vs HAVING, and the MySQL/PostgreSQL differences that bite.

Use Case
2026-08-06

Unified Diff Format Reference: Reading @@ Hunks in git diff Output

How to read the unified diff format git produces: what the four numbers in @@ -12,7 +12,9 @@ mean, why a one-character edit shows as a whole-line replacement, the whitespace and line-ending traps, \ No newline at end of file, combined @@@ diffs on merges, and rename detection via similarity index.

Use Case
2026-08-06

UTC to JST Reference: The 9-Hour Offset, Cheat Sheet & Timezone Pitfalls

Convert between UTC and JST (Japan Standard Time) with a cheat sheet. Covers what Z and +09:00 mean in ISO 8601, when JavaScript date parsing silently shifts by 9 hours, MySQL/PostgreSQL timezone behavior, and why GitHub Actions cron always runs in UTC.

Use Case
2026-08-04

CREATE TABLE Reference: MySQL vs PostgreSQL vs SQLite Types & Constraints

A cross-database CREATE TABLE (DDL) reference with cheat sheets for data types, auto-increment keys (AUTO_INCREMENT / IDENTITY / rowid), foreign key ON DELETE behavior, and the CHECK constraint that MySQL silently ignores.

Ad

Ad