Skip to content

louh/mta-subway-bullets

Repository files navigation

mta-subway-bullets

SVG icons based on current New York City MTA subway lines.

1 2 3 4 5 6 6d 7 7d a c e b d f m g j z l n q r w sf s sr sir h t

Some notes

  • 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.

Examples of usage in the wild

Technocery

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

To convert SVG to PNG

Get librsvg for your system, e.g. (Mac OSX instructions follow)

brew install librsvg

Then:

for svg in ./svg/*.svg; do rsvg-convert -o "${svg%.svg}".png "$svg"; done

For convenience, a set of optimized PNGs (90px ✕ 90px) is included in the ./build/png directory.

License

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.