# Load FontAwesome 6 Icons

**URL:** <https://community.weweb.io/t/load-fontawesome-6-icons/600>\
**Category:** Ask us anything\
**Created:** [May 27, 2022, 2:41pm UTC](https://community.weweb.io/t/load-fontawesome-6-icons/600 "2022-05-27T14:41:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevinwasie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kevinwasie/32/402_2.png) [@kevinwasie](https://community.weweb.io/u/kevinwasie)\
**Post date:** [May 27, 2022, 2:41pm UTC](https://community.weweb.io/t/load-fontawesome-6-icons/600/1 "2022-05-27T14:41:46Z")

</div>

Is there a way to load the fontawesome 6 icons into WeWeb? I’ve been able to find .css file that WeWeb needs, but I’m not able to locate the JSON file that WeWeb is requesting.

---

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [May 29, 2022, 8:45am UTC](https://community.weweb.io/t/load-fontawesome-6-icons/600/3 "2022-05-29T08:45:33Z")

</div>

I think the json file is a specific need for weweb. You should be able to create it and upload it as a file to link in the icon settings. From a quick look to the fontawesome repo ([GitHub - FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit](https://github.com/FortAwesome/Font-Awesome)) it looks like they have a metadata file you can use.

I made a quick codepen to generate an example file [https://codepen.io/dorilama/pen/GRQQNZO](https://codepen.io/dorilama/pen/GRQQNZO).

Hope this can help

---

<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:** [May 30, 2022, 1:21pm UTC](https://community.weweb.io/t/load-fontawesome-6-icons/600/4 "2022-05-30T13:21:25Z")

</div>

Hi Kevin!

Does [this](https://community.weweb.io/t/i-want-to-use-google-material-icons/116/2) help?

---

<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, 3:47am UTC](https://community.weweb.io/t/load-fontawesome-6-icons/600/5 "2023-03-17T03:47:20Z")

</div>

This is awesome! Can I use the same function for [tabler-icons.io](http://tabler-icons.io)?

---

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [February 24, 2025, 5:13pm UTC](https://community.weweb.io/t/load-fontawesome-6-icons/600/6 "2025-02-24T17:13:05Z")

</div>

Hi,

We have a paid version of Font Awesome v6.7.x using it in several custom code Front-End projects.

Now we want to add this icon set te Weweb. Which approach is best to use?

A) Add it as a font, like the example of Google Material Icons?  
B) Import it as icon set. This would be my preferred option, but it is not clear how to create al the files/resources needed to import it as icon set in Weweb.

Looking forward to some tips & tricks.