[Resolved] Use custom svg icon

[Taner]

Hello,

I used the site library and imported a cloud theme, and was wondering if it’s possible to use a custom icon on the pages.

Currently, the icon that is being used is as follows:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.145 54.189"><path d="M4.262 40.052V0l-.439.438v39.613l.439.001zm-.439 3.853v9.845l.438.438.001-10.284-.439.001zm3.883-11.29v17.518l.439-.439V32.615h-.439zm0-8.273h.439V9.495l-.439-.439v15.286zM.439 21.074V4.056L0 4.495l.001 16.579h.438zm.001 6.274l-.439-.001v19.347l.439.439V27.348z"></path></svg>

I would like to replace it with this one:
My icon

But when I replace the icon URL with my SVG it just displays the URL instead of the image.

Is there a way I can get my image to display as the icon?

Thank you in advance.
Taner

[David]

Hi there,

yes, you need the svg markup – open your SVG in this site: https://jakearchibald.github.io/svgomg/
And copy the markup from there.

On your site, in Appearance > Elements edit the Global Page Header select the Headline block with the title and in the sidebar Icon – paste your markup into the Icon SVG HTML field.

https://docs.generateblocks.com/article/icon-overview/#adding-an-icon

[Taner]

Hello David,

Thank you for helping me with this, it worked a treat and I’ve learnt something new.

Thanks Again
Taner

[David]

Glad to hear that!

[Author]

Posts