⏳ SVG ローディングアニメ生成
カスタマイズ可能なSVGローディングアニメーションを生成
設定
SVG コード
<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
<style>
@keyframes spin {
to { transform: rotate(360deg); }
}
.spinner { animation: spin 1s linear infinite; transform-origin: center; }
</style>
<circle class="spinner" cx="25" cy="25" r="20" fill="none" stroke="#3b82f6" stroke-width="4" stroke-dasharray="80 40" />
</svg>