Answers for "font awesome social icon"

1

font-awesome social

CONTENT BEFORE/AFTER CSS
<style>
.class:before {
    content: '\f16d'; /* Instagram */
    content: '\f09a'; /* Facebook */
    content: '\f099'; /* Twitter */
    content: '\f1e8'; /* Twitch*/
    content: '\e07b'; /* TikTok */

    font-family: 'Font Awesome 5 Brands';
}
</style>

EMBED ICON HTML
<i class="fab fa-instagram"></i>
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-twitch"></i>
<i class="fab fa-tiktok"></i>


REMEMBER TO IMPORT FONT AWESOME:
...add this lines to head
<link rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"
      integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V"
      crossorigin="anonymous" />
Posted by: Guest on July-12-2021

Browse Popular Code Answers by Language