Home/Libraries/OpenMoji (Iconify)/spouting-whale

OpenMoji (Iconify)

SpoutingWhale

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"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path fill="#818cf8" d="M22.3 44.828c.621 2.675 1.87 5.243 3.527 7.752c.906 1.371 2.583.787 2.977-.809c.34-.88.542-1.899.633-2.959"/><path fill="#818cf8" d="M46.638 14.502c-.694.206-.997 3.416-.95 4.523c.132 3.044 5.278 3.092 2.848 6.4c-10.496 11.84-26.393-3.784-34.527 3.661C12.765 40.522 30.867 56.536 45 47c8.206-5.537 10.46-14.795 11.082-20.096c.441-1.146 1.465-1.403 3.284-1.898c5.193-1.46 4.904-4.3 4.953-8.127c-2.359 2.857-4.907 1.8-6.823 1.728c-1.106-.004-2.181 1.244-2.857 1.795c-.09-.63-.226-1.476-.832-2.178c-1.505-1.744-4.947-.76-6.4-2.877c-.232-.535-.44-.792-.623-.845a.25.25 0 0 0-.145 0z"/><path fill="#818cf8" d="m57 26.054l-.21.065l-.81 1.47c.005-.04.015-.09.02-.129v-.04c-.019.083-.042.16-.06.243l-1.438 2.616a32.5 32.5 0 0 1-1.428 4.705c-5.536 8.899-15.765 7.784-22.539 3.277c-3.774-2.511-8.69-7.273-11.914-7.67c-2.12-.26-4.48 1.017-4.064 3.139l-.733 1.29c1.532 4.412 5.001 8.68 9.372 11.7c6.375 4.406 14.943 6.121 22.389 1.098C53.865 42.23 56.272 33.136 57 27.617z"/><path fill="#818cf8" d="M35.89 40.827c.522 5.619 3.525 9.756 8.006 13.242c1.297 1.01 2.696-.082 2.559-1.72c.188-4.36-2.664-10.671-5.707-10.676"/></g><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" color="#000"><path d="M19.455 13.84a4 4 0 0 0-1.81.252c-1.172.452-2.235 1.38-3.231 2.69a1 1 0 1 0 1.592 1.208c.848-1.115 1.687-1.773 2.36-2.033s1.146-.211 1.704.158c1.117.74 2.432 3.329 2.852 8a1 1 0 1 0 1.992-.177c-.445-4.944-1.64-8.1-3.738-9.49a3.8 3.8 0 0 0-1.721-.607zm12.027-1.233a4.3 4.3 0 0 0-1.738.229c-2.288.798-3.91 3.46-4.098 7.806a1 1 0 1 0 1.998.086c.168-3.897 1.521-5.571 2.76-6.004s2.798.19 3.904 1.986a1 1 0 1 0 1.703-1.048c-1.095-1.78-2.787-2.928-4.529-3.054zm-7.861-2.709a1 1 0 0 0-.937 1.309c.234.76.478 1.328.523 2.291a1 1 0 1 0 1.998-.092c-.06-1.28-.417-2.158-.611-2.789a1 1 0 0 0-.973-.718zm23.576 29.51a1 1 0 0 0-.453.102c-1.869.878-3.898 1.231-5.961 1.166a1 1 0 1 0-.063 2c2.335.074 4.69-.33 6.875-1.358a1 1 0 0 0-.398-1.91"/><path d="M35.881 39.812a1 1 0 0 0-.986 1.107c.55 5.926 3.774 10.351 8.386 13.94c.924.718 2.183.746 3.012.158c.82-.582 1.232-1.608 1.152-2.711c.085-2.4-.605-5.13-1.738-7.38c-.573-1.135-1.258-2.146-2.066-2.917c-.809-.772-1.785-1.332-2.89-1.334a1 1 0 1 0-.005 2c.415 0 .938.23 1.514.78c.576.549 1.163 1.388 1.66 2.374c.994 1.972 1.621 4.536 1.537 6.479a1 1 0 0 0 .002.127c.044.518-.164.839-.324.953s-.252.185-.625-.106c-4.35-3.384-7.13-7.236-7.623-12.548a1 1 0 0 0-1.006-.922"/><path d="M18.742 29.598c-1.31-.161-2.647.13-3.693.857s-1.775 2.066-1.465 3.526a1 1 0 1 0 1.957-.416c-.147-.69.085-1.075.648-1.467s1.483-.617 2.309-.516c1.191.147 3.21 1.326 5.28 2.854s4.24 3.35 6.202 4.656a22.2 22.2 0 0 0 5.559 2.672a1 1 0 1 0 .605-1.906a20.3 20.3 0 0 1-5.054-2.43c-1.812-1.205-3.986-3.02-6.125-4.6s-4.191-2.98-6.223-3.23"/><path d="M47.088 13.537a1.3 1.3 0 0 0-.709.002a1 1 0 0 0-.566.436c-.055.063-.178.107-.22.167c-.147.217-.239.43-.32.653c-.16.447-.267.946-.351 1.467c-.168 1.04-.237 2.116-.207 2.802c.045 1.042.554 1.876 1.117 2.465c.564.59 1.183 1.003 1.637 1.37c.454.365.681.655.726.82c.044.158.033.433-.423 1.072c-2.458 2.752-5.114 3.86-7.993 4.154c-2.894.296-6.015-.279-9.136-1.02c-3.122-.74-6.23-1.643-9.176-1.888c-2.947-.245-5.828.218-8.11 2.307a1 1 0 0 0-.318.628c-.533 4.896 2.093 10.255 6.252 14.473s9.927 7.332 16.002 7.454a1 1 0 1 0 .04-2c-5.412-.107-10.767-2.95-14.619-6.856c-3.716-3.77-5.902-8.477-5.664-12.406c1.723-1.406 3.753-1.814 6.25-1.606c2.65.22 5.697 1.089 8.88 1.844c3.18.755 6.51 1.4 9.804 1.062c3.293-.337 6.544-1.716 9.324-4.851a1 1 0 0 0 .059-.07c.707-.964.996-1.956.755-2.827c-.24-.87-.853-1.405-1.398-1.845s-1.085-.815-1.447-1.194s-.544-.692-.565-1.172c-.018-.42.04-1.503.184-2.396c.024-.15.06-.234.088-.371c.979 1.078 2.314 1.477 3.437 1.693c1.255.241 2.207.454 2.653.97c.395.458.51 1.052.597 1.667a1 1 0 0 0 1.623.633c.424-.346.83-.768 1.246-1.09s.794-.478.971-.479c.79.034 1.96.328 3.324.23c.783-.055 1.619-.353 2.448-.831c-.046.948-.138 1.795-.409 2.431c-.459 1.08-1.326 1.923-3.756 2.606c-.901.245-1.651.43-2.335.773c-.687.344-1.307.937-1.612 1.729a1 1 0 0 0-.058.242c-.504 4.29-2.123 11.218-7.155 16.445a1 1 0 1 0 1.442 1.387c5.413-5.625 7.105-12.838 7.662-17.381c.13-.325.24-.445.615-.633c.39-.195 1.062-.388 1.975-.637l.007-.002c2.764-.777 4.348-2.084 5.055-3.746s.603-3.445.627-5.33a1 1 0 0 0-1.771-.649c-1.029 1.246-1.91 1.533-2.877 1.602s-2.013-.194-3.137-.236l-.033-.002c-.93-.004-1.64.462-2.205.9c-.064.05-.084.077-.145.127c-.15-.356-.288-.717-.586-1.062c-1.06-1.229-2.583-1.396-3.789-1.627c-1.196-.23-2.05-.468-2.53-1.15c-.236-.555-.442-1.037-1.18-1.253z"/><path d="M22.281 43.816a1 1 0 0 0-.928 1.238c.656 2.826 1.963 5.498 3.666 8.077c.646.976 1.828 1.407 2.803 1.115c.96-.288 1.68-1.125 1.959-2.192c.369-.98.585-2.053.68-3.156a1 1 0 1 0-1.994-.172c-.085.99-.274 1.921-.569 2.684a1 1 0 0 0-.039.12c-.125.506-.423.743-.611.8s-.298.093-.559-.301c-1.612-2.44-2.802-4.903-3.388-7.428a1 1 0 0 0-1.02-.785"/></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. SpoutingWhaleIcon.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.