The Phosphor traffic sign icon depicts a standard road traffic sign, commonly used in UI to represent navigation, directions, or points of interest related to travel and transportation.
Common uses
- Navigation and directions in a map application.
- Indicating a location or stop on a transit route.
- Representing road rules or safety information.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TrafficSign } from '@phosphor-icons/react';
<TrafficSign size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TrafficSign size={24} />thin
<TrafficSign size={24} weight="thin" />light
<TrafficSign size={24} weight="light" />bold
<TrafficSign size={24} weight="bold" />fill
<TrafficSign size={24} weight="fill" />duotone
<TrafficSign size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- road signstransittransportationmaps & traveltrafficsignroad signsignpostwayfindingroute marker
FAQ
- What is the traffic sign icon used for?
- It's used to signify elements related to roads, navigation, transit, and travel in user interfaces.
- How do I use the traffic sign icon in React?
- Import it from the library like this: `import { TrafficSign } from '@phosphor-icons/react'`. Then use it as a component: `<TrafficSign />`.
- What is the license for this icon?
- The Phosphor icon library, including the traffic sign 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 →