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

OpenMoji (Iconify)

CowFace

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="#fff" d="M15 12.021c0 .612.306 1.183.815 1.522l4.244 2.83c.577.384 1.774.872 1.688 1.56l-1.705 6.728c-.028.224-.014.451.04.67l1.835 7.338a1.8 1.8 0 0 1 .04.67l-.915 7.322c-.028.224-.014.452.04.67l1.747 6.983c.11.442.38.826.76 1.078l1.73 1.154c.434.29.723.749.797 1.264l-.26 3.798s-.292 3.108 2.301 6.05c1.633 1.854 5.715 3.885 8.266 3.885c3.34 0 5.954-1.938 7.395-3.646c.891-1.058 2.54-2.498 3.282-5.825c.201-.902-.1-3.696-.1-3.696c0-.248.401-1.311.499-1.539l1.306-2.508l.039-.08c.54-.863.788-1.878.885-2.892c0 0 .904-4.975 1.158-6.64c.005-.033-.5-5.516-.495-5.549l1.55-6.817a1.8 1.8 0 0 0-.019-.698l-1.536-6.913a1.83 1.83 0 0 1 1.341-2.172l1.642-.41a1.83 1.83 0 0 0 1.02-.677l2.244-2.993c.238-.316.366-.701.366-1.097v-.11c0-1.17-1.115-1.144-2.258-.89l-6.19.487c-.36.08-.735.05-1.077-.087l-4.36-1.745a2 2 0 0 0-.236-.076l-7.362-1.84a1.83 1.83 0 0 0-1.022.039l-5.372 1.79q-.123.041-.24.1l-3.41 1.705a1.83 1.83 0 0 1-1 .184l-7.462-.746A1.83 1.83 0 0 0 15 12.022Z"/><path fill="#a57939" d="m65.182 16.575l-3.566.242q-.197.014-.383.077l-7.08 2.42a2 2 0 0 0-.128.05l-2.64 1.18a1.4 1.4 0 0 1-.361.11c-1.374.226-10.173 1.887-10.02 7.265c0 0-.464 3.6 1.951 6.148c1.88 1.982 2.99 4.647 2.52 7.34c-.31 1.776-1.252 3.53-3.47 4.593l2.91 1.022c.43.15.767.489.917.918l1.476 4.22l1.662-1.772c1.114-1.194 1.969-5.874 1.969-5.874a40 40 0 0 0-.039-11.157s1.26-.965 1.26-.965c.162-.124.346-.213.542-.263l5.563-1.415q.26-.066.48-.217l4.302-2.961a1.5 1.5 0 0 0 .443-.478l2.601-4.446a1.5 1.5 0 0 0 .193-.566l.485-3.787a1.497 1.497 0 0 0-1.587-1.684m-58.315 0l3.566.242q.196.014.383.077l7.08 2.42q.066.022.127.05l2.641 1.18c.117.053.234.089.361.11c1.374.226 10.173 1.887 10.02 7.265c0 0 .464 3.6-1.952 6.148c-1.88 1.982-2.988 4.647-2.519 7.34c.31 1.776 1.252 3.53 3.47 4.593l-2.91 1.022c-.43.15-.767.489-.917.918l-1.477 4.22l-1.661-1.772c-1.114-1.194-2.041-6.908-2.041-6.908a29.7 29.7 0 0 1 .507-9.482a1.5 1.5 0 0 0-.553-1.507l-.466-.357a1.5 1.5 0 0 0-.632-.283l-6.06-1.144a1.5 1.5 0 0 1-.57-.238l-4.262-2.933a1.5 1.5 0 0 1-.444-.478l-2.6-4.446a1.5 1.5 0 0 1-.193-.566L5.28 18.26a1.497 1.497 0 0 1 1.587-1.684"/><path fill="#f4aa41" d="m27.32 47.995l-.66 1.131a15.7 15.7 0 0 0-.703 6.741a2.23 2.23 0 0 0 2.01 1.968l.082.007l6.496-.515a20 20 0 0 1 3.75.058l5.926.654a2.55 2.55 0 0 0 2.064-.712a2.58 2.58 0 0 0 .775-1.723l.048-1.02a13.7 13.7 0 0 0-1.491-6.896a2.6 2.6 0 0 0-2.234-1.415L34.754 46h-3.963c-1.43 0-2.751.76-3.471 1.994"/><path d="M26.162 31.06s-3.048-.22-3.829-1a2 2 0 0 1 2.829-2.829c.78.781 1 3.828 1 3.828"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m19.62 26.235l2.037-9.248s-7.68-.627-6.505-7.445c0 0 9.953 3.292 12.775.47c0 0 6.237-6.664 16.195-.043c3.323 2.21 12.775-.47 12.775-.47c1.176 6.818-6.505 7.445-6.505 7.445l2.038 9.248M28.483 46h15.726c.272 0 .532.114.708.321c.847 1 3.144 4.347 2.094 10.297a1.895 1.895 0 0 1-2.203 1.55c-3.476-.64-11.324-1.79-16.76-.326a1.87 1.87 0 0 1-2.343-1.591c-.302-2.511-.315-6.628 2.01-9.868a.95.95 0 0 1 .768-.383"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M29.867 50.277s-.686 2.855 3.154 2.926m-3.893 8.263s6.348 7.916 13.793.314M17.518 20.154c-3.064-1.957-7.38-4.587-12.436-3.342c0 0-1.489 14.029 15.362 15.518l1.213.88s-2.29 8.918 1.262 16.102"/><path d="M45.887 31.014s3.047-.22 3.828-1a2 2 0 1 0-2.828-2.828c-.78.78-1 3.828-1 3.828"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M43.182 50.234s.686 2.855-3.154 2.926m14.746-33.201c3.048-1.888 7.269-4.402 12.192-3.19c0 0 1.49 14.029-15.36 15.518l-1.214.88s2.538 7.978-1.014 15.162"/></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. CowFaceIcon.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.