Icône Xbox Controller 16 Regular

fluent:xbox-controller-16-regular

L'icône Xbox Controller 16 Regular (fluent:xbox-controller-16-regular) est une icône SVG gratuite de la collection Fluent UI System Icons par Microsoft Corporation. Elle est dessinée sur une grille de 16 × 16. Les Fluent UI System 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: Fluent UI System Icons
Auteur: Microsoft Corporation
Licence: MIT
Taille: 16 × 16
Mots-clés: xboxcontroller, controllerregular, xboxcontrollerregular

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M9.98 4.575a.8.8 0 0 1 .513-.056l.826.158a1 1 0 0 1 .7.524c.966 1.894 1.625 3.317 1.873 4.478c.238 1.12.085 1.948-.549 2.719a.28.28 0 0 1-.243.104a.45.45 0 0 1-.311-.155c-.392-.445-.84-.962-1.279-1.473A2.5 2.5 0 0 0 9.61 10H6.384c-.732 0-1.425.32-1.901.874c-.439.51-.887 1.028-1.279 1.473a.45.45 0 0 1-.31.155a.28.28 0 0 1-.244-.104c-.633-.77-.787-1.598-.548-2.72c.247-1.16.906-2.583 1.872-4.477a1 1 0 0 1 .7-.524l.826-.158a.8.8 0 0 1 .514.056q.096.048.199.103c.375.2.8.322 1.246.322h1.075c.446 0 .872-.122 1.247-.322l.198-.103m.701-1.039a1.8 1.8 0 0 0-1.15.145q-.11.055-.22.114c-.25.133-.515.205-.777.205H7.46c-.262 0-.527-.072-.776-.205l-.22-.114a1.8 1.8 0 0 0-1.15-.145l-.827.158a2 2 0 0 0-1.403 1.053c-.957 1.876-1.68 3.413-1.96 4.723c-.287 1.352-.112 2.509.754 3.563c.576.7 1.564.558 2.078-.025c.395-.45.846-.97 1.286-1.482A1.5 1.5 0 0 1 6.384 11H9.61c.438 0 .855.192 1.142.526c.44.512.89 1.033 1.286 1.482c.514.583 1.503.724 2.078.025c.866-1.054 1.042-2.211.754-3.563c-.28-1.31-1.003-2.847-1.96-4.723c-.28-.55-.8-.937-1.403-1.053zM8 7.5A.75.75 0 1 0 8 6a.75.75 0 0 0 0 1.5"/></svg>

Comment utiliser l'icône Xbox Controller 16 Regular

React

import { Icon } from "@iconify/react";

<Icon icon="fluent:xbox-controller-16-regular" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent:xbox-controller-16-regular" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent:xbox-controller-16-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--xbox-controller-16-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:xbox-controller-16-regular"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent:xbox-controller-16-regular"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent/xbox-controller-16-regular.svg" alt="Icône Xbox Controller 16 Regular" width="24" height="24">

Icônes similaires dans Fluent UI System Icons

FAQ : Icône Xbox Controller 16 Regular

L'icône Xbox Controller 16 Regular est-elle gratuite pour un usage commercial ?

Oui. Les Fluent UI System Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Xbox Controller 16 Regular dans React ?

Installez @iconify/react et affichez <Icon icon="fluent:xbox-controller-16-regular" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Xbox Controller 16 Regular à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent/xbox-controller-16-regular.svg" alt="Icône Xbox Controller 16 Regular">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Fluent UI System Icons →