# SVG Component HTML

**URL:** <https://forums.realmacsoftware.com/t/svg-component-html/46337>\
**Category:** RapidWeaver Elements\
**Created:** [February 19, 2025, 10:25am UTC](https://forums.realmacsoftware.com/t/svg-component-html/46337 "2025-02-19T10:25:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 19, 2025, 10:25am UTC](https://forums.realmacsoftware.com/t/svg-component-html/46337/1 "2025-02-19T10:25:17Z")

</div>

Hi,

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

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/1/5170e8db72e245aae5859f46b83dec036a127b57.png)

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.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 19, 2025, 10:38am UTC](https://forums.realmacsoftware.com/t/svg-component-html/46337/2 "2025-02-19T10:38:21Z")

</div>

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

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.

> **[SVG | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/elements-app/components/built-in-components/svg#q-why-doesnt-the-fill-or-stroke-colour-work-as-expected)**
>
> Add Scalable Vector Graphics to your website