The Phosphor angle icon visually represents a geometric angle, commonly used in UIs to denote settings related to rotation, measurement, or directional input.
Common uses
- Rotation control in a design tool
- Setting a degree value for an object
- Indicating a measurement or range
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Angle } from '@phosphor-icons/react';
<Angle size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Angle size={24} />thin
<Angle size={24} weight="thin" />light
<Angle size={24} weight="light" />bold
<Angle size={24} weight="bold" />fill
<Angle size={24} weight="fill" />duotone
<Angle size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*geometrytrigonometrydegreesradiansmeasurementprotractorcompassarcdesignobjectsanglerotation
FAQ
- What is the angle icon used for?
- It's used to represent geometric angles, degrees, radians, or measurements in UI elements.
- How do I use the angle icon in React?
- Import it as `Angle` from '@phosphor-icons/react' and use it like <Angle />.
- What is the license for the Phosphor angle icon?
- The Phosphor icon library, including the angle 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 →