Cow Face アイコン
emojione:cow-face
Cow Face アイコン(emojione:cow-face)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- cowface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f6c799" d="M21.4 7.9c-3.6-1.9-6-5.9-6-5.9c-1 10.5 2.8 13.1 5 13.1c2.9.1 5.2-4.9 1-7.2m21.1 0c3.6-1.9 6-5.9 6-5.9c1 10.5-2.8 13.1-5 13.1c-2.9.1-5.2-4.9-1-7.2"/><path fill="#6f6f6d" d="M62 9.3c-5.7-.2-10.3.7-13.1 2.7c-1.7 3-2.6 8.1-2.5 14.4c5.7.2 10.7-.1 13.1-2.7c2.3-2.5 2.6-8.1 2.5-14.4"/><path fill="#f4a19a" d="M60.5 13.1c-4-.1-7.2.5-9.2 1.9c-1.2 2.1-1.9 5.7-1.8 10.1c4 .1 7.5-.1 9.2-1.9s1.9-5.7 1.8-10.1"/><path fill="#6f6f6d" d="M2 9.3c5.7-.2 10.3.7 13.1 2.7c1.7 3 2.6 8.1 2.5 14.4c-5.6.2-10.7-.1-13.1-2.7C2.2 21.2 1.9 15.6 2 9.3"/><path fill="#f4a19a" d="M3.5 13.1c4-.1 7.2.5 9.2 1.9c1.2 2.1 1.8 5.7 1.8 10.1c-4 .1-7.5-.1-9.2-1.9s-1.9-5.7-1.8-10.1"/><path fill="#dae5ef" d="M53 38.3c0 14.1-21 22-21 22s-21-7.9-21-22c0-20.8 8.2-31.6 21-31.6s21 7.7 21 31.6"/><path fill="#6f6f6d" d="M45.4 11.3c-7 7.6-11.9 17.3-4.8 26.2c4.7 5.9 8.4 5.9 11.8 4.9q.6-1.95.6-4.2c0-13.9-2.1-22.2-7.6-26.9M23.5 37.6c6.9-8.7 2.4-18.3-4.4-25.8c-6 5-8.1 14-8.1 26.5q0 2.25.6 4.2c3.5 1 7.2 1 11.9-4.9"/><path fill="#fff" d="M39.4 31.2s2.4 4 6.8 2.7s4.6-6 4.6-6s-2.4-4-6.8-2.7s-4.6 6-4.6 6"/><g fill="#3e4347"><ellipse cx="45.1" cy="29.6" rx="3.3" ry="3.9"/><path d="M39.4 31.2s3.8-5.9 9.7-3.5c3.7 1.5 5.1-.9 5.1-.9c-2 .3-2.9-.5-5.1-1.6c-4-2-9.7-1-9.7 6"/></g><path fill="#fff" d="M24.6 31.2s-2.4 4-6.8 2.7s-4.6-6-4.6-6s2.4-4 6.8-2.7s4.6 6 4.6 6"/><g fill="#3e4347"><ellipse cx="18.9" cy="29.6" rx="3.3" ry="3.9"/><path d="M24.6 31.2s-3.8-5.9-9.7-3.5c-3.7 1.5-5.1-.9-5.1-.9c2 .3 2.9-.5 5.1-1.6c4-2 9.7-1 9.7 6"/></g><path fill="#f4a19a" d="M14.8 48.2c0-8.1 4-4 17.2-4s17.2-4.1 17.2 4C49.2 59.8 41.1 62 32 62s-17.2-2.2-17.2-13.8"/><path fill="#bc6464" d="M26.4 50.1c-1.2-3.4-3.4-5.3-5-4.2c-1.6 1-1.9 4.6-.7 8s3.4 5.3 5 4.2s1.9-4.6.7-8m16.2-4.2c-1.6-1-3.8.8-5 4.2s-.9 7 .7 8s3.8-.8 5-4.2s.9-7-.7-8"/></svg>
Cow Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:cow-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:cow-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:cow-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--cow-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:cow-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:cow-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/cow-face.svg" alt="Cow Face アイコン" width="24" height="24">
Emoji One (Colored) の関連アイコン
Cow Face アイコン のよくある質問
Cow Face アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cow Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:cow-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cow Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/cow-face.svg" alt="Cow Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
