<img src="https://smart-lab.ru/uploads/images/02/04/20/2016/05/16/be09dd.png">
<svg>
  <path
        d="M 87 1 A 86 86 0 1 1 86.9 1"
        stroke="black"
        stroke-width="2"
        fill="none">
</svg>
img {
  position: absolute;
  left: 22px;
  top: 22px;
  width: 150px;
  border-radius: 50%;
}
svg {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 174px;
  height: 174px;
}
path {
  stroke-dasharray: 540;
  stroke-dashoffset: 540;
  animation: dash 5s linear forwards;
  animation-delay: 5s;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.