Icône Xbox
bi:xbox
L'icône Xbox (bi:xbox) est une icône SVG gratuite de la collection Bootstrap Icons par The Bootstrap Authors. Elle est dessinée sur une grille de 24 × 24. Les Bootstrap 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
- Bootstrap Icons
- Auteur
- The Bootstrap Authors
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.202 15.967a8 8 0 0 1-3.552-1.26c-.898-.585-1.101-.826-1.101-1.306c0-.965 1.062-2.656 2.879-4.583C6.459 7.723 7.897 6.44 8.052 6.475c.302.068 2.718 2.423 3.622 3.531c1.43 1.753 2.088 3.189 1.754 3.829c-.254.486-1.83 1.437-2.987 1.802c-.954.301-2.207.429-3.239.33m-5.866-3.57C.589 11.253.212 10.127.03 8.497c-.06-.539-.038-.846.137-1.95c.218-1.377 1.002-2.97 1.945-3.95c.401-.417.437-.427.926-.263c.595.2 1.23.638 2.213 1.528l.574.519l-.313.385C4.056 6.553 2.52 9.086 1.94 10.653c-.315.852-.442 1.707-.306 2.063c.091.24.007.15-.3-.319Zm13.101.195c.074-.36-.019-1.02-.238-1.687c-.473-1.443-2.055-4.128-3.508-5.953l-.457-.575l.494-.454c.646-.593 1.095-.948 1.58-1.25c.381-.237.927-.448 1.161-.448c.145 0 .654.528 1.065 1.104a8.4 8.4 0 0 1 1.343 3.102c.153.728.166 2.286.024 3.012a9.5 9.5 0 0 1-.6 1.893c-.179.393-.624 1.156-.82 1.404c-.1.128-.1.127-.043-.148ZM7.335 1.952c-.67-.34-1.704-.705-2.276-.803a4 4 0 0 0-.759-.043c-.471.024-.45 0 .306-.358A7.8 7.8 0 0 1 6.47.128c.8-.169 2.306-.17 3.094-.005c.85.18 1.853.552 2.418.9l.168.103l-.385-.02c-.766-.038-1.88.27-3.078.853c-.361.176-.676.316-.699.312a12 12 0 0 1-.654-.319Z"/></svg>
Comment utiliser l'icône Xbox
React
import { Icon } from "@iconify/react";
<Icon icon="bi:xbox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bi:xbox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bi:xbox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--xbox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:xbox"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bi:xbox"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/bi/xbox.svg" alt="Icône Xbox" width="24" height="24">
L'icône Xbox dans d'autres collections
FAQ : Icône Xbox
L'icône Xbox est-elle gratuite pour un usage commercial ?
Oui. Les Bootstrap Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Xbox dans React ?
Installez @iconify/react et affichez <Icon icon="bi:xbox" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Xbox à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/bi/xbox.svg" alt="Icône Xbox">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Bootstrap Icons →
ICONYZ
