Ikon Whale

openmoji:whale

Ikon Whale (openmoji: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

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#61b2e4" d="M23.065 26.72c-4.128 3.847-5.567 8.753-5.589 14.429c-.006 1.644 1.713 2.084 2.925.975c3.567-2.516 6.819-8.63 4.964-11.042"/><path fill="#61b2e4" d="M30.041 14.415c-8.624-.096-15.832 3.226-17.484 5.07c4.89 16.658 15.151 15.654 22.777 15.324l.076.998c1.612-.065 3.063-.102 4.25.053c1.05.137 1.867.411 2.469.865s1.048 1.094 1.328 2.207a1 1 0 0 0 .303.498c.28.858.595 1.645 1.08 2.16c.038.48.049.944.016 1.592c-.542 4.07-4.285.538-6.489 2.64c-.802.766-2.809 3.29-2.451 3.919a.25.25 0 0 0 .104.101c.17.09.497.048 1.035-.177c2.515-.52 4.313 2.575 6.607 2.361c.923-.086 1.607-.6 2.11-.992c.105.865.015 2.51.816 3.273c1.43 1.276 4 2.28 3.72 5.975c2.618-2.792 4.793-4.64 2.061-9.291c-.967-1.618-1.527-2.513-1.05-3.645c.262-.346 1.022-1.204 1.285-1.597c9.57-10.006 1.133-21.326-6.405-26.412c-5.299-3.576-10.984-4.864-16.158-4.922"/><path fill="#d0cfce" d="m35.021 30.718l-5.826-1.436l-4.162-4.39L19.427 20l-5.921 2.298l5.877 9.104l6.939 3.404l.894.871c1.445.2 2.875.263 4.247.254c1.38-.009 2.711-.075 3.947-.125"/><path fill="#61b2e4" d="M35.718 26.72c-4.128 3.847-5.567 8.753-5.589 14.429c-.006 1.644 1.713 2.084 2.925.975c3.567-2.516 6.819-8.63 4.964-11.042l1.214-4.081z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19.5 31.459c-1.44 2.88-2.01 6.134-2.023 9.691c-.006 1.644 1.711 2.084 2.923.975c2.37-1.671 4.591-4.928 5.278-7.635"/><path stroke-miterlimit="10" d="M27.718 34.762a21 21 0 0 1-1.104-.162c-5.49-.962-10.897-4.35-14.057-15.115c2.644-2.951 19.51-9.684 33.642-.148c7.537 5.086 15.975 16.405 6.404 26.41c-.263.394-1.022 1.253-1.284 1.6c-.477 1.13.083 2.026 1.05 3.643c2.732 4.652.556 6.5-2.061 9.292c.28-3.695-2.29-4.7-3.72-5.975c-.801-.764-.71-2.409-.816-3.274c-.503.392-1.186.907-2.11.993c-2.294.214-4.092-2.88-6.607-2.362c-.538.225-.866.267-1.036.178a.25.25 0 0 1-.104-.1c-.357-.63 1.65-3.154 2.451-3.919c2.204-2.103 5.947 1.43 6.489-2.64c.068-1.346-.04-1.903-.23-3.434c-.316-2.547-1.424-3.835-3.06-4.46"/><path d="M38.033 31.082c1.628.069 3.044.243 4.27.499m-28.342-8.283c-.425-1.68 1.14-2.486 3.27-2.79c5.72-.82 8.843 7.676 14.427 9.748"/><path d="M35.718 26.72c-4.128 3.847-5.567 8.753-5.589 14.429c-.006 1.644 1.713 2.084 2.925.975c3.567-2.516 6.819-8.63 4.964-11.042"/></g></svg>

Cara memakai ikon Whale

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:whale" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:whale" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:whale" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--whale]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:whale"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:whale"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/whale.svg" alt="Ikon Whale" width="24" height="24">

Ikon Whale di set ikon lain

FAQ Ikon Whale

Apakah ikon 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 Whale di React?

Pasang @iconify/react lalu render <Icon icon="openmoji:whale" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Whale ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/whale.svg" alt="Ikon Whale">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →