Icône Gpcx
token-branded:gpcx
L'icône Gpcx (token-branded:gpcx) est une icône SVG gratuite de la collection Web3 Icons Branded par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons Branded 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 Branded
- 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"><g fill="none"><path fill="url(#SVGrz2h2b5y)" d="M9.402 3.004c1.09 0 1.985.28 2.643.73v.006a5.4 5.4 0 0 1 2.924-.736c2.418 0 4.904 1.484 4.904 4.128a4.22 4.22 0 0 1-1.963 3.436c1.007.478 1.986 1.49 1.963 2.665c-.022 1.013-.843 1.766-1.462 2.492l.006.005c.478.647.933 1.266 1.456 1.845l-.05.709a2.97 2.97 0 0 1-2.869 2.677c-.944 0-1.636-.585-2.07-1.024c-.235.287-.438.58-.652.894l-.708.13a2.7 2.7 0 0 1-2.098-.523c-.59.253-1.462.562-2.238.562c-2.98 0-5.062-2.62-5.062-5.495c0-1.715.675-3.014 1.682-3.869a4.92 4.92 0 0 1-1.682-3.74c0-2.767 2.615-4.892 5.276-4.892"/><path fill="url(#SVGsJcMdcSt)" d="m13.884 15.63l-1.406 1.77a1.12 1.12 0 0 0-.247 1.03c.157.619.748.956 1.18.872c.074-.113.8-1.007 1.677-2.07l1.046 1.586c.095.169.416.495.928.495c.635 0 1.096-.495 1.124-.934c-.1-.112-.91-1.423-1.827-2.693l1.355-1.643c.14-.168.383-.618.253-1.124c-.152-.619-.883-.912-1.215-.917l-1.597 2.019c-.354-.5-.686-1.114-.956-1.496c-.13-.169-.506-.523-1.012-.523c-.636 0-1.102.641-1.187.962z"/><path fill="url(#SVGkEfUgeTc)" d="M14.25 9.752v2.16c-.18.028-.326.09-.703.09c-.81 0-.995-.563-.984-.844V5.534h.011c.084-.32.641-.844 2.401-.844c2.351 0 3.212 1.294 3.212 2.56a2.447 2.447 0 0 1-2.56 2.502zm0-1.687h1.36c.479 0 .89-.36.89-.844c0-.483-.411-.843-.89-.843h-1.36z"/><path fill="url(#SVGrBvRuZbq)" d="M11.758 5.478c0 .376-.382.725-.574.854a3.43 3.43 0 0 0-1.715-.517c-.933 0-2.25.72-2.25 1.923c0 1.704 1.407 2.014 2.042 2.014c.31 0 .922-.113 1.052-.175V6.94h1.085c.332 0 .602.264.602.585v2.649c0 .506-.422 1.265-2.745 1.265c-2.317 0-4.004-1.44-4.004-3.7s2.227-3.611 4.01-3.611c1.777 0 2.497.883 2.497 1.35"/><path fill="url(#SVGuopDabni)" d="M11.437 13.211c0 .45-.36.816-.534.945a2.77 2.77 0 0 0-1.614-.467c-.978 0-2.07.844-2.07 1.879c0 1.653 1.502 2.058 2.194 2.058c.562 0 1.293-.225 1.58-.377c.152.146.444.529.444.883c0 .444-.444 1.181-2.305 1.181c-1.856 0-3.88-1.03-3.88-3.745c0-2.711 2.305-3.566 3.784-3.566c1.485 0 2.401.647 2.401 1.21"/><path fill="url(#SVGVt5hS1GS)" d="M9.47 9.19a1.406 1.406 0 1 0 0-2.812a1.406 1.406 0 0 0 0 2.812"/><path fill="#010002" d="M9.47 8.942a1.159 1.159 0 1 0 0-2.317a1.159 1.159 0 0 0 0 2.317"/><path fill="#92c30f" d="M8.918 7.683c-.118.124-.05.382 0 .495h.248c.095 0 .225.225.495.225s.489-.473.489-.641c0-.141-.259-.192-.394-.197c.056-.113.169-.338.169-.394c0-.079-.096-.253-.22-.253c-.123 0-.095.124-.095.247c0 .102-.264.394-.394.518z"/><path fill="url(#SVGVt5hS1GS)" d="M9.47 17.063a1.406 1.406 0 1 0 0-2.812a1.406 1.406 0 0 0 0 2.812"/><path fill="#010002" d="M9.47 16.815a1.159 1.159 0 1 0 0-2.317a1.159 1.159 0 0 0 0 2.317"/><path fill="#e2070f" d="M8.918 15.759c-.118-.124-.05-.382 0-.495h.248c.095 0 .225-.225.495-.225s.489.473.489.641c0 .14-.259.191-.394.197c.056.112.169.337.169.394c0 .078-.096.253-.22.253c-.123 0-.095-.124-.095-.248c0-.101-.264-.393-.394-.517z"/><defs><linearGradient id="SVGrz2h2b5y" x1="5.251" x2="19.856" y1="11.996" y2="11.996" gradientUnits="userSpaceOnUse"><stop stop-color="#d40e4c"/><stop offset="1" stop-color="#652584"/></linearGradient><linearGradient id="SVGsJcMdcSt" x1="4.127" x2="19.874" y1="12.04" y2="12.04" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e526"/><stop offset="1" stop-color="#f39803"/></linearGradient><linearGradient id="SVGkEfUgeTc" x1="4.128" x2="19.872" y1="12.041" y2="12.041" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e526"/><stop offset="1" stop-color="#f39803"/></linearGradient><linearGradient id="SVGrBvRuZbq" x1="4.126" x2="19.874" y1="12.041" y2="12.041" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e526"/><stop offset="1" stop-color="#f39803"/></linearGradient><linearGradient id="SVGuopDabni" x1="4.126" x2="19.874" y1="12.042" y2="12.042" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e526"/><stop offset="1" stop-color="#f39803"/></linearGradient><linearGradient id="SVGVt5hS1GS" x1="4.127" x2="19.874" y1="12.036" y2="12.036" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e526"/><stop offset="1" stop-color="#f39803"/></linearGradient></defs></g></svg>Comment utiliser l'icône Gpcx
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:gpcx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:gpcx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:gpcx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--gpcx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:gpcx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:gpcx"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/gpcx.svg" alt="Icône Gpcx" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Gpcx
L'icône Gpcx est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Gpcx dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:gpcx" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gpcx à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/gpcx.svg" alt="Icône Gpcx">, ou collez le code SVG directement dans la page pour le styliser en CSS.