Social Media icons & buttons
Bootstrap Social Media icons & buttons - examples & tutorial
Social Media icons & Social Buttons with Bootstrap 5. Facebook, Twitter, Google, Instagram, LinkedIn, Pinterest, YouTube, GitHub, WhatsApp, Slack, Reddit & more
To learn more read Icons Docs & Buttons Docs.
Icons
Icons of some of the most popular social media. To find more have a look at Icon Search.
<!-- Facebook -->
<i class="fab fa-facebook-f"></i>
<!-- Twitter -->
<i class="fab fa-twitter"></i>
<!-- Google -->
<i class="fab fa-google"></i>
<!-- Instagram -->
<i class="fab fa-instagram"></i>
<!-- Linkedin -->
<i class="fab fa-linkedin-in"></i>
<!-- Pinterest -->
<i class="fab fa-pinterest"></i>
<!-- Vkontakte -->
<i class="fab fa-vk"></i>
<!-- Stack overflow -->
<i class="fab fa-stack-overflow"></i>
<!-- Youtube -->
<i class="fab fa-youtube"></i>
<!-- Slack -->
<i class="fab fa-slack-hash"></i>
<!-- Github -->
<i class="fab fa-github"></i>
<!-- Dribbble -->
<i class="fab fa-dribbble"></i>
<!-- Reddit -->
<i class="fab fa-reddit-alien"></i>
<!-- Whatsapp -->
<i class="fab fa-whatsapp"></i>
Brand colors & size
By using size classes you can change the size of the icons.
Use inline CSS to add brand colors.
<!-- Facebook -->
<i class="fab fa-facebook-f fa-2x" style="color: #3b5998;"></i>
<!-- Twitter -->
<i class="fab fa-twitter fa-2x" style="color: #55acee;"></i>
<!-- Google -->
<i class="fab fa-google fa-2x" style="color: #dd4b39;"></i>
<!-- Instagram -->
<i class="fab fa-instagram fa-2x" style="color: #ac2bac;"></i>
<!-- Linkedin -->
<i class="fab fa-linkedin-in fa-2x" style="color: #0082ca;"></i>
<!-- Pinterest -->
<i class="fab fa-pinterest fa-2x" style="color: #c61118;"></i>
<!-- Vkontakte -->
<i class="fab fa-vk fa-2x" style="color: #4c75a3;"></i>
<!-- Stack overflow -->
<i class="fab fa-stack-overflow fa-2x" style="color: #ffac44;"></i>
<!-- Youtube -->
<i class="fab fa-youtube fa-2x" style="color: #ed302f;"></i>
<!-- Slack -->
<i class="fab fa-slack-hash fa-2x" style="color: #481449;"></i>
<!-- Github -->
<i class="fab fa-github fa-2x" style="color: #333333;"></i>
<!-- Dribbble -->
<i class="fab fa-dribbble fa-2x" style="color: #ec4a89;"></i>
<!-- Reddit -->
<i class="fab fa-reddit-alien fa-2x" style="color: #ff4500;"></i>
<!-- Whatsapp -->
<i class="fab fa-whatsapp fa-2x" style="color: #25d366;"></i>