Icono Xbox
zmdi:xbox
El icono Xbox (zmdi:xbox) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 432 × 432. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Design Iconic Font
- Autor
- MDI Community
- Licencia
- OFL-1.1
- Tamaño
- 432 × 432
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 432 432"><path fill="currentColor" d="M213 85q-24-18-47-27.5T127.5 47t-28 0T81 51l-6 3Q134 3 213 3t139 51q-3-1-7-3t-17.5-4t-28.5 0t-38.5 11T213 85m-56 41q-39 40-65 78t-34.5 63.5t-12 44.5t-1.5 28l3 9Q0 291 0 216q0-84 57-145q38 16 100 55m270 90q0 75-47 133q1-3 2.5-9t-1.5-27.5t-12-45.5t-34.5-62.5T269 126q28-17 53-31t36-19l11-5q58 61 58 145m-215-44q38 27 67.5 57t45 53t26 42t13.5 29l3 10q-62 66-153.5 66T59 363q2-4 5-11.5t15-30t28-44.5t44-51t61-54"/></svg>
Cómo usar el icono Xbox
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:xbox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:xbox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:xbox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--xbox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:xbox"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:xbox"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/xbox.svg" alt="Icono Xbox" width="24" height="24">
El icono Xbox en otras colecciones
Preguntas frecuentes sobre Icono Xbox
¿El icono Xbox es gratis para uso comercial?
Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Xbox en React?
Instala @iconify/react y renderiza <Icon icon="zmdi:xbox" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Xbox a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/zmdi/xbox.svg" alt="Icono Xbox">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Design Iconic Font →
ICONYZ
