Icône Cah Background
token-branded:cah-background
L'icône Cah Background (token-branded:cah-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
- cahbackground
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="#ab60d4" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a8 8 0 0 1-9.946 7.762c2.397-3.334 2.323-5.526 2.294-6.359l-.004-.19c.456.448.55 1.022.536 1.257q.28.27.565.537c.042.038.075-.127.09-.212c-.01.061 0 .221.103.353c.263.381.531 1.002.635 1.266l.165-.15v.22c.179.316.55 1.007.616 1.248c.034.156.102.304.198.433l-.132.122c.038.245.104.725.122 1.026q.305-.136.589-.292c.386-.395.71-.899.851-1.176l.127.117c.08-.094.24-.423.24-.988c0-.57-.244-1.115-.367-1.318h.127c.01-.78-.588-1.454-.884-1.699h.17c-.74-1.214-2.434-1.148-2.918-1.129l-.095.005c.334-.207 1.492-.358 2.029-.405l.258-.047h1.262l.226-.155l.037.094h1.393l.104.061h.706c.22-.24.691-.767.875-1.05l-.001-.02q.03.34.029.689m-.036-.761c-.517-.59-1.263-.905-1.578-.99v-.188c-1.068-.513-1.972-.485-2.287-.41v-.145c-1.078 0-1.774.437-1.99.659c-.01-.033-.038-.113-.095-.151c-.357.108-.899.673-1.125.941a3 3 0 0 0 .08-.72c0-.334-.131-.527-.197-.583l.005-.007c.039-.054.112-.155.112-.191c-.108-.64-.62-1.412-.865-1.722h-.156c-.051-.537-1.115-1.28-1.642-1.582v.189c-.259-.156-.979-.457-1.821-.457a4.04 4.04 0 0 0-2.515.954a8 8 0 0 1 14.074 4.403M5.884 6.842A7.97 7.97 0 0 0 4 12a8 8 0 0 0 4.11 6.992a10.63 10.63 0 0 0 3.58-5.712c0-.118.094-.245.145-.297c-.244-.023-.922.165-1.68 1.083l-.094.117c-.066-.075-.193-.268-.179-.48c-.155.2-.259.434-.3.683c-.142.094-.688.498-.787.739a3.5 3.5 0 0 1-.216-.537a4 4 0 0 0-.057.598l-.917.611a1.3 1.3 0 0 1-.038-.494c-.094.141-.132.443-.136.574c-.311.123-.984.438-1.21.725a1.67 1.67 0 0 1-.292-1.026c0-.517.066-1.364 1.153-2.593a3.9 3.9 0 0 1 1.845-1.162c0-.085.038-.226.057-.282l-.405.282l-.814-.104l-.461.33l-.495-.061l-.423.376l-.95.047l-.165.104l-.805-.066c.339-.842 1.506-2.522 3.482-2.522a4.63 4.63 0 0 1 3.958 2.183a5.6 5.6 0 0 0-.612-1.27l.127-.184h-.197a2.5 2.5 0 0 0-.951-1.101V9.2l-.118.103A5 5 0 0 0 8.673 8.4v-.358l-.17.141a1.95 1.95 0 0 0-1.044-.376c0-.175-.063-.488-.092-.634l-.002-.01l-.118.173a2.2 2.2 0 0 0-1.363-.494" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Cah Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cah-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cah-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cah-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cah-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cah-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:cah-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/cah-background.svg" alt="Icône Cah Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Cah Background
L'icône Cah 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 Cah Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:cah-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cah Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/cah-background.svg" alt="Icône Cah Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.