[Resolved] Using own images as SVG icon

[Jordi]

Hi,

I want to use a headline with a logo next to it (inline). So, obviously I added a headline in the content of my homepage and now I want to change the icon to my own image. I see there’s a link you can edit under ‘Icon SVG HTML’. The current code for the example logo is: <svg xmlns=”http://www.w3.org/2000/svg&#8221; viewBox=”0 0 384 512″><path d=”M384 112v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h80c0-35.29 28.71-64 64-64s64 28.71 64 64h80c26.51 0 48 21.49 48 48zM192 40c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24m96 114v-20a6 6 0 00-6-6H102a6 6 0 00-6 6v20a6 6 0 006 6h180a6 6 0 006-6z”></path></svg>.

How can I generate such a code for my own logos? For example: https://id-veritas.com/wp-content/uploads/2021/12/Entitlements-icon.svg.

Thanks in advance!

[Ying]

Hi Jordi,

Open the SVG logo link in a browser, right click, view page source, that’s the SVG code you are looking for.

Shot a small clip for you: https://www.screencast.com/t/IBFX6u8dG0

Let me know if this helps 🙂

[Jordi]

Thank you! Resolved!

[Ying]

No problem 🙂

[Author]

Posts