IconSearch logoIconsearch
Home/Libraries/Huge Icons (Iconify)/avalanche
← Back to Search
Huge Icons (Iconify)

Avalanche

License: MITCommercial Safe


1.5px
<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M2 21h9.655c2.52 0 3.78 0 4.216-.83c.435-.829-.26-1.905-1.651-4.058L6.936 4.84C6.139 3.607 5.74 2.99 5.18 3C3.953 3.02 2.5 6 2 7"/><path d="M10 5c.602 1.214 1.15 2.015 2 3"/><path stroke-linejoin="round" d="M2 7c.2.59.327 1.503.756 1.967c.25.271.634.383.995.289c.542-.141.864-.72 1.376-.923c.24-.095.507-.095.746 0c.642.254 1.055 1.064 1.767 1.158c.684.09 1.026-.52 1.36-1.013m9.727 6.567a3.5 3.5 0 0 1-.287 1.084m.287-1.084C18.936 12.882 17.042 11 14.762 11c-.709 0-1.957.175-2.762.763m6.727 3.282C20.529 15.037 22 16.398 22 18.08c0 1.39-1.004 2.562-2.373 2.921"/></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. AvalancheIcon.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.

Related Icons in Huge Icons (Iconify)

Browse all Huge Icons (Iconify) icons →
1st-bracket
1st-bracket
1st-bracket-circle
1st-bracket-circle
1st-bracket-square
1st-bracket-square
24-hours-clock
24-hours-clock
2nd-bracket
2nd-bracket
2nd-bracket-circle
2nd-bracket-circle
2nd-bracket-square
2nd-bracket-square
3-d-view
3-d-view
3d-move
3d-move
3d-printer
3d-printer
3d-rotate
3d-rotate
3d-scale
3d-scale