Ewe アイコン
fluent-emoji-flat:ewe
Ewe アイコン(fluent-emoji-flat:ewe)は、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="M20.02 26.54v-5.15l3.25.02v4.82c0 .36-.05.76-.34 1.01l-2.59 2.37c-.26.24-.49.4-.81.4h-1.12a.34.34 0 0 1-.3-.49l1.8-2.53c.07-.14.11-.29.11-.45M12.23 30c-.19 0-.34-.15-.34-.34v-7.2h3.12v1.99c0 .79-.32 1.56-.88 2.12c-.13.13-.13.3-.13.48v2.61c0 .19-.22.34-.41.34z"/><path fill="#f3ad61" d="M11.34 30c-.19 0-.34-.15-.34-.34v-7.2h3.12v1.99c0 .79-.32 1.56-.88 2.12c-.13.13-.24.3-.24.48v2.61c0 .19-.11.34-.3.34zm16.35-3.42l-2.84-1.96L27 22.5l3 2.12v5.05c0 .19-.15.34-.34.34h-1.35c-.19 0-.31-.15-.31-.34v-2.54c0-.22-.13-.42-.31-.55"/><path fill="#b4acbc" d="M12.02 24.62c-.56 0-1.02-.46-1.02-1.02v-1.13L13.5 21l2.52 1.47v1.13c0 .56-.46 1.02-1.02 1.02zm8-.06h3.35c.56 0 1.02-.46 1.01-1.02V21H19v2.54c0 .56.46 1.02 1.02 1.02"/><path fill="#cdc4d6" d="M12 6V4.243c0-1.22-.996-2.222-2.237-2.243c-.731-.01-1.389.248-1.813.734a.88.88 0 0 1-.678.3H5.597c-.774 0-1.463.537-1.58 1.292C3.88 5.225 4.59 6 5.48 6H6l-2 5.69v1.68c0 .9.73 1.63 1.63 1.63H6v4.47c0 1.65 1.34 3 3 3h1v1.13c0 .56.46 1.02 1.02 1.02H14c.56 0 1.02-.46 1.02-1.02v-1.13h7.41v1.13c0 .56.46 1.02 1.02 1.02H30v-.37c0-.45-.18-.87-.49-1.19l-1.21-1.37c-.19-.19-.3-.45-.3-.71V16c0 .61.45 1 1.07 1c.48 0 .93-.45.93-1.03v-.91c0-3.05-2.47-5.52-5.52-5.52c-.63 0-1.25.09-1.85.26l-6.05 1.73c-.84.24-1.75-.11-2.17-.87a.2.2 0 0 0-.02-.04q-.012-.018-.02-.04l-1.93-3.86a2.7 2.7 0 0 0-.527-.72z"/><path fill="#f3ad61" d="M8.279 7.856c0-.717.276-1.37.721-1.856H6.03c-.18 0-.35.074-.466.19L2.35 9.385c-.223.221-.35.527-.35.844C2 11.209 2.795 12 3.782 12h2.916c.87 0 1.58-.707 1.58-1.571z"/><path fill="#1c1c1c" d="M5.99 9c0 .3.222.54.5.54c.269 0 .5-.24.5-.54v-.81c0-.3-.222-.54-.5-.54s-.5.24-.5.54zM3 11h-.823A1.76 1.76 0 0 1 2 10.229q0-.117.022-.229H3a.5.5 0 0 1 0 1"/><path fill="#f3ad61" d="M10.19 6.53a.313.313 0 0 0-.48.04c-.52.78-.44 1.84.24 2.53l.01.01c.69.69 1.78.8 2.56.28c.17-.11.19-.34.05-.48z"/></g></svg>
Ewe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ewe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ewe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ewe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ewe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:ewe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:ewe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ewe.svg" alt="Ewe アイコン" width="24" height="24">
Ewe アイコン のよくある質問
Ewe アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ewe アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:ewe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ewe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ewe.svg" alt="Ewe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
