Social Media icons & buttons
Bootstrap Social Media icons & buttons - examples & tutorial
Social Media icons & buttons built with Bootstrap 5. Facebook, Twitter, Google, Instagram, LinkedIn, Pinterest, YouTube, GitHub, WhatsApp, Slack, Reddit & more.
Bootstrap Icons CDN
Include the icon fonts stylesheet—in your website <head> or via @import in CSS—from our CDN and get started in seconds. See icon font docs for examples.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css"><!-- Facebook -->
<a class="btn btn-primary" style="background-color: #3b5998;" href="#!" role="button"
><i class="bi bi-pinterest"></i
></a>
<!-- Twitter -->
<a class="btn btn-primary" style="background-color: #55acee;" href="#!" role="button"
><i class="bi bi-twitter"></i
></a>
<!-- Google -->
<a class="btn btn-primary" style="background-color: #dd4b39;" href="#!" role="button"
><i class="bi bi-google"></i
></a>
<!-- Instagram -->
<a class="btn btn-primary" style="background-color: #ac2bac;" href="#!" role="button"
><i class="bi bi-instagram"></i
></a>
<!-- Linkedin -->
<a class="btn btn-primary" style="background-color: #0082ca;" href="#!" role="button"
><i class="bi bi-linkedin-in"></i
></a>
<!-- Pinterest -->
<a class="btn btn-primary" style="background-color: #c61118;" href="#!" role="button"
><i class="bi bi-pinterest"></i
></a>
<!-- Vkontakte -->
<a class="btn btn-primary" style="background-color: #4c75a3;" href="#!" role="button"
><i class="fab fa-vk"></i
></a>
<!-- Stack overflow -->
<a class="btn btn-primary" style="background-color: #ffac44;" href="#!" role="button"
><i class="bi bi-stack-overflow"></i
></a>
<!-- Youtube -->
<a class="btn btn-primary" style="background-color: #ed302f;" href="#!" role="button"
><i class="bi bi-youtube"></i
></a>
<!-- Slack -->
<a class="btn btn-primary" style="background-color: #481449;" href="#!" role="button"
><i class="bi bi-slack-hash"></i
></a>
<!-- Github -->
<a class="btn btn-primary" style="background-color: #333333;" href="#!" role="button"
><i class="bi bi-github"></i
></a>
<!-- Dribbble -->
<a class="btn btn-primary" style="background-color: #ec4a89;" href="#!" role="button"
><i class="bi bi-dribbble"></i
></a>
<!-- Reddit -->
<a class="btn btn-primary" style="background-color: #ff4500;" href="#!" role="button"
><i class="bi bi-reddit-alien"></i
></a>
<!-- Whatsapp -->
<a class="btn btn-primary" style="background-color: #25d366;" href="#!" role="button"
><i class="bi bi-whatsapp"></i
></a>
Nice
ReplyDelete