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.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
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">.