Pli アイコン
token-branded:pli
Pli アイコン(token-branded:pli)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG8Oq7McYq)" d="M6.727 12.002A7.04 7.04 0 0 1 3 11.022c.44-.333 1.8-1 3.727-1a8.4 8.4 0 0 1 4.024 1.005a8.8 8.8 0 0 1-4.024.975"/><path fill="url(#SVGZyKsqb4I)" d="M7.982 9.585A5.2 5.2 0 0 1 5.86 7.31a4.8 4.8 0 0 1 3.013.714a6.13 6.13 0 0 1 2.313 2.415c-.529.031-1.916-.096-3.203-.847z"/><path fill="url(#SVGl2xiyd8X)" d="M9.882 7.913a3.9 3.9 0 0 1-.45-2.266c.302.106 1.213.636 1.748 1.573c.529.942.434 1.842.402 2.213c-.334-.175-1.186-.604-1.705-1.52z"/><path fill="url(#SVG25vEud1k)" d="M17.273 12.002a7.04 7.04 0 0 0 3.727-.98c-.44-.333-1.8-1-3.727-1a8.4 8.4 0 0 0-4.024 1.005c.561.318 2.155.975 4.024.975"/><path fill="url(#SVGsLBAJZHm)" d="M16.018 9.585a5.2 5.2 0 0 0 2.123-2.276a4.8 4.8 0 0 0-3.012.714a6.14 6.14 0 0 0-2.314 2.415c.53.031 1.917-.096 3.203-.847z"/><path fill="url(#SVG2LVvHdFi)" d="M14.118 7.913c.524-.91.497-1.937.45-2.266c-.302.106-1.213.636-1.748 1.573c-.529.942-.434 1.842-.402 2.213c.334-.175 1.186-.604 1.705-1.52z"/><path fill="#fefefe" d="M3 15.705v2.647h1.588v-1.059h2.98c.986 0 1.785-1.038 1.785-2.118s-.8-2.117-1.784-2.117H4.016L3 14.646h4.257c.296 0 .508.206.508.53c0 .322-.212.529-.508.529zm8.47 2.647v-5.294h1.589v3.706h3.706l-.985 1.588z"/><path fill="#fe620d" d="M18.883 18.352v-5.294h1.588v5.294z"/><defs><linearGradient id="SVG8Oq7McYq" x1="5.533" x2="17.287" y1="11.998" y2="11.998" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGZyKsqb4I" x1="5.201" x2="18.757" y1="5.606" y2="13.399" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGl2xiyd8X" x1="5.472" x2="8.261" y1="6.803" y2="20.519" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVG25vEud1k" x1="18.467" x2="6.713" y1="11.998" y2="11.998" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGsLBAJZHm" x1="18.799" x2="5.244" y1="5.606" y2="13.399" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVG2LVvHdFi" x1="18.512" x2="15.72" y1="6.803" y2="20.518" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient></defs></g></svg>Pli アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pli" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pli" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pli" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pli]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pli"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pli"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/pli.svg" alt="Pli アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Pli アイコン
Pli アイコン のよくある質問
Pli アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pli アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:pli" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pli アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/pli.svg" alt="Pli アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。