Cow Face アイコン
fluent-emoji-flat:cow-face
Cow Face アイコン(fluent-emoji-flat:cow-face)は、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
- カテゴリ
- 動物・自然
- タグ
- cowface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffdea7" d="M13.98 2.54a3.992 3.992 0 0 0 2.52 5.546a3.992 3.992 0 0 0 2.52-5.546c-.14-.31.16-.63.47-.51c.25.1.49.22.72.38a4.01 4.01 0 0 1 1.34 5.18a3.993 3.993 0 0 1-5.05 1.855a3.993 3.993 0 0 1-5.05-1.855c-.94-1.8-.36-4.06 1.34-5.18c.23-.16.47-.28.72-.38c.31-.12.61.2.47.51"/><path fill="#d3d3d3" d="m20.5 7.5l-4-1.5h-4.81c-.47 0-.93.07-1.36.2c-.48.14-1.2.64-1.33 1.2v15.07h16V10.69q0-.448-.081-.873z"/><path fill="#636363" d="M6.09 10h.965q-.046.257-.055.53v9.64l9-1.54v-4.51c0-2.58-1.28-4.98-3.42-6.41a3.56 3.56 0 0 0-2.686-.548A4.094 4.094 0 0 0 5.9 4H2.62c-.34 0-.62.28-.62.62v1.29C2 8.17 3.83 10 6.09 10M22 10h3.91C28.17 10 30 8.17 30 5.91V4.62c0-.34-.28-.62-.63-.62h-3.28a4.09 4.09 0 0 0-3.752 2.46A4.7 4.7 0 0 0 20.31 6H16l2.38 2.38A5.54 5.54 0 0 0 22 9.992z"/><path fill="#212121" d="M11 15c0 .55.45 1 1 1s1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1zm9 1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1"/><path fill="#fbb8ab" d="M5.91 5.5c1.17 0 2.17.78 2.48 1.85c-.34.34-.62.73-.85 1.15H6.09A2.59 2.59 0 0 1 3.5 5.91v-.2c0-.12.09-.21.21-.21zm20.18 0c-1.17 0-2.17.78-2.48 1.85c.34.33.63.72.85 1.15h1.45a2.59 2.59 0 0 0 2.59-2.59v-.2c0-.12-.09-.21-.21-.21zM20.48 17c2.99-.01 5.48 2.41 5.52 5.42A5.5 5.5 0 0 1 20.5 28h-.309l-4.203.957L11.813 28H11.5c-3.06 0-5.54-2.5-5.5-5.58c.04-3.03 2.58-5.48 5.61-5.42z"/><path fill="#ff8687" d="M13 22a1 1 0 1 0 0-2a1 1 0 0 0 0 2m7.304 6A5.64 5.64 0 0 1 16 29.99A5.64 5.64 0 0 1 11.696 28zM20 21a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>
Cow Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:cow-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:cow-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:cow-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--cow-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:cow-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:cow-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cow-face.svg" alt="Cow Face アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
Cow Face アイコン のよくある質問
Cow Face アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cow Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:cow-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cow Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cow-face.svg" alt="Cow Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
