Dashicons social rounded basic

by Roberto Apasajja

HTML

<link rel="stylesheet" href="https://developer.wordpress.org/wp-includes/css/dashicons.min.css">
<span class="dashicons dashicons-facebook-alt"></span> Share on Facebook<br>
<span class="dashicons dashicons-twitter"></span> Share on Twitter<br>
<span class="dashicons dashicons-googleplus"></span> Share on Google+

CSS

.dashicons {
  color: #fff;
  border-radius: 50%;
  padding:10px;
  vertical-align:middle;
}

.dashicons-facebook-alt {
  background: #3b5998;
}

.dashicons-twitter {
  background: #55acee;
}

.dashicons-googleplus {
  background: #dd4b39;
}