Как анимировать иконку?

Question

[1ss1za]

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="green-check"><rect x=".5" y=".5" width="23" height="23" rx="11.5"></rect><path d="M6 12l4 4.5 8-9"></path></svg>

#green-check {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: green;
  stroke-width: 1px;
}

Можно ли анимировать такую иконку чтобы сперва обвелся круг, а потом галочка

Answer 1

[Максим]