rotate

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/issac-37765679/rotate/s.svg

回る　回るよ　わたしは回る

code:s.svg

<style>

@keyframes rotateAnimation {

0% { transform: rotate(0deg); }

100% { transform: rotate(360deg); }

}

animation: rotateAnimation 0.8s linear infinite;

transform-origin: center center ;

}

</style>

<rect x="0" y="0" width="100%" height="100%" fill="#f6f6f6" />

<g id="icon">

<rect x="1" y="1" width="1" height="1" fill="#5c89c0"/>

<rect x="2" y="1" width="1" height="1" fill="#9cbce3"/>

<rect x="1" y="2" width="1" height="1" fill="#e4d7b5"/>

<rect x="2" y="2" width="1" height="1" fill="#6e733b"/>

</g>

</svg>