Favicon Generator

Turn your logo into browser tab, phone home-screen and app icons, with install code.

Free. Runs in your browser: your images never leave your device.

Background

Open your logo to preview it in a browser tab, on a phone home screen and at every icon size.

How to use it

  1. Choose a square logo or symbol. A simple mark reads better at 16 pixels than a full logo with words.
  2. Set padding and a background colour, and check the previews at real size.
  3. Download the ZIP and upload the files to the root folder of your website.
  4. Copy the HTML into your site's head. On WordPress you can instead set a Site Icon under Appearance, Customize, Site Identity.

Good to know

  • Images are processed in your browser and never leave your device.
  • Browsers cache favicons heavily. After installing, check in a private window.

Questions

Which files do I need?

A favicon.ico for older browsers and tools, a 32 pixel PNG for modern browsers, a 180 pixel Apple touch icon for iPhone and iPad home screens, and 192 and 512 pixel icons listed in a web manifest for Android.

Can I use an SVG?

Yes, you can upload an SVG logo here. The tool exports PNG and ICO files, which every browser supports.

Related reading

Rather have a designer do it? Logos, brand identities and social kits by vetted professionals.

Request a quote

More free tools

All tools →
Branding Colour Palette Generator Build a five-colour brand palette from one colour, using real colour harmony rules. Open tool → Branding Font Pairing Tool Try heading and body font pairs on your own text, then copy the CSS. Open tool → Accessibility Colour Contrast Checker Check text and background colours against WCAG AA and AAA, with fixes that pass. Open tool →