Icône Ncdt Background
token-branded:ncdt-background
L'icône Ncdt Background (token-branded:ncdt-background) 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
- Mots-clés
- ncdtbackground
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#0c7bfe" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.34 11.835h.34v.34h-.34zm-.34-.34h.34v.34H4zm.34-.341h.34v.34h-.34zm.34.34h.341v.34h-.34zm0-.68h.341v.34h-.34zm.341-.341h.34v.34h-.34zm.681 0h.34v.34h-.34zm.34-.34h.341v.34h-.34zm.341-.341h.34v.34h-.34zm11.187 3.745a.73.73 0 0 1-.732-.729v-.803h.34v.834a.39.39 0 0 0 .78 0v-.834h.34v.803a.73.73 0 0 1-.728.729"/><path fill="#fff" fill-rule="evenodd" d="M15.983 13.536a.77.77 0 0 0 .713-1.061a.77.77 0 0 0-.716-.471a.77.77 0 0 0-.713 1.06a.77.77 0 0 0 .713.472zm0-.344a.424.424 0 1 0-.004-.848a.424.424 0 0 0-.428.423c0 .234.194.428.432.428z" clip-rule="evenodd"/><path fill="#fff" d="M14.628 13.205a.77.77 0 0 1-1.395-.436a.766.766 0 0 1 1.402-.43l-.262.253a.419.419 0 1 0-.7.448a.42.42 0 0 0 .7-.077zm-1.94-.433a.427.427 0 0 1-.429.426a.426.426 0 0 1-.429-.426c0-.231.194-.422.429-.422c.238 0 .429.19.429.422"/><path fill="#fff" fill-rule="evenodd" d="M6.87 14.556c-1.168-.235-1.406-1.065-1.522-1.361h1.035v-.34h-.81v-.341h.241v-.34h.34v-.341h-.452v.34h-.34v-.68H5.02v-.341h1.021v-.34h.34v-.341h.341v-.34h.34v.34h.681v-.473H7.57v-.19a2.5 2.5 0 0 1 3.2.513c1.603-.265 1.893.845 1.838 1.434c.559.238.732.857.75 1.136q-.002.174-.035.327a.184.184 0 0 0-.187-.184a.186.186 0 0 0-.187.184a.187.187 0 0 0 .354.085c-.167.79-.892 1.253-1.192 1.253zm.194-3.745h.68v.34h-.68zm-.511 1.958a.766.766 0 0 1 1.532 0v.766h-.34v-.797a.425.425 0 1 0-.852 0v.797h-.34zm2.468.766a.765.765 0 0 1-.766-.766v-.766h.34v.797a.426.426 0 1 0 .852 0v-.797h.34v.766c0 .422-.34.766-.766.766m4.014-.766a.77.77 0 0 1-.777.766a.77.77 0 0 1-.715-1.061a.77.77 0 0 1 .716-.471a.77.77 0 0 1 .776.766m-1.754.436a.777.777 0 0 1-1.409-.436a.776.776 0 0 1 1.416-.43l-.265.256a.418.418 0 0 0-.797.177c0 .232.187.416.419.416a.42.42 0 0 0 .374-.229z" clip-rule="evenodd"/><path fill="#fff" d="M5.362 12.173v.34H4.68v-.34zm9.389-.68h.34v2.042h-.34zm5.25 0h-.341v.51h-.436a.77.77 0 0 0-.713 1.06a.77.77 0 0 0 .713.472a.77.77 0 0 0 .773-.715H20zm-.341 1.293a.44.44 0 0 1-.878-.003c0-.239.2-.433.442-.433h.436z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Ncdt Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ncdt-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ncdt-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ncdt-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ncdt-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ncdt-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ncdt-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/ncdt-background.svg" alt="Icône Ncdt Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Ncdt Background
L'icône Ncdt Background 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 Ncdt Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:ncdt-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ncdt Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/ncdt-background.svg" alt="Icône Ncdt Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.