beta logo

index.html

<a class="ctr-logo">
  <div class="logo">
  </div>
</a>

style.css

body,
.logo,
.logo:after{ 
  background-color: #FFF;

background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 0.125em, #DDD 0.125em, #DDD 0.25em);

background-size: 6px 6px;
}
.ctr-logo {
  position: relative;
  display: block;
  width: 15em;
  height: 15em;
  margin: 5em auto;
  background: url('http://lorempixel.com/400/400') 0 0 no-repeat;
  border-radius: 50%;
  
}
.logo {
  position: relative;
  top: 40%;
  left: 40%;
  width: 30%;
  height: 30%;

}
.logo:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
   width: 50%;
    height: 50%;
  
}