ICONYZ
Русский
Иконка Hippopotamus из набора Twitter Emoji

Иконка Hippopotamus

twemoji:hippopotamus

Иконка Hippopotamus (twemoji:hippopotamus) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Twitter Emoji
Автор
Twitter
Лицензия
CC-BY-4.0
Размер
36 × 36
Категория
Животные и природа
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#99aab5" d="M13 15.689c1.945-.886 7.032-.006 8.304-.048c3.861-.127 6.58-1.305 10.332 0S36 20.327 36 24c0 .816-.465-.9-1.008-1.662c0 0 .451 3.643-.854 6.253c-.664 1.328-1.631 2.557-1.631 3.753c-.001 1.197.493 1.78.493 2.656c0 .892-1 .98-2 .98c-.926 0-3 .02-3-.98c0-1.423.385-2.394-.312-2.083c-1.729.771-6.146.5-7.771-.167c-.766-.314-.43 1.598-.428 1.932C19.499 35.795 19 36 17 36c-1.741 0-3-.012-3-1s.919-2.179.281-3.781C13 28 11 31 7.999 31C5.031 31 13 15.689 13 15.689"/><path fill="#9aaab4" d="M3.29 20s3.045-.326 3.915-1.305s2.556-3.535 5.275-3.535s3.045 1.577 4.024 2.066c.978.49 2.91 3.653 1.496 5.774s-6 8-10 8c-4.84 0-5.485-.764-6.281-1.375c-.792-.607-1.051-2.042-.344-2.531c0 0-1.312-1-1.131-3.287c.185-2.331.707-2.61.707-2.61s.109-.924.653-1.359C2.148 19.402 3.29 20 3.29 20"/><path fill="#f5f8fa" d="M2.691 29.65c.629.132.992-.253.777-1.4c-.657.047-1.663-.816-1.663-.816c-.327 1.268.012 2.032.886 2.216"/><path fill="#67757f" d="M4.601 28.918c-1.148 0-2.333-.432-3.327-1.279a.375.375 0 0 1 .487-.57c1.306 1.115 3.371 1.657 5.039.354c.497-.388.958-1.104 1.446-1.861c.912-1.416 1.945-3.033 3.602-2.862a.374.374 0 1 1-.072.746c-1.212-.127-2.066 1.226-2.9 2.522c-.523.812-1.017 1.58-1.614 2.047a4.3 4.3 0 0 1-2.661.903"/><path fill="#66757f" d="M1.813 20.74c.611-.543 1.694.891 1.318 1.374c-.535.687-2.308-.494-1.318-1.374"/><circle cx="10" cy="18.5" r="1" fill="#292f33"/><path fill="#9aaab4" d="M8.238 14.889c.095-1.09 1.794-.653 2.175.979s-.42 1.168-.653.598c-.489-1.197-1.631-.327-1.522-1.577m4.062.598c.258-.84 1.142-1.958 2.338-2.066c1.196-.109 1.523.979 1.088 1.468s-.979.163-1.305.109s-1.088.489-1.414.979c-.326.489-.924.217-.707-.49"/></svg>

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

React

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

<Icon icon="twemoji:hippopotamus" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:hippopotamus" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:hippopotamus" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="twemoji:hippopotamus"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/twemoji/hippopotamus.svg" alt="Иконка Hippopotamus" width="24" height="24">

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

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

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

Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Twitter Emoji →