Hippopotamus icon
twemoji:hippopotamus
The Hippopotamus icon (twemoji:hippopotamus) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Animals & Nature
SVG code
<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>How to use the Hippopotamus icon
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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:hippopotamus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/hippopotamus.svg" alt="Hippopotamus icon" width="24" height="24">Hippopotamus icon in other icon sets
Hippopotamus icon FAQ
Is the Hippopotamus icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Hippopotamus icon in React?
Install @iconify/react and render <Icon icon="twemoji:hippopotamus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hippopotamus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/hippopotamus.svg" alt="Hippopotamus icon">, or paste the SVG code inline to style it with CSS.