Spinner Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Spinner icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306559.svg" alt="Spinner icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306559.svg" alt="Spinner icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306559.svg" alt="Spinner icon" :width="24" :height="24" />
CSS background
.icon-spinner {
background-image: url('https://proicons.com/icon/306559.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M797 686c-48-33-115-20-149 27-29 41-26 99 6 133 40 42 93 51 140 22 5-4 10-7 16-11 2-3 5-6 8-9 1-5 6-8 8-12 34-48 20-116-29-150zM226 195c-16 0-30 7-44 15l-12 12c-1 2-1 3-2 5-19 27-16 64 5 88 24 25 60 32 89 15 29-16 44-49 35-81-8-33-37-54-71-54zm683 258c-39-40-102-41-141-2s-39 102 0 141c39 38 101 38 140 0 39-39 40-101 1-139zM800 331c35-35 35-92 0-127-34-35-91-36-126-2-36 36-37 92-2 128 36 36 93 36 128 1zM424 108c-31 32-31 83 1 115s83 31 115-1c31-32 31-82-1-114s-83-32-115 0zM170 477c-24-25-64-25-89 0s-25 64 0 89 65 25 89 0c25-24 25-65 0-89zm18 258c-22 22-22 57 0 78 22 22 57 22 78 0 22-21 22-57 0-78-21-22-57-22-78 0zm246 105c-17 18-17 45 0 63 18 18 46 18 64 1 18-18 18-48 0-65s-46-17-64 1z"/></svg>
Spinner in other icon packs
Copied!