Components
Route icon
A route's identity mark. Train lines are solid circles in the line colour; bus routes are numbered Brand capsules. One family in three size roles.
Contract: components/route-icon.yaml. States are drawn live by transit.js.
Loading the contract…
iOS app specification
The app's rendering of this component, from the v3 spec.
Route icon
One family in three sizes. Train lines are plain circles, bus routes are numbered capsules in Brand.
Large 32
Standard 24
Mini 14
| Sizes | Large 32 · Standard 24 · Mini 14 (bus 16) |
|---|---|
| Large | List rows, route page header |
| Standard | Arrival rows |
| Mini | Arrival preview on stop cards |