The Phosphor boat icon depicts a side view of a boat, commonly used in UIs to represent maritime travel, navigation, or water-related locations.
Common uses
- Map marker for a ferry terminal
- Button for 'Book a Cruise'
- Icon for water transportation options
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Boat } from '@phosphor-icons/react';
<Boat size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Boat size={24} />thin
<Boat size={24} weight="thin" />light
<Boat size={24} weight="light" />bold
<Boat size={24} weight="bold" />fill
<Boat size={24} weight="fill" />duotone
<Boat size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- ferryshipcruisevehiclespublic transittransportationcommutertravelingsailingplaceslocationsmaps & travelobjectsboatvessel
FAQ
- What does the boat icon represent?
- It represents a boat, suitable for indicating ferries, ships, cruises, or general water travel.
- How do I use the boat icon in React?
- You can import and use it like this: import { Boat } from '@phosphor-icons/react'; <Boat />.
- What is the license for the Phosphor boat icon?
- The Phosphor icon library, including the boat 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 →