Mexico City
Metro System
TL
TL
3
3
7
76 6
4
4
5
519 A
19
A
8
8B
B
2
2
12
12
Coyuya
El Rosario
Autobusesdel Norte
Indios Verdes
La Villa - Basílica
EduardoMolina
San AntonioAbad Pantitlán
Ciudad Azteca
Plaza Aragón
Olímpica
Ecatepec
Múzquiz
Río de los Remedios
Impulsora
Nezahualcóyotl
Villa de Aragón
Bosque de Aragón
Deportivo Oceanía
Oceanía
Terminal Aérea
Hangares
Agrícola Oriental
Canal de San Juan
Tepalcates
Guelatao
PeñonViejo
Acatitla SantaMarta
Los Reyes La Paz
PueblaCiudadDeportiva
VelódromoMixiuhca
Zaragoza
GómezFarías
Boulevard Puerto Aéreo
Balbuena
Moctezuma
RomeroRubioRicardo Flores
Magón
SanLázaro
Canal delNorte
Candelaria
Merced FrayServando
Jamaica
Tepito
Morelos
LagunillaGaribaldi
Allende
Zócalo
Isabel laCatólica
PinoSuárez
Chabacano
San Juande Letrán
Salto delAgua
Bellas Artes
Hidalgo
Guerrero
Aragón
Talismán
Consulado
→
La Viga
La Raza
Bondojito
MartínCarrera
Deportivo18 de Marzo
Potrero
Lindavista
Politécnico
Insituto delPetróleo
VallejoNorte 45FerreríaAzcapotzalcoTezozómoc
Aquiles Serdán
Camarones
Refinería
San Joaquín
Polanco
Auditorio
Constituyentes
San Pedrode los Pinos
San Antonio
Barrancadel Muerto
Buenavista
Tlatelolco
Misterios
Valle Gómez
Juárez
RevoluciónSanCosme
NormalColegioMilitar
PopotlaCuitláhuacPanteones
CuatroCaminos Tacuba
Observatorio
Tacubaya
Mixcoac
Juanacatlán
Chapultepec
Sevilla
Insurgentes
Cuauhtémoc
Balderas
Doctores
Obrera
NiñosHéroes
HospitalGeneral
CentroMédico
Etiopía
Eugenia
Divisióndel Norte
Zapata
Coyoacán
Viveros
Miguel Ángelde Quevedo
Copilco
Universidad
Patriotismo Chilpancingo Lázaro Cárdenas
Viaducto
Xola
Villa de Cortés
Nativitas
Portales
Ermita
GeneralAnaya
Tasqueña
Tasqueña
Insurgentes Sur Hospital20 de Noviembre
Parque delos Venados
Eje Central Mexicaltzingo
Atlalilco
Culhuacán
San AndrésTomatlán
LomasEstrella
Calle 11 PeriféricoOriente
Tezonco Olivos Nopalera Zapotitlán Tlaltenco Tláhuac
Santa Anita
Iztacalco
Apatlaco
Aculco
Escuadrón 201
Iztapalapa Cerro de la Estrella
UAM-I Constituciónde 1917
Las Torres
Ciudad Jardín
La Virgen
Xotepingo
Nezahualpilli
Registro Federal
Textitlán
El Vergel EstadioAzteca
Huipulco Xomali Periférico Tepepan La Noria Huichapan FranciscoGoitia
Xochimilco
The scale in this map is not 100% geographically accurate, especially for the Tren Ligero.
The logos reproduced herein are copyright of the STC.
This map put together by Richard ([email protected] / @richardmtl )
<svg> <title>Heart</title> <desc>A fluorescent teal heart.</desc> <path class="heart" d="M25.79,10.7a4.77,4.77,..." /> </svg>
.skull-icon { background-image: url(‘data:image/svg+xmldata:application/octet-stream;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5oZWFydCB7CgkJZmlsbDogI2I2ZmRmTQsNS42NSw3LjQ3LDguNDEsMi41NC0yLjc2LDUuMTItNS40OSw3LjUtOC40MSwxLjczLTIuMTEsMi45MS0zLjg1LDIuMzgtNi42M2gwWiIgLz4KPC9zdmc+Cg…’); background-repeat: no-repeat; background-position: 50% 50%; height: 1em; width: 1em; }
<svg style="display: none"> <symbol id="heart-icon"> <...> </symbol> <symbol id="skull-icon"> <...> </symbol>
</svg>
<a href=“http://twitter.com/sarahsemark”> <svg class=“twitter-icon”> … </svg> <span class=“screen-reader-text”>Twitter</span> </a>
add_theme_support( ‘jetpack-social-menu‘ );
function themeslug_social_menu() { if ( has_nav_menu( ‘jetpack-social-menu‘ ) ) : ?> <nav class=“jetpack-social-navigation” role=“navigation”> <?php wp_nav_menu( array ( ‘theme_location’ => ‘jetpack-social-menu’, ‘link_before’ => ‘’, ‘link_after’ => ‘’, ) ); ?> </nav> <?php endif; }
const SkullIcon = React.createClass( { render() { return( <svg className=“skull-icon”> … </svg> ) } } );
<svg role="img" aria-labelledby=“skull-title"> <title id="#skull-title">skull</title> <use xlink:href="#skull-icon"></use> </svg>
QUESTIONS?@sarahsemark
github.com/sarahmonster/easy-as-svg
triggersandsparks.com/talks/svg-icons