Weblium allows you to add icons from the integrated services (Icons8 or Noun Project) or upload your own, custom ones.
To proceed to the icon settings, first choose a block with an icon component in it or, in most of the blocks, add a relevant element. For example:
To change the icon, click on it to see a pop-up with the additional options. Press "Change icon" button:
A new window will open. Here you can browse through the icons offered by Noun Project and Icons8:
Click on My icons tab to upload a custom icon. Upload button will open the files on your PC, but you can also drag and drop one in the designated area below:
Important: Custom icons should be in the SVG format. Max size is 10 kb.
Done! You've successfully added your icon.
Changing icon's background and color
You can change the background of the custom icon. Note: you can't change Small icon's background:
Hover over the icon and click on the pop-up button:
Press it to open a settings window. Three tabs will offer three background options: None, Color or Image:
Also, you can always change the color of the icon added from Noun Project or Icons8. To do that, press the icon and click "Icon color"
Choose one of the colors offered or click on the palette to select another one: