# Discourse Lucide Icons

**URL:** https://meta.discourse.org/t/discourse-lucide-icons/400133
**Category:** Theme component
**Created:** [April 7, 2026, 3:51pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133 "2026-04-07T15:51:15Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [April 7, 2026, 3:51pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/1 "2026-04-07T15:51:15Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Replace the default solid icons from Font Awesome with this open-source stroke icon set |
| 👓 | **Preview** | Used here on Meta in the Meta Branded theme |
| 🛠 | **Repository** | [github.com/discourse/discourse-lucide-icons](https://github.com/discourse/discourse-lucide-icons) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

Bring a fresh icon system to your Discourse forum by swapping out the default Font Awesome icons with [Lucide](https://lucide.dev) — a modern, open-source set of consistent, lightweight stroke icons.

* * *

### Why Lucide?

Discourse ships with Font Awesome, which is a solid general-purpose icon library. However, the free tier of Font Awesome has a limited selection of stroke-style icons, not enough to build a coherent stroke icon system. Lucide fills that gap: it’s a community-maintained fork of Feather Icons with a growing library of clean SVG icons that work beautifully at all sizes.

This component is used here on [meta.discourse.org](https://meta.discourse.org) as part of the Meta Branded theme.

* * *

### Settings

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/5/8/4584ccd5b5b7757ebc0c7acf35090160269f89ed.png)

* * *

### A preview of the full icon library

The component adds a limited set that aims to map all default Font Awesome icons.

[Lucide](https://lucide.dev/icons) offers many more icons. To include additional ones in your theme, see [Replace Discourse’s default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736).

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/5/9/d59940eb024158ca93b818ad51227563d04a5da3.png)

* * *

### Notes & Known Limitations

- Not all Font Awesome icons have a direct Lucide equivalent. In some cases, the component intentionally keeps the Font Awesome version (e.g. filled variants of the square and circle icons).
- The icon mapping is actively being improved. Feedback on specific icons is welcome!

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 7, 2026, 4:57pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/2 "2026-04-07T16:57:27Z")

</div>

I’m so happy to see this!

I stumbled on it by chance when I made Quote Callout TC, and the lightweight stroke (and variation) makes really a difference. I’m now using it most of the time when I can!

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [April 7, 2026, 10:21pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/3 "2026-04-07T22:21:22Z")

</div>

So cute, I’m testing 😃

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [April 7, 2026, 11:15pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/4 "2026-04-07T23:15:49Z")

</div>

The icon of the button to jump the the post one is replying to is like a ‘share’ button, which doesn’t seem right.

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/2/4/924ce19c11bdd14393c6d73974ba5803c0abe35d.png)

I’ve also posted another bit of my feedback here: [Rebuilding the Meta Branded theme: New icons, a custom homepage, and a first look at the Blocks API - #12 by NateDhaliwal](https://meta.discourse.org/t/rebuilding-the-meta-branded-theme-new-icons-a-custom-homepage-and-a-first-look-at-the-blocks-api/400013/12).

---

<div class="post-metadata">

### Author: ![cuo\_wu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cuo_wu/32/498442_2.png) [@cuo\_wu](https://meta.discourse.org/u/cuo_wu)
#### Post date: [April 12, 2026, 3:21pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/5 "2026-04-12T15:21:02Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/e/e/e/eee50f0b8978611667a7efd2f56fbd4cc5dcb8bf.png)

[Icons – Lucide](https://lucide.dev/icons/calendar-heart) calendar-heart can’t show in Discourse. I’ve added it in subnet svg icons.

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/0/6/10661bbbf3565e9a3dd6342dec542c8e931829fa.png)

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [April 12, 2026, 11:01pm UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/6 "2026-04-12T23:01:19Z")

</div>

I think that functionality is purely for Font Awesome 6.

In order to get more Lucide icons into your site I believe you need to do this:

> [@manuel](#):
>
> [Lucide](https://lucide.dev/icons) offers many more icons. To include additional ones in your theme, see [Replace Discourse’s default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736).

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [April 13, 2026, 5:02am UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/7 "2026-04-13T05:02:53Z")

</div>

> [@moin](#):
>
> ![image](https://global.discourse-cdn.com/meta/original/4X/5/8/f/58f5726c17d8719f722c1c434c6afb809ff77748.png)

Quite difficult to respond to a Boost!

I think we are still on 6.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [April 13, 2026, 5:05am UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/8 "2026-04-13T05:05:04Z")

</div>

[https://github.com/discourse/discourse/commit/5228729e5f6806b235b50034a739b559baa51192](https://github.com/discourse/discourse/commit/5228729e5f6806b235b50034a739b559baa51192)

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [April 13, 2026, 5:09am UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/9 "2026-04-13T05:09:43Z")

</div>

Wow! That isn’t well documented on [meta.discourse.org](http://meta.discourse.org), is it? Certainly I couldn’t find anything via Search, and neither could [ask.discourse.org](http://ask.discourse.org)!!!

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [May 2, 2026, 8:21am UTC](https://meta.discourse.org/t/discourse-lucide-icons/400133/10 "2026-05-02T08:21:10Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/d/8/3/d8362105daad4170e21003d51cb237a070b4dd36.png)  
I find the icons at the bottom of the edit history very confusing. The icon on the left that means “go to the previous version” is mirrored on the right to mean “jump to the latest version.” Can’t the icons be designed as matching pairs so that you can use them in the same way for both “back” and “forward”?
