# Icon size settings

**URL:** <https://discourse.nodered.org/t/icon-size-settings/11402>\
**Category:** Dashboard\
**Created:** [22 May 2019 07:36 UTC](https://discourse.nodered.org/t/icon-size-settings/11402 "2019-05-22T07:36:27Z")\
**Posts on this page:** 7\
**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:** [22 May 2019 07:36 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/1 "2019-05-22T07:36:27Z")

</div>

I've got the icons working (from other post) but now I am stuck with the size.

```auto
msg = {payload: '<font color = "yellow" i class="wi wi-sunrise fa-2x"></i>'};

```

I am wanting to make it 1.5 size.

But if I make the line:

```auto
msg = {payload: '<font color = "yellow" i class="wi wi-sunrise fa-1.5x"></i>'};

```

It doesn't work.

---

<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:** [22 May 2019 07:41 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/2 "2019-05-22T07:41:43Z")

</div>

Font Awesome doesn't provide a class called `fa-1.5x`.

The available size classes are listed here: [https://fontawesome.com/v4.7.0/examples/#larger](https://fontawesome.com/v4.7.0/examples/#larger)

---

<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 May 2019 07:44 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/3 "2019-05-22T07:44:19Z")

</div>

My mistake.

It is just one of those cases where normal size is a bit too small, and x2 is just too big.

☹

---

<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:** [22 May 2019 07:46 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/4 "2019-05-22T07:46:47Z")

</div>

Paul's weather icons also provide sizing wi-2x up to wi-10x - see [https://github.com/Paul-Reed/weather-icons-lite](https://github.com/Paul-Reed/weather-icons-lite)

---

<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:** [22 May 2019 07:47 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/5 "2019-05-22T07:47:11Z")

</div>

so try wi-lg (or fa-lg)

---

<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 May 2019 07:49 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/6 "2019-05-22T07:49:49Z")

</div>

I just didn't think of that.

---

<div class="post-metadata">

**Author:** ![sarawut](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@sarawut](https://discourse.nodered.org/u/sarawut)\
**Post date:** [3 July 2021 05:38 UTC](https://discourse.nodered.org/t/icon-size-settings/11402/7 "2021-07-03T05:38:44Z")

</div>

Hi if i used icon from flaticons and copy link .png and paste to tab icon. How to increase sizing icon ?

Example if uesd awesome front typing fa-2X , fa-3X but i not use icon from awesone. Use from flaticon.

Please help me. Please see picture attached.

 ![FB_IMG_1625290678691](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/2/3276af12e5712b9016e5a1b98f58c0829eaa21d1.jpeg)  
 ![FB_IMG_1625290681069](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/4/0480f5672f158172bb3e372c79ecbf7f598623a0.jpeg)