Pig アイコン

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

はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

griddy-icons:pig

Pig アイコン(griddy-icons:pig)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.5 16a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-2-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M12 10.5c-2.863 0-5.5 1.86-5.5 4.5s2.637 4.5 5.5 4.5s5.5-1.86 5.5-4.5s-2.637-4.5-5.5-4.5M8 15c0-1.501 1.616-3 4-3s4 1.499 4 3s-1.616 3-4 3s-4-1.499-4-3" clip-rule="evenodd"/><path d="M16.25 10.5a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5M9 9.25a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/><path fill-rule="evenodd" d="M3.517 7.209a11.65 11.65 0 0 0-1.514 4.72c-.251 2.637.12 5.188 1.709 7.084C5.312 20.923 8.002 22 12 22s6.688-1.076 8.288-2.987c1.588-1.896 1.96-4.447 1.709-7.084a11.8 11.8 0 0 0-1.486-4.734a2.75 2.75 0 0 0 1.49-2.445V2h-2.92c-.729 0-1.43.288-1.946.805l-.465.464A9.26 9.26 0 0 0 12 2c-1.678 0-3.26.47-4.65 1.29l-.485-.485A2.75 2.75 0 0 0 4.92 2H2v2.75a2.75 2.75 0 0 0 1.517 2.459m-.02 4.862C3.952 7.298 7.707 3.5 12 3.5c4.3 0 8.034 3.64 8.503 8.571c.234 2.448-.144 4.522-1.365 5.98C17.93 19.493 15.751 20.5 12 20.5s-5.93-1.006-7.138-2.45c-1.22-1.457-1.599-3.531-1.365-5.979M6.1 4.161l-.295-.296A1.25 1.25 0 0 0 4.92 3.5H3.5v1.25c0 .558.364 1.03.868 1.19A11 11 0 0 1 6.1 4.16Zm14.4.589a1.25 1.25 0 0 1-.83 1.178a10.6 10.6 0 0 0-1.744-1.793l.27-.27c.233-.233.552-.365.884-.365h1.42z" clip-rule="evenodd"/></g></svg>

Pig アイコンの使い方

React

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

<Icon icon="griddy-icons:pig" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:pig" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:pig" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--pig]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="griddy-icons:pig"></iconify-icon>

HTML 画像

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

Griddy Icons の関連アイコン

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

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

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

はい。Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Griddy Icons をすべて見る →