The Phosphor anchor icon visually represents a nautical anchor, commonly used in UIs to signify themes of stability, security, or a connection point.
Common uses
- Bookmark or save item button
- Indicate a fixed or stable element
- Represent a connection or link
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Anchor } from '@phosphor-icons/react';
<Anchor size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Anchor size={24} />thin
<Anchor size={24} weight="thin" />light
<Anchor size={24} weight="light" />bold
<Anchor size={24} weight="bold" />fill
<Anchor size={24} weight="fill" />duotone
<Anchor size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- nauticalboatsshipshopesafetyinsurancecommunicationsmaps & travelobjectsanchorship anchormaritimemooringstability
FAQ
- What is the anchor icon used for?
- It's used to visually represent stability, security, or a connection point in user interfaces. It can also be used thematically for nautical or travel-related contexts.
- How do I use the anchor icon in React?
- You can import and use it directly with: import { Anchor } from '@phosphor-icons/react'. Then render it as <Anchor />.
- What is the license for the Phosphor anchor icon?
- The Phosphor icon library, including the anchor 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 →