Icono System Interface

tdesign:system-interface

El icono System Interface (tdesign:system-interface) es un icono SVG gratuito de la colección TDesign Icons de TDesign. Está dibujado en una cuadrícula de 24 × 24. TDesign 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: TDesign Icons
Autor: TDesign
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: systeminterface

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M3 21h18V8H3zM21 3H3v5h18z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M3 8h18M3 8v13h18V8M3 8V3h18v5"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M7.004 12v.004H7V12zm4 0v.004H11V12zm4 0v.004H15V12z"/></g></svg>

Cómo usar el icono System Interface

React

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

<Icon icon="tdesign:system-interface" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:system-interface" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:system-interface" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--system-interface]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:system-interface"></div>

Web component

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

<iconify-icon icon="tdesign:system-interface"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/tdesign/system-interface.svg" alt="Icono System Interface" width="24" height="24">

Iconos relacionados en TDesign Icons

Preguntas frecuentes sobre Icono System Interface

¿El icono System Interface es gratis para uso comercial?

Sí. TDesign Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono System Interface en React?

Instala @iconify/react y renderiza <Icon icon="tdesign:system-interface" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono System Interface a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/tdesign/system-interface.svg" alt="Icono System Interface">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los TDesign Icons →