What does the split icon represent?

It represents division or separation, often used for UI elements that can be split or divided.

How do I use the SplitIcon in React?

Import both HugeiconsIcon and SplitIcon, then render .

What is the license for this icon?

This icon is released under the MIT license.

split icon

HugeIcons · SplitIcon · MIT

The HugeIcons split icon visually represents division or separation, commonly used to indicate actions like splitting a window, dividing content, or separating elements in a user interface.

Common uses

Splitting a screen into two panes
Dividing a list into sections
Separating form fields

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { SplitIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={SplitIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: divideseparatesplit screendivider

FAQ

What does the split icon represent?: It represents division or separation, often used for UI elements that can be split or divided.
How do I use the SplitIcon in React?: Import both HugeiconsIcon and SplitIcon, then render <HugeiconsIcon icon={SplitIcon} />.
What is the license for this icon?: This icon is released under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →