Pig Zodiac アイコン
icon-park:pig-zodiac
Pig Zodiac アイコン(icon-park:pig-zodiac)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 動物
- タグ
- pigzodiac
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M13.0001 27C15.0727 26.4583 19.0142 23.8333 20.0001 23V16L14.0001 14C13.5893 12.3796 12.3146 9.11111 11.0001 8L9.55188 12.5139C6.9502 13.6713 2.69965 18.8889 5.00008 25C6.00008 27 8.077 34 11.0001 39"/><path stroke-linejoin="round" d="M24 13.2055C28.3911 12.479 37.5246 13.2781 38.9297 22.2864C39.2225 23.6184 38.7541 30.0088 34.5386 32.9147C33.6895 33.5 33 36 33 39"/><path d="M26 40C26 37.7909 24.2091 36 22 36C19.7909 36 18 37.7909 18 40"/><path stroke-linejoin="round" d="M39 24C39.5 25 41.6985 25.6695 43.2277 24.1017C44.1179 23.189 44.8467 20.3339 42.598 19"/></g></svg>Pig Zodiac アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:pig-zodiac" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:pig-zodiac" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:pig-zodiac" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--pig-zodiac]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:pig-zodiac"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:pig-zodiac"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/pig-zodiac.svg" alt="Pig Zodiac アイコン" width="24" height="24">IconPark の関連アイコン
他のアイコンセットの Pig Zodiac アイコン
Pig Zodiac アイコン のよくある質問
Pig Zodiac アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pig Zodiac アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:pig-zodiac" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pig Zodiac アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/pig-zodiac.svg" alt="Pig Zodiac アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。