# Change colour of a vector image within Bubble?

**URL:** <https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314>\
**Category:** App Organization\
**Created:** [May 25, 2022, 11:12am UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314 "2022-05-25T11:12:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![richclunan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/richclunan/32/57633_2.png) [@richclunan](https://forum.bubble.io/u/richclunan)\
**Post date:** [May 25, 2022, 11:12am UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/1 "2022-05-25T11:12:22Z")

</div>

Is there any way to change the colour of an image (vector) that I upload, within Bubble?

I tried uploading .svg and tried converting it to reusable element – don’t see a way to change the colour.

And I don’t see a way to convert an image to an icon.

---

<div class="post-metadata">

**Author:** ![rico.trevisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico.trevisan/32/170176_2.png) [@rico.trevisan](https://forum.bubble.io/u/rico.trevisan)\
**Post date:** [May 25, 2022, 11:31am UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/2 "2022-05-25T11:31:23Z")

</div>

Instead of using it as an image, use it as a HTML. Is that possible in your case?

Here’s an example

![CleanShot 2022-05-25 at 13.30.37](https://us1.discourse-cdn.com/bubble/original/3X/c/c/cceb2e9e658302669fb140ad06e70c917aa2f52a.gif)

[Page](https://nocode-to-knowcode.bubbleapps.io/version-test/svg-color-change) ([editor](https://bubble.io/page?type=page&name=svg-color-change&id=nocode-to-knowcode&tab=tabs-1))

---

<div class="post-metadata">

**Author:** ![richclunan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/richclunan/32/57633_2.png) [@richclunan](https://forum.bubble.io/u/richclunan)\
**Post date:** [May 25, 2022, 11:50am UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/3 "2022-05-25T11:50:25Z")

</div>

Hmm, I don’t know… I think I’ll need to come back to this – for now, I’ll just continue what I’m doing, which is changing the colour in adobe illustrator and re-uploading. The html thing might take me some time to get my head around

---

<div class="post-metadata">

**Author:** ![rico.trevisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico.trevisan/32/170176_2.png) [@rico.trevisan](https://forum.bubble.io/u/rico.trevisan)\
**Post date:** [May 25, 2022, 3:15pm UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/4 "2022-05-25T15:15:47Z")

</div>

It’s easier than you think! Just open it with TextEdit and you can get the needed code to drop in the HTML element.

![CleanShot 2022-05-25 at 17.15.21](https://us1.discourse-cdn.com/bubble/original/3X/6/f/6f1409886063af6942c4f98d78efe39a360badce.gif)

---

<div class="post-metadata">

**Author:** ![jason15](https://avatars.discourse-cdn.com/v4/letter/j/e274bd/32.png) [@jason15](https://forum.bubble.io/u/jason15)\
**Post date:** [May 25, 2022, 7:28pm UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/5 "2022-05-25T19:28:50Z")

</div>

Wow this is a great tip, I had no idea this was possible. Thanks for sharing!

---

<div class="post-metadata">

**Author:** ![richclunan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/richclunan/32/57633_2.png) [@richclunan](https://forum.bubble.io/u/richclunan)\
**Post date:** [May 26, 2022, 12:24am UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/6 "2022-05-26T00:24:33Z")

</div>

Nice 🙂 I didn’t figure out how to get that hex input field. But that’s ok. I can just change the color in the html.

---

<div class="post-metadata">

**Author:** ![igorracca13](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/igorracca13/32/198661_2.png) [@igorracca13](https://forum.bubble.io/u/igorracca13)\
**Post date:** [June 18, 2024, 5:48pm UTC](https://forum.bubble.io/t/change-colour-of-a-vector-image-within-bubble/208314/7 "2024-06-18T17:48:40Z")

</div>

Wow, very nice!  
I was just researching about it with low expectations and found this post, it’s actually a great solution. Thanks for sharing!
