Иконка Whale

emojione-v1:whale

Иконка Whale (emojione-v1:whale) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (v1)
Автор: Emoji One
Лицензия: CC-BY-SA-4.0
Размер: 64 × 64
Категория: Природа

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Иконка Whale в других наборах

Вопросы и ответы: Иконка Whale

Можно ли бесплатно использовать иконку Whale в коммерческих проектах?

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Whale в React?

Установите @iconify/react и выведите <Icon icon="emojione-v1:whale" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Whale на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/whale.svg" alt="Иконка Whale">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (v1) →