Home/Libraries/OpenMoji (Iconify)/tsunami

OpenMoji (Iconify)

Tsunami

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="m60.097 35.918l-1.433 2.968s-3.378-4.094-18.936.82s-13-6.142-12.386-6.552s1.331 1.433 2.969 2.047s5.22 2.457 6.448.615s24.874-2.866 23.338.102"/><path fill="#9b9b9a" d="M32.413 59.974c-12.61 0-24.087-10.822-24.087-24.168c0-12.488 8.243-19.418 16.298-19.418c6.82.037 12.369 5.499 12.515 12.317c0 5.292-1.909 8.092-3.73 8.092c-1.172 0-1.933-.885-1.933-2.63a2.93 2.93 0 0 0-2.963-2.775c-1.863 0-3.347 1.663-3.347 4.342c0 3.625 3.33 6.565 7.5 6.565c9.91 0 11.786-3.778 19.917-3.778c4.681 0 7.998 3.742 7.998 7.149c0 8.51-11.398 14.304-28.168 14.304"/><path fill="#3f3f3f" d="m61.862 26.931l-9.669-7.263l-9.592 7.252v7.714l.004.924a28.6 28.6 0 0 1 7.33-2.113v-5.704h4.612v5.467c4.227.236 6.598 2.149 7.315 4.024zM36.21 52.89c5.915-2.698 9.954-5.731 17.435-5.731c3.239.042 6.403.98 9.14 2.711v10.104H32.251c.426-3.708 3.959-7.083 3.959-7.083"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5"><path stroke-miterlimit="10" d="M46.34 23.897v-3.758"/><path stroke-linejoin="round" d="M42.601 34.922V26.92m19.261.011v9.64m-20.746-8.556l11.077-8.347l11.154 8.347"/><path stroke-linejoin="round" d="M50.232 27.741h4.315v5.602M15.886 32.33c1.028-5.61 4.928-9.132 9.104-9.132c3.775 0 6.922 2.147 7.74 5.639M62.786 49.87a17.5 17.5 0 0 0-9.14-2.712c-11.465 0-14.015 6.836-24.103 6.836m1.933-19.826a2.93 2.93 0 0 0-2.964-2.776c-1.862 0-3.346 1.662-3.346 4.342c0 3.625 3.33 6.565 7.5 6.565c9.91 0 11.785-3.778 19.917-3.778a8.15 8.15 0 0 1 6.754 3.465"/><path stroke-linejoin="round" d="M8.504 32.71c1.243-10.429 8.438-16.322 16.12-16.322c6.82.037 12.369 5.499 12.515 12.317a16.5 16.5 0 0 1-.71 4.938"/></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. TsunamiIcon.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.