Pig Face アイコン

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

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

emojione-monotone:pig-face

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

アイコンセット: Emoji One (Monotone)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 自然
タグ: pigface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m61.801 12.077l-.068-.83l-.812-.096c-.13-.015-3.229-.377-6.915-.377c-4.885 0-8.373.633-10.389 1.882a30 30 0 0 0-2.703-1.546C38.906 4.774 31.653 3 31.653 3c.802 1.715.495 5.123.495 5.123c-2.221-3.281-6.697-2.291-6.697-2.291c2.057 1.405 1.914 3.363 1.914 3.363c-2.288-.904-5.404.961-5.404.961a8.8 8.8 0 0 1 1.672.687a30 30 0 0 0-3.434 1.936C18 11.371 14.004 10.658 8.301 10.658c-2.803 0-4.92.18-5.008.188l-.815.071l-.094.827c-.192 1.707-1.739 16.75 3.143 19.48q.317.176.692.25a29.2 29.2 0 0 0-1.111 7.967C5.107 58.438 18.702 61 32.001 61s26.894-2.562 26.894-21.56c0-2.742-.388-5.469-1.154-8.127q.266-.073.5-.2c4.773-2.598 3.698-17.362 3.56-19.036m-4.504 17.242c-.131.07-.428.067-.722.008l-1.708-.345l.568 1.675a27.3 27.3 0 0 1 1.461 8.783c0 17.158-11.965 19.524-24.896 19.524S7.106 56.599 7.106 39.44c0-2.946.484-5.881 1.441-8.721l.601-1.785l-1.794.469c-.393.104-.727.111-.865.035c-2.671-1.493-2.781-10.643-2.206-16.623a67 67 0 0 1 4.019-.123c5.641 0 9.632.747 11.236 2.102l.576.486l.62-.424a27.6 27.6 0 0 1 4.862-2.664c4.395 3.761 6.395 10.702 6.395 10.702c.949-6.042 4.473-9.121 6.816-10.541a28 28 0 0 1 4.278 2.375l.608.41l.569-.465c1.471-1.203 4.931-1.865 9.743-1.865c2.471 0 4.712.173 5.865.28c.39 5.868.032 14.811-2.573 16.231"/><path fill="currentColor" d="M17.048 16.444c-2.888-1.563-9.854-.959-9.854-.959s-1.118 9.914 1.63 11.449c.05.028.106.046.163.063c1.998-4.169 4.864-7.749 8.061-10.553m30.228.288c3.156 2.84 5.972 6.437 7.909 10.613a1 1 0 0 0 .205-.076c2.686-1.464 1.883-11.194 1.883-11.194s-6.982-.827-9.997.657M32.001 36.938c-8.698 0-14.319 5.042-14.319 12.846c0 3.316 1.007 5.506 3.079 6.692c1.769 1.015 4.161 1.222 7.209 1.222c.624 0 1.267-.008 1.926-.016c1.372-.018 2.839-.018 4.21 0q.99.014 1.927.016c5.421 0 10.288-.605 10.288-7.914c-.001-7.804-5.622-12.846-14.32-12.846m4.031 19.233q-.928-.001-1.909-.015q-1.038-.015-2.122-.017c-1.084-.002-1.431.008-2.123.017q-.98.014-1.908.015c-2.812.001-4.988-.174-6.474-1.024c-.994-.569-2.314-1.745-2.314-5.362c0-8.346 6.622-11.32 12.819-11.32S44.82 41.44 44.82 49.785c0 5.464-2.711 6.386-8.788 6.386"/><ellipse cx="25.947" cy="48.073" fill="currentColor" rx="3.324" ry="6.23"/><ellipse cx="38.055" cy="48.073" fill="currentColor" rx="3.322" ry="6.23"/><ellipse cx="16.181" cy="34.648" fill="currentColor" rx="2.984" ry="5.575"/><path fill="currentColor" d="M47.818 28.929c-1.646 0-2.982 2.494-2.982 5.574s1.336 5.574 2.982 5.574c1.65 0 2.986-2.495 2.986-5.574c.001-3.08-1.335-5.574-2.986-5.574"/></svg>

Pig Face アイコンの使い方

React

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

<Icon icon="emojione-monotone:pig-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:pig-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:pig-face" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="emojione-monotone:pig-face"></iconify-icon>

HTML 画像

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

Emoji One (Monotone) の関連アイコン

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

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

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

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

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

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

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

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

Emoji One (Monotone) アイコンをすべて見る →