Pnk アイコン
token-branded:pnk
Pnk アイコン(token-branded:pnk)は、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="#3b3b3d" d="m8.287 4.125l9.051.394L21 12.55l-5.17 7.324l-9.1-.574L3 10.611z"/><path fill="url(#SVGK8M83b1v)" d="m8.287 4.125l9.051.394L21 12.55l-5.17 7.324l-9.1-.574L3 10.611zm6.638 4.624l-6.564 2.823l5.608 4.275zM14.16 7.33L8.917 5.11L7.821 9.784zm-1.328 9.585L7.134 12.91l.141 5.428zm7.257-4.387l-3.882-3.882l-1.023 7.46zm-5.923 5.265L9.362 19.03l5.653.355l-.844-1.592zm5.163-3.505l-4.202 3.083l.833 1.609l3.375-4.692zm-1.985-8.645l-.822 1.653l3.044 3.044zm-1.018-.788l-5.344-.213l4.41 1.895l.934-1.687zm-8.826.76l-3.74 4.652l2.502.523zm-1.39 6.086l-2.514-.523l2.621 6.086l-.112-5.563z"/><defs><linearGradient id="SVGK8M83b1v" x1="19.594" x2="1.577" y1=".469" y2="15.33" gradientUnits="userSpaceOnUse"><stop offset=".08" stop-color="#3e3e40"/><stop offset=".29" stop-color="#5b5b5d"/><stop offset=".74" stop-color="#9d9d9f"/><stop offset=".89" stop-color="#606061"/></linearGradient></defs></g></svg>Pnk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pnk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pnk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pnk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pnk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pnk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pnk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/pnk.svg" alt="Pnk アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Pnk アイコン
Pnk アイコン のよくある質問
Pnk アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pnk アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:pnk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pnk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/pnk.svg" alt="Pnk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。