Icono Tetris
hugeicons:tetris
El icono Tetris (hugeicons:tetris) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge Icons se publican bajo la licencia MIT, 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
- Huge Icons
- Autor
- Hugeicons
- Licencia
- MIT
- Tamaño
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 5c0-.943 0-1.414.293-1.707S8.057 3 9 3s1.414 0 1.707.293S11 4.057 11 5v4c0 .943 0 1.414-.293 1.707S9.943 11 9 11s-1.414 0-1.707-.293S7 9.943 7 9zm6 10c0-.943 0-1.414.293-1.707S14.057 13 15 13s1.414 0 1.707.293S17 14.057 17 15s0 1.414-.293 1.707S15.943 17 15 17s-1.414 0-1.707-.293S13 15.943 13 15Zm-4 4c0-.943 0-1.414.293-1.707S10.057 17 11 17h8c.943 0 1.414 0 1.707.293S21 18.057 21 19s0 1.414-.293 1.707S19.943 21 19 21h-8c-.943 0-1.414 0-1.707-.293S9 19.943 9 19ZM3 9c0-.943 0-1.414.293-1.707S4.057 7 5 7s1.414 0 1.707.293S7 8.057 7 9v4c0 .943 0 1.414-.293 1.707S5.943 15 5 15s-1.414 0-1.707-.293S3 13.943 3 13z"/></svg>Cómo usar el icono Tetris
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:tetris" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:tetris" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:tetris" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--tetris]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:tetris"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:tetris"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/tetris.svg" alt="Icono Tetris" width="24" height="24">El icono Tetris en otras colecciones
Preguntas frecuentes sobre Icono Tetris
¿El icono Tetris es gratis para uso comercial?
Sí. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Tetris en React?
Instala @iconify/react y renderiza <Icon icon="hugeicons:tetris" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tetris a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/tetris.svg" alt="Icono Tetris">, o pega el código SVG en línea para darle estilo con CSS.