ICONYZ
English
Table Columns Split icon from Huge Icons

Table Columns Split icon

hugeicons:table-columns-split

The Table Columns Split icon (hugeicons:table-columns-split) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Huge Icons
Author
Hugeicons
License
MIT
Size
24 × 24
Tags
tablecolumns, columnssplit, tablecolumnssplit, column
Download SVG

SVG code

<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>

How to use the Table Columns Split icon

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>

HTML image

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

Related icons in Huge Icons

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

Table Columns Split icon in other icon sets

Table Columns Split icon from Lucide
Lucide
 Table Columns Split icon from Boxicons
Boxicons

Table Columns Split icon FAQ

Is the Table Columns Split icon free for commercial use?

Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Table Columns Split icon in React?

Install @iconify/react and render <Icon icon="hugeicons:table-columns-split" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Table Columns Split icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/table-columns-split.svg" alt="Table Columns Split icon">, or paste the SVG code inline to style it with CSS.

Browse all Huge Icons →