Pig Zodiac アイコン
icon-park-outline:pig-zodiac
Pig Zodiac アイコン(icon-park-outline:pig-zodiac)は、IconPark Outline セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark Outline icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark Outline
- 作者
- 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="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M13 27c2.073-.542 6.014-3.167 7-4v-7l-6-2c-.41-1.62-1.685-4.889-3-6l-1.448 4.514C6.95 13.67 2.7 18.889 5 25c1 2 3.077 9 6 14m13-25.794c4.391-.727 13.525.072 14.93 9.08c.292 1.332-.176 7.723-4.391 10.629C33.689 33.5 33 36 33 39"/><path d="M26 40a4 4 0 0 0-8 0"/><path stroke-linejoin="round" d="M39 24c.5 1 2.699 1.67 4.228.102c.89-.913 1.619-3.768-.63-5.102"/></g></svg>Pig Zodiac アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:pig-zodiac" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:pig-zodiac" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:pig-zodiac" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--pig-zodiac]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline: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-outline:pig-zodiac"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park-outline/pig-zodiac.svg" alt="Pig Zodiac アイコン" width="24" height="24">IconPark Outline の関連アイコン
他のアイコンセットの Pig Zodiac アイコン
Pig Zodiac アイコン のよくある質問
Pig Zodiac アイコンは商用利用でも無料ですか?
はい。IconPark Outline icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pig Zodiac アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park-outline:pig-zodiac" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pig Zodiac アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park-outline/pig-zodiac.svg" alt="Pig Zodiac アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。