# Using Facebook icon in Brand Header

**URL:** https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644
**Category:** Support
**Tags:** brand-header
**Created:** [9월 13, 2019, 1:21오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644 "2019-09-13T01:21:44Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![smileypants707](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/smileypants707/32/129984_2.png) [@smileypants707](https://meta.discourse.org/u/smileypants707)
#### Post date: [9월 13, 2019, 1:21오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/1 "2019-09-13T01:21:44Z")

</div>

Hey there, so I can’t figure out what’s wrong here:

I have this FB icon typed in correctly,

 ![Screenshot%20(22)](https://global.discourse-cdn.com/meta/original/3X/1/c/1cf0120c0c0d0a3eff42016dda81d9a51a7aed27.png)

But it is invisible in the header:

 ![Screenshot%20(23)](https://global.discourse-cdn.com/meta/original/3X/c/5/c50dbb59ce27a6281f5932ed6959eeb19fe15755.png)

The invisible icon takes me to the correct FB page if I click on it in the header, but the icon simply isn’t visible.

Any thoughts?

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [9월 13, 2019, 1:37오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/2 "2019-09-13T01:37:37Z")

</div>

Thought: black icon with transparent surround over a black background perhaps?

---

<div class="post-metadata">

### Author: ![smileypants707](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/smileypants707/32/129984_2.png) [@smileypants707](https://meta.discourse.org/u/smileypants707)
#### Post date: [9월 13, 2019, 1:58오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/3 "2019-09-13T01:58:04Z")

</div>

I changed the color value of the icons in this component to $tertiary, so it matches each individual theme.

The Instagram icon is perfectly fine, and the FB icon link works perfectly fine, it just isn’t visible.

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [9월 13, 2019, 2:21오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/4 "2019-09-13T02:21:09Z")

</div>

Hmmm. It still seems like it must be there though. Have you checked with Dev tools to see if it is there? And while you’re at it check the icon color is correctly being applied? Perhaps the FB icon is being overridden somehow.

Can you share a link to the community site?

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [9월 13, 2019, 2:37오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/5 "2019-09-13T02:37:06Z")

</div>

My Facebook icon setting looks a bit different:

```
facebook-f,https://www.facebook.com/GlobalNamati

```

---

<div class="post-metadata">

### Author: ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)
#### Post date: [9월 13, 2019, 4:00오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/6 "2019-09-13T04:00:38Z")

</div>

> <https://github.com/discourse/discourse/blob/37e7998a829f9125fd7fc5dc5c8ec8cc9bb9e544/app/assets/javascripts/discourse-common/lib/icon-library.js.es6#L173-L176>

In case of “facebook” & “facebook-f” icons you should add “facebook-f” into the `custom font awesome icons` setting.

---

<div class="post-metadata">

### Author: ![smileypants707](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/smileypants707/32/129984_2.png) [@smileypants707](https://meta.discourse.org/u/smileypants707)
#### Post date: [9월 13, 2019, 4:23오전 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/7 "2019-09-13T04:23:26Z")

</div>

Hey, this worked like a charm! Thank you so much @vinothkannans! This really had me puzzled.

 ![Screenshot%20(24)](https://global.discourse-cdn.com/meta/original/3X/1/0/1092e42dac138ebc6d690c80335c0abebf28309e.png)

---

<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: [6월 18, 2024, 9:58오후 UTC](https://meta.discourse.org/t/using-facebook-icon-in-brand-header/312644/8 "2024-06-18T21:58:31Z")

</div>

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