Home/Libraries/OpenMoji (Iconify)/merman

OpenMoji (Iconify)

Merman

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="#61b2e4" d="M33.892 59.467L44.35 51.01l8.047 3.77s-8.818 11.163-18.504 4.686"/><path fill="#92d3f5" d="M26.857 51.72a3.36 3.36 0 0 0 2.63-2.907c.487-2.61 3.856 2.765 4.944-1.648c0 0 6.945 1.493 6.043-2.197l4.107 5.176s-1.658 4.155-5.894 3.113c0 0 1.43 5.9-3.445 4.23c0 0 .646 1.893-3.547.129Z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M38.671 53.009a3.01 3.01 0 0 1-4.747 3.608"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M43.423 49.4a3.013 3.013 0 0 1-4.752 3.61"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M30.152 49.285c.358 1.373.087 2.692-1.231 3.129c-1.32.44-1.505-1.034-1.863-2.41"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M35.52 47.699a2.816 2.816 0 0 1-5.387 1.586"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="M40.907 46.111a2.817 2.817 0 0 1-5.388 1.588"/><path fill="#61b2e4" d="M23.648 42.714s.115 2.515 1.647.346s5.841 3.354 8.674-.203c0 0 4.77 2.313 5.493-1.416l1.966 5.059s-2.341 4.425-5.753 1.706c0 0-1.619 4.714-5.35 1.157c0 0-.327 5.076-4.664 1.144Z"/><path fill="#92d3f5" d="M59.26 43.908c2.009.915-3.162 9.868-5.707 9.252s4.01-10.022 5.707-9.252"/><path fill="#92d3f5" d="M53.767 53.94c-1.139-2.357 10.29-3.266 10.77-1.467c.572 2.135-9.63 3.824-10.77 1.466"/><path fill="#fcea2b" d="M24.718 30.29s-5.307 7.477-9.966 6.845l-.158-3s3.87-.08 9.871-8.291l12.397-.632s3.631 1.343 4.896 6.633c.781 3.272 1.37 5.945 2.178 7.28a4.3 4.3 0 0 1 .563 1.485c-.078 1.586-3.502 2.128-4.154-.434c-1.815-2.371-1.527 2.611-1.527 2.611l-14.59.452"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-linecap="round" stroke-miterlimit="10" d="M15.237 34.36c7.326-2.57 6.312-8.997 10.883-8.997h9.97c4.571 0 5.774 7.548 7.406 15.246"/><path stroke-linecap="round" stroke-miterlimit="10" d="m24.739 31.15l-.388 9.867a21.67 21.67 0 0 0 9.564 17.805s7.697 6.61 19.437-5.503M39.473 40.452l-2.265-9.302"/><path stroke-linecap="round" stroke-miterlimit="10" d="M53.236 53.456c-10.73 1.05-13.763-13.06-13.763-13.06"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.956 63.363v-52"/><path stroke-linecap="round" stroke-miterlimit="10" d="M8.957 16.368c0 3.8 2.627 6.882 5.87 6.882s5.87-3.081 5.87-6.882l-.266-4.89"/><path stroke-linecap="round" stroke-miterlimit="10" d="M20.697 16.368c0 3.8-2.628 6.882-5.87 6.882s-5.87-3.081-5.87-6.882l.264-4.89M53.43 53.185s-.855-7.077 6.143-9.604"/><path stroke-linecap="round" stroke-miterlimit="10" d="M59.539 43.58s.857 7.076-6.141 9.605"/><path stroke-linecap="round" stroke-miterlimit="10" d="M54.593 53.92s4.755-5.311 11.27-1.717"/><path stroke-linecap="round" stroke-miterlimit="10" d="M65.84 52.178s-4.753 5.31-11.27 1.715M39.533 40.86c0 1.444-4.007 2.624-8.595 2.624c-4.592 0-6.586-1.063-6.586-2.508"/><path stroke-miterlimit="10" d="M36.194 16.644a4.666 4.666 0 1 1-4.666-4.665h.001a4.666 4.666 0 0 1 4.665 4.665Z"/></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. MermanIcon.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.