Hippopotamus アイコン
fluent-emoji-flat:hippopotamus
Hippopotamus アイコン(fluent-emoji-flat:hippopotamus)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hippopotamus.svg" alt="Hippopotamus アイコン" width="24" height="24">他のアイコンセットの Hippopotamus アイコン
Hippopotamus アイコン のよくある質問
Hippopotamus アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hippopotamus アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:hippopotamus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hippopotamus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/hippopotamus.svg" alt="Hippopotamus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。