# Font Awesome Icons

**URL:** <https://forums.knack.com/t/font-awesome-icons/18766>\
**Category:** API & Custom Code\
**Created:** [February 15, 2025, 5:54pm UTC](https://forums.knack.com/t/font-awesome-icons/18766 "2025-02-15T17:54:41Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![CarlHolmes](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/carlholmes/32/2814_2.png) [@CarlHolmes](https://forums.knack.com/u/CarlHolmes)\
**Post date:** [February 15, 2025, 5:54pm UTC](https://forums.knack.com/t/font-awesome-icons/18766/1 "2025-02-15T17:54:41Z")

</div>

In this video, I demonstrate how to replace standard text links with icons, streamline their appearance, and even incorporate a wider range of icons using the Font Awesome library.

Whether you’re looking to enhance your application’s aesthetics or improve user experience, this tutorial might provide some fresh insights. Check it out and let me know your thoughts!

Don’t forgot to like 👍 - if you do 😂

Font Awesome Integration

[![](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/d/d29bf5fbf236d57f339df42d27aa311a64ee61cb.jpeg "Font Awesome Integration") ](https://www.youtube.com/watch?v=SfuopZuqYKE)

---

<div class="post-metadata">

**Author:** ![StephenChapman](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/stephenchapman/32/1759_2.png) [@StephenChapman](https://forums.knack.com/u/StephenChapman)\
**Post date:** [February 16, 2025, 1:32am UTC](https://forums.knack.com/t/font-awesome-icons/18766/2 "2025-02-16T01:32:57Z")

</div>

I didn’t realise there was a CDN library available for Font Awesome! I thought I’d have to use FA’s kit, which has API limits. Thanks Carl!

I had made a [feature request](https://product.knack.com/feedback/149939) a couple of years ago to ask for a more modern version native to Knack.

---

<div class="post-metadata">

**Author:** ![CarlHolmes](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/carlholmes/32/2814_2.png) [@CarlHolmes](https://forums.knack.com/u/CarlHolmes)\
**Post date:** [February 16, 2025, 7:15am UTC](https://forums.knack.com/t/font-awesome-icons/18766/3 "2025-02-16T07:15:41Z")

</div>

@StephenChapman - The only thing I couldn’t get to work was adding the code to a menu button. It just displayed the code. However, I don’t tend to just use icons on menu links, they always have supporting text. It just means I can’t leverage the additional font awesome icons.

---

<div class="post-metadata">

**Author:** ![MaxPagel93229](https://avatars.discourse-cdn.com/v4/letter/m/ecc23a/32.png) [@MaxPagel93229](https://forums.knack.com/u/MaxPagel93229)\
**Post date:** [February 19, 2025, 12:20am UTC](https://forums.knack.com/t/font-awesome-icons/18766/4 "2025-02-19T00:20:24Z")

</div>

This is awesome!

Have you done any testing on mobile, andriod/IOS to see how it behaves there?

---

<div class="post-metadata">

**Author:** ![CarlHolmes](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/carlholmes/32/2814_2.png) [@CarlHolmes](https://forums.knack.com/u/CarlHolmes)\
**Post date:** [February 19, 2025, 9:20am UTC](https://forums.knack.com/t/font-awesome-icons/18766/5 "2025-02-19T09:20:20Z")

</div>

It works fine on IOS 👍

 ![image](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/1/1c9b7a6892f6663b385f87caa02494be43e00d60.jpeg)

![My YouTube Channel](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/f/f60a1ee88ca7108b96f309b0b152538b771fd15f.png)  
[**Click here - over 100 Knack tutorials**](https://www.youtube.com/@chprojectsupport/videos?sub_confirmation=1)