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

OpenMoji (Iconify)

DisguisedFace

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"><defs><path id="SVGekxa3byI" d="M39.664 37.59a14.5 14.5 0 0 1 1.797.554l.043.017a6 6 0 1 0-.227-8.284c-4.489 2.034-9.6.338-10.574-.021a6 6 0 1 0-.208 8.305a1 1 0 0 0 .088-.036a10 10 0 0 1 1.429-.547s.426-5.74 3.916-5.74s3.736 5.752 3.736 5.752m-13.362.31a4 4 0 1 1 4-4a4 4 0 0 1-4 4m19.396 0a4 4 0 1 1 4-4a4 4 0 0 1-4 4"/></defs><use href="#SVGekxa3byI"/><circle cx="36" cy="36" r="23" fill="#fcea2b"/><circle cx="26.338" cy="33.9" r="5" fill="#92d3f5"/><circle cx="45.734" cy="33.9" r="5" fill="#92d3f5"/><path fill="#3f3f3f" d="M31.874 31.192s0-7.43-8.192-7.43a2.9 2.9 0 0 0 .491 1.024s-4.336-.491-5.113 1.309l.777 1.023a2.116 2.116 0 0 0-1.555 2.29A1.78 1.78 0 0 0 20 31.29h2.075s4.341-5.555 9.799-.098m8.86 0s0-7.43 8.192-7.43a2.9 2.9 0 0 1-.491 1.024s4.336-.491 5.113 1.309l-.777 1.023a2.116 2.116 0 0 1 1.555 2.29a1.78 1.78 0 0 1-1.718 1.882h-2.075s-4.354-5.084-9.799-.098"/><use href="#SVGekxa3byI"/><path fill="#f1b31c" d="M39.935 45.661a2.56 2.56 0 0 1 1.836-.89a1.514 1.514 0 0 0 1.549-1.72a3.65 3.65 0 0 0-1.779-2.927a6.3 6.3 0 0 1-2.21-3.89c-.414-4.436-3.114-4.696-3.382-4.711h-.039c-.245.012-2.969.254-3.386 4.712a6.3 6.3 0 0 1-2.21 3.89a3.65 3.65 0 0 0-1.778 2.926a1.514 1.514 0 0 0 1.549 1.721a2.56 2.56 0 0 1 1.836.89s3.55 5.76 7.897.365Z"/><path fill="#3f3f3f" d="M42.817 44.402s5.083.07 2.534 4.347a4.5 4.5 0 0 0-1.813-.822s.226 2.918-3.513 3.23V49.74s-.604 2.096-4.097 2.096h-.017c-3.493 0-4.097-2.096-4.097-2.096v1.416c-3.74-.311-3.513-3.229-3.513-3.229a4.5 4.5 0 0 0-1.812.822c-2.55-4.277 2.533-4.348 2.533-4.348l2.6.932A4.34 4.34 0 0 0 36 48.332a4.465 4.465 0 0 0 4.414-3.135Z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="36" cy="36" r="23"/><path d="M31.874 31.192s0-7.43-8.192-7.43a2.9 2.9 0 0 0 .491 1.024s-4.336-.491-5.113 1.309l.777 1.023a2.116 2.116 0 0 0-1.555 2.29A1.78 1.78 0 0 0 20 31.29h2.075m18.659-.098s0-7.43 8.192-7.43a2.9 2.9 0 0 1-.491 1.024s4.336-.491 5.113 1.309l-.777 1.023a2.116 2.116 0 0 1 1.555 2.29a1.78 1.78 0 0 1-1.718 1.882h-2.075M31.92 45.661a2.56 2.56 0 0 0-1.835-.89a1.514 1.514 0 0 1-1.55-1.72a3.65 3.65 0 0 1 1.78-2.927a6.3 6.3 0 0 0 2.21-3.89c.416-4.457 3.14-4.699 3.385-4.711h.04c.267.014 2.967.275 3.381 4.711a6.3 6.3 0 0 0 2.21 3.89a3.65 3.65 0 0 1 1.779 2.927a1.514 1.514 0 0 1-1.55 1.72a2.56 2.56 0 0 0-1.835.89"/><path d="M31.663 43.366s-.764 4.762 4.265 4.762s4.226-4.762 4.226-4.762"/><path d="M42.817 44.402s5.083.07 2.534 4.347a4.5 4.5 0 0 0-1.813-.822s.226 2.918-3.513 3.23V49.74s-.604 2.096-4.097 2.096h-.017c-3.493 0-4.097-2.096-4.097-2.096v1.416c-3.74-.311-3.513-3.229-3.513-3.229a4.5 4.5 0 0 0-1.812.822c-2.55-4.277 2.533-4.348 2.533-4.348"/></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. DisguisedFaceIcon.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.