---
url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/icon'
title: 'Pictogrammen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:30:18+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: Pictogrammen
      description: ''
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:30:18+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/icon'
      articleSection: 'Data and motion'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/icon'
      description: ''
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/nl'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: nl
---
[Help Center](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Data and motion](/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Pictogrammen.

 Learn DXPR BuilderBuild pagesAdd contentData and motion

   ## In this guide

 Related guides

- [Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

 Trek de aandacht van uw kijkers met behulp van pictogrammen! De DXPR Builder biedt meer dan 4.000 vooraf geïnstalleerde pictogrammen die een uniek tintje aan uw inhoud zullen toevoegen.

 Volg de onderstaande stappen om het Icon-element in uw website te gaan gebruiken:

1. Klik op het **+** icoon
2. Ga naar het tabblad **Inhoud**
3. Klik op het pictogramelement
4. Selecteer een pictogram uit het pictogrammenraster
5. Filter de zoekopdracht naar de pictogrammen in het menu **Alle pictogrammensets** . Bijvoorbeeld: zoek alleen naar pictogrammen die Font Awesome zijn
6. Selecteer een optie bij **Pictogramgrootte** instelling   om te kiezen uit vooraf ingestelde pictogramgroottes
7. Stel *optioneel* het veld **Koppeling** in om het pictogram aan een URL te koppelen
8. Nadat u uw voorkeursinstellingen heeft geselecteerd, kunt u op **Wijzigingen opslaan** klikken en u bent klaar!

###  Uw pictogrammen aanpassen

1. Ga naar het tabblad **Pictogramhulpprogramma's** om het pictogram een **stijl, animatie** en een **richting** te geven
2. **Stijl:** Achtergrondontwerp van het pictogram
3. **Animatie:**

- Draait: laat het pictogram soepel draaien
- Puls: Laat het pictogram draaien met een bonzend effect

1. **Oriëntatie:** Roteert het pictogram
2. Nadat u uw voorkeursinstellingen heeft geselecteerd, kunt u op **Wijzigingen opslaan** klikken en u bent klaar!