# How could I bring an svg into WeWeb and make its color dynamic?

**URL:** <https://community.weweb.io/t/how-could-i-bring-an-svg-into-weweb-and-make-its-color-dynamic/15371>\
**Category:** How do I?\
**Created:** [January 13, 2025, 2:34pm UTC](https://community.weweb.io/t/how-could-i-bring-an-svg-into-weweb-and-make-its-color-dynamic/15371 "2025-01-13T14:34:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![zando](https://avatars.discourse-cdn.com/v4/letter/z/9fc348/32.png) [@zando](https://community.weweb.io/u/zando)\
**Post date:** [January 13, 2025, 2:34pm UTC](https://community.weweb.io/t/how-could-i-bring-an-svg-into-weweb-and-make-its-color-dynamic/15371/1 "2025-01-13T14:34:05Z")

</div>

I have an SVG for a specific layout with curved design (I didn’t find an option to draw curves in Web) so I would like to import it into a page and make its color customizable according to the user’s preference. I’m totally new to the tool, but I’m loving it!

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [January 13, 2025, 4:02pm UTC](https://community.weweb.io/t/how-could-i-bring-an-svg-into-weweb-and-make-its-color-dynamic/15371/2 "2025-01-13T16:02:15Z")

</div>

Probably the easiest is to use a HTML embed element, you can find it on the bottom of the Add panel

---

<div class="post-metadata">

**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\
**Post date:** [January 13, 2025, 7:08pm UTC](https://community.weweb.io/t/how-could-i-bring-an-svg-into-weweb-and-make-its-color-dynamic/15371/3 "2025-01-13T19:08:56Z")

</div>

SVGs are probably the most underutilized thing in WeWeb, they’re so powerful! I had a very similar use case, [this whole circle](https://www.stackpack.io/components/progress-circle/) is just an SVG.

Like Luka mentioned, you can use an HTML element or you can convert the svg to a Data URI and set it as the background of an image. I’ve noticed the Data URI handles smaller objects better and keeps them a bit more centered.