svg

by lovromar

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160">
 <g>
  <rect
    style="fill:#edd154;fill-opacity:1;stroke:#3c352d;stroke-width:2;stroke-opacity:1;"
    id="square"
    width="100"
    height="100"
    x="30"
    y="30">
    <animate
      id="frame1"
      attributeName="display"
      values="inline;none;none;none"
      keyTimes="0;0.33;0.66;1"
      dur="1s"
      begin="0s"
      repeatCount="indefinite" />
  </rect>
  <path
    style="fill:#edd154;fill-opacity:1;stroke:#3c352d;stroke-width:2;stroke-opacity:1;"
    id="circle"
    d="m 125,80 a 45,45 0 1 1 -90,0 45,45 0 1 1 90,0 z">
    <animate
      id="frame2"
      attributeName="display"
      values="none;inline;none;none"
      keyTimes="0;0.33;0.66;1"
      dur="1s"
      begin="0s"
      repeatCount="indefinite" />
  </path>
  <path
    style="fill:#edd154;fill-opacity:1;stroke:#3c352d;stroke-width:2;stroke-opacity:1;"
    id="triangle"
    d="M 105,105 47,89 89,46 105,105 z">
    <animate
      id="frame3"
      attributeName="display"
      values="none;none;inline;none"
      keyTimes="0;0.33;0.66;1"
      dur="1s"
      begin="0s"
      repeatCount="indefinite" />
  </path>
 </g>
</svg>