# Social media icon

**URL:** https://forum.codewithmosh.com/t/social-media-icon/9709
**Category:** HTML/CSS
**Created:** [January 5, 2022, 8:43am UTC](https://forum.codewithmosh.com/t/social-media-icon/9709 "2022-01-05T08:43:05Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Maryam](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/maryam/32/2647_2.png) [@Maryam](https://forum.codewithmosh.com/u/Maryam)
#### Post date: [January 5, 2022, 8:43am UTC](https://forum.codewithmosh.com/t/social-media-icon/9709/1 "2022-01-05T08:43:05Z")

</div>

social media icons arenot working with me

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/b/bd96f9432e7512737c9e86db2727d50c4803a14f.png)  
i tried both ways also not working with me , i dont know what is wrong

---

<div class="post-metadata">

### Author: ![Maryam](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/maryam/32/2647_2.png) [@Maryam](https://forum.codewithmosh.com/u/Maryam)
#### Post date: [January 5, 2022, 8:43am UTC](https://forum.codewithmosh.com/t/social-media-icon/9709/2 "2022-01-05T08:43:58Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/a/af42c2819a25016135e3fb69464c34049518c182.png)

---

<div class="post-metadata">

### Author: ![SrikarGunnam](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@SrikarGunnam](https://forum.codewithmosh.com/u/SrikarGunnam)
#### Post date: [January 5, 2022, 10:29am UTC](https://forum.codewithmosh.com/t/social-media-icon/9709/3 "2022-01-05T10:29:37Z")

</div>

@Maryam, you need to import font-awesome from cdnjs to work with font awesome icons.

here is the site link where you can find the link tag [font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers](https://cdnjs.com/libraries/font-awesome).

from there you can copy Link Tag which you can paste inside HEAD tag of your HTML

This should fix your problem.

---

<div class="post-metadata">

### Author: ![procoder](https://avatars.discourse-cdn.com/v4/letter/p/9de0a6/32.png) [@procoder](https://forum.codewithmosh.com/u/procoder)
#### Post date: [February 24, 2024, 4:31pm UTC](https://forum.codewithmosh.com/t/social-media-icon/9709/4 "2024-02-24T16:31:00Z")

</div>

Yes I agree, that would be the right approach.

---

<div class="post-metadata">

### Author: ![techytony](https://avatars.discourse-cdn.com/v4/letter/t/e9bcb4/32.png) [@techytony](https://forum.codewithmosh.com/u/techytony)
#### Post date: [April 25, 2024, 1:44pm UTC](https://forum.codewithmosh.com/t/social-media-icon/9709/5 "2024-04-25T13:44:22Z")

</div>

I just did a Google search, add this line of code to the “head” section, and see if it helps

```auto
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

```