Favicon-generator
Gör en logotyp, SVG, bokstav eller emoji till en komplett favicon-uppsättning för webbläsare, Google, iPhone och Android – med förhandsvisning i realtid och färdig installationskod.
Så här gör du: Favicon-generator
- 1
Välj en källa
Ladda upp en logotyp i PNG, JPG, WebP eller SVG och beskär den till en kvadrat, eller skriv en bokstav eller emoji och välj typsnitt och färger.
- 2
Anpassa för varje plattform
Ställ in bakgrund, hörn och marginal för webbläsare, iOS och Android, gör Android-ikonen maskerbar och kontrollera förhandsvisningarna av flik, sökresultat och hemskärm i realtid.
- 3
Ladda ner och installera
Hämta favicon.ico, favicon.svg, PNG-ikoner och site.webmanifest i en ZIP-fil och följ sedan instruktionerna för HTML, Next.js, Vite eller WordPress.
Vad en modern favicon-uppsättning innehåller
En favicon är den lilla ikonen i webbläsarflikar, bokmärken och Googles sökresultat, och på telefoner blir den webbplatsens ikon på hemskärmen. Varje plattform kräver sina egna filer, så en modern favicon är en liten uppsättning bilder plus ett webbappmanifest – inte en enda bild.
Ladda upp en logotyp i PNG, JPG, WebP eller SVG och beskär den till en kvadrat, eller skapa en ikon av en bokstav eller emoji. Anpassa sedan varje plattform för sig: bakgrund och hörn för datorwebbläsare och Google, heltäckande bakgrund och marginal för iPhones hemskärm och en maskerbar ikon för Android som håller logotypen inom säkerhetszonen. Förhandsvisningarna i realtid visar webbläsarflikar i ljust och mörkt läge, bokmärkesfältet, ett Google-resultat samt hemskärmar i iOS och Android med masker som cirkel, squircle och rundad kvadrat.
ZIP-filen följer dagens bästa praxis: favicon.ico med 16, 32 och 48 px, favicon.svg när källan är en SVG (med valfri anpassning till mörkt läge), favicon-96x96.png, en apple-touch-icon.png på 180×180, manifestikoner på 192 och 512 px samt site.webmanifest. Kopiera HTML-koden eller följ stegen för Next.js, React/Vite eller WordPress och testa sedan resultatet med vår favicon-kontroll. Allt skapas i din webbläsare.
Allt körs lokalt i din webbläsare — dina bilder laddas aldrig upp till någon server.