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

OpenMoji (Iconify)

ManElf

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="#92d3f5" d="M54.922 60.932s2-14.027-10-14.027c-3.191 2.128-5.926 3.598-9 3.592h.125c-3.073.006-5.808-1.464-9-3.592c-12 0-10 14.026-10 14.026Z"/><path fill="#61b2e4" d="M45.308 46.905a18 18 0 0 1-8.937 3.588c13.062.412 12.977 6.395 13.74 10.395h5.113s2.084-13.983-9.916-13.983"/><path fill="#6a462f" d="M18.056 52.064v-9.565h7.085v3.564"/><path fill="#a57939" d="M47.967 60.958c-18.499-5.135-20.92-14.053-20.92-14.053s-4.2.204-5.677 1.353c3.116 6.43 5.934 9.55 14.104 12.681"/><g fill="#fcea2b"><path d="M38.133 20.532a9.4 9.4 0 0 1-2.18-5.054c-.028 0-.055-.005-.083-.005a8.27 8.27 0 0 1-1.98 5.059a10.88 10.88 0 0 1-8.794 4.709a17.4 17.4 0 0 0-.566 4.405c0 7.827 5.077 14.173 11.339 14.173s11.339-6.346 11.339-14.173a17.4 17.4 0 0 0-.626-4.611a9.75 9.75 0 0 1-8.45-4.503"/><path d="m46.584 24.451l11.45-1.636s-6.268 9.849-10.494 8.799m-22.065-7.182l-11.318-1.617s6.19 9.735 10.367 8.697"/></g><path fill="#f4aa41" d="M35.797 11.757a15.35 15.35 0 0 0-15.136 12.845c8.826 3.057 13.156-3.939 13.156-3.939a8.27 8.27 0 0 0 1.98-5.059h.083a9.4 9.4 0 0 0 2.18 5.06s3.413 6.46 12.873 3.93a15.35 15.35 0 0 0-15.136-12.837M37.48 44.38l-5.196-.644l-4.21-2.617l-3.413-6.106l-.38-2.844l-2.35-.418l-2.911-2.263V42.04l6.159.33v4.596l1.906-.19c3.17 2.113 5.89 3.575 8.938 3.589c3.048-.014 5.767-1.475 8.937-3.589a9.7 9.7 0 0 1 6.554 2.135a12.9 12.9 0 0 0 .661-4.108c0-16.656-.27-14.326-.27-14.326l-2.326 1.425l-2.2.265l-1.29 4.893l-3.603 4.968Z"/><path d="M42.016 28.588a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2m2 10.002a7.65 7.65 0 0 1-3.447-.857a1 1 0 0 1 .894-1.79a5.38 5.38 0 0 0 5.106 0a1 1 0 1 1 .894 1.79a7.65 7.65 0 0 1-3.447.858"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M50.964 24.15C46.49 10.529 36.016 11.928 36.016 11.928s-10.353-1.383-14.869 11.987"/><circle cx="36.016" cy="22.15" r="1.5"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m25.461 24.736l-11.317-1.618s6.189 9.736 10.366 8.698m11.506-16.04a20.5 20.5 0 0 1-3.08 5.06m13.635 3.918l11.45-1.636s-6.268 9.85-10.494 8.8M36.016 15.776a20.5 20.5 0 0 0 3.08 5.06m12.12 10.197v13.503m-33.128 7.572v-9.565h7.085v3.565m-5.151-3.603v-4.744m3.371 4.782v-3.441"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M54.954 59.95s2-13-10-13c-3.192 2.127-5.927 3.598-9 3.591h.125c-3.074.007-5.809-1.464-9-3.592c-12 0-10 13-10 13m9.361-35.402l-.983.229a17.3 17.3 0 0 0-.78 5.173c0 7.828 5.077 14.173 11.34 14.173s11.338-6.345 11.338-14.173a17.3 17.3 0 0 0-.78-5.173l-.812-.324"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m46.571 24.754l11.45-1.636s-6.268 9.85-10.494 8.8m-27.58-1.585v3.168m27.949 26.505c-18.5-5.136-20.817-13.057-20.817-13.057s-4.2.205-5.678 1.354c3.116 6.429 5.69 8.639 13.86 11.769m11.463-38.777c-2.642-.694-3.24 2.472-6.127 1.785m-9.21 0c-2.886.688-2.876-2.762-5.519-2.07"/></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. ManElfIcon.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.