Spouting Whale icon
openmoji:spouting-whale
The Spouting Whale icon (openmoji:spouting-whale) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Animals Nature
- Tags
- spoutingwhale
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="#61b2e4" 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="#61b2e4" 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="#d0cfce" 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="#61b2e4" 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="2" 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>How to use the Spouting Whale icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:spouting-whale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:spouting-whale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:spouting-whale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--spouting-whale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:spouting-whale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:spouting-whale"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/spouting-whale.svg" alt="Spouting Whale icon" width="24" height="24">Related icons in OpenMoji
Spouting Whale icon in other icon sets
Spouting Whale icon FAQ
Is the Spouting Whale icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Spouting Whale icon in React?
Install @iconify/react and render <Icon icon="openmoji:spouting-whale" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Spouting Whale icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/spouting-whale.svg" alt="Spouting Whale icon">, or paste the SVG code inline to style it with CSS.