Water Buffalo アイコン
fluent-emoji-high-contrast:water-buffalo
Water Buffalo アイコン(fluent-emoji-high-contrast:water-buffalo)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
- タグ
- waterbuffalo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25.31 10h-3.76a2.26 2.26 0 0 1-1.63-.72A3.93 3.93 0 0 0 17 8h-2a.45.45 0 0 1-.39-.22l-.56-.96c-.009-.015-.023-.026-.032-.041A4.87 4.87 0 0 0 15.5 3.388A1.79 1.79 0 0 0 13.78 1.5h-2.26a1.05 1.05 0 0 0-1.019 1a1.1 1.1 0 0 0 .29.823a.97.97 0 0 0 .709.311h.733A2.6 2.6 0 0 1 10.3 5h-.318h.008a3.93 3.93 0 0 0-2.18.67l-5.1 3.4A1.59 1.59 0 0 0 2 10.39A2.58 2.58 0 0 0 4.56 13H7l.73 4.03l.68 3.9a2.54 2.54 0 0 0 2.04 2.06v6.79a.247.247 0 0 0 .25.25h1.5a.247.247 0 0 0 .25-.25v-2.75l.87-.44a2.05 2.05 0 0 0 1.13-1.82v-1.74h.741l.739 3.057a.4.4 0 0 1 0 .217l-.76 3.309c-.05.2.07.408.24.408h1.48a.26.26 0 0 0 .24-.23l.7-3.053c.08-.366.08-.745 0-1.111l-.586-2.607L20.39 23c.044 0 .086-.009.129-.011l-1.479 6.632c-.05.205.07.409.24.409h1.48a.26.26 0 0 0 .24-.23l1.326-5.948a3.25 3.25 0 0 0 2.154 1.768L26 26v3.75a.247.247 0 0 0 .25.25h1.5a.247.247 0 0 0 .25-.25v-9.46q.563-.374 1-.89v3.559a1.993 1.993 0 0 0 1 3.721V14.69A4.69 4.69 0 0 0 25.31 10m-20.71.91a.5.5 0 0 1-1 0v-.55a.5.5 0 0 1 1 0zm3.776-1.248a.603.603 0 0 1-1.206 0v-.754a.603.603 0 1 1 1.206 0zM10.31 6a3.72 3.72 0 0 0 3.078-2.456a.65.65 0 0 0-.054-.616a.63.63 0 0 0-.524-.29l-1.289.006V2.5h2.26a.807.807 0 0 1 .72.888a3.9 3.9 0 0 1-1.616 3.058A4.3 4.3 0 0 1 11 7h-1a1 1 0 0 1-.395-.084a.7.7 0 0 1-.105-.366A.5.5 0 0 1 10 6zM22 22.453v.009z"/></svg>
Water Buffalo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:water-buffalo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:water-buffalo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:water-buffalo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--water-buffalo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:water-buffalo"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:water-buffalo"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/water-buffalo.svg" alt="Water Buffalo アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Water Buffalo アイコン
Water Buffalo アイコン のよくある質問
Water Buffalo アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Water Buffalo アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:water-buffalo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Water Buffalo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/water-buffalo.svg" alt="Water Buffalo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
