The Phosphor road horizon icon depicts a road stretching towards the horizon, commonly used to represent concepts like travel, journeys, or navigation in UI elements.
Common uses
- Navigation or travel-related features
- Indicating a route or path
- Map or location services
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { RoadHorizon } from '@phosphor-icons/react';
<RoadHorizon size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<RoadHorizon size={24} />thin
<RoadHorizon size={24} weight="thin" />light
<RoadHorizon size={24} weight="light" />bold
<RoadHorizon size={24} weight="bold" />fill
<RoadHorizon size={24} weight="fill" />duotone
<RoadHorizon size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- tripdriveroadtraveltransportationhighwaymaps & travelhorizonjourneyroute
FAQ
- What is the road horizon icon used for?
- It visually represents concepts related to travel, driving, or navigation, such as a journey or a route on a map.
- How do I use the road horizon icon in React?
- You can import it using `import { RoadHorizon } from '@phosphor-icons/react';` and then use it as a React component.
- What is the license for this icon?
- The Phosphor icon library, including the road horizon 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 →