Icône Mind Background
token-branded:mind-background
L'icône Mind Background (token-branded:mind-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
- mindbackground
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="url(#SVGDvY3seWQ)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M11.275 4.052a.49.49 0 0 1 .255.433v4.122c0 .15-.071.297-.189.386l-1.35 1.045c.635.442 1.539 1.068 1.539 1.962c0 .946-.824 1.615-1.563 2.029l1.36.964c.127.095.203.24.203.4v4.123a.49.49 0 0 1-.25.428a.46.46 0 0 1-.485-.028L5.62 16.283a2.61 2.61 0 0 1-1.149-2.1c0-.597.264-1.317 1.144-2.164c-.673-.574-1.144-1.27-1.144-2.202c0-1.116 1.294-2.071 2.09-2.584l4.221-3.14a.47.47 0 0 1 .494-.041m-4.81 4.437c-.343.283-1.054.815-1.054 1.328c0 .715.433 1.157.942 1.576l1.412-.927l.94.565l-1.562.965l1.94 1.397c.517-.22 1.505-.706 1.505-1.393c0-.73-1.157-1.18-1.67-1.534c-.815-.565-1.925-1.092-2.448-1.977zm-.093 4.128c-.857.781-.96 1.303-.96 1.567c0 .344.174.908.729 1.294h.005l.4.283a2.62 2.62 0 0 1 1.506-1.54l.696.688c-.565.254-1.148.767-1.256 1.012a.94.94 0 0 0-.085.442l3.181 2.235v-2.95a534 534 0 0 1-4.216-3.031m.865-4.692c.32.687 1.332 1.139 1.925 1.543l1.426-1.106V5.435L7.238 7.93zm5.483-3.869a.46.46 0 0 1 .48.024l4.942 3.398c.823.56 1.388 1.29 1.388 2.339c0 .86-.541 1.586-1.13 2.146c.518.423 1.13 1.13 1.13 2.22c0 1.366-.993 2.02-1.647 2.448l-.212.137c-.358.25-3.13 2.193-4.461 3.148a.46.46 0 0 1-.485.028a.49.49 0 0 1-.254-.428v-4.122c0-.151.07-.297.188-.386l1.322-1.022c-.734-.456-1.51-.979-1.51-1.986c0-.884.908-1.572 1.53-2.037l-1.328-.96a.49.49 0 0 1-.202-.396V4.485a.47.47 0 0 1 .25-.424zm2.1 6.495c-.363.263-1.408.885-1.408 1.45c0 .78 1.148 1.214 1.652 1.524l.019.01c.884.607 1.99 1.124 2.57 2.084c.545-.38.936-.739.936-1.435c0-.767-.485-1.252-.932-1.586L16.236 13.7l-.942-.484l1.553-1.2l-2.023-1.46zm2.8.838l-4.208-3.036V5.388l3.036 2.085c.494.339-.96 1.459-1.154 1.619l.942.485c.527-.438.922-.735 1.162-1.45l.226.155c.55.377.965.815.965 1.535c0 .64-.537 1.176-.97 1.572m-.754 4.767c-.423-.753-1.35-1.158-2.023-1.624l-1.431 1.106v2.951l3.459-2.433z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGDvY3seWQ" x1="12" x2="12" y1="4" y2="20.001" gradientUnits="userSpaceOnUse"><stop stop-color="#ff7eee"/><stop offset="1" stop-color="#9a0086"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Mind Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mind-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mind-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mind-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mind-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mind-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:mind-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/mind-background.svg" alt="Icône Mind Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Mind Background
L'icône Mind 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 Mind Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:mind-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mind Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/mind-background.svg" alt="Icône Mind Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.