The Phosphor compass tool icon depicts a drafting compass, commonly used in UI to represent tools for drawing, geometric operations, or precise measurement.
Common uses
- Tool for drawing arcs or circles
- Selecting a geometric measurement mode
- Activating a precision drawing feature
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CompassTool } from '@phosphor-icons/react';
<CompassTool size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CompassTool size={24} />thin
<CompassTool size={24} weight="thin" />light
<CompassTool size={24} weight="light" />bold
<CompassTool size={24} weight="bold" />fill
<CompassTool size={24} weight="fill" />duotone
<CompassTool size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- drawinggeometrytrigonometrydegreesradiansmeasurementprotractorcompassarcdesignobjectstoolprotractor icondrawing toolgeometry toolmeasurement icon
FAQ
- What is the compass tool icon used for?
- It represents tools for drawing, geometric operations, or precise measurement in UI design.
- How do I use the compass tool icon in React?
- Import it using `import { CompassTool } from '@phosphor-icons/react'` and use it as a React component.
- 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 →