Hi there!

Thanks for reaching out.

You can choose a icon there as follows: https://share.cleanshot.com/Pp8BBH92

All I know about custom icons in SPPB is here: https://www.joomshaper.com/documentation/sp-page-builder/custom-icons

Best Regards

Thank you, already read those. The problem is:

Icofont does not have instructions on how to do anything apart from download the icons that are already there

IcoMoon only seems to let you download it as a Json file and it looks like you need to have a paid subsciption. There seems to be a download button at the bottom, and I am unable to uplaod the zip file to Pagebuilder but the icon is not there.

Fontello gives me an error message when I upload the SVG along with some complicated instructions

Is there an easier way of doing this, like just placing the image before the title?

Ok so I have tried to do this using Custom CSS with the following code

`.icon-heading { position: relative; padding-left: 30px; / Adjust padding to make space for the image / }

.icon-heading::before { content: url('your-image-url.png'); / actual image URL / position: absolute; left: 0; top: 50%; transform: translateY(-50%); / Vertically center the image / width: 20px; / Adjust the image width / height: 20px; / Adjust the image height / }`

it now appers but it is too big and sits under the title rather than the left of it. Could you check the code please?

(See example)

https://imgur.com/a/ugpMaVD

I have now figured this out so this can be closed.

Hi,

Sorry for the unwanted delay.

Glad that you have figured this out already. You may accept the most useful answer in order to close the post:)

Have a nice day!