Skip to content

nationalparkservice/symbol-library

Repository files navigation

NPMap Symbol Library

National Park Service map symbols optimized for the web.

aed-black-22.svg aed

airboat-black-22.svg airboat

airfield-black-22.svg airfield

airport-black-22.svg airport

alcohol-black-22.svg alcohol

all-terrain-trail-black-22.svg all-terrain-trail

amphitheater-black-22.svg amphitheater

aquatic-invasive-species-decontamination-station-black-22.svg aquatic-invasive-species-decontamination-station

aquatic-invasive-species-inspection-sticker-black-22.svg aquatic-invasive-species-inspection-sticker

archery-black-22.svg archery

art-black-22.svg art

ash-disposal-black-22.svg ash-disposal

assistive-listening-systems-black-22.svg assistive-listening-systems

assistive-listening-systems-t-coil-compatible-black-22.svg assistive-listening-systems-t-coil-compatible

atm-black-22.svg atm

audio-description-black-22.svg audio-description

audio-tour-black-22.svg audio-tour

automated-entrance-black-22.svg automated-entrance

automobiles-black-22.svg automobiles

baby-changing-station-black-22.svg baby-changing-station

backcountry-camping-permit-black-22.svg backcountry-camping-permit

baseball-black-22.svg baseball

beach-access-black-22.svg beach-access

bear-box-black-22.svg bear-box

bear-canister-rentals-black-22.svg bear-canister-rentals

bear-spray-black-22.svg bear-spray

bear-spray-purchase-black-22.svg bear-spray-purchase

bear-spray-rental-black-22.svg bear-spray-rental

bear-spray-return-recycling-black-22.svg bear-spray-return-recycling

bear-viewing-black-22.svg bear-viewing

benches-seating-black-22.svg benches-seating

bicycle-trail-black-22.svg bicycle-trail

bike-rack-black-22.svg bike-rack

bike-rental-black-22.svg bike-rental

bike-repairs-black-22.svg bike-repairs

birding-wildlife-viewing-black-22.svg birding-wildlife-viewing

boating-black-22.svg boating

boating-permit-black-22.svg boating-permit

boat-launch-black-22.svg boat-launch

boat-tour-black-22.svg boat-tour

boat-trailer-parking-black-22.svg boat-trailer-parking

book-and-souvenir-shop-black-22.svg book-and-souvenir-shop

bookstore-black-22.svg bookstore

bottle-filling-station-black-22.svg bottle-filling-station

bottles-black-22.svg bottles

braille-black-22.svg braille

breastfeeding-station-black-22.svg breastfeeding-station

bridge-black-22.svg bridge

brochure-black-22.svg brochure

bus-stop-black-22.svg bus-stop

cabin-black-22.svg cabin

calendar-events-black-22.svg calendar-events

campfire-black-22.svg campfire

campground-black-22.svg campground

campsite-black-22.svg campsite

cannon-black-22.svg cannon

canoe-access-black-22.svg canoe-access

canoe-portaging-black-22.svg canoe-portaging

cans-or-bottles-black-22.svg cans-or-bottles

caving-black-22.svg caving

cellular-signal-black-22.svg cellular-signal

chair-lift-ski-lift-black-22.svg chair-lift-ski-lift

chapel-black-22.svg chapel

climbing-black-22.svg climbing

closed-captioning-black-22.svg closed-captioning

coffee-black-22.svg coffee

community-garden-black-22.svg community-garden

construction-black-22.svg construction

cross-country-ski-trail-black-22.svg cross-country-ski-trail

customs-black-22.svg customs

dam-black-22.svg dam

deer-viewing-black-22.svg deer-viewing

directions-black-22.svg directions

diving-black-22.svg diving

dog-sledding-black-22.svg dog-sledding

dot-black-22.svg dot

downhill-skiing-black-22.svg downhill-skiing

drinking-water-black-22.svg drinking-water

driving-tour-black-22.svg driving-tour

electrical-hookup-black-22.svg electrical-hookup

electric-car-charging-black-22.svg electric-car-charging

elevator-black-22.svg elevator

emergencies-black-22.svg emergencies

emergency-telephone-black-22.svg emergency-telephone

entrance-black-22.svg entrance

entrance-station-black-22.svg entrance-station

event-facility-black-22.svg event-facility

exercise-fitness-black-22.svg exercise-fitness

falling-rocks-black-22.svg falling-rocks

family-restroom-black-22.svg family-restroom

fire-extinguisher-black-22.svg fire-extinguisher

fire-grate-black-22.svg fire-grate

firewood-black-22.svg firewood

firewood-cutting-black-22.svg firewood-cutting

first-aid-black-22.svg first-aid

first-come-first-served-black-22.svg first-come-first-served

fish-cleaning-black-22.svg fish-cleaning

fish-hatchery-black-22.svg fish-hatchery

fishing-black-22.svg fishing

fishing-license-black-22.svg fishing-license

fishing-pier-black-22.svg fishing-pier

fish-ladder-black-22.svg fish-ladder

flagpole-black-22.svg flagpole

floating-dump-station-black-22.svg floating-dump-station

flower-viewing-black-22.svg flower-viewing

flush-toilets-black-22.svg flush-toilets

food-cache-black-22.svg food-cache

food-service-black-22.svg food-service

four-wheel-drive-road-black-22.svg four-wheel-drive-road

gasoline-diesel-black-22.svg gasoline-diesel

gas-station-black-22.svg gas-station

generators-black-22.svg generators

geyser-black-22.svg geyser

golfing-black-22.svg golfing

grill-black-22.svg grill

guided-tours-black-22.svg guided-tours

hand-launch-small-boat-launch-black-22.svg hand-launch-small-boat-launch

hang-gliding-black-22.svg hang-gliding

historic-feature-black-22.svg historic-feature

hold-hand-rail-black-22.svg hold-hand-rail

horseback-riding-black-22.svg horseback-riding

hospital-black-22.svg hospital

hunting-black-22.svg hunting

ice-black-22.svg ice

ice-cream-black-22.svg ice-cream

ice-fishing-black-22.svg ice-fishing

ice-skating-black-22.svg ice-skating

incident-black-22.svg incident

information-black-22.svg information

in-line-skating-black-22.svg in-line-skating

interpretive-exhibit-black-22.svg interpretive-exhibit

junior-ranger-program-black-22.svg junior-ranger-program

kayaking-black-22.svg kayaking

kennel-black-22.svg kennel

large-print-black-22.svg large-print

laundry-black-22.svg laundry

library-black-22.svg library

lifeguard-black-22.svg lifeguard

life-jackets-black-22.svg life-jackets

lighthouse-black-22.svg lighthouse

litter-receptacle-black-22.svg litter-receptacle

live-audio-description-black-22.svg live-audio-description

lock-black-22.svg lock

lock-bikes-black-22.svg lock-bikes

lockers-storage-black-22.svg lockers-storage

lodging-black-22.svg lodging

lookout-tower-black-22.svg lookout-tower

lounge-black-22.svg lounge

low-vision-access-black-22.svg low-vision-access

maps-black-22.svg maps

marina-black-22.svg marina

mechanic-black-22.svg mechanic

mens-restroom-black-22.svg mens-restroom

metal-detecting-black-22.svg metal-detecting

metro-station-black-22.svg metro-station

mobile-device-charging-black-22.svg mobile-device-charging

monument-black-22.svg monument

motor-bike-trail-black-22.svg motor-bike-trail

motorboating-black-22.svg motorboating

museum-black-22.svg museum

newspaper-black-22.svg newspaper

no-mobile-devices-black-22.svg no-mobile-devices

open-captioning-black-22.svg open-captioning

open-to-the-public-black-22.svg open-to-the-public

paddle-boating-black-22.svg paddle-boating

park-film-black-22.svg park-film

parking-black-22.svg parking

passes-and-fees-black-22.svg passes-and-fees

passport-stamps-black-22.svg passport-stamps

pedestrian-crossing-black-22.svg pedestrian-crossing

personal-watercraft-black-22.svg personal-watercraft

pets-off-leash-black-22.svg pets-off-leash

pets-on-leash-black-22.svg pets-on-leash

photography-black-22.svg photography

picnic-area-black-22.svg picnic-area

picnic-shelter-black-22.svg picnic-shelter

pit-toilet-black-22.svg pit-toilet

playground-black-22.svg playground

point-of-interest-black-22.svg point-of-interest

post-office-black-22.svg post-office

propane-black-22.svg propane

propane-bottle-recycling-black-22.svg propane-bottle-recycling

quagga-mussel-decontamination-station-black-22.svg quagga-mussel-decontamination-station

quiet-black-22.svg quiet

radiator-water-black-22.svg radiator-water

radios-black-22.svg radios

rail-station-black-22.svg rail-station

ranger-led-events-black-22.svg ranger-led-events

ranger-station-black-22.svg ranger-station

rattlesnakes-black-22.svg rattlesnakes

recycling-black-22.svg recycling

rentals-black-22.svg rentals

reservations-black-22.svg reservations

restrooms-black-22.svg restrooms

river-rafting-black-22.svg river-rafting

rock-collecting-black-22.svg rock-collecting

rowboating-black-22.svg rowboating

rr-xing-black-22.svg rr-xing

rv-campground-black-22.svg rv-campground

rv-trailer-hookup-black-22.svg rv-trailer-hookup

safety-caution-alerts-black-22.svg safety-caution-alerts

sailing-black-22.svg sailing

sanitary-disposal-station-black-22.svg sanitary-disposal-station

scenic-viewpoint-black-22.svg scenic-viewpoint

scuba-diving-black-22.svg scuba-diving

sea-lion-viewing-black-22.svg sea-lion-viewing

sea-plane-black-22.svg sea-plane

self-guiding-trail-black-22.svg self-guiding-trail

sewer-hookup-black-22.svg sewer-hookup

shelter-black-22.svg shelter

shipwreck-black-22.svg shipwreck

showers-black-22.svg showers

shuttle-service-black-22.svg shuttle-service

sign-black-22.svg sign

sign-language-interpretation-black-22.svg sign-language-interpretation

silence-mobile-devices-black-22.svg silence-mobile-devices

skateboarding-black-22.svg skateboarding

ski-jumping-black-22.svg ski-jumping

sledding-black-22.svg sledding

sleeping-shelter-black-22.svg sleeping-shelter

slippery-ramp-black-22.svg slippery-ramp

slippery-steps-black-22.svg slippery-steps

smoking-area-black-22.svg smoking-area

snack-bar-black-22.svg snack-bar

snorkeling-black-22.svg snorkeling

snowboarding-black-22.svg snowboarding

snowmobile-trail-black-22.svg snowmobile-trail

snow-shoeing-black-22.svg snow-shoeing

souvenir-shop-black-22.svg souvenir-shop

spring-black-22.svg spring

stable-black-22.svg stable

stagecoach-rides-black-22.svg stagecoach-rides

star-gazing-black-22.svg star-gazing

statue-black-22.svg statue

stay-back-from-edge-cliff-black-22.svg stay-back-from-edge-cliff

stay-back-from-edge-shore-black-22.svg stay-back-from-edge-shore

stay-on-trail-black-22.svg stay-on-trail

store-black-22.svg store

strollers-black-22.svg strollers

sunny-black-22.svg sunny

supplies-black-22.svg supplies

surfing-black-22.svg surfing

swimming-black-22.svg swimming

table-service-black-22.svg table-service

tactile-exhibit-black-22.svg tactile-exhibit

technical-rock-climb-black-22.svg technical-rock-climb

telephone-black-22.svg telephone

tennis-black-22.svg tennis

text-telephone-service-black-22.svg text-telephone-service

theater-black-22.svg theater

theatre-arts-black-22.svg theatre-arts

things-to-do-black-22.svg things-to-do

ticket-sales-black-22.svg ticket-sales

tidepooling-black-22.svg tidepooling

tornado-shelter-black-22.svg tornado-shelter

towing-black-22.svg towing

trailer-site-black-22.svg trailer-site

trailhead-black-22.svg trailhead

trailhead-information-black-22.svg trailhead-information

tram-tour-black-22.svg tram-tour

tramway-black-22.svg tramway

trash-dumpster-black-22.svg trash-dumpster

trucks-black-22.svg trucks

tubing-black-22.svg tubing

tunnel-black-22.svg tunnel

uneven-walkways-black-22.svg uneven-walkways

utv-black-22.svg utv

vehicle-ferry-black-22.svg vehicle-ferry

vending-machine-black-22.svg vending-machine

video-surveillance-black-22.svg video-surveillance

viewing-area-black-22.svg viewing-area

visitor-center-black-22.svg visitor-center

volleyball-black-22.svg volleyball

volume-control-telephone-black-22.svg volume-control-telephone

wading-black-22.svg wading

walking-black-22.svg walking

walk-on-boardwalk-black-22.svg walk-on-boardwalk

watch-for-falling-ice-black-22.svg watch-for-falling-ice

waterfall-black-22.svg waterfall

waterfowl-black-22.svg waterfowl

water-hookup-black-22.svg water-hookup

waterskiing-black-22.svg waterskiing

webcam-black-22.svg webcam

whale-viewing-black-22.svg whale-viewing

wheelchair-accessible-black-22.svg wheelchair-accessible

wi-fi-black-22.svg wi-fi

wilderness-black-22.svg wilderness

wind-surfing-black-22.svg wind-surfing

wine-black-22.svg wine

winter-recreation-area-black-22.svg winter-recreation-area

womens-restroom-black-22.svg womens-restroom

wood-gathering-black-22.svg wood-gathering

young-scientist-program-black-22.svg young-scientist-program

zebra-mussel-decontamination-station-black-22.svg zebra-mussel-decontamination-station

New symbols

Development on new symbol artwork is temporarily suspended, but we intend to have a completely revised procedure in place later in 2020.

Symbol Library is changing

The information below is now outdated. We are revising how the symbol library is organized and how it interfaces with other tools in the NPMap suite.

Versioning

The Symbol Library uses a semantic versioning scheme:

  • 0.0.z: Bugfixes and modifications
  • 0.y.0: Icons added
  • x.0.0: Icons removed, sprite scheme changed, or major features added

Changelog

  • 1.0.0
  • 2.0.0
  • 2.1.0
  • 2.2.2
  • 2.2.3
  • 2.3.0
  • 2.4.0
  • 2.5.0

File structure

This repository was originally forked from Mapbox's Maki project, so the file structure is similar.

src

Source SVG files are in the src subdirectory. Each symbol is designed at three pixel-perfect sizes (max dimensions 14, 22, and 30 pixels square) and in black and white versions to support different use cases. These can be found in the src/standalone directory. In addition, a subset of 94 symbols are designed at 12, 18, and 24 pixels square for use in NPMap Builder.

renders

PNG renders of all of the SVGs are in the renders directory. High-resolution (aka Retina) versions of each icon are present as well, named using the common @2x convention.

render.sh

You can use the SVGs and PNGs in this repository as they are without building anything, however a render script is included to assist designers/developers who want to modify or create new icons. It will render SVGs to PNGs at 100% and 200% resolution, create sprites used by NPMap.js, NPMap Builder, and the Places Editor, and generate corresponding CSS styles for the sprites.

The script requires Node, Bash, Inkscape, and ImageMagick. In addition, each icon must have an appropriate entry in www/npmap-symbol-library.json to be rendered correctly.

After installing the required prerequisites, you can run the script like this:

cd npmap-symbol-library
npm install
bash render.sh