Icône Future Background
token-branded:future-background
L'icône Future Background (token-branded:future-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
- futurebackground
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="#0c364f" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M10.117 18.789a5.85 5.85 0 1 0 0-11.7a5.85 5.85 0 0 0 0 11.7m0 .268a6.117 6.117 0 1 0 0-12.235a6.117 6.117 0 0 0 0 12.235" clip-rule="evenodd"/><path fill="#fff" d="M5.223 11.67c.141-.117.362-.197.64-.06c.174.094.414.268.65.447c.47.352.94.705.94.352c0-.531.8-.531 1.069 0c.113.226.08.4.047.593c-.043.26-.09.541.216 1.003c.31.46.349 1.364.381 2.047c.024.498.043.88.151.88c.268 0 1.068-1.332 1.332-1.864c.268-.532.268-1.063 0-1.327a7 7 0 0 1-.306-.348c-.362-.424-.894-1.054-1.29-1.252c-.531-.263-.531-1.063 0-1.327a4 4 0 0 1 .471-.188c.584-.221 1.266-.47.861-.875c-.282-.283-.86-.414-1.303-.518c-.396-.094-.687-.155-.565-.282c.146-.141.217-.532.25-.88a5.06 5.06 0 0 0-3.544 3.604zm8.414-2.352a5.036 5.036 0 0 1-.339 7.548c-.122-.16-.132-.447.01-.735c.268-.531 0-1.858-.264-2.658c-.165-.494-.433-.48-.744-.457c-.188.01-.386.024-.588-.075c-.531-.268 0-1.063.532-1.6c.39-.386.494-.63.626-.94a2.6 2.6 0 0 1 .767-1.083"/><path fill="#fff" fill-rule="evenodd" d="M10.117 17.844a4.903 4.903 0 1 0 0-9.807a4.903 4.903 0 0 0 0 9.807m0 .273a5.176 5.176 0 1 0 0-10.353a5.176 5.176 0 0 0 0 10.353" clip-rule="evenodd"/><path fill="#fff" d="M5.426 17.49c1.506 1.445 3.13 1.638 3.76 1.554c-3.224-5.384 2.414-8.965 5.637-10.085v-.254c-7.952.621-9.576 6.118-9.397 8.786"/><path fill="#fff" fill-rule="evenodd" d="M16.103 6.521h-.66a.1.1 0 0 0-.074.033l-.989 1.162c-.07.08.015.198.113.16l.763-.3a.114.114 0 0 1 .15.093c.066.584.532.796.866.843c.07.01.123.084.094.15l-.348.847c-.033.085.066.17.146.123l1.487-.829a.1.1 0 0 0 .052-.089v-.621c0-.047.028-.08.07-.094C19.293 7.4 19.881 5.88 20 5.109a.095.095 0 0 0-.085-.108c-2.136-.339-3.34.8-3.717 1.464a.11.11 0 0 1-.094.056m2.484-.17a.47.47 0 1 0 0-.94a.47.47 0 0 0 0 .94" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Future Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:future-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:future-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:future-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--future-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:future-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:future-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/future-background.svg" alt="Icône Future Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Future Background
L'icône Future 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 Future Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:future-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Future Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/future-background.svg" alt="Icône Future Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.