Configure
Customize your favicon design.
Type text or pick an emoji, export a favicon
Type text or pick an emoji, choose a Google Font, and export SVG, PNG, or ICO in your browser.
100% Free
Privacy First
Instant Export
Multiple Formats
Flexible
Favicon Examples
Click any example to load its configuration
Disclaimer: Examples are for inspiration only and may resemble existing brands. They are not affiliated with or endorsed by any company. logo87.com does not infringe upon any trademarks and is not responsible for user-generated content. Users are responsible for ensuring their creations do not violate intellectual property rights. If you believe your rights have been infringed, please contact us and we will remove it.
How the editor works
Type a letter, word, or emoji in the field above. Pick a built-in font or paste a Google Fonts CSS URL. Color, size, corner radius, position, and rotation update the preview immediately. Rendering runs in this tab; the design is not uploaded.
Download a single SVG, a 256×256 PNG, or Download All for a zip of the files browsers and devices still request. The zip is built in the browser from the same preview you see.
If text clips at the edges, lower the font size or nudge position. Emoji glyphs differ by operating system, so check the preview on the device you care about.
What you can export
No account
There is no signup. Designs stay on your device. Closing the tab discards them.
SVG, PNG, ICO, and a zip
Single-file SVG and PNG for a quick test. Download All packs favicon.svg, favicon.ico, apple-touch-icon.png, and PNG sizes 16, 32, 48, 96, 180, 192, and 512.
Fonts and color
Twelve bundled fonts plus any Google Font with a CSS URL. Use the color examples or set your own pair.
What is in the zip
Download All writes these files. You do not need every one.
favicon.svg for modern browsers; favicon.ico (16×16) for clients that request /favicon.ico and skip your HTML; apple-touch-icon.png (180×180) for iOS home screens; favicon-16x16.png, favicon-32x32.png, and favicon-48x48.png for tabs and bookmarks; favicon-96x96.png for shortcuts; favicon-180x180.png as a spare touch icon; favicon-192x192.png and favicon-512x512.png for a web app manifest.
A basic site can ship favicon.ico plus favicon.svg. Add the 180 PNG for iOS. Add 192 and 512 if you have a PWA manifest. Link tags for each file are in the installation guide. How to add favicons to your project →
When to use the converters instead
Already have a logo as PNG or JPG? Use PNG to Favicon. Raster images cannot be enlarged cleanly: start from a source at least as large as the biggest size you export. PNG to Favicon
Already have a vector logo? Use SVG to PNG. Vectors scale, so 512 and 2048 stay sharp. Use 16–512 for browser icons; 2048 is for app stores or print, not tabs. SVG to PNG
Typical uses
Sites and blogs
A one- or two-letter mark for tabs when you do not have a logo file yet
PWA icons
192×192 and 512×512 PNGs for a web app manifest
Home screen
180×180 apple-touch-icon when someone saves the site on iOS
Local projects
Drop the zip into public/ or static/ and copy the link tags from the guide
