Sample CSS used for social media links using Ionicons with the Genesis Framework.

sample.css

/* Ionicons
--------------------------------------------- */

.site-footer p.social a {
	border: 1px solid #949792;
	border-radius: 50%;
	color: #949792;
	display: inline-block;
	height: 42px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	width: 42px;
}

.site-footer p.social a:hover {
	border: 1px solid #fff;
	color: #fff;
}