The Phosphor anchor simple icon depicts a stylized anchor, commonly used in UI to represent nautical themes, safety, or as a bookmarking or connection metaphor.
Common uses
- Indicate a 'saved location' or bookmark.
- Represent a connection or link in a network diagram.
- Symbolize safety, stability, or a home base.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { AnchorSimple } from '@phosphor-icons/react';
<AnchorSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<AnchorSimple size={24} />thin
<AnchorSimple size={24} weight="thin" />light
<AnchorSimple size={24} weight="light" />bold
<AnchorSimple size={24} weight="bold" />fill
<AnchorSimple size={24} weight="fill" />duotone
<AnchorSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- nauticalboatsshipshopesafetyinsurancecommunicationsmaps & travelobjectsanchorsimpleboat anchornautical symbolmaritimebookmark
FAQ
- What is the anchor simple icon used for?
- It's used to represent nautical themes, safety, hope, or as a metaphor for connection or stability in UI design.
- How do I use the anchor simple icon in React?
- You can import it directly from the Phosphor React library: import { AnchorSimple } from '@phosphor-icons/react'.
- What is the license for the Phosphor anchor simple icon?
- The Phosphor icon library, including the anchor simple 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 →