Fontawesome access with Html5?

Beginners
1

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
FA HTML5893Ă—548 65.2 KB

2

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

1 Like
3

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

<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;
}
4

Which element did you add?

5

<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.

6

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

7

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.

8

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
The stack allows you to “stack” multiple icons like a circle and flag.
image
Bob

1 Like