Pig アイコン

vs:pig

Pig アイコン(vs:pig)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 1792 × 1792 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 1792 × 1792

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M768 1536q50 5 128 5t128-5q-2 42 0 139q1 15 0 31t1 31.5t6 27.5t15.5 19.5t30.5 7.5h94q35 0 55.5-12t42.5-43l236-339q103-96 168.5-250t65.5-270q0-41-4.5-79t-17.5-79.5t-18-58t-25-63t-20-47.5q13-41 47-138.5t61-176.5t30-98q-5-5-24.5-25.5t-26-26t-27-22t-34-22T1641 26t-51.5-15t-62.5-7.5t-80-3.5q-64 0-108.5 19T1275 61.5t-43.5 58.5t-44.5 53q-140-46-291-46t-291 46q-20-18-44.5-53T517 61.5T453.5 19T345 0q-43 0-80 3.5T202.5 11T151 26t-39.5 16.5t-34 22t-27 22t-26 26T0 138q3 19 30 98t61 176.5T138 551q0 1-20 47.5t-25 63t-18 58T57.5 799T53 878q0 116 65.5 270T287 1398l236 339q22 31 42.5 43t55.5 12h94q19 0 30.5-7.5T761 1765t6-27.5t1-31.5t0-31q2-97 0-139m-203-467q0-62 28.5-111.5t75-80.5t106-47.5T896 813t121.5 16.5t106 47.5t75 80.5T1227 1069t-28.5 111.5t-75 80.5t-106 47.5T896 1325t-121.5-16.5t-106-47.5t-75-80.5T565 1069m469-104q-29 0-49 26.5t-20 63.5t20 63.5t49 26.5t49-26.5t20-63.5t-20-63.5t-49-26.5m170-456q29 0 50 15t21 36v118q0 23-23 37t-48 14q-29 0-50-15t-21-36V560q0-24 22.5-37.5T1204 509M758 965q-29 0-49 26.5t-20 63.5t20 63.5t49 26.5t49-26.5t20-63.5t-20-63.5t-49-26.5M588 509q26 0 48.5 13.5T659 560v118q0 21-21 36t-50 15q-25 0-48-14t-23-37V560q0-21 21-36t50-15"/></svg>

Pig アイコンの使い方

React

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

<Icon icon="vs:pig" width="24" />

Vue

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

<template>
  <Icon icon="vs:pig" width="24" />
</template>

Svelte

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

<Icon icon="vs:pig" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vs:pig"></iconify-icon>

HTML 画像

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

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

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

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

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Vesper Icons をすべて見る →