Single element Compile logo

compile_logo.html

<!-- http://codepen.io/pen/WoRdgW -->

<div class="logo"></div>

style.scss

$bg: #4a90e2;
$fg: #fff;
$lgsize: 100px;
$barsize: 10px;

body {
  text-align: center;
  padding: 140px;
  .logo {
    margin: auto;
    border-radius: 50%;
    height: $lgsize;
    width: $lgsize;
    background: $bg;
    position: relative;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .3);

    &:after, &:before {
      content: "";
      display: block;
      width: $barsize;
      background: $fg;
      position: absolute;
    }
    &:after {
      height: 25px;
      top: 45px;
      left: 35px;
    }
    &:before {
      height: 45px;
      top: 25px;
      right: 35px;
    }
  }
}