svg格式的loading

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16">
  <path d="M11.4 11.6A5 5 0 0 1 3 8.2l1.2 1.2.8-.8-2-2a.6.6 0 0 0-.8 0l-2 2 .8.8 1-1a6 6 0 0 0 10.1 4l-.7-.8zM4.6 4.4A5 5 0 0 1 13 7.8l-1.2-1.2-.8.8 2 2a.6.6 0 0 0 .8 0l2-2-.8-.8-1 1a6 6 0 0 0-10.1-4l.7.8z" />
  <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0" to="360" dur=".5s" repeatCount="indefinite" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 50 50">
  <circle cx="25" cy="25" r="20" stroke="#09f" stroke-width="4" stroke-linecap="round" stroke-dasharray="64, 125" stroke-dashoffset="0" fill="none" />
  <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0" to="360" dur="0.5s" repeatCount="indefinite" />
</svg>
posted @ 2023-02-03 09:03  风的线条昵称已被使用  阅读(94)  评论(0编辑  收藏  举报