# Changing icons to Font Awesome Pro Version

**URL:** https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873
**Category:** Feature
**Tags:** fontawesome-pro, completed
**Created:** [May 5, 2019, 2:04am UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873 "2019-05-05T02:04:16Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Merlls\_Rizzini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merlls_rizzini/32/125604_2.png) [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [May 5, 2019, 2:04am UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/1 "2019-05-05T02:04:16Z")

</div>

Is there any tutorial of how to switch my discourse icons to the pro version from Font Awesome?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 5, 2019, 2:13am UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/2 "2019-05-05T02:13:01Z")

</div>

Good idea, we should at least mention this somewhere @pmusaraj. Probably simple? I guess here in this topic is good!

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [May 6, 2019, 2:43pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/3 "2019-05-06T14:43:17Z")

</div>

If the Pro package includes one SVG sprite file, you can add that file in a theme or a theme component, and reference it as an asset with the variable `icons-sprite`:

```plaintext
"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

```

If there are multiple sprite files in Pro, you might want to add them to a plugin.

Add each SVG sprite file in the `plugins/your-plugin-name/svg-icons` folder and then restart your server (if in dev) or rebuild the site.

---

<div class="post-metadata">

### Author: ![Merlls\_Rizzini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merlls_rizzini/32/125604_2.png) [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [May 9, 2019, 7:57pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/6 "2019-05-09T19:57:03Z")

</div>

_Access to the Pro packages, which contain more icons and styles, require you to configure the `@fortawesome` scope to use our Pro NPM registry._ ([Using a Package Manager | Font Awesome Docs](https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers))

I’m trying to install the pro version but I’m having no sucess at this. Do you have any tip?

 ![59873340_2274600549301497_2045154540344311808_n](https://global.discourse-cdn.com/meta/original/3X/1/0/10ad32d017af4ea1c4635a434b456203da3d77a6.png)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [May 9, 2019, 8:01pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/7 "2019-05-09T20:01:55Z")

</div>

You should do these npm steps somewhere else, at `/var/discourse` is not a good place for them. Also, I’m not sure how the Pro package is shipped, but you only need the svg sprites in Discourse. The free ones are here: `https://github.com/FortAwesome/Font-Awesome/tree/master/sprites`

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [May 9, 2019, 8:04pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/8 "2019-05-09T20:04:52Z")

</div>

You’ll probably need to do that inside the container. You’d first do it with

```
./launcher enter app

```

and muck with it there, and then you’d edit `app.yml` to have it do that stuff when it built the container.

Or, you’d do that stuff elsewhere and get the svg file that you need and put it . . . somewhere.

And you probably don’t want to download all zillion of the things anyway.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [May 9, 2019, 8:22pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/9 "2019-05-09T20:22:19Z")

</div>

> [@pfaffman](#):
>
> And you probably don’t want to download all zillion of the things anyway.

Very much this, the move to FontAwesome 5 coincided with a change to selectively load what was needed and reduced the amount of data sent to the browser by 63%. Blindly loading everything in FA5 Pro would push the needle well in the opposite direction.

---

<div class="post-metadata">

### Author: ![Merlls\_Rizzini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merlls_rizzini/32/125604_2.png) [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [May 9, 2019, 8:47pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/10 "2019-05-09T20:47:41Z")

</div>

Actually I’m trying to change my icons to a more light style, not regular or solid. To use this style I need to be PRO on FontAwesome.

 ![57](https://global.discourse-cdn.com/meta/original/3X/b/2/b25ff82432790745ad5f054ac377c38faea4c2bc.png)

Example from a Discourse forum:

[![](https://global.discourse-cdn.com/meta/original/3X/0/6/06e3ba097c6544d8ea6f1d9e427c62f8832ea0aa.png) ](https://i.imgur.com/3NqRUhQ.png)

Or maybe those are custom icons.

---

<div class="post-metadata">

### Author: ![P16](https://avatars.discourse-cdn.com/v4/letter/p/b19c9b/32.png) [@P16](https://meta.discourse.org/u/P16)
#### Post date: [May 11, 2019, 2:40am UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/11 "2019-05-11T02:40:08Z")

</div>

I think it will be more cost-effective to use custom icons - there are loads of quality icon sites (or even sets) that don’t cost as much as FA pro.

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [May 9, 2020, 2:04am UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/12 "2020-05-09T02:04:10Z")

</div>

Hey @Merlls_Rizzini - If you’re still looking for this, [I just released a plugin](https://meta.discourse.org/t/fontawesome-pro-icons/150871) that allows a site to install all the pro icons, which should make this process a little easier.

There’s still a little work to do as you still need to figure out which icons you want to swap, and write a theme component to use the new icons (see the section about [replacing the default icons from this howto for details](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736) - currently there’s still no way to replace _all_ the icons with a different style (eg, replacing solid for light), but it hopefully makes it easier to do customizations like this.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [July 12, 2024, 4:17pm UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/13 "2024-07-12T16:17:59Z")

</div>



---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [July 13, 2024, 8:06am UTC](https://meta.discourse.org/t/changing-icons-to-font-awesome-pro-version/116873/14 "2024-07-13T08:06:39Z")

</div>


