Pig Face アイコン

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

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

streamline-emojis:pig-face

Pig Face アイコン(streamline-emojis:pig-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
カテゴリ: 動物・自然
タグ: pigface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffb0ca" d="M6.9 11.84c-2.77 4.11-2.07 6.7 1 8.8c4.52 3.1 5-3 7.19-6.06s4.68-5.24 2.59-6.74s-7.55-.84-10.78 4"/><path fill="#fcd" d="M6.9 14.88c3.23-4.8 8.69-5.49 10.78-4l.11.07c.81-1.27 1.05-2.29-.11-3.12c-2.09-1.49-7.55-.81-10.78 4c-1.66 2.46-2.07 4.38-1.48 6a11.5 11.5 0 0 1 1.48-2.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.9 11.84c-2.77 4.11-2.07 6.7 1 8.8c4.52 3.1 5-3 7.19-6.06s4.68-5.24 2.59-6.74s-7.55-.84-10.78 4"/><path fill="#ffb0ca" d="M41.1 11.84c2.77 4.11 2.07 6.7-1 8.8c-4.52 3.1-5-3-7.19-6.06s-4.68-5.24-2.59-6.74s7.55-.84 10.78 4"/><path fill="#fcd" d="M41.1 14.88c-3.23-4.8-8.69-5.49-10.78-4l-.11.07c-.81-1.27-1.05-2.29.11-3.12c2.09-1.49 7.55-.81 10.78 4c1.66 2.46 2.07 4.38 1.48 6a11.5 11.5 0 0 0-1.48-2.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.1 11.84c2.77 4.11 2.07 6.7-1 8.8c-4.52 3.1-5-3-7.19-6.06s-4.68-5.24-2.59-6.74s7.55-.84 10.78 4"/><path fill="#45413c" d="M12.5 44.49a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffb0ca" d="M29.49 8.52a22.4 22.4 0 0 0-11 0C12.86 10 9 14.34 9 19.32v4.35a2.1 2.1 0 0 1-.42 1.22a7.44 7.44 0 0 0-1.08 4.63c0 6.06 7.11 11 16.5 11s16.5-4.92 16.5-11a7.44 7.44 0 0 0-1.08-4.63a2.1 2.1 0 0 1-.42-1.22v-4.35c0-4.98-3.86-9.32-9.51-10.8"/><path fill="#fcd" d="M18.51 11.87a22.4 22.4 0 0 1 11 0C35.14 13.3 39 17.68 39 22.66v-3.34c0-5-3.86-9.37-9.51-10.8a22.4 22.4 0 0 0-11 0C12.86 10 9 14.34 9 19.32v3.34c0-4.98 3.86-9.36 9.51-10.79"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.49 8.52a22.4 22.4 0 0 0-11 0C12.86 10 9 14.34 9 19.32v4.35a2.1 2.1 0 0 1-.42 1.22a7.44 7.44 0 0 0-1.08 4.63c0 6.06 7.11 11 16.5 11s16.5-4.92 16.5-11a7.44 7.44 0 0 0-1.08-4.63a2.1 2.1 0 0 1-.42-1.22v-4.35c0-4.98-3.86-9.32-9.51-10.8"/><path fill="#ffe5ee" d="M30 29.94c0 2-2.69 3.56-6 3.56s-6-1.59-6-3.56s2.69-4.44 6-4.44s6 2.5 6 4.44"/><path fill="#fff" d="M24 27.5a6.4 6.4 0 0 1 5.77 3.41a2.2 2.2 0 0 0 .23-1c0-2-2.69-4.44-6-4.44s-6 2.53-6 4.47a2.2 2.2 0 0 0 .23 1A6.4 6.4 0 0 1 24 27.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30 29.94c0 2-2.69 3.56-6 3.56s-6-1.59-6-3.56s2.69-4.44 6-4.44s6 2.5 6 4.44"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.5 22a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0m-16 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0"/><path fill="#ff6196" d="M38.64 28.18c0 .55-.82 1-1.82 1s-1.82-.45-1.82-1s.81-1 1.82-1s1.82.45 1.82 1m-25.64 0c0 .55-.81 1-1.82 1s-1.82-.45-1.82-1s.82-1 1.82-1s1.82.45 1.82 1"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M20.5 29.75a1 1.25 0 1 0 2 0a1 1.25 0 1 0-2 0m5 0a1 1.25 0 1 0 2 0a1 1.25 0 1 0-2 0"/></svg>

Pig Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Streamline Emojis の関連アイコン

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

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

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

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

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

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

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

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

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