dashicons

/*
HTML
---------------------------------------------------------------------------------------------------- */

<div class="desktop"><a href="#"></a></div>


/*
CSS
---------------------------------------------------------------------------------------------------- */

.desktop a {
	background-color: #111;
	border-radius: 240px;
	display: inline-block;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 40px;
	padding: 40px;
	text-align: center;
}

.desktop a:before {
	color: #fff;
	content: "\f472";
	font-family: "dashicons";
	font-size: 120px;
	line-height: 1em;
	text-align: center;
	width: 1em;
}

.desktop a:hover {
	background-color: #777;
}