awesome font icon

<meta name="viewport" content="width=device-width, initial-scale=1">'

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div class="custom-social-icons">

<a href="#"><i class="fa fa-instagram" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-facebook-square" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-google-plus-square" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-pinterest-square" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-telegram" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-youtube-square" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-whatsapp" style="color: white; font-size: 28px;"></i>

</a><a href="#"><i class="fa fa-twitter-square" style="color: white; font-size: 28px;"></i> 

</a></div>

<i class="fa fa-close" style="font-size:48px;color:white"></i>

<i class="fa fa-bars"></i>