Split Cells icon
icon-park:split-cells
The Split Cells icon (icon-park:split-cells) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- splitcells, cell
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M4 14V5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V43C20 43.5523 19.5523 44 19 44H5C4.44772 44 4 43.5523 4 43V34"/><path d="M44 34V43C44 43.5523 43.5523 44 43 44H29C28.4477 44 28 43.5523 28 43V5C28 4.44772 28.4477 4 29 4H43C43.5523 4 44 4.44772 44 5V14"/><path d="M28 24L44 24.0132"/><path d="M4 24.0132L20 24"/><path stroke-linejoin="round" d="M39.2275 28.7778L40.8185 27.1868L44.0005 24.0049L40.8185 20.8229L39.2275 19.2319"/><path stroke-linejoin="round" d="M8.75537 28.7861L7.16438 27.1951L3.9824 24.0132L7.16438 20.8312L8.75537 19.2402"/></g></svg>
How to use the Split Cells icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:split-cells" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:split-cells" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:split-cells" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--split-cells]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:split-cells"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:split-cells"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/split-cells.svg" alt="Split Cells icon" width="24" height="24">
Related icons in IconPark
Split Cells icon in other icon sets
Split Cells icon FAQ
Is the Split Cells icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Split Cells icon in React?
Install @iconify/react and render <Icon icon="icon-park:split-cells" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Split Cells icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/split-cells.svg" alt="Split Cells icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
