# How to add icon and description in custom node

**URL:** <https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834>\
**Category:** General\
**Created:** [24 August 2022 07:17 UTC](https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834 "2022-08-24T07:17:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vedant](https://avatars.discourse-cdn.com/v4/letter/v/ba9def/32.png) [@Vedant](https://discourse.nodered.org/u/Vedant)\
**Post date:** [24 August 2022 07:17 UTC](https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834/1 "2022-08-24T07:17:49Z")

</div>

Hello Everyone!  
I am trying to add some description about the node and it's inputs as well as add Icon for the respective inputs of the custom node. Can anyone tell me if it is possible? Any reference link or help would be great! I am adding some images for your reference. Thank you!

 ![fastetherdescrip](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/6/f6a2753235d172ce7b9ad275dec5e5ccd8ec713a.png)  
 ![iconfastether](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/208b2015ecc434e92265526e18c36af6373008d5.png)

---

<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:** [24 August 2022 07:22 UTC](https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834/2 "2022-08-24T07:22:40Z")

</div>

You can use the Description and Appearance tabs of the edit dialog to set those things: [Nodes : Node-RED](https://nodered.org/docs/user-guide/editor/workspace/nodes#editing-node-properties)

---

<div class="post-metadata">

**Author:** ![Vedant](https://avatars.discourse-cdn.com/v4/letter/v/ba9def/32.png) [@Vedant](https://discourse.nodered.org/u/Vedant)\
**Post date:** [24 August 2022 07:33 UTC](https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834/3 "2022-08-24T07:33:32Z")

</div>

Thanks for your reply! I was wondering if there is any way to add the icon for the inputs such as command, value etc as in the picture?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [24 August 2022 08:37 UTC](https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834/4 "2022-08-24T08:37:12Z")

</div>

> [@Vedant](#):
>
> I was wondering if there is any way to add the icon for the inputs such as command, value etc as in the picture

You can use [FontAwsome 4.7 icons](https://fontawesome.com/v4/icons/)

e.g...

```auto
    <div class="form-row">
        <label for="node-input-command"><i class="fa fa-cog"></i> Command</label>
        <input type="text" id="node-input-command" style="width: calc(100% - 130px)" placeholder="command to run">
    </div> 

```

---

<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:** [7 September 2022 08:37 UTC](https://discourse.nodered.org/t/how-to-add-icon-and-description-in-custom-node/66834/5 "2022-09-07T08:37:50Z")

</div>

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