Archived topic

SVG pictograms not showing (or messed up)

2 replies · Started by Renske on February 13, 2022

Viewing posts 1–3 of 3

February 13, 2022 at 12:15 am #2116366

Hi there,

I put a couple of SVG icons through https://jakearchibald.github.io/svgomg/ and then I copy paste the mark-up code in the pictogram field. Unfortunately, not all icons show up and others are messed up.

See private info for my web page.

February 13, 2022 at 6:06 am #2116570

Hi there,

you need to check your SVG HTML and make sure it has a viewBox attribute eg. viewBox="0 0 512 512" included.

For example the broke SVGs code starts like this:

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">

It needs to have the viewBox that matches - so change that to:

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">

February 15, 2022 at 5:40 am #2119349

Thanks David, this did the trick :)

This archived topic is closed to new replies.

Start building better websites today.