Home/Libraries/Emoji One (Colored) (Iconify)/wolf

Emoji One (Colored) (Iconify)

Wolf

License: CC-BY-4.0

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 64 64"><path fill="#818cf8" d="m7.9 28.2l18.9-13S16 .1 10.6 2.2c-2.6 1-4.5 21.9-2.7 26"/><path fill="#818cf8" d="m8.7 29.8l7.5-3.6S20.6 14 11.1 5.3C9.2 6.9 6.9 26.9 8.7 29.8"/><path fill="#818cf8" d="m56.1 28.2l-18.9-13S48 .1 53.4 2.2c2.6 1 4.5 21.9 2.7 26"/><path fill="#818cf8" d="m55.3 29.8l-7.5-3.6S43.4 14 52.9 5.3c1.9 1.6 4.2 21.6 2.4 24.5"/><path fill="#818cf8" d="M32 9.7C18.1 9.7 2 25.5 2 36.9C2 46.1 27.9 62 32 62s30-15.9 30-25.1C62 25.5 45.9 9.7 32 9.7"/><path fill="#818cf8" d="M4 36.6c.4 9.2 24 21.7 28 21.7s27.6-12.5 28-21.7C32.5 9.1 52.9 54.5 32 54.5S31.5 9.1 4 36.6"/><path fill="#818cf8" d="M40.5 48.9c-1.7-1.1-6.9-1.2-8.5-1.2s-6.8.1-8.5 1.2c-1.2.8-.3 2.7 2.9 4.4c2 1 4 1.4 5.5 1.4c1.6 0 3.5-.3 5.5-1.4c3.3-1.7 4.3-3.6 3.1-4.4"/><g fill="#818cf8"><path d="M11.9 13.9c2.2 1.3 8.2 7.6 3.5 11.2s-7.4 0-6.8-.6c3.9-3.6 3.3-10.6 3.3-10.6"/><path d="M10 16.4c2.3 1 8.8 6 4.3 9.9s-7.4.9-6.8.2c3.6-3.9 2.5-10.1 2.5-10.1m42.1-2.5c-2.2 1.3-8.2 7.6-3.5 11.2s7.4 0 6.8-.6c-3.9-3.6-3.3-10.6-3.3-10.6"/><path d="M54 16.4c-2.3 1-8.8 6-4.3 9.9s7.4.9 6.8.2C52.9 22.6 54 16.4 54 16.4"/></g><g fill="#818cf8"><path d="M22.2 19.4c2.1 3.6 6.4 17.5-1.7 20s-9.6-5-8.3-5.5c6.9-3.3 10-14.5 10-14.5"/><path d="M18.4 21.9c2.4 3.1 7.9 15.4.1 18.4c-7.9 3.1-10-3.6-8.8-4.2c6.6-3.6 8.7-14.2 8.7-14.2"/></g><path fill="#818cf8" d="M23.2 33.1c0 3.3-2.7 6-6 6s-6-2.7-6-6s2.7-4 6-4z"/><path fill="#818cf8" d="M21 33.1c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8s1.7-2.8 3.8-2.8c2.1-.1 3.8.6 3.8 2.8"/><g fill="#818cf8"><path d="M24.1 32.7c-.2-.5-.6-.9-.9-1.2c-.7-.7-1.5-1.3-2.2-1.8c-1.5-1-3.1-1.8-4.6-2.6s-3-1.6-4.3-2.6s-2.5-2.2-3.4-3.9c-.1.9.1 1.8.3 2.6c-1.3-1.2-2.5-2.6-3.4-4.5c-.1 1.3.2 2.6.6 3.8c-1.1-1.2-2.1-2.6-2.9-4.3c-.1 2.5.9 5 2.4 7s3.5 3.4 5.5 4.5s4.1 2 6.2 2.7c1 .4 2 .8 3 1.3c.9.5 1.8 1 2.4 2.1zm17.7-13.3c-2.1 3.6-6.4 17.5 1.7 20s9.6-5 8.3-5.5c-6.9-3.3-10-14.5-10-14.5"/><path d="M45.6 21.9c-2.4 3.1-7.9 15.4-.1 18.4c7.9 3.1 10-3.6 8.8-4.2c-6.6-3.6-8.7-14.2-8.7-14.2"/></g><path fill="#818cf8" d="M40.8 33.1c0 3.3 2.7 6 6 6s6-2.7 6-6s-2.7-4-6-4z"/><path fill="#818cf8" d="M43 33.1c0 2.1 1.7 3.8 3.8 3.8s3.8-1.7 3.8-3.8s-1.7-2.8-3.8-2.8c-2.1-.1-3.8.6-3.8 2.8"/><path fill="#818cf8" d="M39.9 32.7c.2-.5.6-.9.9-1.2c.7-.7 1.5-1.3 2.2-1.8c1.5-1 3.1-1.8 4.6-2.6s3-1.6 4.3-2.6s2.5-2.2 3.4-3.9c.1.9-.1 1.8-.3 2.6c1.3-1.2 2.5-2.6 3.4-4.5c.1 1.3-.2 2.6-.6 3.8c1.1-1.2 2.1-2.6 2.9-4.3c.1 2.5-.9 5-2.4 7s-3.5 3.4-5.5 4.5s-4.1 2-6.2 2.7c-1 .4-2 .8-3 1.3c-.9.5-1.8 1-2.4 2.1z"/><path fill="#818cf8" d="M38.6 56.9c0 1.2-4.1 2.3-6.6 2.3s-6.6-1.1-6.6-2.3s6.6-.7 6.6-.7s6.6-.4 6.6.7"/><g fill="#818cf8"><path d="M33 53.5v.4c0 .2 0 .4-.1.5c-.1.3-.2.7-.3 1c-.3.7-.8 1.3-1.4 1.7c-1.3.8-2.7.6-3.9.4c-2.4-.5-4.4-1.6-6.4-2.8c-1.9-1.3-3.7-2.7-5.3-4.3s-3-3.4-4.2-5.3c1.3 1.9 2.8 3.5 4.5 5s3.5 2.8 5.5 3.8c1.9 1.1 4 1.9 6.1 2.2c1 .1 2.1 0 2.7-.4s.8-1.2.8-2.2z"/><path d="M33 53.4c0 1 .2 1.8.8 2.2c.6.5 1.7.5 2.7.4c2.1-.3 4.2-1.2 6.1-2.2c1.9-1.1 3.8-2.4 5.5-3.8c1.7-1.5 3.2-3.1 4.5-5c-1.1 1.9-2.6 3.7-4.2 5.3s-3.4 3.1-5.3 4.3s-4 2.3-6.4 2.8c-1.2.2-2.5.3-3.9-.4c-.7-.4-1.2-1-1.4-1.7c-.1-.3-.2-.7-.3-1c0-.2-.1-.3-.1-.5v-.4z"/></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. WolfIcon.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-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.