I am replacing the default icon packs with SVGs for performance reasons. I am using a bricks icon element and a svg from icomoon that I processed through SVGOMG per previous posts about SVGs.
I can load the SVG just fine and it displays in the builder and on the frontend. However, I can not change the svg’s size. The svg height and width options appear to be targeting the element ID, not the svg itself. All the height and width do is move the icon vertically and horizontally around the div
When using a custom SVG (instead of choosing an icon from one of the included icon sets) you use the Height and Width settings in the SVG popup instead of the Size setting. You set it to 25px in your screenshot. Doesn’t that setting apply?
Andre -
unfortunately no. It doesn’t change the size of the svg, it just seems to move the svg around a bounding box. It will even make the surrounding div get larger if you make this virtual “padding” large enough.
Happy to send you the svg’s. What email address should I use? (since I can’t attach here)
The only thing I can think of that is the issue is that the svg’s that I got from the sources bricks use for icon sets all seem to add a size into the svg definition. It’s in every one that I tried yesterday. I’m not an svg expert to know if that is the cause of the issue