<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="#818cf8" d="M16.03 16.29a.607.607 0 0 1-.605-.606V3.926c0-.333.272-.606.605-.606c.334 0 .606.273.606.606v11.758a.605.605 0 0 1-.606.606"/><path fill="url(#iYLVpdc)" d="M16.03 16.29a.607.607 0 0 1-.605-.606V3.926c0-.333.272-.606.605-.606c.334 0 .606.273.606.606v11.758a.605.605 0 0 1-.606.606"/><path fill="#818cf8" d="M16.03 28.68a.607.607 0 0 1-.605-.606V16.316a.607.607 0 0 1 1.211 0v11.758a.605.605 0 0 1-.606.605"/><path fill="url(#is2aYRb)" d="M16.03 28.68a.607.607 0 0 1-.605-.606V16.316a.607.607 0 0 1 1.211 0v11.758a.605.605 0 0 1-.606.605"/><path fill="#818cf8" d="M15.848 16.348a.6.6 0 0 1-.497-.26L8.61 6.458a.606.606 0 0 1 .99-.695l6.745 9.633a.606.606 0 0 1-.497.952"/><path fill="url(#iGDTaie)" d="M15.848 16.348a.6.6 0 0 1-.497-.26L8.61 6.458a.606.606 0 0 1 .99-.695l6.745 9.633a.606.606 0 0 1-.497.952"/><path fill="#818cf8" d="M22.955 26.496a.6.6 0 0 1-.497-.26l-6.741-9.629a.606.606 0 0 1 .99-.695l6.744 9.632a.606.606 0 0 1-.497.952"/><path fill="url(#iV7OBRb)" d="M22.955 26.496a.6.6 0 0 1-.497-.26l-6.741-9.629a.606.606 0 0 1 .99-.695l6.744 9.632a.606.606 0 0 1-.497.952"/><path fill="#818cf8" d="M15.732 16.499a.7.7 0 0 1-.208-.035L4.478 12.44a.605.605 0 1 1 .413-1.138l11.05 4.022a.605.605 0 0 1-.209 1.174"/><path fill="url(#isMQXYd)" d="M15.732 16.499a.7.7 0 0 1-.208-.035L4.478 12.44a.605.605 0 1 1 .413-1.138l11.05 4.022a.605.605 0 0 1-.209 1.174"/><path fill="#818cf8" d="M27.375 20.736a.7.7 0 0 1-.209-.035L16.12 16.678a.605.605 0 1 1 .414-1.138l11.05 4.023a.605.605 0 0 1-.21 1.173"/><path fill="url(#i6VRdmc)" d="M27.375 20.736a.7.7 0 0 1-.209-.035L16.12 16.678a.605.605 0 1 1 .414-1.138l11.05 4.023a.605.605 0 0 1-.21 1.173"/><path fill="#818cf8" d="M4.366 19.733a.605.605 0 0 1-.154-1.19l11.357-3.042a.604.604 0 1 1 .31 1.17L4.524 19.71a.5.5 0 0 1-.157.023"/><path fill="url(#iq1hIGb)" d="M4.366 19.733a.605.605 0 0 1-.154-1.19l11.357-3.042a.604.604 0 1 1 .31 1.17L4.524 19.71a.5.5 0 0 1-.157.023"/><path fill="#818cf8" d="M16.335 16.524a.605.605 0 0 1-.154-1.19l11.354-3.045a.604.604 0 1 1 .31 1.17L16.49 16.501a.5.5 0 0 1-.154.023"/><path fill="url(#imRpu4d)" d="M16.335 16.524a.605.605 0 0 1-.154-1.19l11.354-3.045a.604.604 0 1 1 .31 1.17L16.49 16.501a.5.5 0 0 1-.154.023"/><path fill="#818cf8" d="M8.27 25.855a.605.605 0 0 1-.462-.994l7.559-9.007a.605.605 0 1 1 .926.778L8.732 25.64a.6.6 0 0 1-.462.215"/><path fill="url(#isj8SAb)" d="M8.27 25.855a.605.605 0 0 1-.462-.994l7.559-9.007a.605.605 0 1 1 .926.778L8.732 25.64a.6.6 0 0 1-.462.215"/><path fill="#818cf8" d="M16.232 16.363a.605.605 0 0 1-.462-.994l7.56-9.007a.605.605 0 1 1 .926.78l-7.559 9.007a.6.6 0 0 1-.465.214"/><path fill="url(#iqALwle)" d="M16.232 16.363a.605.605 0 0 1-.462-.994l7.56-9.007a.605.605 0 1 1 .926.78l-7.559 9.007a.6.6 0 0 1-.465.214"/><path fill="url(#itUHZfb)" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 25.266c-6.222 0-11.268-5.046-11.268-11.268c0-6.221 5.046-11.267 11.268-11.267s11.267 5.046 11.267 11.267c-.003 6.226-5.045 11.268-11.267 11.268"/><path fill="url(#iCQQ9Me)" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 25.266c-6.222 0-11.268-5.046-11.268-11.268c0-6.221 5.046-11.267 11.268-11.267s11.267 5.046 11.267 11.267c-.003 6.226-5.045 11.268-11.267 11.268"/><path fill="url(#iYwCWMj)" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 25.266c-6.222 0-11.268-5.046-11.268-11.268c0-6.221 5.046-11.267 11.268-11.267s11.267 5.046 11.267 11.267c-.003 6.226-5.045 11.268-11.267 11.268"/><path fill="url(#i94RUDw)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#ixMS7ey)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#i7U1abe)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#ibg1Gde)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#ixZCwYc)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#iAVm4XB)" d="M16.002 19.377a3.375 3.375 0 1 0 0-6.751a3.375 3.375 0 0 0 0 6.75"/><path fill="#818cf8" d="M16.002 19.253a3.251 3.251 0 1 0 0-6.503a3.251 3.251 0 0 0 0 6.503"/><path fill="url(#iKiCmzD)" d="M16.002 19.253a3.251 3.251 0 1 0 0-6.503a3.251 3.251 0 0 0 0 6.503"/><path fill="url(#ibvmNyc)" d="M16.002 19.253a3.251 3.251 0 1 0 0-6.503a3.251 3.251 0 0 0 0 6.503"/><path fill="url(#i5r6XgC)" d="M16.002 17.576a1.574 1.574 0 1 0 0-3.148a1.574 1.574 0 0 0 0 3.148"/><path fill="url(#ieVsyZU)" d="M16.002 17.25a1.248 1.248 0 1 0 0-2.497a1.248 1.248 0 0 0 0 2.497"/><defs><radialGradient id="iYLVpdc" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.75 -1.17537 0 16.219 11.469)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".343" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="is2aYRb" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.75 -1.17537 0 16.219 23.858)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".343" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iGDTaie" cx="0" cy="0" r="1" gradientTransform="matrix(5.1875 7.417 -1.05911 .74075 12.75 10.927)" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#FFEBAB"/><stop offset=".353" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iV7OBRb" cx="0" cy="0" r="1" gradientTransform="matrix(4.27751 6.22757 -.93124 .63964 19.813 21.094)" gradientUnits="userSpaceOnUse"><stop offset=".19" stop-color="#FFDFA1"/><stop offset=".378" stop-color="#FFCB94"/><stop offset=".702" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="isMQXYd" cx="0" cy="0" r="1" gradientTransform="matrix(9.62498 3.43749 -.38979 1.0914 8.5 12.969)" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#FFEBAB"/><stop offset=".353" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="i6VRdmc" cx="0" cy="0" r="1" gradientTransform="rotate(-159.652 12.618 7.042)scale(10.0656 1.22956)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".268" stop-color="#FFCB94"/><stop offset=".507" stop-color="#F2916D"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iq1hIGb" cx="0" cy="0" r="1" gradientTransform="matrix(10.43754 -2.5625 .24043 .9793 5.188 18.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCB94"/><stop offset=".65" stop-color="#D0966B"/><stop offset="1" stop-color="#B76C3E"/></radialGradient><radialGradient id="imRpu4d" cx="0" cy="0" r="1" gradientTransform="matrix(-9.1875 2.68748 -.39094 -1.33649 21.188 14.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".268" stop-color="#FFCB94"/><stop offset=".662" stop-color="#E58B68"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="isj8SAb" cx="0" cy="0" r="1" gradientTransform="matrix(4.75 -5.625 1.12378 .94897 10.375 23.531)" gradientUnits="userSpaceOnUse"><stop offset=".116" stop-color="#FFCB94"/><stop offset=".694" stop-color="#D0966B"/><stop offset="1" stop-color="#B76C3E"/></radialGradient><radialGradient id="iqALwle" cx="0" cy="0" r="1" gradientTransform="matrix(-5.18754 6.06247 -1.43048 -1.22404 19.688 11.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".268" stop-color="#FFCB94"/><stop offset=".643" stop-color="#BA715C"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iCQQ9Me" cx="0" cy="0" r="1" gradientTransform="matrix(.25001 14.52965 -14.52795 .24998 16.25 16.002)" gradientUnits="userSpaceOnUse"><stop offset=".686" stop-color="#7B473B"/><stop offset=".781" stop-color="#73434C" stop-opacity="0"/><stop offset=".933" stop-color="#693E63" stop-opacity="0"/><stop offset="1" stop-color="#7A544C"/></radialGradient><radialGradient id="iYwCWMj" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.0016 -14 0 16 16)" gradientUnits="userSpaceOnUse"><stop offset=".81" stop-color="#834646"/><stop offset=".832" stop-color="#854748" stop-opacity="0"/></radialGradient><radialGradient id="ixMS7ey" cx="0" cy="0" r="1" gradientTransform="matrix(3.1875 5 -5 3.1875 9.125 8.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#916861"/><stop offset="1" stop-color="#8F6660" stop-opacity="0"/></radialGradient><radialGradient id="i7U1abe" cx="0" cy="0" r="1" gradientTransform="rotate(-125.34 18.005 6.95)scale(4.214 4.21401)" gradientUnits="userSpaceOnUse"><stop stop-color="#916861"/><stop offset="1" stop-color="#8F6660" stop-opacity="0"/></radialGradient><radialGradient id="ibg1Gde" cx="0" cy="0" r="1" gradientTransform="matrix(-.8125 7.75 -7.75 -.8125 21.5 8.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#916861"/><stop offset="1" stop-color="#8F6660" stop-opacity="0"/></radialGradient><radialGradient id="ixZCwYc" cx="0" cy="0" r="1" gradientTransform="rotate(90 0 16.002)scale(11.2673)" gradientUnits="userSpaceOnUse"><stop/><stop offset=".973" stop-color="#2F0E23" stop-opacity="0"/><stop offset="1" stop-color="#371029"/></radialGradient><radialGradient id="iKiCmzD" cx="0" cy="0" r="1" gradientTransform="matrix(1.5625 1.875 -2.37562 1.97969 14.875 17.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#5B2A26"/><stop offset="1" stop-color="#623330" stop-opacity="0"/></radialGradient><radialGradient id="ibvmNyc" cx="0" cy="0" r="1" gradientTransform="rotate(90 0 16.002)scale(3.25136)" gradientUnits="userSpaceOnUse"><stop offset=".49" stop-color="#6B3032"/><stop offset=".547" stop-color="#843B4A" stop-opacity="0"/></radialGradient><linearGradient id="itUHZfb" x1="5.688" x2="25.25" y1="29.469" y2="5.156" gradientUnits="userSpaceOnUse"><stop stop-color="#8F5C5B"/><stop offset=".871" stop-color="#D69584"/></linearGradient><linearGradient id="i94RUDw" x1="23.375" x2="8.188" y1="7.594" y2="24.281" gradientUnits="userSpaceOnUse"><stop stop-color="#603C3E"/><stop offset=".589" stop-color="#805D56"/></linearGradient><linearGradient id="iAVm4XB" x1="18.625" x2="13.938" y1="13.656" y2="18.281" gradientUnits="userSpaceOnUse"><stop stop-color="#CF998B"/><stop offset=".757" stop-color="#7D484F"/></linearGradient><linearGradient id="i5r6XgC" x1="17.125" x2="14.428" y1="14.781" y2="17.031" gradientUnits="userSpaceOnUse"><stop stop-color="#F5B59B"/><stop offset=".263" stop-color="#DA9680"/><stop offset="1" stop-color="#C28472"/></linearGradient><linearGradient id="ieVsyZU" x1="17.25" x2="15.625" y1="15.406" y2="16.781" gradientUnits="userSpaceOnUse"><stop stop-color="#DD9881"/><stop offset="1" stop-color="#D5947E"/></linearGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WheelIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.