Icons in post

Hi there,

select the Button block ( which is the icon ) and in the Icon settings you can add your own inline SVG code.
See here:

https://docs.generateblocks.com/article/buttons-overview/#background-gradient

And this article explaining how to generate the inline SVG code.

https://docs.generateblocks.com/article/adding-custom-svg-icons/

I David.
Thanks I will take a look.

You're welcome

Hi there.
Do you know how I can change the colour of the SVG icon?.
The last icon is in black.

Thanks

You could try something like this, but not

svg {
    fill: #515151;
}

But you'll need to find the right selector for it.

If you can link me to the site and point me to the svg, I could have a look for you.

Let me know :)

Hi Ying.
It's this link https://lleidatours360.com/preweb/
You can see the black icon in the home of the website.
Thanks

Hi Rafel,

The issue with the black icon is, it's not a vector shape.

The SVG being used, while has <svg> tag, contains a base64 of a PNG file which is this one.
https://share.getcloudapp.com/eDuy2r44

It's a rasterized PNG icon colored black. That's why Ying's CSS won't work.

I suggest converting the contents of the svg to proper vector paths rather than embedded raster images so it can be flexibly styled with CSS.

Hi Elvin
I used this website to create the code of the icon https://jakearchibald.github.io/svgomg/ from an SVG image.
and the website do it this code.
<svg viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <defs></defs> <image xlink:href="data:img/png;base64,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" data-name="Capa 1" y="46" height="420" width="512"></image> </svg>

Finally, I did an SVG from Photoshop, from an image SVG in the black colour I coloured to white and export to SVG again, in the web site I mentioned I created a new SVG code, It worked.

Thanks for your time

Finally, I did an SVG from Photoshop, from an image SVG in the black colour I coloured to white and export to SVG again, in the web site I mentioned I created a new SVG code, It worked.

That defeats the purpose of SVG.

While that can work, generally, the point of having an SVG is to have a fully scalable graphics with small file size by making vector path graphics.

What you did is basically to wrap a raster image in a <svg> tag. That won't be scalable and if you decide to change its color, you'll have to go by photoshop again instead of just styling it with CSS.

It's better to make vector graphics in illustrator. ;)

Hi Elvin.
Yes, but I learned different ways to do that I didn’t know.

It’s better to make vector graphics in illustrator. 😉

Yes, but I’ve never worked with it, I always work with photoshop.

I guess if the icon is that small then it's fine.

Glad you got it sorted. :)