Home/Libraries/OpenMoji (Iconify)/man-singer

OpenMoji (Iconify)

ManSinger

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="M54.778 58.592s2-13.797-10-13.797c-3.192 2.12-5.927 3.584-9 3.577h.125c-3.074.007-5.809-1.458-9-3.577c-12 0-10 13.797-10 13.797"/><path fill="#61b2e4" d="M26.903 44.795c-12 0-10 13.967-10 13.967h15.893s-4.421-3.264-5.893-13.967m17.875 0c12 0 10 13.967 10 13.967H39.03s5.422-7.443 5.748-13.967"/><path fill="#92d3f5" d="M33.533 48.284s-1.207 6.022 2.307 6.022c3.513 0 2.307-6.022 2.307-6.022"/><path fill="#9b9b9a" d="m55.285 40.723l2.829-2.829l7.375 7.375l-2.829 2.829z"/><circle cx="53.662" cy="36.461" r="4" fill="#d0cfce"/><path fill="#92d3f5" d="m34.99 54.488l-2.416 3.638c-3.63-1.754-5.671-12.962-5.671-12.962l-5.105 6.934l2.974 1.842l-.999 3.114l8.87 1.072m3.036-4.03l1.79 2.61l1.507 2.044h-6.311l1.507-2.044zm1.011.392l2.415 3.638c3.63-1.754 5.673-12.962 5.673-12.962l5.104 6.934l-2.974 1.842l.999 3.114l-8.87 1.072"/><path fill="#a57939" d="m41.774 15.715l-.626-.624c-.286-.736-2.957-6.849-11.302-3.3c-2.105.896-3.98 2.252-5.616 3.852c0 0-2.837 2.382-3.92 4.035c0 0-1.687-.284-3.268-1.764c0 0-.435 6.643 7.577 7.577c0 0 2.858.023 6.19-2.819l1.406-.622c3.04-.198 5.352-1.183 5.353-2.37l1.208-.535l.927-.253s4.6 8.097 7.303 6.05h.003c.23-5.305-1.036-9.058-5.235-9.227"/><path fill="#fcea2b" d="m39.703 18.892l-.927.253l-1.208.534c-.001 1.188-2.314 2.173-5.353 2.371l-1.405.622c-3.275 2.792-6.085 2.82-6.182 2.82a17.6 17.6 0 0 0-.318 3.279c0 7.827 5.077 14.173 11.34 14.173s11.338-6.346 11.338-14.173c0-1.25-.143-2.455-.385-3.609c-2.732 1.061-6.9-6.27-6.9-6.27"/><path d="M41.963 26.942a2 2 0 1 1-4.002-.001a2 2 0 0 1 4.002.001m-8 0a2 2 0 1 1-4.002-.001a2 2 0 0 1 4.002.001m1.999 10.003q-1.73 0-3.447-.858a1 1 0 1 1 .895-1.79c1.717.86 3.387.86 5.105 0a1 1 0 0 1 .895 1.79q-1.718.857-3.448.857"/><path fill="none" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="M46.98 24.96c.21 1.07.32 2.2.32 3.34c0 7.83-5.08 14.18-11.34 14.18S24.62 36.13 24.62 28.3c0-.97.08-1.91.23-2.82m16.1-9.9c.08.04.16.09.23.14c.14.09.28.18.41.28"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m55.285 40.723l2.829-2.829l7.375 7.375l-2.829 2.829z"/><circle cx="53.662" cy="36.461" r="4" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m64.292 46.868l2.846 2.846m-8.245-5.05v13.2M41.774 15.715c4.2.169 5.464 3.922 5.234 9.227h-.002c-2.702 2.047-7.303-6.05-7.303-6.05zm-8.241 32.383s-1.207 6.021 2.307 6.021c3.513 0 2.307-6.021 2.307-6.021"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="m34.99 54.12l-2.416 3.637c-3.63-1.754-5.671-12.962-5.671-12.962l-5.105 6.935l2.974 1.842l-.999 3.113l8.87 1.072zm1.7 0l2.415 3.637c3.63-1.754 5.673-12.962 5.673-12.962l5.104 6.935l-2.974 1.842l.999 3.113l-8.87 1.072zm2.403-35.116l2.083-3.84s-2.46-7.145-11.33-3.372c-2.105.895-3.98 2.251-5.616 3.851c0 0-2.837 2.382-3.92 4.035c0 0-1.687-.284-3.268-1.764c0 0-.435 6.643 7.577 7.577c0 0 2.858.023 6.19-2.819"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M39.108 18.892c-.004-.463-3.292 6.183-13.917 2.84m-8.288 36.063s-2-13 10-13c3.191 2.128 5.926 3.598 9 3.592h-.125c3.073.006 5.808-1.464 9-3.592c12 0 10 13 10 13"/></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. ManSingerIcon.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.