What does the circle half icon represent?

It visually represents a division or a state that is partially filled or active, commonly used for toggles or split interfaces.

How do I use the circle half icon in React?

You can import and use it directly with: `import { IconCircleHalf } from '@tabler/icons-react'`.

The Tabler icon library, including the circle-half icon, is available under the MIT license.

Tabler · circle-half · MIT

The Tabler circle half icon depicts a circle divided vertically, often used to represent states like on/off, enabled/disabled, or a split view.

Install

npm i @tabler/icons-react

Import & render

import { IconCircleHalf } from '@tabler/icons-react';

<IconCircleHalf size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Shapes
Keywords: shapesplitslashcirclehalfroundcirculargeometryformfigureshapeshalf circlesplit circlecircle slashvertical split

What does the circle half icon represent?: It visually represents a division or a state that is partially filled or active, commonly used for toggles or split interfaces.
How do I use the circle half icon in React?: You can import and use it directly with: `import { IconCircleHalf } from '@tabler/icons-react'`.
What is the license for this icon?: The Tabler icon library, including the circle-half icon, is available under the MIT license.

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

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