This repository provides a list of popular social media brand colors represented as CSS classes, along with corresponding Font Awesome v5 icons. This can be useful for styling social media buttons or icons in your web projects.
Here's the list of social media brands with their respective CSS classes and Font Awesome v5 icons:
<ul>
<li class="facebook"><i class="fab fa-facebook-f"></i> Facebook</li>
<li class="instagram"><i class="fab fa-instagram"></i> Instagram</li>
<li class="twitter"><i class="fab fa-twitter"></i> Twitter</li>
<li class="linkedin"><i class="fab fa-linkedin-in"></i> LinkedIn</li>
<li class="pinterest"><i class="fab fa-pinterest"></i> Pinterest</li>
<li class="youtube"><i class="fab fa-youtube"></i> YouTube</li>
<li class="snapchat"><i class="fab fa-snapchat-ghost"></i> Snapchat</li>
<li class="tumblr"><i class="fab fa-tumblr"></i> Tumblr</li>
<li class="reddit"><i class="fab fa-reddit"></i> Reddit</li>
<li class="whatsapp"><i class="fab fa-whatsapp"></i> WhatsApp</li>
<li class="tiktok"><i class="fab fa-tiktok"></i> TikTok</li>
<li class="spotify"><i class="fab fa-spotify"></i> Spotify</li>
<li class="twitch"><i class="fab fa-twitch"></i> Twitch</li>
<li class="discord"><i class="fab fa-discord"></i> Discord</li>
<li class="github"><i class="fab fa-github"></i> GitHub</li>
<li class="medium"><i class="fab fa-medium"></i> Medium</li>
<li class="behance"><i class="fab fa-behance"></i> Behance</li>
<li class="dribbble"><i class="fab fa-dribbble"></i> Dribbble</li>
<li class="slack"><i class="fab fa-slack"></i> Slack</li>
<li class="tinder"><i class="fab fa-tinder"></i> Tinder</li>
</ul>
You can use these CSS classes and Font Awesome icons in your HTML to style social media buttons or icons:
<ul class="social-media-list">
<!-- Add li elements with social media classes and icons -->
</ul>