Whale ikonu

emojione-v1:whale

Whale ikonu (emojione-v1:whale), Emoji One (v1) setinden ücretsiz bir SVG ikondur (yapımcı: Emoji One). 64 × 64 ızgara üzerinde çizilmiştir. Emoji One (v1) icons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Emoji One (v1)
Yazar: Emoji One
Lisans: CC-BY-SA-4.0
Boyut: 64 × 64
Kategori: Doğa

SVG indir

SVG kodu

<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>

Whale ikonu nasıl kullanılır

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 bileşeni

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

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/emojione-v1/whale.svg" alt="Whale ikonu" width="24" height="24">

Diğer ikon setlerinde Whale ikonu

Whale ikonu: sık sorulan sorular

Whale ikonu ticari kullanım için ücretsiz mi?

Evet. Emoji One (v1) icons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Whale ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="emojione-v1:whale" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Whale ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/emojione-v1/whale.svg" alt="Whale ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Emoji One (v1) ikonları →