# Material design icons vs font awesome

**URL:** https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615
**Category:** Dashboard
**Created:** [26 June 2019 14:13 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615 "2019-06-26T14:13:16Z")
**Posts on this page:** 7
**Page:** 3

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [9 July 2019 07:48 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/41 "2019-07-09T07:48:52Z")

</div>

This is due to angular stripping out anything dangerous like scripts and styles. But you can get round it by using html and the \<font tag we mentioned earlier... it can take a color attribute so this will work.

```
<font color="red"><i class="fa fa-book fa-2x"></i></font>
```

---

<div class="post-metadata">

### Author: ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [9 July 2019 07:51 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/42 "2019-07-09T07:51:24Z")

</div>

dceejay,

I thought the idea was to get away from using `<font>` ...... tags.

Anyway, ok. Thanks.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [9 July 2019 07:54 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/43 "2019-07-09T07:54:24Z")

</div>

er no - the idea is to use tags correctly - in open and closing pairs.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [9 July 2019 09:07 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/44 "2019-07-09T09:07:02Z")

</div>

> [@Trying\_to\_learn](#):
>
> I thought the idea was to get away from using `<font>` ...... tags.

> [@dceejay](#):
>
> er no - the idea is to use tags correctly - in open and closing pairs.

To be fair, both statements are correct.

Font tags shouldn't be used _if possible_ and a framework _should_ not force you to use old tags when CSS is a much better approach.

However, it does and Dave's answer is, as always, correct 🙂

---

<div class="post-metadata">

### Author: ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)
#### Post date: [9 July 2019 09:27 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/45 "2019-07-09T09:27:07Z")

</div>

I shall have to again bow to superior knowledge.

But the _if possible_ part wasn't in my knowledge base at time of posting.

So a lot of what I wan . . . .

Nah, I'll just dig another hole.

I'll shut up and re-process what was said now.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [9 July 2019 09:38 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/46 "2019-07-09T09:38:59Z")

</div>

Sometimes you have to accept that logic doesn't apply - just knowledge 😄

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [18 June 2020 14:55 UTC](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615/47 "2020-06-18T14:55:59Z")

</div>



[Previous page](https://discourse.nodered.org/t/material-design-icons-vs-font-awesome/12615.md?page=2)
