SVG and PNG icons based on current New York City MTA subway lines.
- Vector-format SVG files, compressed and optimized.
- Raster-format PNG images, compressed and optimized (90px ✕ 90px).
- SVG sprite bundle, in case you prefer to use that over individual image files.
All files are located in the ./dist
folder.
Also, in the ./src/svg
folder there are uncompressed SVGs if you prefer working with those (e.g. you have your own optimization process) and in ./src/icons
is a source file for Affinity Designer v2 that all images are generated from. A build pipeline takes the source SVGs ./src
and creates the output in ./dist
.
- Uses the official MTA colors.
- Notes:
- There's no official color for the SIR (Staten Island Railway) line; this now uses the latest color on the new MTA website.
- There's no official color for the planned T (Second Avenue) line; this color was adapted from internal MTA sources.
- A good resource for SVG icons exist in the public domain on Wikipedia, which includes historical lines. I referred to these for guidance, but created my own from scratch. In comparison, I increased the X-height of each letter in relationship to the circle in my version. This allows each bullet to "read" better when used as part of inline text, such as in MTA status alerts.
- Because of the shape of the diamond bullets, they seem "smaller" when used side by side with the circle bullets. I recommend increasing the size of the diamond bullets by about 15-20% to make the numbers more legible.
- The MTA Weekender Unofficial HD Remaster, my update of the MTA's Weekender (now retired). (GitHub)
- Signal sticker pack by Parker Higgens.
You can install this in a Node project with a package manager, e.g.
npm install mta-subway-bullets
or
yarn add mta-subway-bullets
This repository is not the official work of the MTA and I have no affiliation with the MTA. I claim no ownership or rights over this work.
CC0.