Favicon HTML-generator
Een favicon is pas de helft van het werk — de HTML-linktags bepalen welk bestand elke browser gebruikt. Genereer de volledige, correcte set met één klik.
Een complete favicon-setup bevat tags voor favicon.ico, een SVG-variant, een apple-touch-icon en PWA-manifest-iconen. Ontbreekt er één, dan zie je een fallback-icoon op ten minste één platform.
Genereer de tags hier, plak ze in je <head>, en je bent klaar.
Hoe het werkt
- 1
Genereer je favicon
Gebruik de favicon-generator om .ico + PNG + SVG te produceren.
- 2
Kopieer de tags
Plak het gegenereerde <link>-blok in je <head>.
- 3
Controleer
Open je site in Chrome, Safari, Firefox en Edge — alle zouden het icoon moeten tonen.
Probeer het nu
Genereer de HTML-tags
Favicon-generatorVeelgestelde vragen
Welke tag is het belangrijkst?+
<link rel="icon" href="/favicon.ico"> — de universele fallback.
Heb ik een manifest.json nodig?+
Alleen als je een volwaardige PWA-installatie-ervaring wilt. Anders optioneel.
Waar hoort apple-touch-icon?+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.