# Change sharing icon on posts

**URL:** https://meta.discourse.org/t/change-sharing-icon-on-posts/44471
**Category:** UX
**Created:** [May 19, 2016, 3:41am UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471 "2016-05-19T03:41:24Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![tomwrench](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomwrench/32/54576_2.png) [@tomwrench](https://meta.discourse.org/u/tomwrench)
#### Post date: [May 19, 2016, 3:41am UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471/1 "2016-05-19T03:41:24Z")

</div>

Is it possible to change the current ‘Share’ icon on posts with the below icon? This appears to be the standard icon associated with sharing on Android and Google applications.

![](https://global.discourse-cdn.com/meta/original/3X/c/c/cc01eaf3fcfa779b1b3d3542d54f52256aae69c4.PNG)

> **[Font Awesome](https://fontawesome.com/)**
>
> The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 19, 2016, 4:11am UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471/2 "2016-05-19T04:11:28Z")

</div>

You can override it with CSS as you please.

---

<div class="post-metadata">

### Author: ![tomwrench](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomwrench/32/54576_2.png) [@tomwrench](https://meta.discourse.org/u/tomwrench)
#### Post date: [May 19, 2016, 6:21am UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471/3 "2016-05-19T06:21:35Z")

</div>

For reference for others who come across this, the below achieves what I wanted.

`.fa-chain:before, .fa-link:before { content: "\f1e0"; }`

---

<div class="post-metadata">

### Author: ![AshishS](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ashishs/32/120759_2.png) [@AshishS](https://meta.discourse.org/u/AshishS)
#### Post date: [July 7, 2017, 10:52am UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471/4 "2017-07-07T10:52:35Z")

</div>

> [@tomwrench](#):
>
> .fa-chain:before, .fa-link:before {  
> content: “\f1e0”;  
> }

Revisiting this thread. This also changes the link icon in the editor.

Plus: How can one change the sharing icon on mobile?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [July 7, 2017, 10:16pm UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471/5 "2017-07-07T22:16:36Z")

</div>

This is basic CSS, target the correct element. Mobile CSS goes in the mobile area in admin, customize.

---

<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: [May 18, 2018, 10:56am UTC](https://meta.discourse.org/t/change-sharing-icon-on-posts/44471/6 "2018-05-18T10:56:56Z")

</div>

Changing an icon globally is very simple using APIs

> [@Change icons globally](https://meta.discourse.org/t/change-icons-globally-using-the-apis/87751):
>
> This is an easy way to change a Discourse icon globally. Right click on the icon you want to change and select “Inspect element” or “Inspect” (depends on the browser) Find the icon name Search a new icon here [Find Icons with the Perfect Look & Feel | Font Awesome](https://fontawesome.com/icons?d=gallery), e.g. [external-link-alt](https://fontawesome.com/icons/external-link-alt?style=solid) Customize and add the code in your admin \> customize \> themes \> edit code -\> JS tab // {theme}/javascripts/discourse/api-initializers/init-theme.gjs import { apiInitializer } from "disco…
