Cow Face アイコン

Q: Cow Face アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:cow-face

Cow Face アイコン(streamline-emojis:cow-face)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 動物・自然
タグ: cowface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#fff48c" d="M18.72 8.68a9.6 9.6 0 0 1-4.23-2.12a18.4 18.4 0 0 1-2.7-3.19a1.06 1.06 0 0 0-1.86.24A11.8 11.8 0 0 0 9.2 9.2a9.33 9.33 0 0 0 3.17 5.29Z"/><path fill="#fffacf" d="M9.28 9.63a12.4 12.4 0 0 1 .65-2.41A1.05 1.05 0 0 1 11.79 7a18.8 18.8 0 0 0 2.7 3.19a9 9 0 0 0 1.46 1l2.77-2.53a9.6 9.6 0 0 1-4.23-2.12a18.8 18.8 0 0 1-2.7-3.19a1.06 1.06 0 0 0-1.86.24A11.8 11.8 0 0 0 9.2 9.2c.02.15.05.29.08.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.72 8.68a9.6 9.6 0 0 1-4.23-2.12a18.4 18.4 0 0 1-2.7-3.19a1.06 1.06 0 0 0-1.86.24A11.8 11.8 0 0 0 9.2 9.2a9.33 9.33 0 0 0 3.17 5.29Z"/><path fill="#fff48c" d="M29.28 8.68a9.6 9.6 0 0 0 4.23-2.12a18.4 18.4 0 0 0 2.7-3.19a1.06 1.06 0 0 1 1.86.24a11.8 11.8 0 0 1 .73 5.59a9.33 9.33 0 0 1-3.17 5.29Z"/><path fill="#fffacf" d="M38.72 9.63a12.4 12.4 0 0 0-.65-2.41A1.05 1.05 0 0 0 36.21 7a18.8 18.8 0 0 1-2.7 3.19a9 9 0 0 1-1.46 1l-2.77-2.51a9.6 9.6 0 0 0 4.23-2.12a18.8 18.8 0 0 0 2.7-3.19a1.06 1.06 0 0 1 1.86.24a11.8 11.8 0 0 1 .73 5.59c-.02.15-.05.29-.08.43"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.28 8.68a9.6 9.6 0 0 0 4.23-2.12a18.4 18.4 0 0 0 2.7-3.19a1.06 1.06 0 0 1 1.86.24a11.8 11.8 0 0 1 .73 5.59a9.33 9.33 0 0 1-3.17 5.29Z"/><path fill="#f0f0f0" d="M12.75 12.34s-7 .94-10 9c-1.94 5.11 10 2.64 10 2.64Z"/><path fill="#fff" d="M2.71 21.33a1.87 1.87 0 0 0 .46 2.37a13.43 13.43 0 0 1 9.58-7.92v-3.44s-6.99.94-10.04 8.99"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.75 12.34s-7 .94-10 9c-1.94 5.11 10 2.64 10 2.64Z"/><path fill="#f0f0f0" d="M35.25 12.34s7 .94 10 9c1.94 5.11-10 2.64-10 2.64Z"/><path fill="#fff" d="M45.29 21.33a1.87 1.87 0 0 1-.46 2.37a13.43 13.43 0 0 0-9.58-7.92v-3.44s6.99.94 10.04 8.99"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.25 12.34s7 .94 10 9c1.94 5.11-10 2.64-10 2.64Z"/><path fill="#45413c" d="M11.84 45.41a12.16 1.59 0 1 0 24.32 0a12.16 1.59 0 1 0-24.32 0" opacity=".15"/><path fill="#f0f0f0" d="M20.33 8.15h7.35a9.54 9.54 0 0 1 9.54 9.54v14.77H10.79V17.69a9.54 9.54 0 0 1 9.54-9.54"/><path fill="#fff" d="M27.67 8.15h-7.34a9.54 9.54 0 0 0-9.54 9.54v3.83A9.54 9.54 0 0 1 20.33 12h7.34a9.54 9.54 0 0 1 9.54 9.54v-3.85a9.54 9.54 0 0 0-9.54-9.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.33 8.15h7.35a9.54 9.54 0 0 1 9.54 9.54v14.77h0h-26.43h0V17.69a9.54 9.54 0 0 1 9.54-9.54"/><path fill="#fcd" d="M8.67 32.46a15.33 10.04 0 1 0 30.66 0a15.33 10.04 0 1 0-30.66 0"/><path fill="#ffe5ee" d="M24 26.12c11.66 0 14.63 3.4 15.21 8a12 12 0 0 0 .12-1.61c0-5.55-1.94-10-15.33-10S8.67 27 8.67 32.51a12 12 0 0 0 .12 1.61c.58-4.6 3.55-8 15.21-8"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.67 32.46a15.33 10.04 0 1 0 30.66 0a15.33 10.04 0 1 0-30.66 0"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.07 33.52a1.59 1.59 0 1 0 3.18 0a1.59 1.59 0 1 0-3.18 0m12.68 0a1.59 1.59 0 1 0 3.18 0a1.59 1.59 0 1 0-3.18 0"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.29 18.56a1.43 1.43 0 1 0 2.86 0a1.43 1.43 0 1 0-2.86 0m-13.44 0a1.43 1.43 0 1 0 2.86 0a1.43 1.43 0 1 0-2.86 0"/><path fill="#fcd" d="M36.16 21.36c0 .55-.71 1-1.59 1s-1.59-.45-1.59-1s.71-1 1.59-1s1.59.45 1.59 1m-21.16 0c0 .55-.71 1-1.59 1s-1.59-.45-1.59-1s.71-1 1.59-1s1.59.45 1.59 1"/></svg>

Cow Face アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:cow-face" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:cow-face" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:cow-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--cow-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:cow-face"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:cow-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/cow-face.svg" alt="Cow Face アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

他のアイコンセットの Cow Face アイコン

Cow Face アイコンのよくある質問

Cow Face アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Cow Face アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-emojis:cow-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cow Face アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/cow-face.svg" alt="Cow Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →