Documentation Theme

Font Awesome

Font Awesome 6 free is already GDPR-friendly installed locally and ready to use. Use the icons by pasting the <i>...</i> element into your HTML content.

<i class="fa-brands fa-facebook-square"></i>

Use with Bootstrap classes and components.

<i class="display-1 fa-brands fa-instagram text-danger"></i>
Follow me
<a class="btn btn-primary" href="#"><i class="fa-brands fa-twitter"></i> Follow me</a>
<a class="btn btn-warning btn-lg d-block" href="#"><i class="fa-brands fa-bootstrap"></i> + <i class="fa-brands fa-wordpress"></i></a>


Simply insert icons by shortcode to the body text.

Simply insert [bsfa fa-brands fa-font-awesome] icons by shortcode to the body text. [bsfa fa-solid fa-thumbs-up]

5 Comments on “Font Awesome”

  • Trishah Woolley


    I would like to use Font Awesome Pro instead of the free version. What is the best way to do this?



    Thank you for this plugin. It saved me today. About the only thing that didn’t work was trying to do a font awesome icon `fa-envelope`. The style is there, but the glyph doesn’t show.



    is it a limited set shipped?



      My previous comment is being moderated. I typed in a markdown style comment for HTML code and it didn’t get through, but stranger than that, a random string that I didn’t type “is it a limited set shipped?” got in.

      The code I tried to put was an icon element with `class=”fab fa-envelope”`

      • Basti


        Hi Trevor,

        markdowns doesn’t work here in comments. Fontawesome free is installed here. fab fa-envelope doesn’t exist, you have to use fas fa-envelope or far fa-envelope. https://fontawesome.com/v5.15/icons/envelope?style=solid

        <i class="fas fa-envelope"></i> <i class="far fa-envelope"></i>

Comments are closed.

To top