The Phosphor train icon depicts a classic train engine and is commonly used to represent public transportation, railway services, or travel-related features in a user interface.
Common uses
- Button for train ticket booking
- Map marker for train stations
- Navigation item for transit information
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Train } from '@phosphor-icons/react';
<Train size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Train size={24} />thin
<Train size={24} weight="thin" />light
<Train size={24} weight="light" />bold
<Train size={24} weight="bold" />fill
<Train size={24} weight="fill" />duotone
<Train size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- vehiclessubwaylight railpublic transittransportationcommutertravelingplaceslocationsmaps & travelobjectstrainlocomotiverailwaypublic transport
FAQ
- What does the train icon represent?
- It represents a train, often used for public transit, railways, or travel.
- How do I use the train icon in React?
- You can import and use it like this: import { Train } from '@phosphor-icons/react'; <Train />.
- What is the license for this icon?
- The Phosphor icon library, including the train 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 →