SCSS - circle icon

by Rodwyn Moreno

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<span class="glyphicon icon"></span>

SCSS

.icon {
  border-radius: 50%;
  background: #ff6014;
  width: 74px;
  height: 74px;
  border: red solid thin;
  display: inline-block;
  position: relative;
  
  &::before {
    content:'\e072';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
  }
}