ICONYZ
Español
Icono Table Columns Split de Huge Icons

Icono Table Columns Split

hugeicons:table-columns-split

El icono Table Columns Split (hugeicons:table-columns-split) 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
Etiquetas
tablecolumns, columnssplit, tablecolumnssplit, column
Descargar SVG

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-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 20h2c2.828 0 4.243 0 5.121-.879C10 18.243 10 16.828 10 14v-4c0-2.828 0-4.243-.879-5.121C8.243 4 6.828 4 4 4H2m20 0c-1.553.047-2.48.22-3.121.863C18 5.743 18 7.161 18 9.996v4.008c0 2.835 0 4.252.879 5.133c.641.642 1.568.816 3.121.863M6 4v16m8-17v1.5m0 4V10m0 4v1.5m0 4V21M2 12h8M2 8h8m-8 8h8m8-4h4m-4-4h4m-4 8h4"/></svg>

Cómo usar el icono Table Columns Split

React

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

<Icon icon="hugeicons:table-columns-split" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:table-columns-split" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:table-columns-split" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--table-columns-split]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:table-columns-split"></div>

Web component

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

<iconify-icon icon="hugeicons:table-columns-split"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/table-columns-split.svg" alt="Icono Table Columns Split" width="24" height="24">

Iconos relacionados en Huge Icons

Icono table
table
 Icono table-01
table-01
 Icono table-02
table-02
 Icono table-03
table-03
 Icono table-cells-merge
table-cells-merge
 Icono table-cells-split
table-cells-split
 Icono table-lamp-01
table-lamp-01
 Icono table-lamp-02
table-lamp-02
 Icono table-of-contents
table-of-contents
 Icono table-properties
table-properties
 Icono table-round
table-round
 Icono table-rows-split
table-rows-split
 Icono table-tennis-bat
table-tennis-bat
 Icono tablet-01
tablet-01
 Icono tablet-02
tablet-02
 Icono tablet-connected-bluetooth
tablet-connected-bluetooth
 Icono tablet-connected-usb
tablet-connected-usb
 Icono tablet-connected-wifi
tablet-connected-wifi
 Icono tablet-pen
tablet-pen
 Icono tablet-smartphone
tablet-smartphone
 Icono tablets
tablets

El icono Table Columns Split en otras colecciones

Icono Table Columns Split de Lucide
Lucide
 Icono Table Columns Split de Boxicons
Boxicons

Preguntas frecuentes sobre Icono Table Columns Split

¿El icono Table Columns Split 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 Table Columns Split en React?

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

¿Cómo añado el icono Table Columns Split a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/table-columns-split.svg" alt="Icono Table Columns Split">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Huge Icons →