• Post category:HTML

 HTML Code for Social Media Icons

 HTML code for social media icons

This article is about HTML code for social media icons. It is difficult for you to create social media icons individually so you can easily create them through another website. There are many websites available like font awesome, ionicons, etc to create social media or other icons.

You can create social media or other types of icons 

Step by Step Guide for add social media icons

  • Copy the below javascript code and paste it into your <body> section.
<script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script>
  • Go to ionicons and select your social media icons.
  • Copy the WEB COMPONENT CODE of your selected icon and paste it into your HTML body section.html code for social media icons

Example code

<!DOCTYPE html>
<html>
<head>
<title>Horizontal line width</title>
<script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script>
</head>
<body>
<p> Facebook </p>
<ion-icon name="logo-facebook"></ion-icon> <br/>
</body>
</html>

Output:html code for social media icons

Leave a Reply