# Animated Font Awesom icons question

**URL:** <https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653>\
**Category:** Dashboard\
**Created:** [29 August 2018 09:33 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653 "2018-08-29T09:33:50Z")\
**Posts on this page:** 6\
**Page:** 1

<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:** [29 August 2018 09:33 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653/1 "2018-08-29T09:33:50Z")

</div>

👋

I was wondering how I could get an icon for a "fan blade" (propeller?) working.

I don't mind putting in the work, but at this stage I don't know how to make them.

Yeah: search.

But if someone has already got one, I thought it would be easier.

Anyway, just asking/wondering.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [29 August 2018 10:01 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653/2 "2018-08-29T10:01:37Z")

</div>

If you're looking purely at the Font Awesome icon set, then there are examples here: [https://fontawesome.com/v4.7.0/examples/#animated](https://fontawesome.com/v4.7.0/examples/#animated)

In summary, pick the FA icon you want to use ([https://fontawesome.com/v4.7.0/icons/](https://fontawesome.com/v4.7.0/icons/)) then add `fa-spin` to class to make it rotate. For example: `fa fa-star fa-spin`

---

<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:** [29 August 2018 10:07 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653/3 "2018-08-29T10:07:29Z")

</div>

I missed that part that you could spin ANY icon.

I (mistakenly) thought that you had to use the Spinner Icons to spin....

But I am wanting (hoping?) to find/get/use one that is a fan/propeller and it spins.

Searching the list, I can't find any fan or propeller.

Spinner is not really cutting it and cog/gear NEARLY gets it, but that one is a COG rather than a fan.

It may work as it isn't "mission critical" that the icon is perfect. More for information/visual queuing.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [29 August 2018 10:17 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653/4 "2018-08-29T10:17:04Z")

</div>

Request for fan icon is in open state. Maybe some day...

> <https://github.com/FortAwesome/Font-Awesome/issues/3684>

---

<div class="post-metadata">

**Author:** ![SteveMann](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stevemann/32/3810_2.png) [@SteveMann](https://discourse.nodered.org/u/SteveMann)\
**Post date:** [14 October 2020 16:33 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653/5 "2020-10-14T16:33:36Z")

</div>

I can't believe that two years later, there still isn't a fan icon. I wound up using arrows-alt:  
_fa-arrows-alt fa-spin fa-2x_

---

<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:** [22 October 2020 01:08 UTC](https://discourse.nodered.org/t/animated-font-awesom-icons-question/2653/6 "2020-10-22T01:08:53Z")

</div>

If it is any conciliation: I use the COG icon. It looks enough like a fan to suffice my needs.