Introduction
Browser-based logo editor with favicon and Web Assets export.
Favycons is a browser-based logo editor. Design once, then download Web Assets for your site: ICO, SVG, PWA PNGs, Apple touch icon, maskable Android icon, and manifest.webmanifest — plus a copy-paste <head> snippet.
The workflow
- Design — Pick a motif with Icon Mode, Text Mode, or Custom SVG Upload, then set background and padding. Effects are optional.
- Check 16px and 32px — Readability problems show up there first, not at 512px.
- Export — Web Assets for sites and PWAs; Single-File Export for a one-off PNG, SVG, ICO, or ICNS.
- Verify on the real surface — browser tab, home screen, launcher. Mockups are a guide, not a guarantee.
New here? Follow Quick Start for a five-minute path to a deployed favicon.
Common mistakes
- Designing at 512px only — Thin strokes and fine serifs vanish at favicon sizes. Check 16px early.
- Effects before contrast — Glow and shadow rarely fix a motif that already fails small.
- Skipping install verification — Browsers cache favicons. Hard refresh or use a private window after copying files.
- Confusing presets with saved designs — Design Presets are built-in starting points; My Designs are named snapshots you save.
The current design auto-saves to the browser. Named designs that sync across devices require sign-in.
Find the right doc
| I want to… | Read |
|---|---|
| Ship a favicon in minutes | Quick Start |
| Understand editor controls | Editor Guide |
| Apply a curated starting look | Design Presets |
| Check sizes and mockups | Previews & Mockups |
| Save or sync my work | Saving & Accounts |
| Export for a website or PWA | Web Assets |
| Export one PNG / SVG / ICO / ICNS | Single-File Export |
| Pick the right export type | Choose an Export |
| See exact file lists and sizes | Export Specifications |
| Load settings from a URL | Load from URL |
| Fix something after export | Troubleshooting |