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

OpenMoji (Iconify)

MouseFace

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="m21.79 17.07l-5.552-5.515c-1.054-.885-2.464-.551-3.801-.229l-.129.03c-.97.235-1.68.758-2.284 1.552l-2.175 3.254c-.7.921-.617 2.164-.454 3.31l.714 5.176c.093.653.334 1.277.704 1.823l2.964 4.198c.329.486.753.9 1.247 1.216l.627.4c1.458.935 4.531 1.709 2.202 5.126l-.55 4.21c-.083.505-.096 1.638 0 2.141l.825 5.069c.138.72.599 1.817 1.069 2.381l1.923 2.168c.414.496 1.091.964 1.678 1.233l10.145 4.541l3.104 1.545c.669.33 1.324.958 2.069.915l.79-.044a4.3 4.3 0 0 0 1.688-.449l2.589-1.29q.104-.053.21-.098l9.785-4.244c.343-.149.666-.342.96-.574l3.135-2.474c.78-.616 2.241-3.527 2.459-4.497l.422-3.92c.113-.507.135-1.03.064-1.544l-.588-7.204c-.212-1.521.3-.783 1.505-1.736l.748-.591c.344-.273.645-.596.893-.96l3.992-5.86c.346-.509.58-1.085.686-1.691l.891-5.086a4.3 4.3 0 0 0-.164-2.137l-.972-2.872a4.33 4.33 0 0 0-1.728-2.233l-1.352-.886c-1.433-.94-2.789-.172-4.228.757l-1.31 1.003q-.315.204-.59.458l-3.873 3.701c-2.491 4.085-4.361 1.093-5.937.404l-3.197-1.002c-.463-.202-1.256-.566-1.76-.598h-7.308c-.537-.034-7.37 2.522-7.37 2.522c-1.181.543-2.629.686-3.537-.245c-.302-.31-.944-.915-1.23-1.154"/><path fill="#ffa7c0" d="m60.18 13.217l-.382.302a3.2 3.2 0 0 0-.749.845l-4.283 6.984a3.23 3.23 0 0 0-.476 1.688v7.903c0 .568.144 1.126.432 1.615l.025.044c1.032 1.74 3.416 2.075 4.92.722l3.122-2.81a3.2 3.2 0 0 0 .715-.929l2.271-4.438a3.2 3.2 0 0 0 .333-1.097l.675-5.78a3.23 3.23 0 0 0-.277-1.731l-.614-1.325a3.2 3.2 0 0 0-.59-.867l-.776-.818a3.23 3.23 0 0 0-4.345-.308Zm-46.577.073l.382.302c.298.235.551.521.75.844l4.283 6.985a3.23 3.23 0 0 1 .476 1.688v7.903c0 .568-.145 1.125-.432 1.615l-.026.043c-1.031 1.74-3.227 1.833-4.73.48l-2.941-2.858a3.2 3.2 0 0 1-.715-.929l-2.192-3.988c-.176-.343-.288-.83-.332-1.212l-.693-5.776a3.23 3.23 0 0 1 .277-1.733l.182-1.371a3.2 3.2 0 0 1 .589-.867l.777-.818a3.23 3.23 0 0 1 4.345-.308"/><circle cx="26.782" cy="38.62" r="3"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M37 54.469v3.022m5.062 2.442l10.408-4.514c10.572-5.464 5.345-20.667 5.345-20.667c4.395-1.782 6.84-6.092 6.84-6.092c6.34-12.319-.216-16.744-3.687-18.15a2.85 2.85 0 0 0-3.075.626l-8.333 7.7q-12.56-7.41-25.12 0l-8.333-7.7a2.85 2.85 0 0 0-3.076-.626c-3.47 1.406-10.027 5.831-3.686 18.15c0 0 2.445 4.31 6.84 6.092c0 0-5.227 15.203 5.344 20.667l10.41 4.514c2.74 2.534 7.382 2.534 10.123 0"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.453 14.728s8.077 3.872 5.226 16.521"/><circle cx="47.218" cy="38.62" r="3"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M60.547 14.728S52.47 18.6 55.321 31.249"/><path d="M34.449 50.265c1.417-.261 3.142-.405 4.971-.166c1.81.237 2.604 1.922 1.472 3.042l-1.9 1.88c-.94.93-2.732.978-3.751.102l-2.022-1.738c-1.242-1.067-.574-2.788 1.23-3.12"/></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 **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.