# Icon code/name?

**URL:** <https://community.weweb.io/t/icon-code-name/4548>\
**Category:** How do I?\
**Created:** [September 23, 2023, 1:59pm UTC](https://community.weweb.io/t/icon-code-name/4548 "2023-09-23T13:59:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sensei](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@sensei](https://community.weweb.io/u/sensei)\
**Post date:** [September 23, 2023, 1:59pm UTC](https://community.weweb.io/t/icon-code-name/4548/1 "2023-09-23T13:59:36Z")

</div>

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/3da9e707cb1903821fceb88f23b4bea405624378.webp "New Recording - 23/09/2023, 15:58:33") ](https://vimeo.com/867473866/d8a7fb783e)

Super annoying. Besides having a very limited number of icons (basically, I could not find a “settings/gear” icon in any of the packages) it is very hard to find the name/code of an icon.  
E.g. I want the envelope icon. The name in the list appears to be “envelope”. I try to enter that text but nothing appears.

Is this a bug?

Thanks.

---

<div class="post-metadata">

**Author:** ![AJAW](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@AJAW](https://community.weweb.io/u/AJAW)\
**Post date:** [September 23, 2023, 10:48pm UTC](https://community.weweb.io/t/icon-code-name/4548/2 "2023-09-23T22:48:20Z")

</div>

I think it should be `fa fas-envelope` instead

---

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [September 24, 2023, 1:46am UTC](https://community.weweb.io/t/icon-code-name/4548/3 "2023-09-24T01:46:55Z")

</div>

Try cog or cogwheel for settings icon, I was able to find it!

---

<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:** [September 25, 2023, 1:34pm UTC](https://community.weweb.io/t/icon-code-name/4548/4 "2023-09-25T13:34:41Z")

</div>

> [@sensei](#):
>
> Super annoying. Besides having a very limited number of icons (basically, I could not find a “settings/gear” icon in any of the packages) it is very hard to find the name/code of an icon.

Thanks for the feedback @sensei, super helpful! Just shared it with the product team.

Re the value expected, @AJAW is correct, you need to first add the icon, note what it’s called (for example `fas fa-cog` then bind it as a string: `"fas fa-cog"`

 ![CleanShot 2023-09-25 at 15.34.09@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8f7c8f087cffdc2f340948b48b61960032cf41b5.png)

A bit of a hassle I know. We’ll look to improve how we handle icons in the future.