ruchira
// DESIGN TOOL

Favicon & app icon generator

Create every favicon and app icon you need from one image, emoji or letter: favicon.ico, Apple touch icon, PWA and maskable icons, manifest and HTML.

  • Free
  • No sign-up
  • Private: runs in your browser
// HOW IT WORKS

4 steps, no sign-up.

Built and maintained by Ruchira Sachinthana. Spotted a bug or want a feature? Tell me.

  1. 01Upload a square image or SVG, or type a letter or emoji.
  2. 02Pick a background colour, shape and padding.
  3. 03Check the previews for browser tabs, home screens and maskable icons.
  4. 04Download the zip and paste the HTML into your <head>.
// FAQ

Favicon generator: questions, answered.

Something else? Ask on WhatsApp.

favicon.ico (16, 32 and 48px), icon.svg if you uploaded one, apple-touch-icon.png (180px), icon-192.png, icon-512.png, a maskable 512px icon and site.webmanifest.

More free tools

All tools
DESIGNTailwind palette generator

Generate a perceptually even 50–950 colour scale from one brand colour, in OKLCH, with Tailwind v4 @theme tokens, CSS variables and contrast checks.

RUNS IN YOUR BROWSER
DESIGNCSS clamp() calculator

Generate fluid font sizes and spacing with CSS clamp(). Set the minimum and maximum, preview across screen widths and build a full type scale.

RUNS IN YOUR BROWSER
DESIGNSVG optimiser

Shrink SVG files with SVGO without visible changes. Compare before and after, then copy the markup, a data URI or a React component.

RUNS IN YOUR BROWSER
// CUSTOM TOOLS

Need a tool like this built for your team?

Chat on WhatsApp