Home/Libraries/Framework7 Icons (Iconify)/wind-snow

Framework7 Icons (Iconify)

WindSnow

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" d="M48.918 13.797c.422 0 .727-.399.703-.844l-.14-2.226l1.85 1.265c.33.235.868.14 1.102-.21a.778.778 0 0 0-.374-1.102l-2.016-.985l2.039-1.008a.804.804 0 0 0 .351-1.078c-.187-.375-.773-.445-1.101-.21L49.48 8.687l.165-2.274a.74.74 0 0 0-.727-.82c-.492 0-.773.375-.75.82l.14 2.274l-1.898-1.29c-.328-.234-.82-.21-1.055.211c-.21.352-.117.844.329 1.079l2.015 1.007l-2.015.985c-.446.187-.563.703-.352 1.101c.211.375.75.446 1.078.211l1.899-1.265l-.118 2.226c-.023.445.235.844.727.844M5.652 22.914c3.375-1.078 6.868-1.617 10.196-1.617c4.312 0 7.476.68 11.554.68c4.219 0 6.844-2.86 6.844-6.586c0-3.82-2.93-6.54-6.539-6.54c-2.672 0-5.016 1.665-6 3.891c-.375.774-.234 1.688.586 2.11c.75.375 1.664.14 2.156-.82c.516-1.196 1.781-2.134 3.258-2.134c1.945 0 3.469 1.36 3.469 3.493s-1.477 3.539-3.774 3.539c-3.89 0-7.101-.703-11.554-.703c-3.82 0-7.688.68-11.133 1.78c-.985.282-1.36 1.126-1.125 1.946c.234.797 1.008 1.266 2.062.961M42.31 33.883c5.46 0 9.328-3.469 9.328-8.32c0-4.782-3.68-8.25-8.25-8.25c-4.242 0-7.383 2.953-7.946 6.843c-.14.961.399 1.735 1.242 1.852c.868.117 1.618-.422 1.805-1.524c.399-2.437 2.438-4.125 4.899-4.125c2.86 0 5.18 2.133 5.18 5.203c0 3.118-2.461 5.274-6.258 5.274c-7.149 0-14.86-4.078-24.235-4.078c-4.828 0-9.234.773-13.36 2.25c-.96.328-1.359 1.148-1.124 1.969c.234.796 1.031 1.289 2.062.937c3.82-1.453 7.805-2.086 12.422-2.086c9.352 0 16.336 4.055 24.235 4.055M27.426 50.406c3.61 0 6.398-2.672 6.398-6.492c0-5.531-5.648-8.625-16.054-8.625c-4.36 0-9.07.844-13.055 2.227c-.961.328-1.36 1.148-1.125 1.968c.234.797 1.031 1.29 2.062.938c3.727-1.336 7.899-2.063 12.118-2.063c8.507 0 13.007 2.133 13.007 5.555c0 2.156-1.5 3.445-3.351 3.445c-1.852 0-2.977-1.242-3.305-3.21c-.14-.868-.773-1.57-1.781-1.5c-1.055.07-1.477.96-1.336 1.898c.422 3.258 2.836 5.86 6.422 5.86m21.492-4.195c.422 0 .727-.398.703-.844l-.14-2.226l1.85 1.265c.33.235.868.14 1.102-.21a.783.783 0 0 0-.374-1.102l-2.016-.985l2.039-1.007a.804.804 0 0 0 .351-1.079c-.187-.375-.773-.445-1.101-.21l-1.852 1.289l.165-2.25c.046-.47-.305-.844-.727-.844c-.492 0-.773.375-.75.844l.14 2.25l-1.898-1.29c-.328-.234-.82-.187-1.055.211c-.21.352-.117.844.329 1.079l2.015 1.007l-2.015.985a.786.786 0 0 0-.352 1.101c.211.375.75.446 1.078.211l1.899-1.265l-.118 2.226c-.023.446.235.844.727.844"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. WindSnowIcon.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.