<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 120 120">
<defs>


<clipPath id="circle-clip">
<use overflow="visible" xlink:href="#a"/>
<path class="clip" id="SVGID_1_" d="M101.8 123.4c10-.4 18.2 5.4 18.2 5.4V0H0v128.8s9.7-5.2 17.1-5.2 10.5 6.3 20.9 6.3c10.2 0 12.7-4.2 22.1-4.2s12 5.4 20.6 5.4 11.1-7.4 21.1-7.7z"/>
</clipPath>
</defs>
<g clip-path="url(#circle-clip)">
<path d="M15.2 14c-2.6 0-5 2.1-5.4 4.7L4.3 51l101.6.1c2.6 0 5-2.1 5.4-4.7l5.5-32.3L15.2 14zm0-3.3l105.5.1-6.2 36.1c-.7 4.1-4.4 7.4-8.6 7.4L.4 54.2l6.2-36.1c.7-4.1 4.4-7.4 8.6-7.4z"/>
<path d="M21.7 24.7h8.6c1.6 0 3 1.3 3 2.9 0 1.5-.4 2.7-1.2 3.7-.4.5-.8.8-1.3 1.1.8.5 1.2 1.3 1.2 2.6 0 1.5-.4 2.7-1.2 3.7-.8 1-1.9 1.5-3.4 1.5H19l2.7-15.5zm4.8 9.4h-1.8l-.4 2.5H26c.4 0 .7-.2.9-.5.2-.3.3-.7.3-1.3s-.2-.7-.7-.7zm1.1-6.3h-1.8l-.4 2.5h1.8c.4 0 .7-.2.9-.5.2-.3.3-.7.3-1.3 0-.4-.3-.7-.8-.7zM39.1 30L38 36.4h1.9c.6 0 1.1-.1 1.4-.2.3-.2.5-.5.6-1.1l1.1-6.4h-2c-.6 0-1.1.1-1.4.2-.2.1-.4.5-.5 1.1zm2.8-5.5c2.1 0 3.6.4 4.4 1.2s1.3 2.1 1.3 3.7-.3 3.5-.8 5.3c-.5 1.8-1.4 3.3-2.5 4.3-1.2 1-2.8 1.5-5.1 1.5-2.2 0-3.8-.4-4.7-1.2-.9-.8-1.3-2.1-1.3-3.7 0-.8.1-1.9.3-3.2.2-1.3.5-2.5.9-3.4.4-1 .9-1.8 1.5-2.5 1.4-1.4 3.3-2 6-2zm18.3 15.7h-5.1L54 35.6h-1l-.8 4.6h-4.7l2.7-15.4h7.4c2.8 0 4.2 1.3 4.2 3.8 0 1-.2 2-.5 2.9-.6 1.8-1.5 2.9-2.7 3.5l1.6 5.2zm-6-11.5l-.5 3.1h1.1c.6 0 1-.1 1.3-.2.3-.1.5-.5.6-1.1.1-.6.2-.9.2-1.1 0-.3-.1-.5-.4-.6s-.7-.1-1.2-.1h-1.1zm7.2 11.5l2.7-15.4h6.5c2.1 0 3.6.4 4.5 1.1.9.7 1.3 2 1.3 3.6 0 .9-.1 1.8-.3 2.9-.5 2.8-1.3 4.7-2.5 5.9s-3.1 1.8-5.7 1.8h-6.5zM70 28.7h-1.9l-1.3 7.5h1.9c.6 0 1.1-.1 1.4-.2.3-.2.5-.5.6-1.1l.9-4.9v-.4c0-.4-.1-.6-.4-.7-.2-.1-.6-.2-1.2-.2zm16.6 5.7h-4.9l-.3 1.9H87l-.7 3.9H76l2.7-15.4H89l-.7 3.9h-5.7l-.3 2.1h4.9l-.6 3.6zm14 5.8h-5.1l-1.1-4.6h-1l-.8 4.6h-4.7l2.7-15.4H98c2.8 0 4.2 1.3 4.2 3.8 0 1-.2 2-.5 2.9-.6 1.8-1.5 2.9-2.7 3.5l1.6 5.2zm-6.1-11.5l-.5 3.1h1.1c.6 0 1-.1 1.3-.2.3-.1.5-.5.6-1.1.1-.6.2-.9.2-1.1 0-.3-.1-.5-.4-.6-.3-.1-.7-.1-1.2-.1h-1.1z"/>
</g>
</svg>
$base: #C8C8A9;
$primary: #FE4365;
body {
  background: $base;
  text-align: center;
}

svg {
  margin: 50px auto;
  width: 45%;
}

.logo {
  fill: $primary;
}

.clip {
  animation: slide 8s infinite;
}

@keyframes slide {
  from {
    transform: translateY(-135px);
  }
  50% {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(-135px);
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.