Web Development

Show Facebook, Twitter, Instagram, Linkedin, Pinterest, Youtube and more social icon using Fontawesome

<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: Facebook
  • fab fa-twitter: Twitter
  • fab fa-instagram: Instagram
  • fab fa-linkedin-in: LinkedIn
  • fab fa-youtube: YouTube
  • fab fa-pinterest-p: Pinterest
  • fab fa-snapchat-ghost: Snapchat
  • fab fa-tumblr: Tumblr
  • fab fa-reddit: Reddit
  • fab fa-whatsapp: WhatsApp
  • fab fa-telegram: Telegram
  • fab fa-skype: Skype
  • fab fa-discord: Discord
  • fab 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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s