<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600"
	 style="enable-background:new 0 0 600 600;" xml:space="preserve" class="bayleyssvg">
<path id="bayleys" stroke-dasharray="1200 1000" d="M175.5,37.5h-26.3l-32,74.7h18.6l5.3-12.5h39.2l5,12.5h20.4L175.5,37.5z M148.1,82.9L161.4,52l12.8,30.9
	H148.1z M118.2,90.2c0,0-0.2-11.8-8.9-15.7c0,0,6.4-1.3,6.7-16.7c0.2-8.6-3.4-20.4-15-20.4l-59.1,0.2v74.7h53.7
	C95.6,112.2,119.6,113.9,118.2,90.2z M58.3,53.7H92c1.4,0,4.8,0,5.1,6c0.2,5.8-4.9,6.1-4.9,6.1H58.3V53.7z M93.3,95.3h-35V82.5h35.2
	c3.3,0.1,4.5,1.1,5.1,6.6C99.3,95.8,93.3,95.3,93.3,95.3z M511.3,64.4c-11.7-0.3-9.3-13.2-1-13.2h22.8c6.5,0,7.2,6.6,7.2,6.6H558
	c0,0,0.1-7-1.2-11.5c-2.2-7.9-7.4-11.2-36.3-11.2c-21,0-37.2,3.4-37.2,26.6c0,12.8,7,20.1,15.2,20.8c8.6,0.7,20.9,0.5,31.6,0.7
	c11.7,0.3,9.3,13.2,1,13.2h-23.7c-6.5,0-6.3-6.6-6.3-6.6h-17.7c0,0-0.1,7,1.2,11.5c2.2,7.9,7.4,11.2,36.3,11.2
	c21,0,37.2-3.4,37.2-26.6c0-12.8-7-20.1-15.2-20.8C534.2,64.4,511.3,64.4,511.3,64.4z M405.6,37.5h21.8L446.2,66l18.1-28.5h22.5
	l-32.3,50.4v24.3h-17.2V88.1L405.6,37.5z M335.2,37.5h63.9v15.3h-45.3v13h43v16.4h-43v12.6h45.4v17.4h-63.9L335.2,37.5z M271.2,37.5
	h17.7v57.3h40.7v17.4h-58.5L271.2,37.5z M185.1,37.4h21.8l18.8,28.5l18.1-28.5h22.5L234,87.8v24.3h-17.2V88L185.1,37.4z M0,0v147.7
	h600V0H0z M591.1,138.7H356.5H8.9V8.9h582.1V138.7z"/>
</svg>

body {
  background: #00263a;
  padding: 50px;
  color: #fff;
}

.bayleyssvg {
  display: block;
  margin: 80px auto;
  width: 800px;
  margin-bottom: 15px;
}

#bayleys {
  fill: #ffffff;
  stroke: #ffffff;
}

#bayleys {
  stroke-width: 0;
  animation: logo 5s linear infinite;
}

@keyframes logo {
  0% {
    stroke-width: 1pt;
    stroke-dashoffset: 1200;
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0pt;
  }
}