The Phosphor circle half tilt icon depicts a circle divided in half with one half tilted, often used to represent settings related to contrast, brightness, or editor modes.
Common uses
- Contrast/brightness slider
- Editor mode toggle
- Half-filled state indicator
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CircleHalfTilt } from '@phosphor-icons/react';
<CircleHalfTilt size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CircleHalfTilt size={24} />thin
<CircleHalfTilt size={24} weight="thin" />light
<CircleHalfTilt size={24} weight="light" />bold
<CircleHalfTilt size={24} weight="bold" />fill
<CircleHalfTilt size={24} weight="fill" />duotone
<CircleHalfTilt size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- roundshapescontrastbrightnessdesigneditorcirclehalftilthalf circle
FAQ
- What is the circle half tilt icon used for?
- It's commonly used for UI elements that adjust contrast, brightness, or represent different editor modes.
- How do I use the circle half tilt icon in React?
- Import it as CircleHalfTilt from '@phosphor-icons/react' and use it like <CircleHalfTilt />.
- What is the license for this icon?
- The Phosphor icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →