Ikon Whale

emojione-v1:whale

Ikon Whale (emojione-v1:whale) adalah ikon SVG gratis dari set Emoji One (v1) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (v1) 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: Emoji One (v1)
Pembuat: Emoji One
Lisensi: CC-BY-SA-4.0
Ukuran: 64 × 64
Kategori: Alam

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#378aa7"><path d="M41.21 59.951c32.25 1.389 15.97-50.11 12.279-43.03c-4.838 9.28 2.409 16.183-23.26 22.871c-4.163 5.089-4.31 14.473 10.981 20.16"/><path d="M53.821 18.04c-1.185-9.595 10.292-10.449 10.09-8.775c-.644 5.228-9.874 10.523-10.09 8.775"/><path d="M53.814 18.04c-.737-9.622-12.246-9.07-11.711-7.439c1.68 5.089 11.848 9.194 11.711 7.439"/></g><path fill="#5e9abb" d="M37.39 25.544C21.709 17.08 3.29 20.642.574 36.584c-.318 1.864 1.36 6.897 4.234 5.368c11.695-6.224 34.815 6.352 34.931 6.464c3.043 2.952 6.601 8.511 11.09 8.511c3.49 0 3.593-4.206 3.654-7.54c.113-6.293-4.648-17.13-17.1-23.843"/><g fill="#95bfd0"><path d="M50 61.23c1.869-1.397.884-6.07-1.106-9.194c-8.147-12.817-35.36-17.234-41.82-14.826c-5.647 2.106-8.448 11.735 16.641 21.764c12.415 4.964 25.07 2.848 26.28 2.256"/><path d="M29.383 57.951c-5.306-9.477-21.854.359-20.355 1.629c4.682 3.976 21.321.1 20.355-1.629"/></g><path fill="#82a4aa" d="M50.972 57.847a6.6 6.6 0 0 1-.263 1.647c.329.024.445-.995.263-1.647"/><path fill="#88b2c0" d="M50.728 58.48c-5.963-3.157-11.595-6.265-16.82-10.362c-4.059-3.187-7.52-6.853-11.23-10.333a63 63 0 0 0-2.322-.432c4.931 4.347 9.272 9.09 14.493 13.185c4.841 3.795 10.282 6.634 15.81 9.563c.027.016.052.008.077.008q.207-.566.239-1.271c-.057-.163-.135-.294-.247-.358"/><path fill="#82a4aa" d="M31.29 61.34c.61.229 5.297.866 4.75.66c-.004-.003-.001-.003-.016-.007a48 48 0 0 1-4.747-.656z"/><path fill="#88b2c0" d="M19.878 49.15c-2.995-4.091-5.089-7.494-6.161-12.376c-.016-.063-.062-.105-.094-.154a36 36 0 0 0-2.505-.017c-.159.112-.268.236-.237.369c1.119 5.096 4.317 9.225 7.583 13.443c3.439 4.447 8.366 9.109 14.607 11.12c1.49.241 2.938.404 4.316.509c-6.01-1.934-14.317-8.522-17.509-12.891"/><path fill="#82a4aa" d="M24.733 59.57a.4.4 0 0 0-.063-.042a41 41 0 0 1-3.68-1.5c.558.266 4.232 1.898 3.743 1.542"/><path fill="#88b2c0" d="M6.084 37.683v-.003a6 6 0 0 0-1.251.951c-.004.034-.016.069-.018.109c-.159 3.444 1.975 6.793 4.151 9.594c4.263 5.489 7.738 7.832 14.752 10.643c1.119.447 2.233.82 3.349 1.158c-7.773-4.763-18.955-10.573-20.983-22.452"/><path fill="#95bfd0" d="M40.628 59.11c5.31-9.479 21.854.355 20.354 1.626c-4.681 3.982-21.317.102-20.354-1.626"/><ellipse cx="47.631" cy="40.23" fill="#fff" rx="4.02" ry="5.147"/><ellipse cx="47.632" cy="40.23" fill="#25333a" rx="2.603" ry="3.153"/></svg>

Cara memakai ikon Whale

React

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

<Icon icon="emojione-v1:whale" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:whale" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:whale" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-v1:whale"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/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. Emoji One (v1) 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="emojione-v1: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/emojione-v1/whale.svg" alt="Ikon Whale">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Emoji One (v1) →