# Hoe voeg ik een linkpictogram toe aan de header

**URL:** https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962
**Category:** Development
**Created:** [2 februari 2024 om 19:30 UTC](https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962 "2024-02-02T19:30:22Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2 februari 2024 om 19:30 UTC](https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962/1 "2024-02-02T19:30:22Z")

</div>

Please tell me how to add a link icon to the header.  
Preferably with an example of hrml code

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/4/5/945a3b9579ff0fbf8c06d7178157007a3b9cd7a7.png)

If I understand correctly, this needs to be inserted in the “header” section

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/3/c/d3cb96869ff3cf1d272668621219bf771f17cc4d.png)

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [2 februari 2024 om 19:32 UTC](https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962/2 "2024-02-02T19:32:03Z")

</div>

To be clear, do you just want to add an icon, an icon that is a link, or just a link?

---

<div class="post-metadata">

### Author: ![Gonerdot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gonerdot/32/366307_2.png) [@Gonerdot](https://meta.discourse.org/u/Gonerdot)
#### Post date: [2 februari 2024 om 19:35 UTC](https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962/3 "2024-02-02T19:35:04Z")

</div>

An icon that will be a link. I want to get an icon from Font Awesome.

I mean, just like this one.  
 ![image](https://global.discourse-cdn.com/meta/original/4X/6/3/b/63b8cfb2f2621b1e9411595aba0b0f64f9b6de5b.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2 februari 2024 om 19:50 UTC](https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962/5 "2024-02-02T19:50:43Z")

</div>

Here is a component that does what you want:

> [@Custom Header Links (icons)](https://meta.discourse.org/t/custom-header-links-icons/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 …

You can look at how it’s done on GitHub: [https://github.com/discourse/discourse-icon-header-links/blob/main/javascripts/discourse/initializers/initialize-for-header-icon-links.js](https://github.com/discourse/discourse-icon-header-links/blob/main/javascripts/discourse/initializers/initialize-for-header-icon-links.js)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [3 maart 2024 om 19:50 UTC](https://meta.discourse.org/t/how-to-add-a-link-icon-to-the-header/293962/6 "2024-03-03T19:50:50Z")

</div>

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