A Pen by Jason Calleiro.

index.html

<div class="loader-wrapper loader-wrapper-light">
	    <div class="loader">
	      <img src="https://dl.dropboxusercontent.com/u/264487/bg_mark.svg" width="42" alt="Loading...">
	    </div>
	</div>

	<div class="loader-wrapper loader-wrapper-dark">
	    <div class="loader">
	      <img src="https://dl.dropboxusercontent.com/u/264487/bg_mark.svg" width="42" alt="Loading...">
	    </div>
	</div>

qabyw.markdown

qabyw

A Pen by Jason Calleiro on CodePen.

License.

style.css

.loader-wrapper {
  width:200px;
  height:200px;
  display: inline-block;
  position: relative ;
}

.loader-wrapper-dark{
	background: #242424;
}

.loader-wrapper-light {
	background: #F1F1F1;
}

.loader {
  color: white;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  height: 47px;
}

.loader img {
  transform-origin: 21px 27px;
  animation: make-it-load 1.2s 0s infinite linear;
}


@keyframes make-it-load {
	0% {
		transform: rotate(0deg);
	}

	15% {
		transform: rotate(-20deg);
		animation-timing-function: ease-in;
	}

	100% {
		transform: rotate(360deg);
		animation-timing-function: ease-out;
	}
}