simple list icon using <ul>

social.less

ul.social {
	list-style: none;
	margin: 0;
	padding: 0;
	li{
		float: left;
		margin: 5px;
		a {
			display: block;
			border: 3px solid #aaa;
			color: #aaa;
			height: 40px;
			width: 40px;
			font-size: 20px;
			text-align: center;
			padding-top: 3px;
			.border-radius(50%);
			&:hover, &:focus {
				background: @brand-primary;
				border-color: @brand-primary;  
				color: white;
				text-decoration: none;
			}
		}
	}
}