Weblium allows you to add icons from the integrated service — Noun Project. You can also upload your own, custom icons in the editor.

Follow the instructions below to see how you can add icons and change their background, color, and size.

Adding icons

1. Hover over the place in the block where you'd like to add an icon, click on the "plus" and choose Icon in the pop-up menu:

2. To change the icon, click on it to see a pop-up with the additional options. Press the Change icon button:

3. In the pop-up menu you can browse through the icons offered by Noun Project:

4. If you want to add a custom icon, navigate to the My icons tab. Click on Upload button and choose the needed file from your device:

Icons settings

Once you add a new icon, go ahead and customize its appearance — change its size, color, or background.

1. For that, click on the icon itself and press on the "gear" to access its settings:

2. In the Style tab you can change the icon's size:

3. Navigate to the Background tab to set a background for your icons — None, Color, or Image:

4. You can also change the color of the icon added from Noun Project gallery. To do that, click on the icon itself and press Icon color and choose the needed color from the pop-up menu:

5. Don't forget to publish your site for the changes appear live.

Updated on: 05/27/2025