How do you add a custom svg icon set

Is it possible to add a custom icon set in Bricks? In Oxygen you can by going to ‘Settings - SVG Sets - add new’ and away you go. But how do you do it in Bricks? And, if you can’t, does anyone know of a work around?

2 Likes

I made a custom icon font with icomoon.io. Then I uploaded the font to the media library and used WP Codebox to load the CSS that comes with it. You’ll have to change the URLs of the font face in the CSS. Then I use a codeblock to ad the tag with the appropriate classes for the icon I want.

I would be really nice if we could add custom icon fonts to the dropdown menu in the icon element. Kind of a pain to have to do it this way cause you have to keep track of all the class names instead of just choosing the icon from the list. Looking at the Bricks code it would be easy to swap out Font Awesome with the link to my icon font, but then it would disappear every update.

We can upvote Custom Icon Sets/Fonts on the Idea Board https://bricksbuilder.io/ideas/#3692

1 Like