3.3 KiB
Design Guidelines
The icons in this project follow closely the design guidelines established in the MUTCD Standard Highway Signs guide, 2009 edition published by the US Federal Highway Administration.
The MUTCD is in the public domain and as such it is not copyrighted.
Each icon should be
- 25px x 25px
- SVG
- Single color fill
- Path outline only, no stroke
- Pixel grid aligned (where possible)
Arrows
Arrows use the "Standard Arrow" described in MUTCD Standard Highway Signs Appendix.
An upward facing Standard Arrow is included in this icon pack, and forms the basis of all turn lane arrows.
Arrowhead rotation angles are chosen based on the turn lane indication:
| Through | Slight Left | Left | Sharp Left | Reverse Left |
|---|---|---|---|---|
no rotation
|
45 degrees
|
70 or 90 degrees
|
135 degrees
|
180 degrees
|
As the number of arrows increases, the arrows scale down:
| 1 Arrow | 2 Arrows | 3 Arrows | 4 Arrows |
|---|---|---|---|
|
|
|
|
Other important rules for arrows:
- Bottom aligned with each other, 2px from icon bottom edge
- Left-right centered
- Smooth curves, no kinks
- Arrow shaft path connects to the arrowhead anchor point
Other Icons
Other non-arrow icons (bus, hov, pedestrian, tram, etc) also imitiate the icons found in the MUTCD Standard Highway Signs Appendix.