Pig アイコン

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

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

keyline-icons:pig

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4.0749 11.9925C4.0749 15.1509 5.0194 17.021 6.8228 18.0115C6.9918 18.1044 7.1038 18.2783 7.1038 18.4713L7.1038 20.4996C7.1038 20.7759 7.3277 21 7.6038 21L9.4673 21C9.6348 21 9.7912 20.916 9.8838 20.7763L11.474 18.3792C11.5666 18.2395 11.723 18.1555 11.8905 18.1555L12.2975 18.1555C12.4651 18.1555 12.6214 18.2395 12.7141 18.3791L14.3043 20.7763C14.3969 20.916 14.5533 21 14.7208 21L16.5346 21C16.8107 21 17.0346 20.7759 17.0346 20.4996L17.0346 17.7846C17.0346 17.5421 17.2111 17.3363 17.4468 17.28C20.0664 16.6559 20.09 14.9685 20.0359 13.914C20.0217 13.638 20.2377 13.4148 20.5138 13.4148L21.5 13.4148C21.7761 13.4148 22 13.1907 22 12.9144L22 11.0708C22 10.7944 21.7761 10.5704 21.5 10.5704L20.5407 10.5704C20.2543 10.5704 20.0284 10.3298 20.0264 10.0431C20.0161 8.5618 19.5959 7.4312 18.5591 6.9149C18.3666 6.8191 18.2263 6.6327 18.2263 6.4175L18.2263 3.4855C18.2263 3.2091 18.0019 2.9831 17.7263 3.001C15.7712 3.1278 14.6975 3.9882 14.2076 4.6549C14.0711 4.8405 13.8418 4.9478 13.6162 4.9013C8.9271 3.9337 5.942 6.152 4.5466 9.5102C4.2408 10.2462 4.0749 11.0754 4.0749 11.9925ZM4.0749 11.9925C3.1315 11.6765 1.4333 10.3807 2.1881 7.7258"/><path fill="currentColor" d="M17 9.5C17 10.0523 16.5523 10.5 16 10.5C15.4477 10.5 15 10.0523 15 9.5C15 8.9477 15.4477 8.5 16 8.5C16.5523 8.5 17 8.9477 17 9.5Z" stroke="none"/></g></svg>

Pig アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

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

Keyline Icons をすべて見る →