Icône Arb Background
token-branded:arb-background
L'icône Arb Background (token-branded:arb-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
- arbbackground
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="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 6.58a2.58 2.58 0 0 1-2.622 2.581c.026.165.041.34.041.516v7.226A3.097 3.097 0 0 1 14.323 20H7.097A3.097 3.097 0 0 1 4 16.903V9.677a3.097 3.097 0 0 1 3.097-3.096h7.226c.175 0 .35.015.516.04v-.04a2.58 2.58 0 0 1 5.161 0m-5.094.584a2.6 2.6 0 0 0-.583-.067H7.097a2.58 2.58 0 0 0-2.58 2.58v7.226a2.58 2.58 0 0 0 2.58 2.58h7.226a2.58 2.58 0 0 0 2.58-2.58V9.677c0-.2-.02-.397-.067-.583a2.58 2.58 0 0 1-1.93-1.93m1.997-2.132v1.033h-1.032v1.032h1.032v1.032h1.032V7.097h1.033V6.065h-1.033V5.032zM6.323 16.903H4.774l2.323-7.226h1.548l2.065 5.678V9.677h3.096c.687 0 2.065.413 2.065 2.065s-.862 2.064-1.29 2.064l1.806 3.097h-1.806l-1.549-3.096h-.774v3.096H9.936l-.62-1.548H6.787zm.774-2.58h1.806l-1.032-2.581zm6.451-1.549h-1.29V10.71h1.29c.258 0 .775.206.775 1.032s-.517 1.032-.775 1.032m-3.354 5.657v-.077q-.001-.023.02-.021h.078v-.785h-.078c-.01 0-.02-.005-.02-.02v-.078c0-.015.01-.03.02-.03h.325a.44.44 0 0 1 .248.061a.2.2 0 0 1 .093.18a.22.22 0 0 1-.052.145a.3.3 0 0 1-.113.093c.072.01.129.042.165.083a.25.25 0 0 1 .057.17a.26.26 0 0 1-.088.207a.4.4 0 0 1-.237.087l-.197.006h-.2q-.022 0-.021-.021m.258-.454v.361h.062q.125 0 .196-.046c.046-.026.067-.078.067-.145q.002-.17-.222-.17zm0-.434v.31h.051q.211 0 .212-.155q.001-.093-.052-.124a.26.26 0 0 0-.144-.03zm.836.005v.785h.077c.01 0 .02.005.02.02v.078c0 .015-.01.02-.02.02h-.31q-.024.001-.025-.02v-.077c0-.016.01-.021.02-.021h.078v-.785h-.078c-.01 0-.02-.005-.02-.02v-.078c0-.015.01-.03.02-.03h.31c.016 0 .026.015.026.03v.078c0 .015-.01.02-.02.02zm.774.904q.021 0 .02-.021v-.077q.001-.023-.02-.021h-.119v-.785h.196l-.01.12q-.001.021.02.02h.088q.022.001.021-.02v-.218c0-.015-.005-.03-.02-.03h-.754c-.01 0-.02.015-.02.03v.217c0 .016.01.02.02.02h.088q.021.002.02-.02l-.005-.119h.191v.785h-.119c-.01 0-.02.005-.02.02v.078c0 .015.01.02.02.02z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Arb Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:arb-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:arb-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:arb-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--arb-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:arb-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:arb-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/arb-background.svg" alt="Icône Arb Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Arb Background
L'icône Arb 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 Arb Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:arb-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Arb Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/arb-background.svg" alt="Icône Arb Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.