# Fa-microchip icon

**URL:** <https://discourse.nodered.org/t/fa-microchip-icon/61152>\
**Category:** Developing Nodes\
**Tags:** http-request\
**Created:** [12 April 2022 07:59 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152 "2022-04-12T07:59:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 07:59 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/1 "2022-04-12T07:59:20Z")

</div>

Hi.  
I try edit existing node and have little problem with icons .  
for example : fa-microchip is working , and show good , but use class="fa fa-network-wired"  
then show nothing . Where are stored all icons ? may be need just upload ..

regards.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 08:05 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/2 "2022-04-12T08:05:04Z")

</div>

As far as I'm aware, node-RED uses font awesome v4.7, which library contains fa-microchip, but not fa-network-wired.

> **[Font Awesome Icons](https://fontawesome.com/v4/icons/)**
>
> Font Awesome, the iconic font and CSS framework

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:07 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/3 "2022-04-12T08:07:51Z")

</div>

ok , I try find something .. thanks ..

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:09 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/4 "2022-04-12T08:09:42Z")

</div>

or upload own file \*.ico ???  
where need do it ..?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 08:11 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/5 "2022-04-12T08:11:53Z")

</div>

Read the guide - [Node appearance : Node-RED](https://nodered.org/docs/creating-nodes/appearance)

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:28 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/6 "2022-04-12T08:28:43Z")

</div>

`<label for="node-input-variant"><i class="fa fa-network-wired"></i> I2C Address</label>`

this is line what I need to change . I download file (png) and upload to icon directory . now need change code .. sorry .. I try it .. any example ?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 08:36 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/7 "2022-04-12T08:36:22Z")

</div>

Just replace fa-microchip (mentioned in your first post above) with the name of the image file that you have installed.  
No need to use `fa` prefix (as it's not being loaded as a font awesome icon).

Note - I see that you have edited your last post since I wrote this, but the same comment applies.

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:40 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/8 "2022-04-12T08:40:07Z")

</div>

sorry ..  
try this :

```auto
<label for="node-input-variant"><i class="wired-network.png"></i> I2C Address</label>

```

or I need ico file ?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 08:41 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/9 "2022-04-12T08:41:19Z")

</div>

> [@dzairo](#):
>
> or I need ico file ?

No, you don't

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:42 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/10 "2022-04-12T08:42:50Z")

</div>

then not working , I try it as you see , restart node red , refresh page .. still not show .. it ..

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 08:45 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/11 "2022-04-12T08:45:07Z")

</div>

> [@dzairo](#):
>
> not working

Did you format & save the image file as it described in the guide?  
Correct size, etc...

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:48 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/12 "2022-04-12T08:48:32Z")

</div>

The icon should be white on a transparent background, with a 2:3 aspect ratio, with a minimum of 40 x 60 in size.

...ehm I don't do it .. use existing .. I think so it's easy .. no not easy.. in node need define i2c port and address , this icon want for address .. use ```  
fa fa-code-fork

```nohighlight
thanks for your time ..
```

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 08:50 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/13 "2022-04-12T08:50:24Z")

</div>

> [@dzairo](#):
>
> ...ehm I don't do it ..

Well there's your answer 😉

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 08:54 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/14 "2022-04-12T08:54:30Z")

</div>

sorry.. I just download png file , 256x256 resolution , and then convert to ico ..  
I don't change aspect ration , or resolution ..  
 ![wired-network](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/9/d9a80ac175b450ba47d549203a41bb68a1affdae.png)  
here is file , can you try do it ? just for future .. may be need it .. or for another used ..

regards.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 09:11 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/15 "2022-04-12T09:11:38Z")

</div>

> [@dzairo](#):
>
> can you try do it

I've helped you with how to present the icon in node-RED, I'm afraid that formatting the image is for you to do, then you'll know how to do it next time.  
Use Google, and I'm sure you will find a solution easily.

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 09:21 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/16 "2022-04-12T09:21:19Z")

</div>

pls send me just one png file with correct format .. and I try reformat it ..

Ehm , I install node for controll i2c LCD (20x4) .. and original is for rpi , I don't know how man y i2c port have , but I use orange pi zero , there are 3 port i2c-dev0 and i2c-dev1 , then I add option to select port , address also more option .. this is reason why I start rewrite original code ..  
thaks for your time , later I need more help ..

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [12 April 2022 09:48 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/17 "2022-04-12T09:48:09Z")

</div>

Have a look at [node-red-contrib-clarify/nodes/icons at main · clarify/node-red-contrib-clarify · GitHub](https://github.com/clarify/node-red-contrib-clarify/tree/main/nodes/icons) as an example.

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 10:08 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/18 "2022-04-12T10:08:38Z")

</div>

Hi.  
I try it .. but not working .. I need real working example ..  
thanks for your time ..

---

<div class="post-metadata">

**Author:** ![dzairo](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@dzairo](https://discourse.nodered.org/u/dzairo)\
**Post date:** [12 April 2022 10:09 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/19 "2022-04-12T10:09:42Z")

</div>

```auto
   <div class="form-row">
        <label for="node-input-address"><i class="fa fa-code-fork"></i> I2C Address</label>
        <select type="text" id="node-input-address" style="width:100px;">
            <option value="39">0x27</option>
            <option value="38">0x26</option>
            <option value="37">0x25</option>
            <option value="36">0x24</option>
            <option value="35">0x23</option>
            <option value="34">0x22</option>
            <option value="33">0x21</option>
            <option value="32">0x20</option>
            <option value="63">0x3F</option>
            <option value="62">0x3E</option>
            <option value="61">0x3D</option>
            <option value="60">0x3C</option>
            <option value="59">0x3B</option>
            <option value="58">0x3A</option>
            <option value="57">0x39</option>
            <option value="56">0x38</option>
        </select>
    </div>

```

This is code .. write here what I need change ..

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [11 June 2022 10:10 UTC](https://discourse.nodered.org/t/fa-microchip-icon/61152/20 "2022-06-11T10:10:11Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.