Home/Libraries/OpenMoji (Iconify)/wind-face

OpenMoji (Iconify)

WindFace

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#d0cfce" d="M14.597 29.908a.97.97 0 0 1-.86.867C8.233 31.365 4 36.783 4 43.379c0 6.99 4.848 13.372 10.827 13.372h41.278c1.4-.037 2.559-.158 3.722-.551C63.026 54.629 68 49.407 68 42.66c0-7.078-4.891-12.873-11.08-13.343a1.03 1.03 0 0 1-.949-.832c-1.382-7.1-7.761-12.436-15.303-12.436c-4.9 0-9.267 2.219-12.102 5.749c-.277.345-.742.503-1.15.331c-1.092-.457-2.244-.679-3.533-.679c-4.872 0-8.871 3.718-9.286 8.457"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="M59.444 55.46C64.388 53.835 68 48.701 68 42.617c0-7.079-4.891-12.873-11.08-13.344a1.03 1.03 0 0 1-.949-.831c-1.382-7.1-7.761-12.436-15.303-12.436c-4.9 0-9.267 2.219-12.102 5.748c-.277.345-.742.503-1.15.332c-1.092-.458-2.244-.68-3.533-.68c-4.872 0-8.871 3.719-9.286 8.458a.97.97 0 0 1-.86.868C8.233 31.322 4 36.74 4 43.337c0 6.99 4.848 12.656 10.827 12.656h36.219"/><path stroke-width="1.5" d="M31.686 32.062a6.3 6.3 0 0 1-4.312 1.438a6.3 6.3 0 0 1-4.313-1.437m25.878-.001a6.3 6.3 0 0 1-4.312 1.438a6.3 6.3 0 0 1-4.313-1.437m-.703 13.27c1.657 0 3-1.138 3-2.541c0-1.053-.755-1.956-1.832-2.342a3.5 3.5 0 0 0-1.168-.2m-.427 10.156c.94 0 2.016-.57 2.331-1.472c.504-1.442-.355-3.054-1.919-3.6m22.768.225c2.154-3.308 2.011-7.934-1.992-9.798c-1.79-.834-3.868-.61-4.945 1.044a1.787 1.787 0 0 0 .522 2.473M46.09 46.55c4.76 2.767 12.005 5.352 16.274-.991"/><path stroke-width="1.5" d="M55.726 59.206c-.207 1.843-1.868 3.212-3.71 3.005a3.36 3.36 0 0 1-2.95-2.85M46.321 46.55s10.204 5.451 9.405 12.656"/></g></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. WindFaceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** 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.