Home/Libraries/Noto Emoji (v1) (Iconify)/mouse-face

Noto Emoji (v1) (Iconify)

MouseFace

License: Apache-2.0Commercial 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 128 128"><path fill="#818cf8" d="M111.67 82.98c-.13-.87-.9-1.46-1.74-1.34l-6.51 1.01l-.08 3.23l7.04-1.09c.84-.14 1.42-.94 1.29-1.81m-11.8 13.75l-1.2 2.83l8.01 2.64c.15.05.31.07.46.07c.65 0 1.25-.43 1.46-1.11c.25-.84-.19-1.73-1-2l-7.19-2.37m1.73-4.12l7.6 1.43c.09.02.19.03.28.03c.73 0 1.37-.54 1.5-1.31c.15-.86-.4-1.69-1.24-1.85l-7.39-1.39l-1.25 2.96"/><ellipse cx="64.83" cy="84.39" fill="#818cf8" rx="31" ry="24.17"/><path fill="#818cf8" d="M124.6 33.3c-6.8-12.09-22.58-15.06-34.49-8.91c-5.05 2.61-9 7.04-11.01 12.36a23.4 23.4 0 0 0-1.23 4.79c-.17 1.14-.25 2.72-1.9 2.28c-.94-.26-1.87-.6-2.84-.8c0 0-.83-.15-1.77-.31c-.28-.08-.52-.09-.74-.12c-.67-.11-1.31-.2-1.67-.24c-1.69-.15-3.33-.26-4.96-.27c-1.65.01-3.29.12-4.97.27c-.36.03-1 .13-1.66.24c-.23.03-.46.04-.74.12c-.94.15-1.77.31-1.77.31c-.97.2-1.9.54-2.84.8c-1.65.45-1.73-1.14-1.9-2.28c-.24-1.63-.66-3.24-1.23-4.79c-2-5.32-5.95-9.75-11-12.36c-11.9-6.15-27.68-3.18-34.48 8.91c-6.79 12.09-1.48 29.43 10.49 35.47c8.08 4.08 12.87 2.62 12.95 3.03c.16.72-1.41 3.93-2.18 8.71c-.9 5.64.25 11.6 2.9 16.65c.92 1.75 2.04 3.45 3.29 4.97c1.3 1.59 2.87 3.12 4.53 4.34c7.2 5.26 18.3 8.05 28.63 8.23c10.32-.18 21.41-2.98 28.62-8.23c1.66-1.22 3.22-2.75 4.52-4.34c1.25-1.52 2.37-3.23 3.28-4.97c2.66-5.06 3.8-11.01 2.89-16.65c-.76-4.79-2.33-8-2.18-8.71c.1-.41 4.88 1.05 12.96-3.03c11.98-6.04 17.29-23.38 10.5-35.47"/><path fill="#818cf8" d="M33.01 62.41c-9.66 3.48-20.63-4.16-20.82-14.23c-.16-7.73 6.72-14.19 13.98-14.81c9.47-.81 13.4 5.19 15.04 10.48c1.13 3.67.86 6.52.57 7.02c-.6 1.02-7.63 11.13-8.77 11.54m62.54 0c9.66 3.48 20.63-4.16 20.82-14.23c.16-7.73-6.72-14.19-13.98-14.81c-9.47-.81-13.4 5.19-15.04 10.48c-1.13 3.67-.87 6.52-.57 7.02c.6 1.02 7.64 11.13 8.77 11.54m-32.48 44.18c-.72.04-1.52-.31-2.03-.76c-.91-.79-1.54-2.12-1.89-3.58c-.32-1.38-.63-2.74-.68-4.17c-.06-1.43 1.26-.94 2.34-1.1c.99-.15 2-.97 2.83-1.47c1.21-.74 2.18.37 3.23.88c.92.45 1.77.65 2.72.48c.99-.19 1.21.32.95 1.84c-.2 1.25-.38 2.51-.68 3.75c-.26 1.14-.64 2.26-1.28 3.25c-.41.63-1.19.95-1.92.91c-.6-.03-.92-.3-1.37-.65c-.59-.46-.76-.18-1.22.23c-.27.25-.63.37-1 .39"/><path fill="#818cf8" d="M62.65 90.21c-.21.03-.43.04-.64.03c.08 0 .06 2.95.04 3.22c-.17 1.56-1.67 2.07-3.04 2.01c-1.3-.06-2.45-.56-3.58-1.17c-.5-.27-1.1-.59-1.66-.3c-.73.38-.66 1.23-.29 1.85c.53.94 1.53 1.57 2.5 2.01c1.53.69 3.35 1.02 5.01.67c.79-.17 1.49-.5 2.13-1c1.6-1.26 3.34.43 5.01.82c1.63.37 3.38.28 4.92-.37c1.08-.45 3.53-1.96 3.28-3.4c-.09-.6-.49-1.07-1.14-.99c-.7.09-1.38.69-1.98 1c-1.69.87-3.68 1.06-5.44.24c-1.15-.53-1.27-1.25-1.48-2.29c-.08-.4-.18-.79-.15-1.2c.03-.44.12-.86.06-1.3c-.62-.07-1.3-.01-1.94-.01c-.55.01-1.09.13-1.61.18"/><ellipse cx="44.85" cy="79.69" fill="#818cf8" rx="4.67" ry="5.65"/><path fill="#818cf8" d="M79.04 79.69c0 3.12 2.09 5.64 4.67 5.64s4.68-2.52 4.68-5.64s-2.1-5.65-4.68-5.65c-2.59 0-4.67 2.53-4.67 5.65m-20 6.99c0 3.49 2.35 6.32 5.25 6.32c2.88 0 5.24-2.83 5.24-6.32c0-3.5-2.35-6.33-5.24-6.33c-2.9.01-5.25 2.83-5.25 6.33"/><path fill="#818cf8" d="M16.33 82.98c.13-.87.9-1.46 1.74-1.34l6.51 1.01l.08 3.23l-7.04-1.09c-.84-.14-1.42-.94-1.29-1.81m11.8 13.75l1.2 2.83l-8.01 2.64c-.15.05-.31.07-.46.07c-.65 0-1.25-.43-1.46-1.11c-.25-.84.19-1.73 1-2l7.19-2.37m-1.73-4.12l-7.6 1.43c-.09.02-.19.03-.28.03c-.73 0-1.37-.54-1.5-1.31c-.15-.86.4-1.69 1.24-1.85l7.39-1.39l1.25 2.96"/></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. MouseFaceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.