Iconify
.design
Show Iconify website navigation
Add to favorites
SVG Spinners
by
Utkarsh Verma
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse SVG Spinners
Icon:
ring-resize
Default
svg-spinners:ring-resize
- Iconify Icon
SvgSpinnersRingResize
- Component name
icon-[svg-spinners--ring-resize]
- Tailwind CSS
i-svg-spinners:ring-resize
- UnoCSS
i-svg-spinners-ring-resize
- UnoCSS
ring-resize
- Name only
svg-spinners/ring-resize
svg-spinners--ring-resize
Size:
Color:
Stroke width:
Animation:
Remove animations
(multiplies animation duration)
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g stroke="currentColor"><circle cx="12" cy="12" r="9.5" fill="none" stroke-linecap="round" stroke-width="3"><animate attributeName="stroke-dasharray" calcMode="spline" dur="1.5s" keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" keyTimes="0;0.475;0.95;1" repeatCount="indefinite" values="0 150;42 150;42 150;42 150"/><animate attributeName="stroke-dashoffset" calcMode="spline" dur="1.5s" keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" keyTimes="0;0.475;0.95;1" repeatCount="indefinite" values="0;-16;-59;-59"/></circle><animateTransform attributeName="transform" dur="2s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></g></svg>
Copy to Clipboard
Download