<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="url(#iOhaiAb)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iKMzk7K)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iyrBgJE)" fill-opacity=".6" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iAokrHd)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iV5jusU)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iLijqbb)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#i441lvf)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#ijoUyhe)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iQMx94c)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#ij1DPvc)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#i18qAcd)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iMyv9ab)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#iRTnomZ)" d="M16 31c9.335 0 14-6.268 14-14S25.335 3 16 3S2 9.268 2 17s4.665 14 14 14"/><path fill="url(#i04vTOc)" d="M11.8 24.463a1 1 0 1 0-1.6 1.2c.69.92 2.688 2.4 5.8 2.4s5.11-1.48 5.8-2.4a1 1 0 1 0-1.6-1.2c-.31.412-1.712 1.6-4.2 1.6s-3.89-1.188-4.2-1.6"/><path fill="url(#iyHwHfe)" d="M11.8 24.463a1 1 0 1 0-1.6 1.2c.69.92 2.688 2.4 5.8 2.4s5.11-1.48 5.8-2.4a1 1 0 1 0-1.6-1.2c-.31.412-1.712 1.6-4.2 1.6s-3.89-1.188-4.2-1.6"/><path fill="url(#iNVSvib)" d="M11.8 24.463a1 1 0 1 0-1.6 1.2c.69.92 2.688 2.4 5.8 2.4s5.11-1.48 5.8-2.4a1 1 0 1 0-1.6-1.2c-.31.412-1.712 1.6-4.2 1.6s-3.89-1.188-4.2-1.6"/><path fill="url(#iJSnGVC)" d="M19.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#iipds9j)" d="M19.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#i83sfte)" d="M19.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#i9iY5Vb)" d="M19.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#igNMYfc)" d="M7.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#iGwB5oc)" d="M7.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#iEkvZub)" d="M7.707 18.398a1 1 0 1 0-1.414 1.414c.525.525 1.847 1.293 3.707 1.293s3.183-.768 3.707-1.293a1 1 0 1 0-1.414-1.414c-.142.142-.953.707-2.293.707s-2.15-.565-2.293-.707"/><path fill="url(#iRy4NGe)" d="M6.974 15.69c.144-.43.502-1.108 1.095-1.67c.585-.556 1.383-.989 2.431-.989a.5.5 0 1 0 0-1c-1.352 0-2.387.568-3.12 1.263c-.723.687-1.164 1.51-1.354 2.08a.5.5 0 0 0 .948.316"/><path fill="url(#iBNVeoc)" d="M6.974 15.69c.144-.43.502-1.108 1.095-1.67c.585-.556 1.383-.989 2.431-.989a.5.5 0 1 0 0-1c-1.352 0-2.387.568-3.12 1.263c-.723.687-1.164 1.51-1.354 2.08a.5.5 0 0 0 .948.316"/><path fill="url(#iY5BpNc)" fill-rule="evenodd" d="M23.93 14.02c.594.562.952 1.24 1.096 1.67a.5.5 0 0 0 .948-.317c-.19-.57-.631-1.392-1.355-2.08c-.732-.694-1.767-1.261-3.119-1.261a.5.5 0 1 0 0 1c1.048 0 1.846.432 2.43.987" clip-rule="evenodd"/><path fill="url(#iaXHfed)" fill-rule="evenodd" d="M23.93 14.02c.594.562.952 1.24 1.096 1.67a.5.5 0 0 0 .948-.317c-.19-.57-.631-1.392-1.355-2.08c-.732-.694-1.767-1.261-3.119-1.261a.5.5 0 1 0 0 1c1.048 0 1.846.432 2.43.987" clip-rule="evenodd"/><path fill="url(#ijeRk0d)" fill-rule="evenodd" d="M4.055 3.168a1 1 0 0 1 .277 1.387c-.896 1.344-2.243 4.502-.896 8.094a1 1 0 1 1-1.872.702c-1.653-4.408 0-8.25 1.104-9.906a1 1 0 0 1 1.387-.277" clip-rule="evenodd"/><path fill="url(#idRIHFZ)" fill-rule="evenodd" d="M4.055 3.168a1 1 0 0 1 .277 1.387c-.896 1.344-2.243 4.502-.896 8.094a1 1 0 1 1-1.872.702c-1.653-4.408 0-8.25 1.104-9.906a1 1 0 0 1 1.387-.277" clip-rule="evenodd"/><path fill="url(#i0JyR5b)" fill-rule="evenodd" d="M11.449 1.684a1 1 0 0 1-.633 1.265c-1.103.367-4.278 2.469-3.82 7.968a1 1 0 1 1-1.993.166c-.541-6.5 3.284-9.4 5.18-10.032a1 1 0 0 1 1.266.633" clip-rule="evenodd"/><path fill="url(#iWWyaEe)" fill-rule="evenodd" d="M11.449 1.684a1 1 0 0 1-.633 1.265c-1.103.367-4.278 2.469-3.82 7.968a1 1 0 1 1-1.993.166c-.541-6.5 3.284-9.4 5.18-10.032a1 1 0 0 1 1.266.633" clip-rule="evenodd"/><defs><radialGradient id="iOhaiAb" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.518 10.694)scale(38.9518)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iKMzk7K" cx="0" cy="0" r="1" gradientTransform="matrix(-3.5003 17.5014 -22.41597 -4.48322 16.001 13.5)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iyrBgJE" cx="0" cy="0" r="1" gradientTransform="rotate(135 5.894 11.229)scale(41.0155)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="iAokrHd" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -3.176 18.935)scale(28.1492)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="iV5jusU" cx="0" cy="0" r="1" gradientTransform="rotate(76.632 -3.657 18.787)scale(28.2681)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#D1671A" stop-opacity="0"/><stop offset=".784" stop-color="#B2753D"/></radialGradient><radialGradient id="iLijqbb" cx="0" cy="0" r="1" gradientTransform="rotate(55.713 -8.307 24.362)scale(13.3146 9.65109)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="i441lvf" cx="0" cy="0" r="1" gradientTransform="rotate(9.866 -99.827 128.269)scale(11.6735)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="ijoUyhe" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -11.066 29.675)scale(59.0577)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="iQMx94c" cx="0" cy="0" r="1" gradientTransform="rotate(118.42 6.566 13.952)scale(11.1109 23.8458)" gradientUnits="userSpaceOnUse"><stop offset=".095" stop-color="#F49F2B"/><stop offset=".206" stop-color="#FFB34D" stop-opacity="0"/></radialGradient><radialGradient id="ij1DPvc" cx="0" cy="0" r="1" gradientTransform="rotate(120.327 6.227 14.025)scale(4.44308 9.9921)" gradientUnits="userSpaceOnUse"><stop offset=".127" stop-color="#FFB74E"/><stop offset=".381" stop-color="#FFB64D" stop-opacity="0"/></radialGradient><radialGradient id="i18qAcd" cx="0" cy="0" r="1" gradientTransform="rotate(6.34 -168.165 76.662)scale(3.65587)" gradientUnits="userSpaceOnUse"><stop stop-color="#D59A13"/><stop offset="1" stop-color="#D59A13" stop-opacity="0"/></radialGradient><radialGradient id="iMyv9ab" cx="0" cy="0" r="1" gradientTransform="matrix(-.41282 6.74561 -15.41766 -.94352 21.528 20.517)" gradientUnits="userSpaceOnUse"><stop offset=".098" stop-color="#D77C49"/><stop offset=".374" stop-color="#FFB446" stop-opacity="0"/></radialGradient><radialGradient id="iRTnomZ" cx="0" cy="0" r="1" gradientTransform="rotate(91.405 -5.338 14.62)scale(6.10364 14.0126)" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#D77C49"/><stop offset=".374" stop-color="#F58843" stop-opacity="0"/></radialGradient><radialGradient id="i04vTOc" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.5 -8.41855 0 16 23.063)" gradientUnits="userSpaceOnUse"><stop offset=".348" stop-color="#241A1A"/><stop offset=".628" stop-color="#57444A"/><stop offset="1" stop-color="#4E2553"/><stop offset="1" stop-color="#502A56"/></radialGradient><radialGradient id="iyHwHfe" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.33334 -7.8719 0 16 23.174)" gradientUnits="userSpaceOnUse"><stop offset=".518" stop-color="#4E2553"/><stop offset=".703" stop-color="#5E425A"/><stop offset="1" stop-color="#4E2553"/><stop offset="1" stop-color="#4E2553"/></radialGradient><radialGradient id="iNVSvib" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.42755 -11.377 0 16 26.181)" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#4C2746" stop-opacity="0"/><stop offset="1" stop-color="#4E2847"/></radialGradient><radialGradient id="iipds9j" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.3125 -6.00026 0 22 18.105)" gradientUnits="userSpaceOnUse"><stop offset=".34" stop-color="#4E3225"/><stop offset=".558" stop-color="#56424D"/><stop offset=".868" stop-color="#502A53"/></radialGradient><radialGradient id="i83sfte" cx="0" cy="0" r="1" gradientTransform="rotate(-177.108 12.242 9.5)scale(6.40942 3.35694)" gradientUnits="userSpaceOnUse"><stop offset=".705" stop-color="#4D3231" stop-opacity="0"/><stop offset="1" stop-color="#322020"/></radialGradient><radialGradient id="i9iY5Vb" cx="0" cy="0" r="1" gradientTransform="rotate(136.043 8.927 14.518)scale(1.0172 2.21752)" gradientUnits="userSpaceOnUse"><stop stop-color="#66515A"/><stop offset="1" stop-color="#58464D" stop-opacity="0"/></radialGradient><radialGradient id="igNMYfc" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.3125 -6.00026 0 10 18.105)" gradientUnits="userSpaceOnUse"><stop offset=".34" stop-color="#4E3225"/><stop offset=".558" stop-color="#56424D"/><stop offset=".868" stop-color="#502A53"/></radialGradient><radialGradient id="iGwB5oc" cx="0" cy="0" r="1" gradientTransform="rotate(-177.108 6.242 9.651)scale(6.40942 3.35694)" gradientUnits="userSpaceOnUse"><stop offset=".705" stop-color="#4D3231" stop-opacity="0"/><stop offset="1" stop-color="#322020"/></radialGradient><radialGradient id="iEkvZub" cx="0" cy="0" r="1" gradientTransform="rotate(136.043 2.927 12.096)scale(1.0172 2.21752)" gradientUnits="userSpaceOnUse"><stop stop-color="#66515A"/><stop offset="1" stop-color="#58464D" stop-opacity="0"/></radialGradient><radialGradient id="iRy4NGe" cx="0" cy="0" r="1" gradientTransform="rotate(-124.747 9.075 5.344)scale(3.41018 4.28513)" gradientUnits="userSpaceOnUse"><stop offset=".552" stop-color="#4A2F37"/><stop offset=".822" stop-color="#51394C"/><stop offset=".891" stop-color="#563E48"/><stop offset=".949" stop-color="#563E48"/><stop offset="1" stop-color="#4D3635"/></radialGradient><radialGradient id="iBNVeoc" cx="0" cy="0" r="1" gradientTransform="rotate(-176.169 5.588 6.148)scale(.41398 .77857)" gradientUnits="userSpaceOnUse"><stop stop-color="#5A4950"/><stop offset="1" stop-color="#5D4C4F" stop-opacity="0"/></radialGradient><radialGradient id="iY5BpNc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.24928 -2.23116 2.04341 -2.97585 22.224 15.53)" gradientUnits="userSpaceOnUse"><stop offset=".641" stop-color="#2F1F2A"/><stop offset=".822" stop-color="#51394C"/><stop offset=".881" stop-color="#50394C"/><stop offset="1" stop-color="#442E3E"/></radialGradient><radialGradient id="iaXHfed" cx="0" cy="0" r="1" gradientTransform="matrix(-2.59444 3.11339 -2.51183 -2.09315 23.312 14.031)" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#362530" stop-opacity="0"/><stop offset="1" stop-color="#342330"/></radialGradient><radialGradient id="ijeRk0d" cx="0" cy="0" r="1" gradientTransform="matrix(6.4923 -.03959 .06715 11.0119 6.44 9.696)" gradientUnits="userSpaceOnUse"><stop offset=".496" stop-color="#3394FF"/><stop offset=".589" stop-color="#60C6FF"/><stop offset=".764" stop-color="#1D91E4"/></radialGradient><radialGradient id="idRIHFZ" cx="0" cy="0" r="1" gradientTransform="matrix(4.98355 6.84921 -6.71474 4.88571 2.682 8.202)" gradientUnits="userSpaceOnUse"><stop offset=".502" stop-color="#3394FF" stop-opacity="0"/><stop offset=".672" stop-color="#45A8F1"/></radialGradient><radialGradient id="i0JyR5b" cx="0" cy="0" r="1" gradientTransform="matrix(5.47263 2.33393 -3.86413 9.06065 10.528 7.667)" gradientUnits="userSpaceOnUse"><stop offset=".496" stop-color="#3394FF"/><stop offset=".589" stop-color="#60C6FF"/><stop offset=".66" stop-color="#60C6FF"/><stop offset=".858" stop-color="#2399ED"/></radialGradient><radialGradient id="iWWyaEe" cx="0" cy="0" r="1" gradientTransform="matrix(6.77485 3.50006 -4.58307 8.87117 9.225 6.5)" gradientUnits="userSpaceOnUse"><stop offset=".502" stop-color="#3394FF" stop-opacity="0"/><stop offset=".672" stop-color="#448CBF"/></radialGradient><linearGradient id="iJSnGVC" x1="23.2" x2="22.965" y1="18.855" y2="20.266" gradientUnits="userSpaceOnUse"><stop stop-color="#52383E"/><stop offset="1" stop-color="#432A35"/></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. HeadShakingVerticallyIcon.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.