Adjust the fill color of my own .svg files

[Speedy-Alex]

I would like to import my own .svg files into Blocs and adjust the fill color in Blocs. I tried to change the color of the .svg file with a class, but unfortunately this didn’t work (see screenshot). Any idea how I can solve this?

Look forward to your reply and wish a good start to the week

[Ghost]

Try using the Inline SVG bloc, then you can style it in the Blocs app.

[Speedy-Alex]

Thanks @Ghost, completely forgot to report my result. In another task I was given the same tip. Here is the link for the full description and discussion:

Inline svg bric - changes to the svg code?

Hello forum! I have just been using the inline svg bric for the first time and have a few questions. I copy the svg from Affinity Designer and paste the code in the bric. Here is the code (added a blank after each < in order to display the code here): < svg width=“100%” height=“100%” viewBox=“0 0 26 28” version=“1.1” xmlns=“SVG namespace” xmlns:xlink=“XLink namespace” xml:space=“preserve” xmlns:serif=“http://www.serif.com/” style=“fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stro…

[Speedy-Alex]

I would still be interested in how to change the svg file with the class. That’s what the option in the class is for, isn’t it?

[Jerry]

Hi @Speedy-Alex, just add the code into a code widget and apply a class in the class manager.

[Speedy-Alex]

I understand. I still use the Inline SVG Bric and create a class for it. Inserting the svg file into the image bric and giving it a class does not work.

[Jerry]

No, you don’t use the inline SVG Bric. Instead you use the code widget and add the SVG code into this.

[Speedy-Alex]

Great