Иконка Spouting Whale

emojione-v1:spouting-whale

Иконка Spouting Whale (emojione-v1:spouting-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
Категория: Природа
Теги: spoutingwhale

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1e75bb" d="M37.717 13.896c-1.025 2.376-2.904-1.248-2.475-1.048c-1.753-3.165-9.29-3.239-5.575 14.773c.8 3.853-6.96 7.188-5.959 7.05c6.48-.856 4.259-9.933 3.73-14.07c-.546-4.238-1.285-8.337 2.669-11.26c3.02-2.234 9.161.94 7.61 4.552"/><path fill="#50c0e7" d="M15.354 18.777c1.816 1.652 2.02-2.214 1.731-1.873c.277-3.421 6.758-6.437 10.593 10.582c.826 3.642 8.834 3.489 7.912 3.764c-5.934 1.795-7.564-6.918-8.723-10.698c-1.191-3.878-2.158-7.708-6.717-8.688c-3.483-.746-7.547 4.401-4.796 6.913"/><g fill="#1080b2"><path d="M39.979 56.932c7.438-13.613 22.873-1.518 21.05.376c-5.698 5.94-22.402 2.107-21.05-.376"/><path d="M34.3 59.651c30.59-2.318 16.317-43.3 15.505-35.38c-1.088 10.529-16.606 15.215-18.902 27.5c3.254 5.02-12.517 11.263 3.397 7.877"/><path d="M50.806 25.12c-.263-10.444 13.312-10.605 12.875-8.811c-1.373 5.607-12.826 10.716-12.875 8.811"/><path d="M50.798 25.12c.266-10.444-13.309-10.605-12.871-8.811c1.373 5.607 12.825 10.716 12.871 8.811"/></g><path fill="#d1d2d2" d="M15.01 55.5c0-2.959 5.098-2.828 9.511-2.828c4.416 0 10.01-.411 10.01 2.546c0 2.96-6.923 6.487-11.525 5.642c-4.343-.799-7.996-2.403-7.996-5.36"/><path fill="#2eaae1" d="M21.364 8.852c.854 3.209 3.92-1.044 3.337-.868c2.817-3.698 12.412-2.389 4.328 19.803c-1.731 4.751 7.509 10.439 6.257 10.08c-8.07-2.297-3.561-13.417-2.113-18.571c1.483-5.286 3.184-10.355-1.295-14.81c-3.419-3.394-11.814-.512-10.514 4.368"/><path fill="#1c9bd3" d="M19.235 18.595c-9.258-.99-17.672 6.783-18.8 17.361c-1.127 10.582 5.46 19.949 14.717 20.935c9.252.986 32.996-1.397 34.12-11.979c1.129-10.581-20.789-25.331-30.04-26.317"/><path fill="#fff" d="M46.44 45.3c0 3.94-2.132 7.127-4.759 7.127c-2.629 0-4.761-3.187-4.761-7.127c0-3.936 2.132-7.127 4.761-7.127c2.627 0 4.759 3.191 4.759 7.127"/><path fill="#25333a" d="M46.06 44.13c0 2.061-1.375 3.736-3.079 3.736c-1.699 0-3.083-1.676-3.083-3.736c0-2.062 1.384-3.731 3.083-3.731c1.704 0 3.079 1.669 3.079 3.731"/><path fill="#d1d2d2" d="M19.574 57.09s11.289.317 14.443-3.903c0 0 2.354-1.017 0 3.49l-5.704 2.33z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

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

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

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

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

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

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

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

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

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

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