# Fontawesome access with Html5?

**URL:** https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130
**Category:** Beginners
**Created:** [January 7, 2022, 4:36pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130 "2022-01-07T16:36:51Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [January 7, 2022, 4:36pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/1 "2022-01-07T16:36:51Z")

</div>

Any way to access font awesome with PG html?  
I only see 4 FAs. Do I need to search the web for specific FAs?

 ![FA HTML5](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/bd4f523c43b6951b6ffe7b575c979ccd90791548.png)

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [January 7, 2022, 4:49pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/2 "2022-01-07T16:49:40Z")

</div>

Hi @kat,  
I’m guessing you mean 4 different elements in the library to add to your page? These are for selecting the type of icon that gets added to the page. Once you add a icon type element to the you can use the Properties panel to select the exact icon of that type you want.  
Let me know if this helps,  
Bob

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [January 7, 2022, 8:58pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/3 "2022-01-07T20:58:36Z")

</div>

> [@RobM](#):
>
> use the Properties panel to select the exact icon of that type you want.

Worked perfectly, unfortunately no social media icons.  
What am I doing wrong with my social media icons set up – only twitter shows?

```auto
<div class="socMedia">
    <ul>
        <li><a href="https://www.youtube.com/user/venuer"><i class="fab fa-youtube-2x"></i></a>
        </li>
        <li>
            <a href="https://m.facebook.com/PoetryLA-52030254167/"><i class="fab fa-facebook-square-2x"></i></a>
        </li>
        <li>
            <a href="https://twitter.com/PoetryLA"><i class="fab fa-twitter"></i></a>
        </li>
        <li>
            <a href="https://www.instagram.com/poetry.la/"><i class="fab fa-twitter-2x"></i></a>
        </li>
    </ul>
</div>
.socMedia {
    display: flex;
}

.socMedia ul {
    display: flex;
    align-items: center;
}

.socMedia ul li {
    display: flex;
    align-items: center;
}

```

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [January 7, 2022, 9:16pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/4 "2022-01-07T21:16:01Z")

</div>

Which element did you add?

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [January 7, 2022, 9:57pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/5 "2022-01-07T21:57:04Z")

</div>

`<a href="https://www.youtube.com/user/venuer"><i class="fab fa-youtube-2x"></i></a>`  
I wanted the youtube icon to show but it doesn’t.

I added an FA from PG just to test then removed it. PG’s FA doesn’t have social media icons like youtube or twitter.

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [January 8, 2022, 10:33am UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/6 "2022-01-08T10:33:21Z")

</div>

Hi @kat,  
They are under “FA brands icon”. Sorry, my first message was a little misleading/wrong. I forgot that FA5 split off any “trademark” icons to a separate type. So, 2x facebook would be `fa-facebook fa-2x fab`.  
Sorry,  
Bob

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [January 8, 2022, 3:19pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/7 "2022-01-08T15:19:44Z")

</div>

Do FA stack, FA regular, & FA solid all have different icons, too?  
PG has all these secret doors that make things easy, but first you have to know where they are. Little by little I’m learning.

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [January 8, 2022, 5:20pm UTC](https://forum.pinegrow.com/t/fontawesome-access-with-html5/6130/8 "2022-01-08T17:20:53Z")

</div>

Hi @kat,  
The solid, regular, and brands sets are different - see the cheatsheet here where you can toggle to see what is on each. [Font Awesome](https://fontawesome.com/v5/cheatsheet/free/solid)  
The stack allows you to “stack” multiple icons like a circle and flag.  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d7c7ffc1d1c6e199076cf98f3349f239f5e3a099.png)  
Bob
