<svg class="logo" viewBox="0 0 112 112">
  <polygon class="hex" points="101.9,82.5 101.9,29.5 56,3 10.1,29.5 10.1,82.5 56,109 "/>
</svg>
.logo{
  width: 112px;
  height: 112px;
}
@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}
.hex{
  stroke:red;
  stroke-width: 2px;
  fill: none;
  stroke-dasharray: 20;
  animation: dash 5s linear;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.