JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 26.458333 26.458334">
  <g transform="translate(0,-270.54165)">
    <path id="aaa" style="fill:none;stroke:#000000;stroke-width:0.52916667;" d="M 26.458333,277.15623 V 290.3854 L 13.229167,296.99998 0,290.3854 v -13.22917 l 13.229167,-6.61458 z;">
      <animate attributeType="XML" attributeName="d" calcMode="linear" dur="6000ms" repeatCount="indefinite" values="m 26.458333,283.77082 0,0 c 0,7.9375 -5.291666,13.22916 -13.229166,13.22916 C 5.2916667,296.99998 0,291.70832 0,283.77082 v 0 c 0,-7.9375 5.2916667,-13.22917 13.229167,-13.22917 7.9375,0 13.229166,5.29167 13.229166,13.22917 z;"></animate>
    </path>
  </g>
</svg>