De tool

Maak in enkele seconden je icoonpakket

Kies je bron, pas het ontwerp aan en download het complete ZIP-bestand met HTML-code die klaar is om te plakken. Alles gebeurt in je browser.

Favicon-generator

Online Ontwerp, Multimedia en UI/UX

Inloggen

Sleep je afbeelding hierheen of klik om te bladeren PNG, JPG, WebP, GIF, BMP of SVG · lokale verwerking, geen upload

Gegenereerde bestanden Volledig pakket downloaden (.zip)

Code om in de <head> van je site te plakken

0,0 0Vind ik leuk 0Reacties Alle tools

Gratis of Premium?

De gratis versie maakt je complete pakket. Premium ontgrendelt het hele Volade-ecosysteem.

favicon.ico, PNG, SVG, maskable, manifest en HTML-code — onbeperktGratis

100 % lokaal, geen limiet op afbeeldingsgrootteGratis

Import via URL, favicon-extractie van een site en onbeperkte projectenPremium

Bestandsoptimalisatie en compatibiliteitsrapportPremium

Premium ontgrendelen

Functies

Veel meer dan een simpel favicon

Een compleet icoonpakket

favicon.ico, PNG van 16 tot 512 px, vector-SVG, Apple Touch Icon, maskable iconen en manifest: elk bestand wordt in de juiste afmetingen gegenereerd, volgens de standaarden van browsers, iOS en PWA.

Ontdek de formaten

100 % lokaal, 100 % privé

Je logo wordt in je browser verwerkt. Geen enkele afbeelding wordt geüpload, opgeslagen of geanalyseerd: je bestanden verlaten nooit je apparaat.

Privacybeleid

Voorbeeld in echte omstandigheden

Bekijk je icoon in een browsertabblad, in bladwijzers en op mobiele startschermen voordat je het online zet.

Bekijk het voorbeeld

Zo werkt het

Maak je favicon in drie stappen

Kies je bron

Importeer een afbeelding, typ een tekst of initiaal, of plak een emoji — alles gebeurt lokaal, er wordt niets verzonden.

Pas het ontwerp aan

Achtergrond, verloop, vorm, binnenmarge, zoom en rotatie: vind het perfecte resultaat, van 16 px tot 512 px.

Genereer en download

Download het complete ZIP-bestand met de PNG's, het favicon.ico, de SVG, het manifest en de HTML-code die klaar is om te plakken.

FAQ

Veelgestelde vragen

Wat is een favicon?

Het favicon is het kleine icoon dat verschijnt in het browsertabblad, de bladwijzers en de geschiedenis. Het is ook het eerste visuele merkteken van je site: het maakt de site in één oogopslag herkenbaar en versterkt je visuele branding. Een goed pakket dekt ook het mobiele startscherm (Apple Touch Icon) en installeerbare web-apps (PWA) af.

Verlaten mijn afbeeldingen mijn apparaat?

Nee. De generator draait volledig in je browser: je afbeelding wordt lokaal verwerkt en er worden geen gegevens geüpload, opgeslagen of geanalyseerd op een server. Dat wordt gegarandeerd door de werking van de tool zelf, die 100 % in client-side JavaScript is gebouwd.

Wat is het ideale favicon-formaat?

Er is geen enkel formaat: elk oppervlak verwacht zijn eigen. De referentiecombinatie is een favicon.ico met 16, 32 en 48 px (verplicht voor Internet Explorer en Windows), PNG's van 16 en 32 px voor de meeste browsers, een favicon.svg voor moderne browsers, een icoon van 180 px voor iOS en 192/512-px-iconen voor Android-PWA's. De generator maakt al deze formaten automatisch.

Wat is het verschil tussen favicon.ico, PNG en SVG?

ICO is het historische Windows-formaat: een container met meerdere resoluties die meerdere miniaturen in één bestand bundelt. PNG is het meest universele formaat voor moderne browsers. SVG is vector: het blijft scherp bij elke resolutie, ook op HiDPI-schermen. De drie vullen elkaar aan en dekken de breedst mogelijke compatibiliteit.

Wat is een maskable icoon (PWA)?

Een maskable icoon vult het hele vierkant zonder transparante zone: Android snijdt daarna een masker voor ronde of afgeronde vormen. De veilige zone is een centrale cirkel van 80 %: houd de essentiële inhoud van je logo centraal. De generator maakt deze variant automatisch, met de declaratie purpose: maskable in het web manifest.

Hoe installeer ik mijn favicon op mijn site?

Download het pakket, kopieer de bestanden naar de root van je site en plak de meegeleverde code in de <head> van je pagina's. Bij WordPress voeg je die in via je thema (header.php) of een plugin; bij React, Next.js, Vite, Astro, Nuxt of SvelteKit zet je de tags in de head-component van je framework. De links zijn identiek.

Wat is het Apple Touch Icon?

Dat is het icoon dat iPhone en iPad gebruiken om je site op het startscherm te tonen, bijvoorbeeld na 'Voeg toe aan beginscherm' in Safari. Apple verwacht een vierkante PNG van 180 px genaamd apple-touch-icon.png, die de generator automatisch maakt.

Is het ICO-formaat nog steeds nodig?

Bijna alle moderne browsers accepteren PNG en SVG, maar ICO wordt nog steeds vereist door Windows, sommige oudere browsers en bladwijzer-back-up tools. Het aanbieden kost niets en garandeert volledige compatibiliteit: daarom zit het in meerdere formaten in het pakket.

Is de generator echt gratis?

Ja. De gratis versie maakt je complete icoonpakket, zonder account en zonder gebruikslimieten. Het Premium-abonnement ontgrendelt geavanceerde functies: import via URL, favicon-extractie van een bestaande site, onbeperkte projecten, bestandsoptimalisatie en een compatibiliteitsrapport.

Kan ik het gebruiken voor een professionele site?

Zeker. De gegenereerde bestanden zijn rechtenvrij in je projecten: het pakket is bedoeld voor bedrijfssites, webshops, web-apps en PWA's. Met het Premium-abonnement profiteer je ook van onbeperkte projecten, automatische optimalisatie en compatibiliteitsrapporten voor je klanten.

Het juiste formaat kiezen

De icoonformaten: de vergelijking

Elk oppervlak — browser, iOS, Android, PWA — verwacht een specifiek formaat en afmeting. Hier lees je waarom je ze allemaal moet dekken.

favicon.ico — de klassieker

Een Windows-container met meerdere resoluties (16, 32, 48 px) in één bestand. Onmisbaar voor Internet Explorer, Windows en bladwijzers.

PNG — de universele basis

Het referentieformaat voor moderne browsers: de formaten 16, 32, 48, 180, 192 en 512 px dekken Chrome, Firefox, Edge, iOS en Android.

SVG — de vector

Perfecte scherpte bij elke resolutie, inclusief HiDPI. Ondersteund door de meeste moderne browsers als vervanging van PNG-miniaturen.

Maskable — de PWA

De 'full-bleed'-variant die Android vereist voor installeerbare web-apps: met purpose: maskable gedeclareerd, past het zich aan elk masker aan.

Online favicon-generator: lokaal, gratis en compleet

De favicon-generator van Volade maakt in enkele seconden het complete icoonpakket dat je site echt nodig heeft: een favicon.ico met meerdere resoluties, PNG's van 16 tot 512 px, een vector favicon.svg, het Apple Touch Icon voor iOS, een maskable icoon voor PWA's en het bijbehorende web manifest. Vanuit een afbeelding, tekst of emoji wordt elke miniatuur in de juiste afmetingen gegenereerd en gebundeld in een kant-en-klaar ZIP-bestand met de integratiecod HTML.

De tool draait volledig in je browser: je logo verlaat nooit je apparaat, er is geen account nodig en de verwerking is onmiddellijk. Ideaal voor webmasters die een nieuwe site voorbereiden, makers die een installeerbare web-app lanceren, webshop-eigenaren en ontwikkelaars die een foutloze PWA willen leveren.

Waarom is een favicon onmisbaar?

Het favicon is het eerste wat je bezoekers opmerken: in het tabblad, de bladwijzers, de geschiedenis en het mobiele startscherm. Zonder favicon toont je site een generiek leeg icoon; met favicon wordt het in één oogopslag herkenbaar en wekt het meer vertrouwen. Het is ook een teken van professionaliteit: sites die hun favicon verzorgen, stralen een serieuzer beeld uit — een detail dat telt voor een blog, een winkel of een SaaS.

En in 2026 is een goed favicon een technische vereiste: zoekmachines en app-directories vertrouwen op deze iconen voor de weergave van resultaten, en PWA's eisen ze om installeerbaar te zijn. Het is geen detail meer, maar een standaard.

favicon.ico, PNG, SVG: welk formaat kies je?

De juiste aanpak is niet één formaat kiezen, maar ze allemaal aanbieden. Het multi-formaat ICO (16, 32, 48 px) is het historische Windows-formaat; PNG is de universele bouwsteen van moderne browsers; vector-SVG biedt perfecte scherpte op HiDPI-schermen en vergrote tabbladen. Het pakket completeert het geheel met het Apple Touch Icon (180 px) en de PWA-iconen (192 en 512 px), allemaal gedeclareerd in een standaard manifest.

In de praktijk kiest elke browser zelf de meest geschikte declaratie: meerdere formaten declareren vertraagt niets, maar garandeert maximale compatibiliteit. Dat is precies wat de tool genereert, met code die klaar is om te plakken.

PWA- en maskable-iconen: bereid een installeerbare app voor

Een Progressive Web App onderscheidt zich van de klassieke pagina door zijn installeerbaarheid: het heeft een correct web manifest nodig en iconen in de afmetingen die Android en Chrome vereisen. Het maskable icoon vult het hele vierkant om zich aan te passen aan uitsnijdingen (rond, afgerond, vierkant): de veilige zone is een centrale cirkel van 80 %, daarom voegt de generator deze variant en de declaratie purpose: maskable automatisch toe.

Met het meegeleverde manifest (name, short_name, kleuren, iconen) wordt je app met één klik installeerbaar op het startscherm. Een waardevolle troef om bezoekers te binden en een site in een app te veranderen.

Apple Touch Icon en Safari: schitter op iOS en macOS

Op iPhone en iPad toont Safari (en iOS-browsers) een speciaal icoon op het startscherm: een vierkante PNG van 180 px genaamd apple-touch-icon.png. Ook op macOS gebruiken Safari en bladwijzers deze iconen. Een verzorgd Apple Touch Icon garandeert een native professioneel uiterlijk in het hele Apple-ecosysteem, zonder extra instellingen.

Een geoptimaliseerd favicon, een troef voor je SEO

Het favicon draagt bij aan de waargenomen kwaliteit van je site: lichte pagina's, scherpe iconen en een duidelijke identiteit zijn positieve signalen voor je bezoekers, en dus voor je organische vindbaarheid. Met een geoptimaliseerde PNG en een SVG vermijd je onnodig zware bestanden en blijf je feilloos presteren — ook op mobiel.

Wie kan er profiteren?

Webmasters en bureaus die sites voor klanten voorbereiden; ontwikkelaars die installeerbare PWA's leveren; webshop-eigenaren die een herkenbare winkel willen; bloggers en makers die hun merk verzorgen; en elke site-eigenaar die in enkele seconden een professioneel resultaat wil.

Wat je niveau ook is, de tool blijft doodsimpeel: afbeelding, tekst of emoji, een blik op het voorbeeld, één klik om te downloaden. Voor de gratis versie is geen registratie nodig.

Je logo's verlaten nooit je apparaat

De meeste online favicon-generators vragen je om je logo naar hun server te uploaden. Volade doet het tegenovergestelde: alles gebeurt in je browser. Geen enkele afbeelding verlaat je apparaat en er is geen account nodig voor de gratis versie.

Deze keuze heeft twee directe voordelen. Ten eerste privacy: je logo's, visuals en klantbestanden passeren nooit een derde partij. Ten tweede snelheid en eenvoud: geen uploadwachttijd, het pakket wordt gegenereerd terwijl je personaliseert, zonder grootte- of tijdslimieten.

Eén premiumlicentie, al je web tools

Je Volade-abonnement ontgrendelt al onze web tools, plus de browser, de CMS, het bureaublad en de scripts — op al je apparaten.

Naar premium Bekijk de tools