Subway Icons

Easily add subway icons to your page. There are two required classes and one optional class to display the icon:

  • .subway-icon
    Basic subway icon styles (required)
  • .mta-(color)
    Set the color of the icon (required)
  • .mta-red
    1 2 3
  • .mta-green
    4 5 6
  • .mta-blue
    A C E
  • .mta-orange
    B D F M
  • .mta-purple
    7
  • .mta-green-2
    G
  • .mta-yellow
    N Q R
  • .mta-gray
    L
  • .mta-brown
    J Z
  • .express
    Change to express (optional)
    7 
                                
                                    <p>Take the <span class="subway-icon mta-yellow">Q</span> train to the Prospect Park station</p>

The Sass for subway icons is included via a partial in scss/_h-nyc-subway-icons.scss.