# Can't change social network icons

**URL:** <https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118>\
**Category:** Help\
**Created:** [March 23, 2020, 8:00pm UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118 "2020-03-23T20:00:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahmdmo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/ahmdmo/32/2318_2.png) [@ahmdmo](https://talk.jekyllrb.com/u/ahmdmo)\
**Post date:** [March 23, 2020, 8:00pm UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118/1 "2020-03-23T20:00:48Z")

</div>

Hello everyone,

I want to change the icons for social network, I tried to change the class in “\_includes/ svg-icons.html” and it does not work.

I want to make twitter icon like this:  
[https://fontawesome.com/icons/twitter?style=brands](https://fontawesome.com/icons/twitter?style=brands)

you can check the repo here:

> **[ahmdmo/ahmdmo.github.io](https://github.com/ahmdmo/ahmdmo.github.io)**
>
> Blog. Contribute to ahmdmo/ahmdmo.github.io development by creating an account on GitHub.

appreciate your help. 🙂

---

<div class="post-metadata">

**Author:** ![MichaelCurrin](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/michaelcurrin/32/2340_2.png) [@MichaelCurrin](https://talk.jekyllrb.com/u/MichaelCurrin)\
**Post date:** [March 25, 2020, 10:23am UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118/2 "2020-03-25T10:23:05Z")

</div>

Good day

Yes you’ll use the snippet provided

```
<i class="fab fa-twitter"></i>

```

And you’ll also have to make sure fontawesome CSS gets loaded in your head includes file or a layout. Their website should have instructions.  
It might even be available as part of a Jekyll theme, such as jekyll-bulma which I use.

Finally, make sure you match the font awesome version. If you use font awesome v3 then v4 icons won’t work.

---

<div class="post-metadata">

**Author:** ![MichaelCurrin](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/michaelcurrin/32/2340_2.png) [@MichaelCurrin](https://talk.jekyllrb.com/u/MichaelCurrin)\
**Post date:** [March 25, 2020, 10:26am UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118/3 "2020-03-25T10:26:53Z")

</div>

Here a tutorial for adding and using Font Awesome in a project

[https://www.w3schools.com/icons/fontawesome\_icons\_intro.asp](https://www.w3schools.com/icons/fontawesome_icons_intro.asp)

---

<div class="post-metadata">

**Author:** ![ahmdmo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/ahmdmo/32/2318_2.png) [@ahmdmo](https://talk.jekyllrb.com/u/ahmdmo)\
**Post date:** [May 21, 2020, 10:33pm UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118/4 "2020-05-21T22:33:42Z")

</div>

Thank you  
I tried to change the class name but it doesn’t work.  
how can I know which version I used in font awesome?

---

<div class="post-metadata">

**Author:** ![MichaelCurrin](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/michaelcurrin/32/2340_2.png) [@MichaelCurrin](https://talk.jekyllrb.com/u/MichaelCurrin)\
**Post date:** [May 22, 2020, 12:42pm UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118/5 "2020-05-22T12:42:56Z")

</div>

Did you add the link tag I recommended for fontawesome to your index.html? Ideally use the latest version 5.0.0 instead of 4.7

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

```

You must add that before the class will work

Here is another reference

[https://fontawesome.com/icons/twitter?style=brands](https://fontawesome.com/icons/twitter?style=brands)

---

<div class="post-metadata">

**Author:** ![ahmdmo](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/ahmdmo/32/2318_2.png) [@ahmdmo](https://talk.jekyllrb.com/u/ahmdmo)\
**Post date:** [May 22, 2020, 9:50pm UTC](https://talk.jekyllrb.com/t/cant-change-social-network-icons/4118/6 "2020-05-22T21:50:40Z")

</div>

Thank you. I will try it.