Icône Pnb
token:pnb
L'icône Pnb (token:pnb) est une icône SVG gratuite de la collection Web3 Icons par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Web3 Icons
- Auteur
- 0xa3k5
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 9.322v3.657c0 .776.63 1.271 1.4 1.271h.85v1.547c0 .782.304 1.265 1.074 1.265h.613v2.526c0 .776.495 1.412 1.266 1.412h1.969c.776 0 1.265-.636 1.265-1.412V4.412c0-.776-.489-1.412-1.26-1.412H8.074c-.77 0-1.137.636-1.137 1.406v.844H5.526a1.446 1.446 0 0 0-1.401 1.457v1.355C3.433 8.147 3 8.608 3 9.322m.563 0c0-.388.354-.697.736-.697h.878c.382 0 .9.31.9.697v.304c-.208.124-.388.349-.388.608c0 .393.281.647.675.647c.382 0 .663-.26.663-.647a.71.71 0 0 0-.354-.608v-.304c0-.776-.726-1.26-1.496-1.26h-.49V6.707c0-.394.45-.895.839-.895h1.85c.388 0 .686.507.686.895v.45a.7.7 0 0 0-.337.607c0 .394.304.647.619.642s.652-.254.652-.642c0-.258-.163-.483-.371-.607v-.45c0-.782-.354-1.463-1.125-1.463v-.838c0-.394.191-.85.574-.85h2.103c.383 0 .698.462.698.845v15.193c0 .393-.315.85-.698.85H8.21c-.394 0-.709-.462-.709-.85v-2.532h.844a.66.66 0 0 0 .607.35c.298 0 .636-.18.636-.569c0-.394-.248-.692-.636-.692a.69.69 0 0 0-.602.349H6.397c-.388 0-.585-.315-.585-.703V14.25h1.564c.77 0 1.249-.495 1.249-1.271v-.371c.208-.124.371-.35.371-.608c0-.394-.253-.647-.641-.647s-.63.253-.63.647c0 .259.13.484.337.607v.372a.7.7 0 0 1-.686.708H4.401c-.389 0-.838-.32-.838-.708zM8.006 12c0-.197.158-.354.349-.354s.349.157.349.354a.355.355 0 0 1-.349.354a.35.35 0 0 1-.349-.354m.945 4.438a.352.352 0 0 1 0 .703a.355.355 0 0 1-.349-.349c0-.197.158-.354.35-.354m-.253-8.674a.354.354 0 1 1-.697 0c0-.197.151-.354.343-.354c.197 0 .354.157.354.354M6.712 10.24a.354.354 0 0 1-.697 0c0-.197.152-.36.343-.36c.197 0 .354.164.354.355zM21 9.322v3.657c0 .776-.63 1.271-1.4 1.271h-.85v1.547c0 .782-.304 1.265-1.074 1.265h-.613v2.526c0 .776-.496 1.412-1.266 1.412h-1.969c-.782 0-1.265-.636-1.265-1.412V4.412c0-.776.489-1.412 1.26-1.412h2.103c.77 0 1.136.636 1.136 1.406v.844h1.412c.77 0 1.4.675 1.4 1.457v1.355c.693.085 1.126.546 1.126 1.26m-.562 0c0-.388-.355-.697-.737-.697h-.878c-.382 0-.9.31-.9.697v.304c.208.124.388.349.388.608c0 .393-.281.647-.675.647c-.382 0-.663-.26-.663-.647c0-.259.146-.484.354-.608v-.304c0-.776.725-1.26 1.496-1.26h.49V6.707c0-.394-.45-.895-.839-.895h-1.85c-.388 0-.687.507-.687.895v.45a.7.7 0 0 1 .338.607a.62.62 0 0 1-.619.642c-.315-.006-.652-.254-.652-.642c0-.258.163-.483.37-.607v-.45c0-.782.355-1.463 1.126-1.463v-.838c0-.394-.191-.85-.574-.85h-2.104c-.382 0-.697.462-.697.845v15.193c0 .393.315.85.697.85h1.97c.393 0 .708-.462.708-.85v-2.532h-.844a.66.66 0 0 1-.607.35c-.298 0-.636-.18-.636-.569c0-.394.248-.692.636-.692a.69.69 0 0 1 .601.349h1.952c.389 0 .585-.315.585-.703V14.25h-1.563c-.77 0-1.25-.495-1.25-1.271v-.371a.72.72 0 0 1-.37-.608c0-.394.253-.647.641-.647s.63.253.63.647c0 .259-.13.484-.338.607v.372c0 .388.304.708.687.708h2.975c.388 0 .838-.32.838-.708zM15.994 12a.355.355 0 0 0-.349-.354a.354.354 0 0 0 0 .708a.35.35 0 0 0 .349-.354m-.945 4.438a.355.355 0 0 0-.349.354a.35.35 0 1 0 .597-.251a.35.35 0 0 0-.248-.103m.253-8.674a.356.356 0 0 0 .499.384a.35.35 0 0 0 .198-.384a.354.354 0 0 0-.343-.354a.354.354 0 0 0-.354.354m1.986 2.475a.354.354 0 0 0 .697 0a.354.354 0 0 0-.343-.36a.355.355 0 0 0-.354.355z"/></svg>Comment utiliser l'icône Pnb
React
import { Icon } from "@iconify/react";
<Icon icon="token:pnb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:pnb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:pnb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--pnb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:pnb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:pnb"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token/pnb.svg" alt="Icône Pnb" width="24" height="24">L'icône Pnb dans d'autres collections
FAQ : Icône Pnb
L'icône Pnb est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pnb dans React ?
Installez @iconify/react et affichez <Icon icon="token:pnb" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pnb à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token/pnb.svg" alt="Icône Pnb">, ou collez le code SVG directement dans la page pour le styliser en CSS.