Ícone Hippopotamus
fluent-emoji-flat:hippopotamus
O ícone Hippopotamus (fluent-emoji-flat:hippopotamus) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Animais e natureza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#636363" d="M8 22h5l-2.88 7.68c-.08.19-.26.32-.47.32H5.72c-.35 0-.59-.35-.47-.68zm11 0h5l-2.88 7.68c-.08.19-.26.32-.47.32h-3.93c-.35 0-.59-.35-.47-.68z"/><path fill="#636363" d="M29.19 16.5c-1.32-2.43-3.62-3.5-6.83-3.5h-9.39C10.78 13 9 14.78 9 16.97v7.6c1.71.36 3.42.89 4.76 2.05c.29.25.57.55.8.88h11.36c2.26 0 4.09-1.83 4.09-4.09v-3.73c-.01-1.15-.3-2.24-.82-3.18"/><path fill="#9b9b9b" d="M11.92 12c-.51 0-.92.41-.92.92v.604a4 4 0 0 0-1.129.966H9v-1.57c0-.51-.41-.92-.92-.92c-.69 0-1.14.73-.82 1.35l.56 1.14h-.63c-.87 0-1.57.7-1.57 1.57v2.103a4.225 4.225 0 0 0 .61 8.407H12v.56c0 .57-.15 1.13-.43 1.62l-.28.5a.5.5 0 0 0 .43.75h4.78c.28 0 .5-.22.5-.5v-2l3-1.5l2.99 1.495a3.4 3.4 0 0 1-.33 1.195l-.3.59c-.16.33.08.72.45.72h4.69c.28 0 .5-.22.5-.5v-2.567a4.1 4.1 0 0 0 1-.831v.888c0 .28.22.5.5.5s.5-.22.5-.5v-3.291q.01-.144.01-.289v-3.73c-.01-1.15-.3-2.24-.82-3.18c-1.32-2.43-3.62-3.5-6.83-3.5h-9.39q-.065 0-.128.002A.925.925 0 0 0 11.92 12"/><path fill="#ff8687" d="M8.08 12.9c-.01-.58-.89-.6-.92-.02c-.01.15.02.31.1.47l.56 1.14h.26zm14.25 12.43c.43.43.67 1.01.67 1.62v.54h-6V25h5zm-9.49-12.45c-.03-.58-.91-.56-.92.02v1.59h.26l.56-1.14a.9.9 0 0 0 .1-.47m-9.03 8.86c0 1.34 1.09 2.42 2.42 2.42h7.25c1.34 0 2.42-1.08 2.42-2.42s-1.09-2.42-2.42-2.42H6.23c-1.33 0-2.42 1.08-2.42 2.42"/><path fill="#a56953" d="m6.45 21.67l.56.57c.24.23.62.23.86 0s.24-.61 0-.85l-.57-.57a.59.59 0 0 0-.85 0c-.24.23-.24.61 0 .85m7.07 0l-.57.57a.6.6 0 0 1-.85-.01a.59.59 0 0 1 0-.85l.57-.56c.23-.24.61-.24.85 0c.24.23.24.61 0 .85"/><path fill="#1c1c1c" d="M8 18.5c0 .28.22.5.5.5s.5-.22.5-.5v-.63c0-.28-.22-.5-.5-.5s-.5.22-.5.5zm3 0c0 .28.22.5.5.5s.5-.22.5-.5v-.63c0-.28-.22-.5-.5-.5s-.5.22-.5.5z"/></g></svg>Como usar o ícone Hippopotamus
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:hippopotamus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:hippopotamus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:hippopotamus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--hippopotamus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:hippopotamus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:hippopotamus"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hippopotamus.svg" alt="Ícone Hippopotamus" width="24" height="24">O ícone Hippopotamus em outras coleções
Perguntas frequentes sobre Ícone Hippopotamus
O ícone Hippopotamus é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Hippopotamus no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:hippopotamus" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hippopotamus a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hippopotamus.svg" alt="Ícone Hippopotamus">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.