# Stuck with FontAwesome icons and using them
**URL:** https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558
**Category:** Dashboard
**Created:** [29 July 2026 20:08 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558 "2026-07-29T20:08:28Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [29 July 2026 20:08 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/1 "2026-07-29T20:08:28Z")
I'm posting here (now) in an attempt to avert Sod's law.
I want to use this icon:
(Link)
`https://fontawesome.com/icons/classic/solid/lips`
I'm short and understanding it is over my head.
I'll try to understand it, but as said at the start:
If I don't post the question, I (maybe) won't shoot myself in the foot and understand it.
Oh, _Back story_
I have messages and a **MUTE** option is needed for some.
OK, the `lips` aren't exactly the best, but if I overlay the `ban` icon... It kinda conveys the meaning.
I'm open to alternatives.
Font awesome, Material Design. Not partial.
---
### Author:  [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [29 July 2026 21:09 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/2 "2026-07-29T21:09:07Z")
> [@Trying\_to\_learn](#):
>
> I want to use this icon:
Where do you want to use it?
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [29 July 2026 21:16 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/3 "2026-07-29T21:16:52Z")
Local machine, local dashboard.
NR 4.0.9
Dashboard 1.x
---
### Author:  [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [29 July 2026 22:56 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/4 "2026-07-29T22:56:22Z")
> **[Font Awesome Docs](https://fontawesome.com/v4/cheatsheet/)**
>
> Official documentation for Font Awesome.
I think icons in this list (FA 4.7) are supported by Dashboard 1. Here are a few that may work for βmuteβ.
Hope this helps.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [30 July 2026 11:30 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/5 "2026-07-30T11:30:42Z")
> [@Trying\_to\_learn](#):
>
> [Lips Filled Icon (Classic Solid) β SVG Download | Font Awesome](https://fontawesome.com/icons/classic/solid/lips)
That is one of the "pro" set. You need to buy a pro license to use it.
There are alternatives. This is the first one I found:
[https://www.svgrepo.com/svg/303803/lips](https://www.svgrepo.com/svg/303803/lips)
Download and use as an SVG image.
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [31 July 2026 00:58 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/6 "2026-07-31T00:58:31Z")
Super big hugs.
That is great.
---
### Author:  [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [31 July 2026 01:06 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/7 "2026-07-31T01:06:22Z")
Ok, I have the svg file and I can _use_ it. But _positioning it_ is seeming a bit tricky.
and
First one ok.
The second one (in red) seems a bit high.
This is a `ui_button` ode.
But it isn't as simple as that.
(Obviously) π
The details are sent to the node as `msg.txt` and `msg.colour`
`colour` is the background colour.
`txt` is the _icon_.
Here's what I have for both.
` 
`
and
` `
The _square size_ is 42 x 42 pixels in the `dashboard` settings.
Off topic - kinda.
The _meaning/s_ are: Mute and non-mute.
I'm stuck being happy with which is which and the colours used.
Thoughts?
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [31 July 2026 13:24 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/8 "2026-07-31T13:24:52Z")
> [@Trying\_to\_learn](#):
>
> The second one (in red) seems a bit high.
Maybe check the default styling of the img tag, probably has margins.
> [@Trying\_to\_learn](#):
>
> ``
You could likely embed the SVG code directly. This should give you more styling options.
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [30 August 2026 13:25 UTC](https://discourse.nodered.org/t/stuck-with-fontawesome-icons-and-using-them/101558/9 "2026-08-30T13:25:07Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.