Styles provided directly from the MTA. MTA Styles was created by the WNYC DataNews team. See Github for code and more details.

Include

You can easily install MTA Styles with a package manager on the command line.

  npm install mta-styles
  bower install mta-styles

Or include directly with this CDN:

  <link rel="stylesheet" href="//cdn.rawgit.com/datanews/mta-styles/0.0.5/dist/mta-styles.css">

Symbols

It's easy to put a MTA line symbol in your markup, specifically for the subway, just use some markup like the following.

  <i class="mta mta-symbol subway-n"><i>

The symbols will adjust to the font-size they are placed in, but you can also use classes to make the symbols small, medium, and large:

Backgrounds

MTA Styles provides all the colors as background with classes like mta subway-a. Some examples:

Foregrounds

You can also use the line colors as foreground colors by adding a -fg suffix. Some examples:

JSON

MTA Styles also provides a JSON file for use in applications or data analysis.

Identifiers

  subway-a
  subway-c
  subway-e
  subway-b
  subway-d
  subway-f
  subway-m
  subway-g
  subway-j
  subway-z
  subway-l
  subway-n
  subway-q
  subway-r
  subway-w
  subway-s
  subway-1
  subway-2
  subway-3
  subway-4
  subway-5
  subway-6
  subway-7
  lirr-babylon
  lirr-city-terminal
  lirr-far-rockaway
  lirr-hempstead
  lirr-long-beach
  lirr-montauk
  lirr-oyster-bay
  lirr-port-jefferson
  lirr-port-washington
  lirr-ronkonkoma
  lirr-west-hempstead
  metro-north-harlem
  metro-north-hudson
  metro-north-new-haven
  metro-north-pascack-valley
  metro-north-port-jervis