Goat アイコン
fluent-emoji-flat:goat
Goat アイコン(fluent-emoji-flat:goat)は、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="#d3883e" d="M12.027 29H9v-7.98l4-.02l.01 3.85c0 .74-.29 1.45-.81 1.98c-.12.11-.18.27-.18.44zM20 22v4.78c0 .15-.03.29-.1.42L18.62 29h3.35l1.73-1.58c.2-.27.31-.6.31-.94V22z"/><path fill="#f3ad61" d="M28 21.62c0 .24.1.48.27.66l1.27 1.27c.3.29.46.69.46 1.1V29h-3v-1.67c0-.21-.1-.4-.26-.52l-5.09-3.64a.97.97 0 0 0-.55-.17H14v1.85c0 .74-.29 1.45-.82 1.98c-.11.12-.18.27-.18.44V29h-3v-6c-1.31-.28-2.4-1.35-2.79-2.67l-1.78-7a.46.46 0 0 0-.44-.33l-.68.558L3.673 13H3.56C2.7 13 2 12.3 2 11.44c0-.28.11-.55.31-.75l3.05-3.05c.41-.41.97-.64 1.55-.64h2.54c.95 0 1.82.54 2.24 1.38l1.79 3.58c.32.64.97 1.04 1.68 1.04H25.5c.28 0 .5-.22.5-.5v-1.93c0-.34.33-.57.65-.46c.78.27 1.35 1.01 1.35 1.89z"/><path fill="#d3883e" d="m10.57 9.54l-1.79.89l.61 1.21c.36.71 1.15 1.23 1.94 1.28c.44.03.74-.45.54-.84z"/><path fill="#6d4534" d="M9.31 30c-.17 0-.31-.14-.31-.31V28h4v1.69c0 .17-.14.31-.31.31zm8.91-.45L19.33 28h3.73l-1.78 1.62c-.18.24-.45.38-.75.38H18.5c-.23 0-.38-.24-.28-.45m11.78.14V28h-3v1.69c0 .17.14.31.31.31h2.38c.17 0 .31-.14.31-.31"/><path fill="#1c1c1c" d="M6 10.93c0 .28.22.5.5.5s.5-.22.5-.5v-.75c0-.28-.22-.5-.5-.5s-.5.22-.5.5zM3.06 12H2.1c-.06-.17-.1-.36-.1-.56c0-.16.03-.3.1-.44h.92c.64 0 .68.96.04 1"/><path fill="#9b9b9b" d="M15.92 5.57a.4.4 0 0 1 .08.23c0 .28-.31.45-.55.29c-.56-.37-1.23-.59-1.95-.59c-1.52 0-2.99.95-3.37 2.45c-.12.45-.52.77-.98.77c-.66 0-1.15-.63-.97-1.27C8.72 5.52 10.45 4 12.5 4c1.37 0 2.59.61 3.42 1.57M3.67 13.76V13H5v2h-.09c-.69 0-1.24-.56-1.24-1.24"/></g></svg>
Goat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:goat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:goat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:goat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--goat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:goat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:goat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goat.svg" alt="Goat アイコン" width="24" height="24">
Goat アイコン のよくある質問
Goat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Goat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:goat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/goat.svg" alt="Goat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
