##  [Icons ](/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/icons) 







































Capture your viewers' attention using icons! The DXPR Builder offers over 4,000 pre-installed icons that will add a unique touch to your content.

Follow the steps below to start using the Icon element in your website:

1. Click on the **+** icon
2. Go to the **Content** tab
3. Click the Icon element
4. Select an icon from the icon grid
5. Filter the search of the icons in the **All Icon Set** menu. For example: Only search for icons that are Font Awesome
6. Select an option from the **Icon Size** setting to select from preset icon sizes
7. *Optionally*, set the **Link** field to link the icon to a URL
8. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!

### Customizing your icons

1. Go to the **Icon Utilities** tab to give the icon a **Style, Animation** and an **Orientation**
2. **Style:** Background design of icon
3. **Animation:**

- Spins: Spins the icon smoothly
- Pulse: Spins the icon with a thumping effect

1. **Orientation:** Rotates the icon
2. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!