The Phosphor island icon depicts a landmass surrounded by water, commonly used to represent geographical locations, travel destinations, or tropical themes in user interfaces.
Common uses
- Marking a tropical vacation spot on a map.
- Representing a 'remote' or 'off-grid' status.
- Illustrating travel or geography-related content.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Island } from '@phosphor-icons/react';
<Island size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Island size={24} />thin
<Island size={24} weight="thin" />light
<Island size={24} weight="light" />bold
<Island size={24} weight="bold" />fill
<Island size={24} weight="fill" />duotone
<Island size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- *new*geographybeachoceantropicalpalmvacationtriplocationsplacesmaps & travelnatureislandlocation
FAQ
- What is the Phosphor island icon used for?
- It's typically used to signify islands, tropical locations, or geographical points of interest in UI designs.
- How do I use the island icon in React?
- Import it as 'Island' from '@phosphor-icons/react' and use it like: `<Island />`.
- What is the license for the Phosphor island icon?
- The Phosphor icon library, including the island 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 →