Start / Gratis iconen
Beste bronnen
Gratis iconen downloaden
Een goed icoon maakt een knop, menu of lijstje meteen duidelijker. Hieronder staan de plekken waar je gratis iconen vindt die je echt mag gebruiken, met per bron een eerlijke beoordeling en wat de licentie toelaat.
SVG voor websites, en houd één stijl aan
Voor websites en apps zijn gratis iconen als SVG bijna altijd de beste keuze. Een SVG is een vector: hij blijft scherp op elk scherm, van een klein telefoonmenu tot een groot retina-display, en blijft daarbij een licht bestand. Bovendien kun je de kleur en lijndikte met een beetje CSS aanpassen, zodat het icoon meekleurt met je ontwerp in plaats van als los plaatje te plakken. Een PNG kan ook, maar daarmee verlies je die schaalbaarheid en flexibiliteit.
Het tweede dat het verschil maakt, is dat je één stijl aanhoudt. Iconen komen in families: dunne lijntjes (outline), gevulde vormen (solid) of een mix. Combineer je een dun lijn-icoon naast een dik gevuld icoon, dan valt dat meteen rommelig op. Kies daarom liefst alle iconen uit dezelfde set, of in elk geval uit sets met dezelfde lijndikte en hoekstijl. De bronnen hieronder zijn elk consistent binnen hun eigen collectie, dus als je bij één set blijft, zit het vanzelf goed.
Let tot slot op het aantal iconen en of er nieuwe bijkomen. Een grotere, actief onderhouden set vergroot de kans dat je dat ene specifieke symbool ook echt vindt, in dezelfde stijl als de rest.
De bronnen, één voor één
Zes plekken voor gratis iconen — met de eerlijke voor- en nadelen.
Heroicons
Strakke set van de makers van Tailwind, in een outline- en een solid-variant. Klein maar verzorgd en perfect voor moderne interfaces. Levert nette SVG’s die je direct in je code kunt plakken.
Geen account nodig
Feather Icons
Minimalistische lijn-iconen met een herkenbare, lichte uitstraling. De set is bewust beperkt gehouden, wat de consistentie ten goede komt. Gratis SVG’s, ideaal als je een rustig, modern ontwerp wilt.
Geen account nodig
Tabler Icons
Zeer grote, gratis lijn-iconenset die nog steeds groeit. Door het enorme aanbod vind je hier vaak het symbool dat je elders mist, allemaal in dezelfde stijl. Download per icoon als SVG of pak de hele set.
Geen account nodig
Lucide
Een actief onderhouden voortzetting van Feather, met flink meer iconen in dezelfde heldere lijnstijl. Goed gedocumenteerd en makkelijk in te bouwen. Gratis SVG’s, ook handig in combinatie met populaire frameworks.
Geen account nodig
Font Awesome (gratis)
Klassieker met een grote gratis basisset naast een betaald pakket. Handig als je veel verschillende symbolen nodig hebt en webfont-integratie prettig vindt. Filter op de gratis iconen, want de mooiste zitten soms achter de betaalde versie.
Geen account nodig
Flaticon (gratis)
Enorme verzameling iconen in allerlei stijlen, ook gekleurd en gevuld. De gratis iconen mag je gebruiken met een bronvermelding; zonder vermelding heb je een betaald plan nodig. Let op dat je binnen één stijl blijft.
Bronvermelding
De bronnen kort naast elkaar
Snel zien welke set past bij wat jij zoekt.
| Bron | Stijl | Bronvermelding | Sterk in |
|---|---|---|---|
| Heroicons | Outline + solid | Nee | Moderne UI |
| Feather | Lijn | Nee | Minimalisme |
| Tabler | Lijn | Nee | Grootste aanbod |
| Lucide | Lijn | Nee | Frameworks |
| Font Awesome | Lijn + gevuld | Nee | Webfont-integratie |
| Flaticon | Veel stijlen | Ja (gratis) | Gekleurde iconen |
Houd het netjes en licht
Kies gratis iconen uit één set zodat je ontwerp rustig blijft, en gebruik SVG voor het web. Wil je weten wat een bronvermelding precies inhoudt? Lees onze uitleg over rechtenvrije afbeeldingen. Werk je liever met losse beelden, kijk dan bij gratis illustraties.
Veelgestelde vragen
Waarom is SVG beter dan PNG voor iconen?
Een SVG is een vector en blijft op elk formaat scherp, van een klein menu tot een groot scherm, terwijl het een licht bestand blijft. Je kunt de kleur en lijndikte bovendien met CSS aanpassen. Een PNG bestaat uit pixels en wordt wazig zodra je ‘m groter maakt dan de oorspronkelijke maat.
Moet ik echt één stijl aanhouden?
Dat raden we sterk aan. Iconen uit verschillende sets verschillen in lijndikte en vorm, en dat valt naast elkaar meteen rommelig op. Kies daarom liefst alle iconen uit dezelfde collectie, of uit sets met dezelfde lijnstijl, zodat je interface samenhangend oogt.
Mag ik gratis iconen commercieel gebruiken?
Bij de sets hierboven meestal wel. Heroicons, Feather, Tabler, Lucide en de gratis Font Awesome-iconen mag je vrij gebruiken. Bij Flaticon hoort bij gratis gebruik een bronvermelding, tenzij je een betaald plan hebt. Controleer altijd de licentie bij de set zelf — dit is algemene informatie, geen juridisch advies.
