Bootstrap 5 social media sharing icons — a free Bootstrap 5 button snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1<div class = "container">
2 <h1> Social Media Sharing icons </h1>
3
4 <div class="social-icons">
5 <!-- Facebook -->
6<a class="btn btn-primary" style="background-color: #234ca1;" href="#" role="button"
7 ><i class="fab fa-facebook-f"></i></a>
8
9<!-- Twitter -->
10<a class="btn btn-primary" style="background-color: #06a5d1;" href="#" role="button"
11 ><i class="fab fa-twitter"></i></a>
12
13<!-- Google -->
14<a class="btn btn-primary" style="background-color: #dd4b39;" href="#" role="button"
15 ><i class="fab fa-google"></i></a>
16
17<!-- Instagram -->
18<a class="btn btn-primary" style="background: linear-gradient(to bottom left, #ff00ff 50%, #ffff00 100%);" href="#" role="button"
19 ><i class="fab fa-instagram"></i></a>
20
21<!-- Linkedin -->
22<a class="btn btn-primary" style="background-color: #0082ca;" href="#" role="button"
23 ><i class="fab fa-linkedin-in"></i></a>
24
25<!-- Pinterest -->
26<a class="btn btn-primary" style="background-color: #c61118;" href="#" role="button"
27 ><i class="fab fa-pinterest"></i></a>
28
29<!-- Stack overflow -->
30<a class="btn btn-primary" style="background-color: #ffac44;" href="#" role="button"
31 ><i class="fab fa-stack-overflow"></i></a>
32
33<!-- Youtube -->
34<a class="btn btn-primary" style="background-color: #ff0000;" href="#" role="button"
35 ><i class="fab fa-youtube"></i></a>
36
37<!-- Slack -->
38<a class="btn btn-primary" style="background-color: #ff9f26;" href="#" role="button"
39 ><i class="fab fa-slack-hash"></i></a>
40
41<!-- Github -->
42<a class="btn btn-primary" style="background-color: #3d3d3d;" href="#" role="button"
43 ><i class="fab fa-github"></i></a>
44
45<!-- Dribbble -->
46<a class="btn btn-primary" style="background-color: #ec4a89;" href="#" role="button"
47 ><i class="fab fa-dribbble"></i></a>
48
49<!-- Reddit -->
50<a class="btn btn-primary" style="background-color: #ed4e05;" href="#" role="button"
51 ><i class="fab fa-reddit-alien"></i></a>
52
53<!-- Whatsapp -->
54<a class="btn btn-primary" style="background-color: #2fc467;" href="#" role="button"
55 ><i class="fab fa-whatsapp"></i></a>
56</div>
57</div>
Pure CSS Neon Button
Add a button to your UI with Pure CSS Neon Button. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Firework Animation on Button Click
Firework Animation on Button Click — a free Bootstrap 5 button snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.
Pure CSS Pulsing Button ripple effect animation
Pure CSS Pulsing Button ripple effect animation: a hand-crafted, open-source Bootstrap 5 button. HTML & CSS included, ready to copy.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.