Icône Cvr Background
token-branded:cvr-background
L'icône Cvr Background (token-branded:cvr-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
- cvrbackground
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" d="M9.07 6h4.54c-.09.085-.266.36-.266.78s.075.595.115.72H9v5.78l3.295 1.985L15.5 13.28V9.295c.12.025.205.085.4.085c.625 0 .995-.24 1.1-.355v4.36c0 .515-.26 1-.7 1.285l-3.14 2.07a1.58 1.58 0 0 1-1.735.005l-3.215-2.08a1.54 1.54 0 0 1-.71-1.29v-5.83C7.5 6.695 8.2 6 9.07 6"/><path fill="#fff" d="M15.5 9a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path fill="#fff" d="M5.25 4.56c0-.165.144-.31.34-.31h12.82c.194 0 .34.15.34.31V8a.25.25 0 1 0 .25.22V4.56c0-.315-.27-.56-.59-.56H5.59c-.32 0-.59.245-.59.56v3.825a.238.238 0 0 0 .474-.035c0-.125-.1-.23-.225-.235zM6.59 5c-.32 0-.59.245-.59.56v5.38c0 .09-.03.17-.076.225a.28.28 0 0 1-.21.085H5.59c-.2 0-.34-.15-.34-.31v-1.2a.234.234 0 0 0 .228-.243a.236.236 0 0 0-.243-.227a.24.24 0 0 0-.235.215v1.455c0 .315.27.56.59.56h.125c.165 0 .3-.065.4-.17a.6.6 0 0 0 .135-.39V5.56c0-.165.15-.31.34-.31h4.625a.235.235 0 0 0 .425-.15a.234.234 0 0 0-.45-.105h-4.6zm6.4.25a.236.236 0 0 1-.43-.15a.235.235 0 0 1 .45-.1h4.364c.155 0 .31.06.425.155c.115.1.2.24.2.4v5.38c0 .185.12.315.3.315h.11c.195 0 .34-.15.34-.315V10a.25.25 0 1 1 .24-.32H19v.04a.2.2 0 0 1 0 .06v1.155c0 .32-.27.565-.59.565h-.11c-.335 0-.55-.26-.55-.565V5.56c0-.075-.04-.15-.11-.215a.42.42 0 0 0-.265-.1h-4.39zm5.02 8.37a.37.37 0 1 1 .74 0v1.49c0 .2-.1.39-.27.5l-3.04 2a.25.25 0 0 0-.43.17a.25.25 0 0 0 .48.09l3.13-2.05a.86.86 0 0 0 .38-.71v-1.49a.62.62 0 0 0-1.24 0v1.06c0 .14-.066.275-.18.355l-1.03.75a.23.23 0 0 0-.22.021a.24.24 0 0 0-.106.194a.24.24 0 0 0 .412.161a.24.24 0 0 0 .063-.176l1.025-.75a.68.68 0 0 0 .285-.555zm-12.386-.34a.375.375 0 0 0-.375.375v1.19a1 1 0 0 0 .47.85l2.96 1.845a.25.25 0 1 1-.17.19l-2.92-1.825a1.25 1.25 0 0 1-.59-1.06V13.65a.625.625 0 0 1 1.25 0v.8c0 .25.125.485.335.625l.77.51a.235.235 0 0 1 .335.291a.24.24 0 0 1-.306.139a.24.24 0 0 1-.154-.215l-.785-.52A1 1 0 0 1 6 14.455v-.805a.375.375 0 0 0-.375-.375zm10.06 3.25L12.5 18.62a.69.69 0 0 1-.755 0l-3.12-2.05a.236.236 0 0 1-.317-.085a.235.235 0 0 1 .033-.284a.237.237 0 0 1 .41.159l3.13 2.05c.15.1.334.1.484 0l3.215-2.1a.235.235 0 0 1 .47.03a.234.234 0 0 1-.241.236a.23.23 0 0 1-.119-.036zm-3.95 3.375l-1.89-1.25a.237.237 0 0 1-.307-.101a.24.24 0 0 1-.028-.114a.239.239 0 0 1 .41-.163a.24.24 0 0 1 .065.173l1.89 1.25a.5.5 0 0 0 .555-.01l1.745-1.2a.235.235 0 1 1 .18.18l-1.785 1.225c-.12.085-.26.1-.4.105c-.15 0-.3-.01-.435-.1z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Cvr Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cvr-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cvr-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cvr-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cvr-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cvr-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:cvr-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/cvr-background.svg" alt="Icône Cvr Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Cvr Background
L'icône Cvr 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 Cvr Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:cvr-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cvr Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/cvr-background.svg" alt="Icône Cvr Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.