Hippopotamus icon
openmoji:hippopotamus
The Hippopotamus icon (openmoji:hippopotamus) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Animals Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M18.939 41.85a11.06 11.06 0 0 0 2.667 6.863h.011c2.823-.122 3.066 1.737 3.044 2.479a2 2 0 0 1-.022.299h-4.948l-.011-.011h-.011c-3.398-1.328-5.076-4.168-5.884-7.732Zm27.383 9.12h-4.573c-1.653-2.18-.516-9.57-.516-9.57a2.16 2.16 0 0 1 1.114 1.25c.328 4.12 1.712 6.81 3.974 8.32"/><path fill="#9b9b9a" d="m66.492 46.63l-2.23-6.04c2.28-1.11 1.44-1.76 1.44-1.76c-2.88-2.04-.84-3.74-.84-3.74a4 4 0 0 1-.47.09a2.84 2.84 0 0 1-1.92-.45l-2.57-1.67a5 5 0 0 1-1.3-1.25a23.1 23.1 0 0 0-7.04-6.33a28 28 0 0 0-3.93-1.93c-.38-.14-.77-.28-1.16-.4a19.4 19.4 0 0 0-5.87-1a3 3 0 0 0-.28-.01c-.22-.01-.43-.01-.65-.01a23 23 0 0 0-2.51.14c-8.64.69-12.81-1.44-17.2-1.73c-6.66-.44-12.02 3.74-14.27 10.36a4.1 4.1 0 0 0-.43 1.65s.16 1.54 1.61.41a8 8 0 0 0-.04.86a9.17 9.17 0 0 0 2.74 6.54a10 10 0 0 0-.9 4.14a9.83 9.83 0 0 0 2.05 6.04h5.02s0-1.84-1.48-2.1a1.646 1.646 0 0 1-1.42-1.57v-.63a4.1 4.1 0 0 1 1.2-2.79a5 5 0 0 1 .62-.61c.01 0 .01-.01.02-.02a5.44 5.44 0 0 1 4.81-.99a5 5 0 0 1 .63.2a22.6 22.6 0 0 0 8.08 1.64c.16.01.31.01.47.01a22.8 22.8 0 0 0 7.46-1.24a23 23 0 0 0 3.41-1.48a2.8 2.8 0 0 1 1.49-.34a2.4 2.4 0 0 1 1.13.35a2.08 2.08 0 0 1 .95 1.25c.28 4.12 1.46 6.81 3.39 8.32h4.96a.7.7 0 0 0 .32-1.32c-1.63-.86-3.28-2.14-3.39-3.79c-.21-3.3.99-4.08.99-4.08l3.34 3.44a1.4 1.4 0 0 0 .63.38l.92.27a1.4 1.4 0 0 1 .67.41l2.81 3.11a7.2 7.2 0 0 0 4.96 2.47a3.94 3.94 0 0 0 2.95-.9a3.56 3.56 0 0 0 .83-3.9"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M47.631 23.55c-.38-.14-.77-.28-1.16-.4m-26.98 18.68a10 10 0 0 0 2.41 6.2h.01c2.55-.11 2.77 1.57 2.75 2.24a1.5 1.5 0 0 1-.02.27m21.86 0c-1.93-1.51-3.11-4.2-3.39-8.32a2.08 2.08 0 0 0-.95-1.25a2.45 2.45 0 0 0-1.13-.35"/><path d="M42.601 50.54h8.86a.7.7 0 0 0 .32-1.32c-.18-.09-.35-.19-.53-.3c-1.44-.84-2.76-2.02-2.86-3.49c-.21-3.3.99-4.08.99-4.08l1.39 1.43l1.95 2.01a1.4 1.4 0 0 0 .63.38l.92.27a1.4 1.4 0 0 1 .67.41l2.81 3.11a7.2 7.2 0 0 0 4.96 2.47a3.94 3.94 0 0 0 2.95-.9a3.56 3.56 0 0 0 .83-3.9l-2.23-6.04c2.28-1.11 1.44-1.76 1.44-1.76c-2.88-2.04-.84-3.74-.84-3.74a4 4 0 0 1-.47.09a2.84 2.84 0 0 1-1.92-.45l-2.57-1.67a5 5 0 0 1-1.3-1.25a23.1 23.1 0 0 0-7.04-6.33a28 28 0 0 0-3.93-1.93c-.38-.14-.77-.28-1.16-.4a19.4 19.4 0 0 0-5.87-1a3 3 0 0 0-.28-.01c-.22-.01-.43-.01-.65-.01a23 23 0 0 0-2.51.14c-8.64.69-12.81-1.44-17.2-1.73c-6.66-.44-12.02 3.74-14.27 10.36a4.1 4.1 0 0 0-.43 1.65s.16 1.54 1.61.41a8 8 0 0 0-.04.86a9.17 9.17 0 0 0 2.74 6.54a10 10 0 0 0-.9 4.14a9.83 9.83 0 0 0 2.05 6.04h5.02s0-1.84-1.48-2.1a1.646 1.646 0 0 1-1.42-1.57v-.63a4.1 4.1 0 0 1 1.2-2.79a5 5 0 0 1 .62-.61c.01 0 .01-.01.02-.02a5.44 5.44 0 0 1 4.81-.99a5 5 0 0 1 .63.2a22.5 22.5 0 0 0 7.72 1.63c.12 0 .24.01.36.01c.16.01.31.01.47.01a22.8 22.8 0 0 0 7.46-1.24a2 2 0 0 0 .19-.07a22 22 0 0 0 3.22-1.41a2.8 2.8 0 0 1 1.49-.34a2.5 2.5 0 0 1 1.13.35"/></g></svg>How to use the Hippopotamus icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:hippopotamus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:hippopotamus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:hippopotamus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--hippopotamus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:hippopotamus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:hippopotamus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/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. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Hippopotamus icon in React?
Install @iconify/react and render <Icon icon="openmoji: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/openmoji/hippopotamus.svg" alt="Hippopotamus icon">, or paste the SVG code inline to style it with CSS.