Archived topic
Using own images as SVG icon
3 replies · Started by Jordi on December 17, 2021
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" 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!
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 :)
Thank you! Resolved!
No problem :)
