npmaki

National Park Service map symbols optimized for the web.

Showing:

Popularity

Downloads/wk

0

GitHub Stars

74

Maintenance

Last Commit

5mos ago

Contributors

40

Package

Dependencies

0

Size (min+gzip)

0.2KB

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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-cannister-rentals-black-22.svg bear-cannister-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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial