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" />