Fidget Spinner icon
Download the Fidget Spinner icon as free SVG or PNG. Compare outline and filled styles. Copy React, Vue or Svelte code.
- spinner
- toy
- spin
- loading
- loader
- stress-relief
- rotate
- fidget
Style
Size
Stroke
Filled icons have no stroke
Color
- Category
- sports
- Styles
- Outline, filled
- Component
- IconFidgetSpinner
- License
- MIT · Paweł Kuna
outline/fidget-spinner.svg
filled/fidget-spinner.svgCode
Copy it the way you use it
fidget-spinner.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 16v.01" />
<path d="M6 16v.01" />
<path d="M12 5v.01" />
<path d="M12 12v.01" />
<path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4" />
</svg>Use the Fidget Spinner icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconFidgetSpinner } from '@tabler/icons-react';
<IconFidgetSpinner size={24} stroke={2} />Vue example
import { IconFidgetSpinner } from '@tabler/icons-vue';
<IconFidgetSpinner :size="24" :stroke="2" />Svelte 5 example
import { IconFidgetSpinner } from '@tabler/icons-svelte-runes';
<IconFidgetSpinner size={24} stroke={2} />Related