Kort antwoord
Elementor bevat een uitgebreide iconenbibliotheek (Font Awesome). Gebruik de Icon widget of voeg iconen toe aan knoppen, lijsten en andere widgets.
Inhoudsopgave
Icon widget
Zoek naar 'Icon' in het widgetpaneel. Sleep het naar je pagina en kies een icoon uit de bibliotheek. Pas kleur en grootte aan onder 'Stijl'.
Icon in knoppen
Bij de Button widget kun je onder 'Content' een icoon toevoegen. Kies de positie (links of rechts van de tekst).
Icon List
De Icon List widget is ideaal voor opsommingen met iconen. Denk aan USP's, features of contactgegevens met bijpassende iconen.
Waar je op moet letten
Gebruik iconen spaarzaam en consistent: kies één stijl (outline of solid) en houd die aan door de hele website heen. Een mix van verschillende iconenstijlen op één pagina oogt al snel rommelig, ook al zijn de losse iconen op zich mooi.
Eigen SVG iconen uploaden
Wil je een icoon dat niet in Font Awesome zit, upload dan een eigen SVG-bestand via de Icon widget. Kies bij 'Icon Library' voor 'Upload SVG' en selecteer je bestand. Zorg dat het SVG-bestand schoon is opgebouwd, anders kan WordPress het om veiligheidsredenen weigeren te uploaden. Voor merkgebonden iconen is dit vaak de beste oplossing.
Iconen en toegankelijkheid
Een icoon zonder bijschrift is voor sommige bezoekers, bijvoorbeeld mensen die een screenreader gebruiken, niet altijd duidelijk. Vul daarom bij belangrijke iconen ook een omschrijving in via het alt-tekstveld of combineer het icoon met een kort tekstlabel. Zo blijft de betekenis van het icoon voor iedereen begrijpelijk.
Verstandig plannen
Controleer of iconen die je gebruikt goed te herkennen zijn zonder bijschrift. Een icoon voor 'telefoon' moet direct duidelijk zijn, anders werkt het averechts. Bij MADA Tech kiezen we iconen altijd in lijn met de rest van de huisstijl van de website.
Voorbeeld: een rij met USP's
Wil je drie voordelen van je bedrijf tonen, bijvoorbeeld snelle levering, vast aanspreekpunt en persoonlijk advies, gebruik dan een Icon List met bij elk punt hetzelfde soort icoon in dezelfde kleur. Zet de tekst kort, maximaal vijf tot zeven woorden per regel, zodat bezoekers de rij in een oogopslag kunnen lezen.
Kleur en grootte afstemmen
Stel de kleur van je iconen in op je huisstijlkleur in plaats van de standaard zwarte kleur, dat oogt afgestemder. Kies één vaste grootte voor iconen binnen dezelfde sectie, bijvoorbeeld dertig pixels, zodat ze in verhouding blijven met de tekst ernaast.
Volgende stap
Wil je niet zelf in Elementor blijven puzzelen? Bij managed hosting van MADA Tech maken of passen wij pagina's op verzoek voor je aan.
Managed WordPress hostingZie ook
Danny van Elteren
Lead Developer & oprichter · 24 februari 2026
Wanneer MADA Tech inschakelen?
- Je wilt het niet zelf doen of komt er niet uit
- Je wilt het in een keer goed laten regelen
- Je wilt doorlopend beheer en support
- Je wilt hulp met elementor
Web- en marketingbureau in Assen, sinds 2023. Websites, webshops, software, SEO en beheer voor bedrijven en organisaties in heel Nederland. Websites vanaf €699 of €65 per maand inclusief managed hosting en basis SEO.
Hulp nodig?
Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €699 of €65 per maand inclusief beheer.
Gerelateerd