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.

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: