Map Icon Editor

Our highway shield and rail icons have been custom drawn by our cartography team to represent the highway and transit signage you would see around the world. Use the Mapbox Map Icon Editor to customize the icon colors of this set to fit the style of your map.

at-expressway-2.svg
at-expressway-3.svg
at-motorway-2.svg
at-motorway-3.svg
at-state-b-2.svg
at-state-b-3.svg
at-state-b-4.svg
bg-motorway-2.svg
bg-national-2.svg
br-federal-3.svg
br-state-2.svg
br-state-3.svg
ch-main-2.svg
ch-main-3.svg
ch-motorway-2.svg
ch-motorway-3.svg
cz-expressway-2.svg
cz-expressway-3.svg
cz-motorway-2.svg
cz-road-2.svg
cz-road-3.svg
de-federal-2.svg
de-federal-3.svg
de-federal-4.svg
de-motorway-2.svg
de-motorway-3.svg
default-2.svg
default-3.svg
default-4.svg
default-5.svg
default-6.svg
dk-primary-2.svg
dk-secondary-2.svg
dk-secondary-3.svg
e-road-2.svg
e-road-3.svg
e-road-4.svg
fi-main-2.svg
fi-regional-3.svg
fi-trunk-2.svg
gr-motorway-2.svg
gr-motorway-3.svg
gr-motorway-4.svg
gr-national-2.svg
gr-national-3.svg
hr-county-4.svg
hr-motorway-3.svg
hr-motorway-4.svg
hr-state-2.svg
hr-state-3.svg
hu-main-2.svg
hu-main-3.svg
hu-main-4.svg
hu-main-5.svg
hu-motorway-2.svg
hu-motorway-3.svg
in-national-2.svg
in-national-3.svg
in-national-4.svg
in-state-2.svg
in-state-3.svg
mx-federal-2.svg
mx-federal-3.svg
mx-federal-4.svg
mx-state-2.svg
mx-state-3.svg
mx-state-4.svg
nz-state-2.svg
nz-state-3.svg
pe-national-2.svg
pe-national-3.svg
pe-regional-3.svg
pe-regional-4.svg
pl-expressway-2.svg
pl-expressway-3.svg
pl-motorway-2.svg
pl-motorway-3.svg
pl-national-2.svg
pl-voivodeship-3.svg
ro-communal-2.svg
ro-communal-3.svg
ro-communal-4.svg
ro-county-3.svg
ro-county-4.svg
ro-motorway-2.svg
ro-motorway-3.svg
ro-national-2.svg
ro-national-3.svg
rs-motorway-3.svg
rs-state-1b-2.svg
rs-state-2a-3.svg
rs-state-2b-3.svg
se-main-2.svg
se-main-3.svg
si-expressway-3.svg
si-main-2.svg
si-main-3.svg
si-motorway-2.svg
sk-highway-2.svg
sk-road-2.svg
sk-road-3.svg
sk-road-4.svg
us-highway-2.svg
us-highway-3.svg
us-highway-4.svg
us-highway-alternate-2.svg
us-highway-alternate-3.svg
us-highway-business-2.svg
us-highway-business-3.svg
us-highway-bypass-2.svg
us-highway-bypass-3.svg
us-highway-duplex-3.svg
us-highway-duplex-4.svg
us-highway-duplex-5.svg
us-highway-truck-2.svg
us-highway-truck-3.svg
us-interstate-2.svg
us-interstate-3.svg
us-interstate-4.svg
us-interstate-business-2.svg
us-interstate-business-3.svg
us-interstate-duplex-4.svg
us-interstate-duplex-5.svg
us-interstate-truck-2.svg
us-interstate-truck-3.svg
us-state-2.svg
us-state-3.svg
us-state-4.svg
za-metropolitan-2.svg
za-national-2.svg
za-national-3.svg
za-provincial-3.svg
za-regional-3.svg
motorway-exit-1.svg
motorway-exit-2.svg
motorway-exit-3.svg
motorway-exit-4.svg
motorway-exit-5.svg
motorway-exit-6.svg
motorway-exit-7.svg
motorway-exit-8.svg
motorway-exit-9.svg
barcelona-metro.svg
boston-t.svg
chongqing-rail-transit.svg
de-s-bahn.de-u-bahn.svg
de-s-bahn.svg
de-u-bahn.svg
delhi-metro.svg
gb-national-rail.london-dlr.london-overground.london-tfl-rail.london-underground.svg
gb-national-rail.london-dlr.london-overground.london-underground.svg
gb-national-rail.london-dlr.london-underground.svg
gb-national-rail.london-dlr.svg
gb-national-rail.london-overground.london-tfl-rail.london-underground.svg
gb-national-rail.london-overground.london-underground.svg
gb-national-rail.london-overground.svg
gb-national-rail.london-tfl-rail.london-overground.svg
gb-national-rail.london-tfl-rail.london-underground.svg
gb-national-rail.london-tfl-rail.svg
gb-national-rail.london-underground.svg
gb-national-rail.svg
hong-kong-mtr.svg
kiev-metro.svg
london-dlr.london-tfl-rail.london-underground.svg
london-dlr.london-tfl-rail.svg
london-dlr.london-underground.svg
london-dlr.svg
london-overground.london-tfl-rail.london-underground.svg
london-overground.london-tfl-rail.svg
london-overground.london-underground.svg
london-overground.svg
london-tfl-rail.london-underground.svg
london-tfl-rail.svg
london-underground.svg
madrid-metro.svg
mexico-city-metro.svg
milan-metro.svg
moscow-metro.svg
new-york-subway.svg
osaka-subway.svg
oslo-metro.svg
paris-metro.paris-rer.svg
paris-metro.svg
paris-rer.paris-transilien.svg
paris-rer.svg
paris-transilien.svg
philadelphia-septa.svg
san-francisco-bart.svg
singapore-mrt.svg
stockholm-metro.svg
taipei-metro.svg
tokyo-metro.svg
vienna-u-bahn.svg
washington-metro.svg

How to use your icons

Once you’ve customized and downloaded your icons from the editor, upload or drag and drop them into Mapbox Studio. Our Streets tileset uses different data fields in the road_label data source layer which you can use to reference the appropriate icon. These data fields are {network} for rail icons, {shield}-{reflen} for highway shields, and motorway-exit-{reflen} for motorway exits. Using one of these values for an icon-image property on a layer with the proper source will use the appropriate icon from your style. The reflen value reflects the width of the icon to allow for different amounts of text to appear over it. These values are already referenced in many of our core styles.

For more information about which shields are for which regions, visit our vector tiles page.