Merge Cells icon
icon-park:merge-cells
The Merge Cells icon (icon-park:merge-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
- mergecells, 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="M20 14V5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V43C4 43.5523 4.44772 44 5 44H19C19.5523 44 20 43.5523 20 43V34"/><path d="M28 34V43C28 43.5523 28.4477 44 29 44H43C43.5523 44 44 43.5523 44 43V5C44 4.44772 43.5523 4 43 4H29C28.4477 4 28 4.44772 28 5V14"/><path d="M28 24H44"/><path d="M5 24H20"/><path stroke-linejoin="round" d="M32.7485 28.8184L31.1575 27.2274L27.9756 24.0454L31.1575 20.8634L32.7485 19.2724"/><path stroke-linejoin="round" d="M15.375 28.8184L16.966 27.2274L20.148 24.0454L16.966 20.8634L15.375 19.2724"/></g></svg>How to use the Merge Cells icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:merge-cells" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:merge-cells" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:merge-cells" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--merge-cells]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:merge-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:merge-cells"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/merge-cells.svg" alt="Merge Cells icon" width="24" height="24">Related icons in IconPark
Merge Cells icon in other icon sets
Merge Cells icon FAQ
Is the Merge 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 Merge Cells icon in React?
Install @iconify/react and render <Icon icon="icon-park:merge-cells" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Merge Cells icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/merge-cells.svg" alt="Merge Cells icon">, or paste the SVG code inline to style it with CSS.