# Adding a custom Link/Icon to the discourse header

**URL:** https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038
**Category:** Support
**Created:** [3 أكتوبر 2016، 9:12م UTC](https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038 "2016-10-03T21:12:49Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![LastDance](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lastdance/32/121324_2.png) [@LastDance](https://meta.discourse.org/u/LastDance)
#### Post date: [3 أكتوبر 2016، 9:12م UTC](https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038/1 "2016-10-03T21:12:49Z")

</div>

Hey there,  
I would like to add an Icon/Link to my IRC channel on the Discourse header  
 ![](https://global.discourse-cdn.com/meta/original/3X/c/a/ca8878e19a0c8daa5cd1b51cf6ab8cb3585ea0de.png)  
-----^-----  
right there.

I i know enough HTML to create the icon and put a link on it, but I’m not sure how to actually put it on the header (ive been trying for hours)

Can i get some advice?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [3 أكتوبر 2016، 9:24م UTC](https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038/2 "2016-10-03T21:24:52Z")

</div>

You will want to read this

> [@(Superseded) Add new link on header beside search icon](https://meta.discourse.org/t/add-new-link-on-header-beside-search-icon/48621):
>
> mega This feature is now available as a [dedicated theme component](https://meta.discourse.org/t/iconified-header-links/86307). Want to add a new link right next to search icon on header? Follow below steps: Add this JavaScript code to your site theme Go to Admin Customize Themes Select the theme you wish to customize Edit CSS/HTML \</head\> \<script type="text/discourse-plugin" version="0.4"\> const { iconNode } = require("discourse-common/lib/icon-library"); api.decorateWidget('header-icons:before', helper =\> { return helper.h('li', [ he…

---

<div class="post-metadata">

### Author: ![LastDance](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lastdance/32/121324_2.png) [@LastDance](https://meta.discourse.org/u/LastDance)
#### Post date: [3 أكتوبر 2016، 9:43م UTC](https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038/3 "2016-10-03T21:43:07Z")

</div>

Thanks a bunch. I spent way to long looking for something like that 😄

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [21 يناير 2019، 6:23م UTC](https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038/4 "2019-01-21T18:23:49Z")

</div>

The easiest way **now** is to add this component to your theme

> [@Custom Header Links (icons)](https://meta.discourse.org/t/iconified-header-links/86307):
>
> discourse2Summary Custom Header Links (icons) will allow you to easily add linked icons to the Discourse header.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-header-links-icons)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-icon-header-links](https://github.com/discourse/discourse-icon-header-links)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Screenshots Desktop Mobile Settings This component includes a …

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [21 يناير 2019، 6:24م UTC](https://meta.discourse.org/t/adding-a-custom-link-icon-to-the-discourse-header/51038/5 "2019-01-21T18:24:07Z")

</div>