<< Go back

Social media - Fontawesome

Standard

<i class="fa-brands fa-x-twitter fa-xl"></i>
<i class="fa-brands fa-bluesky fa-xl"></i>
<i class="fa-brands fa-facebook fa-xl"></i>
<i class="fa-brands fa-instagram fa-xl"></i>
<i class="fa-brands fa-linkedin fa-xl"></i>
<i class="fa-brands fa-youtube fa-xl"></i>
<i class="fa-solid fa-envelope fa-xl"></i>
<i class="fa-solid fa-rss fa-xl"></i>

Standard - BAS blue

<i class="fa-brands fa-x-twitter fa-xl text-bsk-blue"></i>
<i class="fa-brands fa-bluesky fa-xl text-bsk-blue"></i>
<i class="fa-brands fa-facebook fa-xl text-bsk-blue"></i>
<i class="fa-brands fa-instagram fa-xl text-bsk-blue"></i>
<i class="fa-brands fa-linkedin fa-xl text-bsk-blue"></i>
<i class="fa-brands fa-youtube fa-xl text-bsk-blue"></i>
<i class="fa-solid fa-envelope fa-xl text-bsk-blue"></i>
<i class="fa-solid fa-rss fa-xl text-bsk-blue"></i>

Standard - with Tailwind colours

<i class="fa-brands fa-x-twitter fa-xl text-sky-600"></i>
<i class="fa-brands fa-bluesky fa-xl text-amber-400"></i>
<i class="fa-brands fa-facebook fa-xl text-green-600"></i>
<i class="fa-brands fa-instagram fa-xl text-violet-500"></i>
<i class="fa-brands fa-linkedin fa-xl text-red-600"></i>
<i class="fa-brands fa-youtube fa-xl text-indigo-500"></i>
<i class="fa-solid fa-envelope fa-xl text-yellow-500"></i>
<i class="fa-solid fa-rss fa-xl text-blue-600"></i>

Standard - square

<i class="fa-brands fa-square-x-twitter fa-xl"></i>
<i class="fa-brands fa-square-bluesky fa-xl"></i>
<i class="fa-brands fa-square-facebook fa-xl"></i>
<i class="fa-brands fa-square-instagram fa-xl"></i>
<i class="fa-brands fa-square-linkedin fa-xl"></i>
<i class="fa-brands fa-square-youtube fa-xl"></i>
<i class="fa-solid fa-square-envelope fa-xl"></i>
<i class="fa-solid fa-square-rss fa-xl"></i>