Ikon Spouting Whale
openmoji:spouting-whale
Ikon Spouting Whale (openmoji:spouting-whale) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Hewan dan alam
- Tag
- spoutingwhale
Kode SVG
<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>Cara memakai ikon Spouting Whale
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/spouting-whale.svg" alt="Ikon Spouting Whale" width="24" height="24">Ikon terkait di OpenMoji
Ikon Spouting Whale di set ikon lain
FAQ Ikon Spouting Whale
Apakah ikon Spouting Whale gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Spouting Whale di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:spouting-whale" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Spouting Whale ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/spouting-whale.svg" alt="Ikon Spouting Whale">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.