-
mohdom
When I add a custom icon that have a an empty area it is inserted as filled
https://imgur.com/a/GxJbwW9I tried many icon libraries it seems to happen with most of them
-
Hi there,
can you share a link to the page where I can see the issue ?
-
mohdom
It’s a local instal but i found the issue to be with this:
p.gb-headline-0f5e936d .gb-icon svg {
fill: currentColor;
} -
Yeah, in the current version of GB the expectation is that all icons use a single fill
If you have multiple paths where the fill needs to be something else then you would beed to include thefill
attribute with a color value in the SVG code.Alternatively it may require the SVG to be updated so “hidden” paths don’t exist.
If you want o share the SVG code here, I am happy to take a look.
-
mohdom
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-weight"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.835 9h10.33a1 1 0 0 1 .984 .821l1.637 9a1 1 0 0 1 -.984 1.179h-13.604a1 1 0 0 1 -.984 -1.179l1.637 -9a1 1 0 0 1 .984 -.821z" /></svg>
-
Are all your icons built as Strokes ? ( no fills )
-
mohdom
I’m using tabler icon library I tried couple others seems to be same issue, they work well with “The Icon Block” so I don’t know
also when fill=none it seems to ignore it
-
OK. Might be easier if to add some CSS like so:
.gb-icon svg { fill: initial !important; }
In GB 2.0 you will have separate Fill and Stroke color controls
-
mohdom
That didn’t solve it, I made it fill: none for now but will be waiting the update
- You must be logged in to reply to this topic.