タイマー

ソニータイマー

[https://scrapbox.io/api/pages/suto3/timer-icon/icon#.svg]

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/タイマー/r.svg

code:r.svg

<circle cx="50" cy="50" r="45" fill="lightblue" stroke="black" stroke-width="5">

<animate

attributeName="fill"

values="red;yellow;lime;cyan;blue;magenta;red"

dur="1800s"

fill="freeze"

repeatCount="indefinite" />

/>

</circle>

<line x1="50" y1="5" x2="50" y2="50" fill="none" stroke="black" stroke-width="5" >

<!-- 60秒で0度から360度まで回転 -->

<animateTransform

attributeName="transform"

type="rotate"

from="0 50 50"

to="360 50 50"

dur="60s"

repeatCount="indefinite" />

</line>

</svg>