# How can I install TablerIcons into Weweb?

**URL:** <https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823>\
**Category:** How do I?\
**Tags:** design\
**Created:** [February 8, 2023, 12:02am UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823 "2023-02-08T00:02:26Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![visualdevs](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/visualdevs/32/6248_2.png) [@visualdevs](https://community.weweb.io/u/visualdevs)\
**Post date:** [February 8, 2023, 12:02am UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/1 "2023-02-08T00:02:27Z")

</div>

I’m trying to install Tabler-Icons into Weweb icons but not sure how to do it, any help is highly appreciated

This is the page for tablericons: [https://tabler-icons.io/](https://tabler-icons.io/)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [February 22, 2023, 6:44pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/2 "2023-02-22T18:44:36Z")

</div>

Hey Victor 👋

The current process is really cumbersome unfortunately but [this might help](https://community.weweb.io/t/i-want-to-use-google-material-icons/116).

Let me know how you get on. Making the process easier is on the roadmap but hasn’t been prioritized yet.

---

<div class="post-metadata">

**Author:** ![visualdevs](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/visualdevs/32/6248_2.png) [@visualdevs](https://community.weweb.io/u/visualdevs)\
**Post date:** [March 17, 2023, 2:11am UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/3 "2023-03-17T02:11:33Z")

</div>

I did it as a font and works great, but i was really hoping to install it as icons to use it in buttons and things like that.  
Is there a way to do it? not sure what urls should I use from the Tabler Icons source ([GitHub - tabler/tabler-icons: A set of over 4000 free MIT-licensed high-quality SVG icons for you to use in your web projects.](https://github.com/tabler/tabler-icons))

When I try to do it the page loads and then deletes all the other default icons.

---

<div class="post-metadata">

**Author:** ![visualdevs](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/visualdevs/32/6248_2.png) [@visualdevs](https://community.weweb.io/u/visualdevs)\
**Post date:** [March 17, 2023, 1:03pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/4 "2023-03-17T13:03:58Z")

</div>

Never mind! I just did it! It was a problem with the .json file. So I took the metadata generator that @dorilama made for FontAwesome and adapted it for Tabler Icons, this is the link: [https://codepen.io/victorgiron/pen/ZEMRrjo](https://codepen.io/victorgiron/pen/ZEMRrjo)

Thanks so much Mariano for making an awesome .json converter! it was super helpful!

---

<div class="post-metadata">

**Author:** ![JCAM](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@JCAM](https://community.weweb.io/u/JCAM)\
**Post date:** [May 12, 2023, 11:16pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/5 "2023-05-12T23:16:58Z")

</div>

@visualdevs I am trying to do this but I am getting blank icons. Any suggestions?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7991b5ebe83f92504ec00a0893cfe65611357915.png)

---

<div class="post-metadata">

**Author:** ![JCAM](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@JCAM](https://community.weweb.io/u/JCAM)\
**Post date:** [May 12, 2023, 11:17pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/6 "2023-05-12T23:17:33Z")

</div>

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/96f85ce19bb858e423d9d8b2a36eafb75c915cf3.png)

---

<div class="post-metadata">

**Author:** ![visualdevs](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/visualdevs/32/6248_2.png) [@visualdevs](https://community.weweb.io/u/visualdevs)\
**Post date:** [June 9, 2023, 4:44pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/7 "2023-06-09T16:44:40Z")

</div>

In the “Icons file URL” you need to put this url: [https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css](https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css)

---

<div class="post-metadata">

**Author:** ![JCAM](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@JCAM](https://community.weweb.io/u/JCAM)\
**Post date:** [July 19, 2023, 4:52pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/8 "2023-07-19T16:52:52Z")

</div>

Awesome thanks!

---

<div class="post-metadata">

**Author:** ![cedricstm](https://avatars.discourse-cdn.com/v4/letter/c/87869e/32.png) [@cedricstm](https://community.weweb.io/u/cedricstm)\
**Post date:** [November 29, 2023, 2:32pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/9 "2023-11-29T14:32:28Z")

</div>

how to include the json file (table-metadata-web.json) in the Icons list URL?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cd0e7653e120c21d1898b9b468636ba3fcf37415.png)

---

<div class="post-metadata">

**Author:** ![cedricstm](https://avatars.discourse-cdn.com/v4/letter/c/87869e/32.png) [@cedricstm](https://community.weweb.io/u/cedricstm)\
**Post date:** [November 29, 2023, 2:44pm UTC](https://community.weweb.io/t/how-can-i-install-tablericons-into-weweb/1823/10 "2023-11-29T14:44:06Z")

</div>

Great, I managed to do.
