Archived topic

Use SVG sprite for icon

6 replies · Started by Laurentiu on January 25, 2022

Viewing posts 1–7 of 7

January 25, 2022 at 10:27 am #2093413

Hi,
I am trying to use an SVG sprite for icons on specific elements, but the code is stripped out.

Below is an example:

<svg><use xlink:href="/wp-content/themes/generatepress_child/images/icons.svg#implant"></use></svg>

Is there any way around that?

January 25, 2022 at 11:50 am #2093510

Hi Laurentiu,

I don't think it's a theme issue.

Does that happen when you switch to twenty twenty one theme?

January 25, 2022 at 11:53 pm #2093902

I don't think there is an option in that theme to add icons. I added the SVG in an HTML widget and it worked.

January 29, 2022 at 11:09 pm #2098708

Any news on this?

January 30, 2022 at 6:46 am #2098934

Hi there,

where were you adding the SVG sprite HTML ?

January 31, 2022 at 3:29 am #2099783

Hi David.
I am trying to add it inside the Icon field for a button. Here is a screenshot.

January 31, 2022 at 5:06 am #2099871

Unfortunately there is no way around that at this time.
Both WP and GB sanitise that HTML. Anything that poses a security risk such as links will be stripped.
THe SVG HTML has to 100% inline HTML.

This archived topic is closed to new replies.

Start building better websites today.