Live Demo - Font-awesome best design spinner icon using bootstrap

See Free Live Demo example of we provide bootstrap with font-awesome icon with best design.and you can easy implement in your project. you can get code of bootstrap font awesome social snippet. we give you example of bootstrap font awesome example , you can simple copy bellow code and use in your project. If it free snippets...

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
	<div class="row">
		<div class="col-md-offset-3 col-md-5 text-center main-section">
			<div class="row">
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-facebook"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-instagram"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-twitter"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-whatsapp"></i></a>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-dropbox"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-dribbble"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-google"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-youtube"></i></a>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-linkedin"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-paypal"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-google-wallet"></i></a>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-3 icon">
					<a href="#"><i class="fa fa-apple"></i></a>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>

body{
    background-color:#f1f1f1;
}
.main-section{
    background-color: #fff;
    padding:15px;
}
.icon{
    margin: 15px 0px;
}
.icon a i{
    height:70px;
    width: 70px;
    color:#fff;
    padding: 12px 0px 12px 0px;
    border-radius: 50%;
    font-size:45px;
    transition:transform 0.4s ease-in-out;
    transition: 0.70s;
}
.icon a i:hover{
    transform: rotate(360deg);
    padding: 8px 0px 15px 0px;
    transition: 0.70s;
    font-size:53px;
}
.fa-facebook{
    background-color: #3B5998;
}
.fa-instagram{
    background-color: #B46A4A;
}
.fa-twitter{
    background-color: #43BCEB;
}
.fa-whatsapp{
    background-color: #189D0E;
}
.fa-dropbox{
    background-color: #4E85E5;
}
.fa-dribbble{
    background-color: #D77CA5;
}
.fa-google{
    background-color: #C63E24;
}
.fa-youtube{
    background-color: #FA3B3A;
}
.fa-linkedin{
    background-color: #1D82D4;
}
.fa-paypal{
    background-color: #009CDE;
}
.fa-google-wallet{
    background-color: #D73938;
}
.fa-apple{
    background-color: #6D6E71;
}