Token アイコン
ps:token
Token アイコン(ps:token)は、PrestaShop Icons セットの無料 SVG アイコンです（作者: PrestaShop）。 512 × 512 のグリッドで描かれています。 PrestaShop Icons は CC BY-NC 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- PrestaShop Icons
- 作者
- PrestaShop
- ライセンス
- CC-BY-NC-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0Q150 0 75 75T0 256q0 100 67.5 173T235 510v2h42v-2q93-8 159.5-74T510 277h2v-42h-2q-8-100-81-167.5T256 0m21 45q62 6 113 47l-44 45q-29-22-69-28zm-42 0v64q-35 3-69 28l-44-45q47-41 113-47M92 122l45 44q-25 34-28 69H45q3-63 47-113M45 277h64q6 33 25 64l-51 39q-35-50-38-103m190 190q-68-6-124-55l51-39q30 24 71 30v64zm21-104q-45 0-76-31t-31-76t31-76t76-31t76 31t31 76t-31 76t-76 31m21 104v-64q58-6 92-51l51 38q-56 71-143 77m169-113l-51-38q8-26 10-39h64q-6 41-23 77m-43-119q-6-40-28-69l45-44q41 51 47 113zm-104 21q0 18-12.5 30.5T256 299t-30.5-12.5T213 256t12.5-30.5T256 213t30.5 12.5T299 256"/></svg>
Token アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ps:token" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:token" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:token" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--token]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:token"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:token"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ps/token.svg" alt="Token アイコン" width="24" height="24">
Token アイコン のよくある質問
Token アイコンは商用利用でも無料ですか?
いいえ。PrestaShop Icons は CC BY-NC 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Token アイコンを使うには?
@iconify/react をインストールして <Icon icon="ps:token" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Token アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ps/token.svg" alt="Token アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
PrestaShop Icons をすべて見る →
ICONYZ
