The Phosphor sailboat icon depicts a sailboat and is commonly used to represent navigation, travel, or water-related activities in user interfaces.
Common uses
- Map marker for a marina or sailing club
- Button for a 'sailing trips' feature
- Icon for a 'water sports' category
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Sailboat } from '@phosphor-icons/react';
<Sailboat size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Sailboat size={24} />thin
<Sailboat size={24} weight="thin" />light
<Sailboat size={24} weight="light" />bold
<Sailboat size={24} weight="bold" />fill
<Sailboat size={24} weight="fill" />duotone
<Sailboat size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- *new*sailingshipvehiclestransportationsportsplaceslocationsmaps & travelobjectssailboatboatyachtvessel
FAQ
- What does the sailboat icon represent?
- It represents a sailboat, suitable for themes of travel, water, or nautical activities.
- How do I use the sailboat icon in React?
- Import it from the Phosphor library and use it as a component: `import { Sailboat } from '@phosphor-icons/react'; <Sailboat />`.
- What is the license for this icon?
- The Phosphor icon library, including the sailboat 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 →