SVG Component HTML

Hi,

just realized something. When inserting a SVG it will look like that:

Even so thats valid XML since it is commented out, I would never add that to a handwritten HTML page. Also the version and the xmlns I normally remove. Specially when using the Sketch App those svg’s come with a lot of prepopulated props, which might conflict with the settings of tailwind in the end. Specially the width and height on the <svg ...>.

For me that means I mostly do a cleanup before using files. But yeah nothing to complain here, just thought might be helpful for someone who stumples over it.

1 Like

Yeah, getting SVG’s to display correctly is a bit of a dark art, it really depends on what and how it was created :woozy_face:

I’ll add a link to the manual below (for anyone else reading this), as we have a few pointers on cleaning up SVG’s so they can be resized.

1 Like