<div class="container">
  <svg viewBox="-1 -1 52 52" xmlns="http://www.w3.org/2000/svg">
    <g fill="none" fill-rule="evenodd">
      <path id="stroke" d="M25 .333L49.667 25 25 49.667.333 25 25 .333z"/>
      <path id="icon" d="M22.19 28.1c-.01.118-.072.176-.184.176-.045 0-.085-.016-.118-.05-.033-.033-.052-.075-.057-.126l-.1-1.84.11-3.994c0-.05.02-.094.06-.13.04-.035.08-.053.12-.053.05 0 .1.018.13.053.04.036.06.08.06.13l.13 3.994-.12 1.84zm2.253-.038c0 .066-.023.117-.07.153-.045.046-.096.07-.152.07-.07 0-.13-.03-.17-.085-.03-.036-.04-.08-.04-.13v-.008l-.08-1.802.08-4.422.01-.045c0-.082.04-.143.1-.184.04-.03.08-.04.12-.04.05 0 .09.01.13.04.07.04.1.1.1.18l.09 4.47-.08 1.61v.18zm-7.973-2.78l.153.978-.153.962c-.01.046-.033.07-.07.07-.034 0-.057-.024-.068-.07l-.13-.962.13-.977c.01-.046.034-.07.07-.07.035 0 .058.024.068.07zm.657-.603l.198 1.58-.198 1.55c-.01.04-.036.07-.077.07-.045 0-.068-.03-.068-.08l-.176-1.55.176-1.58c0-.05.023-.07.068-.07.04 0 .067.02.077.07zm.702-.29l.19 1.87-.19 1.81c0 .05-.03.08-.09.08-.05 0-.08-.03-.09-.09l-.16-1.81.16-1.87c.01-.07.04-.1.09-.1.05 0 .08.03.08.09zm.71-.06l.17 1.92-.18 1.86c-.01.06-.05.1-.11.1-.07 0-.1-.04-.1-.1l-.16-1.87.16-1.93c0-.07.03-.1.1-.1.06 0 .09.03.1.1zm.72.13l.16 1.78-.16 1.88c-.01.08-.05.12-.12.12-.03 0-.06-.01-.08-.04-.03-.03-.04-.06-.04-.09l-.16-1.88.15-1.79c0-.03.01-.06.03-.08.02-.03.05-.04.08-.04.07 0 .11.04.12.11zm.72-1.12l.16 2.9-.16 1.88c0 .03-.02.06-.04.09-.03.03-.06.04-.09.04-.08 0-.13-.05-.14-.14l-.14-1.88.13-2.91c.01-.09.05-.14.14-.14.03 0 .06.01.09.04.02.02.03.06.03.09zm.72-.66l.14 3.57-.15 1.86c0 .04-.02.07-.04.1-.03.03-.07.04-.11.04-.09 0-.15-.05-.16-.15l-.13-1.86.12-3.57c.01-.1.06-.15.15-.15.04 0 .07.01.1.04s.04.06.04.1zm.75-.31l.13 3.86-.14 1.85c-.01.1-.07.16-.17.16s-.15-.06-.16-.16L21 26.26l.123-3.864c0-.046.017-.085.05-.118.033-.034.07-.05.11-.05.047 0 .085.016.116.05.03.033.04.072.05.118zm1.48-.03l.11 3.89-.12 1.82c0 .05-.02.09-.06.13-.04.04-.08.05-.13.05s-.1-.02-.13-.06c-.04-.04-.06-.09-.06-.14l-.11-1.83.11-3.9c0-.06.01-.1.05-.14.04-.04.08-.06.13-.06s.09.02.13.05c.04.03.05.08.05.14zm.75.14l.1 3.76-.11 1.8c0 .05-.02.1-.06.14-.04.04-.09.06-.15.06s-.11-.02-.15-.06c-.04-.04-.06-.09-.07-.15l-.09-1.81.09-3.76c.01-.06.03-.12.07-.16.04-.04.09-.06.14-.06.05 0 .1.02.14.06.04.04.06.09.06.15zm1.62 3.76L25.19 28c0 .064-.03.12-.07.17-.05.042-.11.064-.17.064-.07 0-.12-.02-.17-.068-.05-.05-.07-.105-.08-.17l-.05-.87-.05-.895.09-4.85v-.02c.01-.07.04-.14.09-.18.043-.03.094-.05.15-.05.04 0 .08.01.11.04.072.04.112.11.123.2l.106 4.88zm8.49-.15c0 .59-.21 1.1-.64 1.52-.43.42-.93.63-1.53.63h-6c-.07-.01-.12-.04-.17-.09-.05-.05-.07-.1-.07-.17v-6.86c0-.12.07-.2.21-.26.43-.18.89-.26 1.38-.26.99 0 1.85.33 2.58 1 .73.67 1.13 1.5 1.22 2.47.27-.11.55-.17.84-.17.59 0 1.1.21 1.53.64.42.42.64.93.64 1.53z"/>
    </g>
  </svg>
</div>
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

svg {
  width: 100px;
  #stroke {
    stroke: black;
  }
  #icon {
    fill: black;
  }
  &:hover {
    #stroke {
      animation: dash 1s infinite;
    }
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 35;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 35;
    stroke-dashoffset: 35;
  }
  100% {
    stroke-dasharray: 35;
    stroke-dashoffset: 70;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.