# How to use font awesome

**URL:** <https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386>\
**Category:** General\
**Created:** [May 13, 2017, 8:01pm UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386 "2017-05-13T20:01:49Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jamilwa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jamilwa/32/50327_2.png) [@jamilwa](https://forum.freecodecamp.org/u/jamilwa)\
**Post date:** [May 13, 2017, 8:01pm UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386/1 "2017-05-13T20:01:49Z")

</div>

i tried including a icon but it didn’t appear. i referred font awesome website,but don’t know how to use it…  
here’s the link to the portfolio [http://codepen.io/jamilwa/pen/MmOvbo?editors=1100#presentation](http://codepen.io/jamilwa/pen/MmOvbo?editors=1100#presentation)

---

<div class="post-metadata">

**Author:** ![vipulrawat.imi](https://avatars.discourse-cdn.com/v4/letter/v/74df32/32.png) [@vipulrawat.imi](https://forum.freecodecamp.org/u/vipulrawat.imi)\
**Post date:** [May 13, 2017, 8:09pm UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386/2 "2017-05-13T20:09:11Z")

</div>

Hello jamilwa,  
I have seen your code . Things I will suggest are:

1. Use your font-awesome cdn in the Pen Setting\>HTML\>Stuff for “head” . Like you included the `meta` tag.
2. In your LinkedIn button , you are closing the `i` tag twice .

Try changing it.

---

<div class="post-metadata">

**Author:** ![jamilwa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jamilwa/32/50327_2.png) [@jamilwa](https://forum.freecodecamp.org/u/jamilwa)\
**Post date:** [May 14, 2017, 4:49pm UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386/3 "2017-05-14T16:49:18Z")

</div>

thanks vipulrawat .  
i have fixed the _tag…but i’m confused about font-awesome thing you asked me to add…  
i never added the meta tag…i guess meta tag was added by default…  
can you tell me in detail how to add the font awesome?_

---

<div class="post-metadata">

**Author:** ![gcamacho079](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gcamacho079/32/159027_2.png) [@gcamacho079](https://forum.freecodecamp.org/u/gcamacho079)\
**Post date:** [May 14, 2017, 5:16pm UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386/4 "2017-05-14T17:16:54Z")

</div>

In your Pen **Settings** , click **CSS** and type in ‘font-awesome’ in the blank field under **Add External CSS** ; the font-awesome stylesheet should pop up.

Or, alternatively, link to the CDN in the head section, rather than to your local download of Font Awesome; you can find the latest CDN link [here](https://www.bootstrapcdn.com/fontawesome/).

---

<div class="post-metadata">

**Author:** ![jamilwa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jamilwa/32/50327_2.png) [@jamilwa](https://forum.freecodecamp.org/u/jamilwa)\
**Post date:** [May 14, 2017, 5:22pm UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386/5 "2017-05-14T17:22:27Z")

</div>

thank you so much gcamacho…it’s working 😆

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 9:37am UTC](https://forum.freecodecamp.org/t/how-to-use-font-awesome/115386/6 "2021-01-17T09:37:37Z")

</div>