# Customs icons in Weweb

**URL:** <https://community.weweb.io/t/customs-icons-in-weweb/10528>\
**Category:** Ask us anything\
**Tags:** design\
**Created:** [August 29, 2024, 7:14pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528 "2024-08-29T19:14:57Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![gustavoSponholz](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gustavosponholz/32/11538_2.png) [@gustavoSponholz](https://community.weweb.io/u/gustavoSponholz)\
**Post date:** [August 29, 2024, 7:14pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/1 "2024-08-29T19:14:57Z")

</div>

I have some icons on my computer that are in SVG, how can I insert them into the Weweb?

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/67e5925aa2c28c896daf8e5ba60bd48bafba0b47.png)  
(design in figma)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 29, 2024, 7:39pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/2 "2024-08-29T19:39:46Z")

</div>

Only possible as images, unless you would create an icon pack/font our of them.

---

<div class="post-metadata">

**Author:** ![gustavoSponholz](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gustavosponholz/32/11538_2.png) [@gustavoSponholz](https://community.weweb.io/u/gustavoSponholz)\
**Post date:** [August 29, 2024, 8:26pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/3 "2024-08-29T20:26:38Z")

</div>

So instead of putting icons I’ll put images?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 29, 2024, 8:37pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/4 "2024-08-29T20:37:30Z")

</div>

Yep

---

<div class="post-metadata">

**Author:** ![Lantzgould](https://avatars.discourse-cdn.com/v4/letter/l/ecccb3/32.png) [@Lantzgould](https://community.weweb.io/u/Lantzgould)\
**Post date:** [August 29, 2024, 11:13pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/5 "2024-08-29T23:13:36Z")

</div>

Or an html element @gustavoSponholz

---

<div class="post-metadata">

**Author:** ![gustavoSponholz](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gustavosponholz/32/11538_2.png) [@gustavoSponholz](https://community.weweb.io/u/gustavoSponholz)\
**Post date:** [August 30, 2024, 12:53pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/6 "2024-08-30T12:53:32Z")

</div>

How can i do this??

---

<div class="post-metadata">

**Author:** ![Lantzgould](https://avatars.discourse-cdn.com/v4/letter/l/ecccb3/32.png) [@Lantzgould](https://community.weweb.io/u/Lantzgould)\
**Post date:** [August 30, 2024, 1:15pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/7 "2024-08-30T13:15:29Z")

</div>

Open the SVG in a text or code editor, copy paste into an HTML element. Only works one at time but I do this to display custom svg icons I make in figma.

---

<div class="post-metadata">

**Author:** ![gustavoSponholz](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/gustavosponholz/32/11538_2.png) [@gustavoSponholz](https://community.weweb.io/u/gustavoSponholz)\
**Post date:** [August 30, 2024, 1:39pm UTC](https://community.weweb.io/t/customs-icons-in-weweb/10528/8 "2024-08-30T13:39:01Z")

</div>

genius