<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
<style>
.social-icons a {
text-decoration: none;
color: orange;
margin-right: 12px;
padding: 0px;
font-size: 27px;
}
</style>
<div class="social-icons">
<div class="social-icons__icons">
<a class="slink" href="Your Twitter URL">
<i class="fab fa-twitter"></i>
</a>
<a class="slink" href="Your Instagram URL">
<i class="fab fa-instagram"></i>
</a>
<a class="slink" href="Your linkedin URL">
<i class="fab fa-linkedin-in"></i>
</a>
<a class="slink" href="Your Pinterest URL">
<i class="fab fa-pinterest"></i>
</a>
<a class="slink" href="Your Youtube URL">
<i class="fab fa-youtube"></i>
</a>
<a class="slink" href="Your Facebook URL">
<i class="fab fa-facebook"></i>
</a>
</div>
</div>
This Fontawesome file supports this social icons
Using the html code above and using the class below you can use those social icons. If you face any issue please feel free to let me know in comments section
fab fa-facebook-f
: Facebookfab fa-twitter
: Twitterfab fa-instagram
: Instagramfab fa-linkedin-in
: LinkedInfab fa-youtube
: YouTubefab fa-pinterest-p
: Pinterestfab fa-snapchat-ghost
: Snapchatfab fa-tumblr
: Tumblrfab fa-reddit
: Redditfab fa-whatsapp
: WhatsAppfab fa-telegram
: Telegramfab fa-skype
: Skypefab fa-discord
: Discordfab fa-tiktok
: TikTok- fab fa-500px: 500px
- fab fa-accessible-icon: Accessible Icon
- fab fa-accusoft: Accusoft
- fab fa-acquisitions-incorporated: Acquisitions Incorporated
- fab fa-adn: App.net
- fab fa-adobe: Adobe
- fab fa-adversal: Adversal
- fab fa-affiliatetheme: affiliatetheme
- fab fa-airbnb: Airbnb
- fab fa-algolia: Algolia
- fab fa-alipay: Alipay
- fab fa-amazon: Amazon
- fab fa-amazon-pay: Amazon Pay
- fab fa-amilia: Amilia
- fab fa-android: Android
- fab fa-angellist: AngelList
- fab fa-angrycreative: Angry Creative
- fab fa-angular: Angular
- fab fa-app-store: App Store
- fab fa-app-store-ios: App Store iOS
- fab fa-apper: Apper Systems AB
- fab fa-apple: Apple
- fab fa-apple-pay: Apple Pay
- fab fa-artstation: ArtStation
- fab fa-asymmetrik: Asymmetrik, Ltd.
- fab fa-atlassian: Atlassian
- fab fa-audible: Audible
- fab fa-autoprefixer: Autoprefixer
- fab fa-avianex: Avianex
- fab fa-aviato: Aviato
- fab fa-aws: Amazon Web Services (AWS)
- fab fa-bandcamp: Bandcamp
- fab fa-battle-net: Battle.net
- fab fa-behance: Behance
- fab fa-behance-square: Behance Square
- fab fa-bitbucket: Bitbucket
- fab fa-bitcoin: Bitcoin
- fab fa-bity: Bity
- fab fa-black-tie: Black Tie
- fab fa-blackberry: BlackBerry
- fab fa-blogger: Blogger
- fab fa-blogger-b: Blogger B
- fab fa-blender: Blender
- fab fa-bluetooth: Bluetooth
- fab fa-bluetooth-b: Bluetooth
- fab fa-bootstrap: Bootstrap
- fab fa-btc: Bitcoin
- fab fa-buffer: Buffer
- fab fa-buromobelexperte: Büromöbel-Experte GmbH & Co. KG.
- fab fa-buy-n-large: Buy n Large
- fab fa-buysellads: BuySellAds
- fab fa-canadian-maple-leaf: Canadian Maple Leaf
- fab fa-cc-amazon-pay: Amazon Pay Credit Card
- fab fa-cc-amex: American Express Credit Card
- fab fa-cc-apple-pay: Apple Pay Credit Card
- fab fa-cc-diners-club: Diners Club Credit Card
- fab fa-cc-discover: Discover Credit Card
- fab fa-cc-jcb: JCB Credit Card
- fab fa-cc-mastercard: MasterCard Credit Card
- fab fa-cc-paypal: PayPal Credit Card
- fab fa-cc-stripe: Stripe Credit Card
- fab fa-cc-visa: Visa Credit Card
- fab fa-centercode: Centercode
- fab fa-centos: CentOS
- fab fa-chrome: Chrome
- fab fa-chromecast: Chromecast
- fab fa-cloudflare: Cloudflare
- fab fa-cloudscale: Cloudscale.ch
- fab fa-cloudsmith: Cloudsmith
- fab fa-cloudversify: cloud