Gratis · Ingen vattenstämpel · 52 språk

Favicon-generator för alla enheter

Förvandla vilken bild som helst till favicon.ico, Apple touch-ikoner, Android- och PWA-ikoner samt färdig HTML-kod att klistra in. Eller rita din egen ikon pixel för pixel.

Källbild

Pixeleditor
Annons

Liveförhandsvisning

16×16
32×32
48×48
iOS
Android
Appinställningar
Avancerade alternativ

Ikonuppsättningar

Storlekar i favicon.ico

Din bild behandlas säkert och publiceras aldrig.

Ditt faviconpaket är klart

Ladda upp filerna från zip-filen och klistra in den här koden i <head>

Så skapar du en favicon i 3 steg

Från valfri logotyp eller bild till en komplett favicon-uppsättning som följer standarder – på under en minut.

Ladda upp din bild

Släpp en PNG-, JPG-, WebP-, AVIF-, GIF-, SVG- eller ICO-fil i generatorn, eller rita en ikon i pixeleditorn.

Justera beskärning och färger

Dra och zooma bilden, ställ in marginal, rundade hörn, bakgrund och temafärg.

Ladda ner och installera

Ladda ner ZIP-filen, ladda upp filerna till din webbplats och klistra in HTML-koden i <head>.

Allt din webbplatsikon behöver

En uppladdning skapar alla ikoner som moderna webbläsare, mobiler, surfplattor och operativsystem efterfrågar.

Webbläsar-favicons

Favicon.ico i flera storlekar samt PNG-ikoner i 16, 32 och 96 px för Chrome, Firefox, Safari och Edge.

Apple touch-ikoner

Alla storlekar för hemskärmen på iPhone och iPad från 57 till 180 px med solid bakgrund.

Android & PWA

Ikoner upp till 512 px, en maskable-ikon och en färdig manifest.json för installerbara webbappar.

Windows-brickor

Brickbilder och browserconfig.xml med din brickfärg.

Pixeleditor

Rita en skarp 16×16-ikon från grunden eller finjustera varje pixel i din uppladdning.

HTML-kod ingår

Kopiera och klistra in <head>-koden på nedladdningssidan och i readme-filen i varje paket.

REST API

Automatisera skapandet av favicons med personliga API-nycklar och färdiga kodexempel.

Privat och säkert

Ingen hotlinking, inga offentliga gallerier. Dina ikoner förblir dina – hostade på din egen server.

Favicon-storlekar i paketet

FilStorlekAnvänds av
favicon.ico16, 32, 48Alla webbläsare, Windows, sökrobotar
favicon-16x16.png, favicon-32x32.png16, 32Webbläsarflikar, bokmärken
favicon-96x96.png96Googles sökresultat, genvägar på skrivbordet
apple-icon-*.png, apple-touch-icon.png57 – 180Hemskärmen på iPhone och iPad
android-icon-*.png, web-app-manifest-*.png36 – 512Androids hemskärm, PWA
maskable-icon-512x512.png512Adaptiva Android-ikoner
ms-icon-*.png70 – 310Startbrickor i Windows
manifest.json, site.webmanifest, browserconfig.xml—PWA-installation, Windows-konfiguration

Vanliga frågor

Vad är en favicon?
En favicon är den lilla ikonen som visas i webbläsarflikar, bokmärken, historik och sökresultat bredvid namnet på din webbplats. Moderna webbplatser behöver även större versioner för startskärmar på iPhone och Android, Windows-brickor och Progressive Web Apps.
Vilka bildformat kan jag ladda upp?
Du kan ladda upp PNG, JPG, WebP, AVIF, GIF, BMP, SVG eller en befintlig ICO-fil. För bästa skärpa använder du en kvadratisk bild på minst 512 × 512 pixlar med transparent bakgrund.
Vad ingår i favicon-paketet?
En favicon.ico med flera storlekar (16, 32 och 48 px), PNG-favicons, alla Apple touch-ikoner, Android- och PWA-ikoner inklusive en maskable-ikon, Windows-tile-bilder, manifest.json, site.webmanifest, browserconfig.xml samt en readme-fil med installationssteg och färdig HTML-kod att klistra in.
Är MakeFav gratis?
Ja. Att skapa, redigera och ladda ner favicons är helt gratis. Du behöver bara ett gratis konto med en bekräftad e-postadress. Gratiskonton inkluderar vårt nyhetsbrev, som skickas högst en gång i veckan.
Varför behöver jag ett konto för att ladda ner?
Konton skyddar tjänsten mot missbruk och hotlinking, sparar en historik över dina favicon-paket och ger dig personliga API-nycklar. Genererade ikoner publiceras aldrig och länkas aldrig direkt från våra servrar – du värdar dem själv.
Hur installerar jag favicon på min webbplats?
Packa upp paketet, ladda upp alla filer till webbplatsens rotmapp och klistra in HTML-kodavsnittet i <head>-sektionen på varje sida. Samma kod finns också längst ned i readme-makefav.txt i paketet.
Behöver jag fortfarande favicon.ico 2026?
Ja. Många verktyg, sökrobotar och äldre webbläsare begär fortfarande /favicon.ico automatiskt. Kombinera den med PNG- och SVG-ikoner och ett webbmanifest för bäst täckning.
Kan jag generera favicons automatiskt?
Ja. Använd MakeFavs REST API med din personliga API-nyckel för att generera kompletta favicon-paket från din build-pipeline, ditt CMS eller din app. Se API-dokumentationen för kodexempel.