Ícone Xbox Controller 16 Regular

fluent:xbox-controller-16-regular

O ícone Xbox Controller 16 Regular (fluent:xbox-controller-16-regular) é um ícone SVG gratuito da coleção Fluent UI System Icons de Microsoft Corporation. Ele é desenhado em uma grade de 16 × 16. Fluent UI System Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Fluent UI System Icons
Autor: Microsoft Corporation
Licença: MIT
Tamanho: 16 × 16
Tags: xboxcontroller, controllerregular, xboxcontrollerregular

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Fluent UI System Icons

Perguntas frequentes sobre Ícone Xbox Controller 16 Regular

O ícone Xbox Controller 16 Regular é grátis para uso comercial?

Sim. Fluent UI System Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Xbox Controller 16 Regular no React?

Instale @iconify/react e renderize <Icon icon="fluent:xbox-controller-16-regular" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Xbox Controller 16 Regular a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent/xbox-controller-16-regular.svg" alt="Ícone Xbox Controller 16 Regular">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Fluent UI System Icons →