# How to add Custom Icon

**URL:** <https://community.hubspot.com/t/how-to-add-custom-icon/80331>\
**Category:** CMS Development\
**Tags:** free\
**Created:** [May 1, 2023, 4:08pm UTC](https://community.hubspot.com/t/how-to-add-custom-icon/80331 "2023-05-01T16:08:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![workbird](https://avatars.discourse-cdn.com/v4/letter/w/73ab20/32.png) [@workbird](https://community.hubspot.com/u/workbird)\
**Post date:** [May 1, 2023, 4:08pm UTC](https://community.hubspot.com/t/how-to-add-custom-icon/80331/1 "2023-05-01T16:08:30Z")

</div>

I am trying to add some custom icon (postman, swagger, openAPI SVG icons). I created custom module for svg icon but didn’t find option to add it.

It would be great help if anyone can suggest.

 ![svg-1.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/b/b070f1b3046795a59908f05856bc75295d4c14ba.jpeg)  
Created Custom Module  
 ![icon-add.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/a/aab565c7008de5d9ab4f5a5f60aa8d901ba87424.jpeg)  
Hubspot Icons  
 ![image.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/0/b0b32dcdd8752e02c4d84c60cf4ada8029754d1e.png)  
No option to upload manually

Thanks in advance

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [May 2, 2023, 4:31pm UTC](https://community.hubspot.com/t/how-to-add-custom-icon/80331/2 "2023-05-02T16:31:15Z")

</div>

Hey, @workbird 👋 Thanks for reaching out. Have a look at this post from our community champion @Anton for one approach — [Custom icon](https://community.hubspot.com/t5/CMS-Development/Custom-icon-fonts/m-p/551196/highlight/true#M26706).

Best,

Jaycee

---

<div class="post-metadata">

**Author:** ![workbird](https://avatars.discourse-cdn.com/v4/letter/w/73ab20/32.png) [@workbird](https://community.hubspot.com/u/workbird)\
**Post date:** [May 2, 2023, 5:33pm UTC](https://community.hubspot.com/t/how-to-add-custom-icon/80331/3 "2023-05-02T17:33:33Z")

</div>

Hi [@Jaycee\_Lewis](https://community.hubspot.com/t5/user/viewprofilepage/user-id/127074)

That was a work around if using text field. But here in case -

 ![workbird_1-1683048745227.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/0/90c53154158c998393a6e97d1793452343ee820f.png)

I have to select icon from default hubspot icon menue (sidebar opened up).

Thanks

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [May 8, 2023, 5:07am UTC](https://community.hubspot.com/t/how-to-add-custom-icon/80331/4 "2023-05-08T05:07:19Z")

</div>

Hi @workbird,

HubSpot does not use the most recent fontAwesome release. I think it’s still 5.x or so. Therefore a lot of the newer icons aren’t available in the icon field.

If you need this icon I suggest you to [download all desktop icons](https://fontawesome.com/download) and use it as a PNG in a image field/option or create your custom module like I’ve descriebed in the linked solution by [@Jaycee\_Lewis](https://community.hubspot.com/t5/user/viewprofilepage/user-id/127074).

Also - since it seems to be a custom/theme module; you can replace the icon function with my solution/workaround.

best,

Anton