Een icoon (icon) is een gestileerd grafisch symbool dat gebruikt wordt om een product of dienst aan te duiden. Een ander woord voor icoon is pictogram. Tegenwoordig kom je op veel websites icons tegen. Wil jij ook icons in je website gebruiken? Hieronder vind je enkele links naar iconverzamelingen.
Vector icons
Vectors zijn plaatjes die je in een tekenprogramma (Adobe Illustrator) kunt bewerken. Je kunt de lijndiktes en kleuren aanpassen en – heel belangrijk – je kunt een vectorbestand onbeperkt vergroten zonder dat de kwaliteit achteruit gaat (het er wazig of onscherp uit ziet). De bestandsgrootte is klein waardoor je webpagina snel laadt.
Premium vector icons (betaald)
iStock (zoek op vector+icon+set)
Een set icons kost maar (vanaf) 1 credit, € 9
Gratis vector icons
iconmonstr.com
Freepik (zoek op icon)
Meer gratis vector icons:
- The Noun Project
- Vecteezy (zoek op icon)
- Flaticon
- Streamline Icons (gratis en betaald)
Icon fonts
Een icon font is een set pictogrammen/icoontjes verpakt in een lettertype. Icon fonts zijn ook vectorbestanden. De bestandsgrootte is nóg kleiner waardoor je webpagina sneller laadt.
Met CSS kun je icon fonts makkelijk stylen (kleur, schaduw, animatie, mouse-over effect, etc).
Nadelen: icon fonts werken niet in oudere browsers en het is lastig om meerdere kleuren te verwerken in een icon font.
Gratis icon fonts
Font Awesome
Dashicons
Deze worden gebruikt in het WordPress Dashboard.
Ionicons
Verder lezen
- De Voor- en Nadelen van Icon Fonts
- W3C Icons Tutorial
- Using Font Awesome in WordPress
- How to use Font Awesome icons with Genesis in WordPress
Hulp nodig?
Vind je dit allemaal te moeilijk en heb je hulp nodig dan help ik je graag. Neem gerust contact met me op.