PageSourceSearch

https://www.mapametrobarcelona.com/en-index.php

html mapametrobarcelona.com collected 2026-09-24 12:56:53 UTC 40,396 bytes, 798 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>Metro map of Barcelona updated 2026</title>
7<meta name="description" content="Barcelona metro map updated in March 2026. There are several versions, normal, with lifts, a complete tourist map, etc" />
8<meta name="dc.title" content="Metro map of Barcelona updated 2026" />
9<meta name="robots" content="INDEX,FOLLOW" />
10<meta name="language" content="en">
11<meta http-equiv="content-language" content="en">
12<link rel="alternate" hreflang="ca" href="https://www.mapametrobarcelona.com/ca-index.php" />
13<link rel="alternate" hreflang="en" href="https://www.mapametrobarcelona.com/en-index.php" />
14<link rel="alternate" hreflang="de" href="https://www.mapametrobarcelona.com/de-index.php" />
15<link rel="alternate" hreflang="it" href="https://www.mapametrobarcelona.com/it-index.php" />
16<link rel="alternate" hreflang="fr" href="https://www.mapametrobarcelona.com/fr-index.php" />
17<link rel="alternate" hreflang="es" href="https://www.mapametrobarcelona.com/" />
18
19<!-- Apple Touch Icons -->
20<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
21<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
22<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
23<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
24<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
25<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
26<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
27<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
28<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
29<link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Default Apple Touch Icon -->
30
31<!-- Android Chrome Icons -->
32<link rel="icon" type="image/png" sizes="36x36" href="/android-chrome-36x36.png">
33<link rel="icon" type="image/png" sizes="48x48" href="/android-chrome-48x48.png">
34<link rel="icon" type="image/png" sizes="72x72" href="/android-chrome-72x72.png">
35<link rel="icon" type="image/png" sizes="96x96" href="/android-chrome-96x96.png">
36<link rel="icon" type="image/png" sizes="144x144" href="/android-chrome-144x144.png">
37<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
38<link rel="icon" type="image/png" sizes="256x256" href="/android-chrome-256x256.png">
39<link rel="icon" type="image/png" sizes="384x384" href="/android-chrome-384x384.png">
40<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
41
42<!-- Favicon -->
43<link rel="icon" type="image/x-icon" href="/favicon.ico">
44<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
45<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
46
47<!-- Manifest -->
48<link rel="manifest" href="/site.webmanifest">
49
50<!-- Safari Pinned Tab Icon -->
51<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
52
53<!-- Tile for Windows 8 and 10 -->
54<meta name="msapplication-TileColor" content="#ffffff">
55<meta name="msapplication-TileImage" content="/mstile-144x144.png">
56<meta name="msapplication-config" content="/browserconfig.xml">
57
58<!-- Theme Color for Chrome, Firefox OS and Opera -->
59<meta name="theme-color" content="#ffffff">
60
61
62<link rel="canonical" href="https://www.mapametrobarcelona.com/en-index.php">
63<meta name="rating" content="general" />
64<meta name="ICBM" content="41.38702, 2.17005" />
65<meta name="geo.position" content="41.38702, 2.17005" />
66<meta name="geo.region" content="ES-B">
67<meta name="geo.placename" content="Barcelona, Spain" />
68<meta name="dc.format" content="text/html" />
69<meta name="dc.language" content="en" />
70<meta name="dc.date.created" content="2008-09-05">
71<meta name="dc.date.modified" content="2026-03-11">
72<meta name="dc.date.x-metadatalastmodified" content="2026-03-11">
73
74<style type="text/css">body,td,th{color:#000;font-family:Tahoma,Geneva,sans-serif;font-size:100%}
75body{background-color:#FFF;margin:2px 0 0}
76
77
78a:link {
79    color: #531000;
80    text-decoration: none;
81}
82a:visited {
83    color: #531000;
84    text-decoration: none;
85}
86a:hover {
87    color: #0D2E6C;
88    text-decoration: underline;
89}
90a:active {
91    color: #971300;
92    text-decoration: none;
93}
94
95hr{color:#113b92;background-color:#113b92;height:1px;width:100%;border:0;margin:0;text-align:left}
96h1{color:#113b92;margin:3px 0 5px}
97h2{margin:3px 0 5px}
98img{max-width:100%}
99img.aeropuerto{background:url(pics/todoslospics.png) 0 0;width:30px;height:28px}
100img.billetes{background:url(pics/todoslospics.png) 0 -33px;width:32px;height:32px}
101img.bus{background:url(pics/todoslospics.png) 0 -70px;width:30px;height:29px}
102img.horarios{background:url(pics/todoslospics.png) 0 -104px;width:32px;height:32px}
103img.meteorologia{background:url(pics/todoslospics.png) 0 -141px;width:32px;height:32px}
104img.metro{background:url(pics/todoslospics.png) 0 -178px;width:32px;height:25px}
105img.precio{background:url(pics/todoslospics.png) 0 -208px;width:32px;height:32px}
106img.turismo{background:url(pics/todoslospics.png) 0 -245px;width:29px;height:29px}
107#button{padding:0;margin-bottom:1em}
108#button ul{margin-bottom:20px}
109#button li{display:inline;outline:thin solid #800}
110#button li a{font-family:Arial;font-size:1.2em;text-decoration:none;float:left;padding:10px;outline:thin solid #700}
111#button li a:hover{margin-top:-2px;padding-bottom:12px;outline:thin solid #000}
112
113
114/* Estilos generales */
115body {
116    margin: 0;
117    font-family: Arial, sans-serif;
118		font-size: 1.1em;
119}
120
121header {
122    background-color: #fff;
123    color: black;
124    padding: 10px;
125    display: flex;
126    justify-content: space-between;
127}
128
129/* Menú hamburguesa (visible e interactivo en móvil, solo visible en PC) */
130.menu-hamburguesa {
131    background: none;
132    border: none;
133    color: black;
134    font-size: 20px;
135    display: none; /* Oculto por defecto */
136}
137
138/* Contenido desplegable (oculto por defecto) */
139.dropdown-content {
140    display: none;
141    position: absolute;
142    background-color: #f9f9f9;
143    min-width: 160px;
144    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
145    z-index: 1;
146    border-radius: 10px;
147}
148
149/* Estilos para el contenido desplegable del menú de idiomas */
150.dropdown-content li {
151    margin-bottom: 0.5em; /* Aumentar la distancia entre elementos */
152}
153
154.dropdown-content li a {
155    font-size: 1.1em; /* Hacer el texto un poco más grande */
156    padding: 0.3em; /* Agregar algo de espacio alrededor del texto para una mejor táctilidad */
157    display: block; /* Asegurarse de que el enlace ocupa todo el espacio del elemento li */
158}
159
160/* Estilos para PC */
161.container {
162    display: flex;
163}
164
165
166main {
167    flex-grow: 1;
168    padding: 20px;
169		border: 1px solid #113b92;
170}
171
172
173
174footer {
175    background-color: #fff;
176    color: black;
177    padding: 12px;
178    text-align: center;
179}
180
181footer nav ul {
182    list-style: none;
183    padding: 0;
184    margin: 0;
185}
186
187footer nav ul li {
188    display: inline-block;
189    margin: 0 12px;
190}
191
192footer nav ul li a {
193    padding: 12px;
194    font-size: 1em;
195}
196
197footer nav ul li:last-child {
198    margin-right: 0;
199}
200
201
202
203/* Ajustes para móvil */
204@media screen and (max-width: 770px) {
205
206    body {
207        margin: 0;
208        padding: 0;
209        font-size: 1.3em; 
210    }
211
212
213    .container {
214        display: block;
215        margin: 0;
216        padding: 0;
217        width: 100%;
218    }
219
220    main {
221        margin: 0;
222        padding: 0 5px;
223        width: auto;
224    }
225
226    aside {
227        display: none;
228    }
229		
230		
231    /* menús hamburguesa */
232    .menu-hamburguesa {
233        display: block;
234    }
235
236
237		#navOpciones {
238				position: relative;
239		}
240
241    #navOpciones .menu-hamburguesa {
242        position: relative;
243    }
244
245    .opciones-menu {
246        max-width: 150px;
247        transform: scaleY(0);
248        transform-origin: top right;
249        transition: transform 0.5s ease;
250        display: block;
251        position: absolute;
252        right: 0;
253        top: 100%;
254        z-index: 1000;
255    }
256
257    .dropdown-content li {
258        margin-bottom: 0.8em;
259    }
260
261    .dropdown-content li a {
262        padding: 0.5em;
263    }
264		
265    .opciones-menu.open {
266        transform: scaleY(1);
267    }
268
269    .show {
270        display: block;
271    }
272		
273		
274    footer nav ul li {
275        display: block; 
276        margin: 14px 0;
277    }
278		
279}
280
281
282@media screen and (min-width: 771px) {
283
284
285    header {
286        width: 780px;
287        margin: 0 auto;
288    }
289		
290    .container {
291        width: 780px;
292        margin: 0 auto;
293        display: flex;
294    }
295
296    aside {
297        width: 150px;
298				border-top: 1px solid #113b92;
299				border-bottom: 1px solid #113b92;
300    }
301
302    main {
303        width: 630px;
304        padding: 20px;
305				border-top-right-radius: 10px;
306        border-bottom-right-radius: 10px;
307    }
308
309    #navIdiomas .menu-hamburguesa {
310        display: block;
311        pointer-events: auto;
312    }
313
314    #navOpciones .menu-hamburguesa {
315        display: none;
316    }
317}
318
319
320table {
321    width: 100%;
322    max-width: 100%;
323    overflow-x: auto;
324}
325
326/* Selecciona cualquier enlace dentro de una tabla cuyo ID comienza con 'linesTable' */
327[id^="linesTable"] a {
328    display: inline-block;
329    margin: 5px;
330}
331
332.stationTable td {
333    border-bottom: 1px solid #000;
334}
335
336.inverseButton {
337    color: white;
338    background-color: #3a5898;
339    padding: 6px 14px;
340    cursor: pointer;
341    font-size: 0.9em;
342    border-radius: 8px;
343    border: none;
344    box-shadow: 4px 4px 0 rgba(0, 0, 0, 1);
345    transition: transform 0.2s, box-shadow 0.2s;
346    outline: none;
347}
348
349.inverseButton:hover, .inverseButton:focus {
350    background-color: #255f88;
351    box-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
352    transform: translateY(-2px) translateX(-2px);
353}
354
355
356</style>
357		
358<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6136738418739442"
359     crossorigin="anonymous"></script>
359
360<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 360-361
360
361<script async src="https://www.googletagmanager.com/gtag/js?id=
361UA-3453954-15
vendor: 13 bytes, line 361
361"></script>
362<script>
363  
vendor: 138 bytes, lines 363-367
363window.dataLayer = window.dataLayer || [];
364  function gtag(){dataLayer.push(arguments);}
365  gtag('js', new Date());
366
367  gtag('config', '
367UA-3453954-15
vendor: 5 bytes, line 367
367');
368</script>
368
369
370
371
372
373</head>
374<body>
375<header>
376<nav id="navIdiomas">
377	<button class="menu-hamburguesa" aria-label="Idioma">
378    <img src="pics2/en.png" width="20" height="14" alt="english">	</button>
379	<ul class="dropdown-content">			
380	        <li><a href="https://www.mapametrobarcelona.com/ca-index.php"><img src="pics2/icon_cat.png" width="20" height="14" alt="catalan"> CA</a></li>
381            <li><a href="https://www.mapametrobarcelona.com/de-index.php"><img src="pics2/de.png" width="20" height="14" alt="german"> DE</a></li>
382			<li><a href="https://www.mapametrobarcelona.com/en-index.php"><img src="pics2/en.png" width="20" height="14" alt="english"> EN</a></li>
383			<li><a href="https://www.mapametrobarcelona.com/"><img src="pics2/es.png" width="20" height="14" alt="spanish"> ES</a></li>
384			<li><a href="https://www.mapametrobarcelona.com/fr-index.php"><img src="pics2/fr.png" width="20" height="14" alt="french"> FR</a></li>
385			<li><a href="https://www.mapametrobarcelona.com/it-index.php"><img src="pics2/it.png" width="20" height="14" alt="italian"> IT</a></li>
386	</ul>
387</nav>
388
389<nav id="navOpciones">
390		<button class="menu-hamburguesa">+Options</button>
391		<div class="dropdown-content opciones-menu">
392			
393<br />
394<a href="/en-index.php" title="Maps">
395<img src="pics/img_trans.gif" alt="Metro map Barcelona" width="32" height="25" hspace="4" border="0" class="metro"/><br />
396 Metro&nbsp;map</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" /><br />
397<a href="/en-horario-metro-barcelona.php" title="Timetable"><img src="pics/img_trans.gif" alt="Metro Timetable Barcelona" width="32" height="32" hspace="4" border="0" class="horarios" /><br />
398Timetable</a>
399<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
400<a href="/en-precio-metro-barcelona.php" title="Price"><img src="pics/img_trans.gif" alt="Barcelona Ticket Price" width="32" height="32" hspace="4" border="0" class="billetes" /><br />
401Ticket&nbsp;prices</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><br />
402
403<font face="Arial" style="font-size: 0.9em;">
404<a href="/en-metro-linea-1.php" title="Line 1"><span style="background-color: #e23d42; padding: 1px; border-radius: 4px;"><font color="#FFFFFF">&nbsp;L1 </font></span>&nbsp;Line 1</a><br />
405<a href="/en-metro-linea-2.php" title="Line 2"><span style="background-color: #a04d9e; padding: 1px; border-radius: 4px;">&nbsp;<font color="#FFFFFF">L2 </font></span>&nbsp;Line&nbsp;2</a><br />
406<a href="/en-metro-linea-3.php" title="Line 3"><span style="background-color: #58bb5a; padding: 1px; border-radius: 4px;">&nbsp;<font color="#FFFFFF">L3 </font></span>&nbsp;Line&nbsp;3</a><br />
407<a href="/en-metro-linea-4.php" title="Line 4"><font color="#000000"><span style="background-color: #f3b511; padding: 1px; border-radius: 4px;">&nbsp;L4 </span></font>&nbsp;Line&nbsp;4</a><br />
408<a href="/en-metro-linea-5.php" title="Line 5"><font color="#FFFFFF"><span style="background-color: #377fca; padding: 1px; border-radius: 4px;">&nbsp;L5 </span>&nbsp;</font>Líne&nbsp;5</a><br />
409
410<a href="/en-metro-linea-6.php" title="Line 6"><font color="#FFFFFF"><span style="background-color: #8977ba; padding: 1px; border-radius: 4px;">&nbsp;L6 </span>&nbsp;</font>Líne&nbsp;6</a><br />
411<a href="/en-metro-linea-7.php" title="Line 7"><font color="#FFFFFF"><span style="background-color: #9b4f19; padding: 1px; border-radius: 4px;">&nbsp;L7 </span>&nbsp;</font>Líne&nbsp;7</a><br />
412<a href="/en-metro-linea-8.php" title="Line 8"><font color="#FFFFFF"><span style="background-color: #e659b4; padding: 1px; border-radius: 4px;">&nbsp;L8 </span>&nbsp;</font>Líne&nbsp;8</a><br />
413<a href="/en-metro-linea-9.php" title="Line 9 nord"><font color="#FFFFFF"><span style="background-color: #f6882f; padding: 1px; border-radius: 4px;">&nbsp;L9N </span></font>&nbsp;Líne&nbsp;9N</a><br />
414<a href="/en-metro-linea-9-sud.php" title="Line 9 sud"><font color="#FFFFFF"><span style="background-color: #f6882f; padding: 1px; border-radius: 4px;">&nbsp;L9S </span></font>&nbsp;Líne&nbsp;9S</a><br />
415
416<a href="/en-metro-linea-10.php" title="Line 10 nord"><font color="#FFFFFF"><span style="background-color: #0bb1f0; padding: 1px; border-radius: 4px;">&nbsp;L10N </span></font>&nbsp;Line&nbsp;10N</a><br />
417<a href="/en-metro-linea-10-sud.php" title="Line 10 sud"><font color="#FFFFFF"><span style="background-color: #0bb1f0; padding: 1px; border-radius: 4px;">&nbsp;L10S </span></font>&nbsp;Line&nbsp;10S</a><br />
418
419<a href="/en-metro-linea-11.php" title="Line 11"><span style="background-color: #a4cb62; padding: 1px; border-radius: 4px;"><font color="#FFFFFF">&nbsp;L11 </font></span>&nbsp;Line&nbsp;11</a><br>
420<a href="/mapas-metro/linea-12-metro-barcelona-lila-claro-2026.png" title="Line 12"><span style="background-color: #bab7d7; padding: 1px; border-radius: 4px;"><font color="#000000">&nbsp;L12 </font></span>&nbsp;Line&nbsp;12</a><br>
421<br />
422<a href="/en-metro-barcelona-lines-by-line.php">All lines</a><br />
423</font><br />
424
425<p style="color:#1f28e0; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; margin-bottom:0px"><strong>More about Barcelona</strong></p>
426
427<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
428<a href="/en-mapa-turistico-barcelona.php" title="Tourist map"><img src="pics/img_trans.gif" alt="Barcelona Turistic Map" width="29" height="29" hspace="4" border="0" class="turismo" /><br />
429Tourist&nbsp;map</a>
430
431<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
432<a href="https://www.tiqets.com/en/barcelona-attractions-c66342/?partner=mapametrobarcelona" title="Buy tickets off"><img src="pics/img_trans.gif" alt="Buy cheap tickets" width="30" height="29" hspace="4" border="0" class="billetes" /><br />
433Buy&nbsp;tourist tickets&nbsp;20%&nbsp;off</a>
434<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
435<a href="/en-mapa-aeropuerto-barcelona.php" title="Airport maps"><img src="pics/img_trans.gif" alt="Barcelona Airport Map" width="30" height="28" hspace="4" border="0" class="aeropuerto" /><br />
436Airport&nbsp;maps</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
437<a href="/en-tiempo-meteorologico-barcelona.php" title="Weather"><img src="pics/img_trans.gif" alt="Barcelona Weather" width="32" height="32" hspace="4" border="0" class="meteorologia" /><br />
438Weather</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><br /><br />
439
440
441
442
443		</div>
444</nav>
445
446</header>
447
448<div class="container">
449	<aside>
450		<nav>
451			
452<br />
453<a href="/en-index.php" title="Maps">
454<img src="pics/img_trans.gif" alt="Metro map Barcelona" width="32" height="25" hspace="4" border="0" class="metro"/><br />
455 Metro&nbsp;map</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" /><br />
456<a href="/en-horario-metro-barcelona.php" title="Timetable"><img src="pics/img_trans.gif" alt="Metro Timetable Barcelona" width="32" height="32" hspace="4" border="0" class="horarios" /><br />
457Timetable</a>
458<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
459<a href="/en-precio-metro-barcelona.php" title="Price"><img src="pics/img_trans.gif" alt="Barcelona Ticket Price" width="32" height="32" hspace="4" border="0" class="billetes" /><br />
460Ticket&nbsp;prices</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><br />
461
462<font face="Arial" style="font-size: 0.9em;">
463<a href="/en-metro-linea-1.php" title="Line 1"><span style="background-color: #e23d42; padding: 1px; border-radius: 4px;"><font color="#FFFFFF">&nbsp;L1 </font></span>&nbsp;Line 1</a><br />
464<a href="/en-metro-linea-2.php" title="Line 2"><span style="background-color: #a04d9e; padding: 1px; border-radius: 4px;">&nbsp;<font color="#FFFFFF">L2 </font></span>&nbsp;Line&nbsp;2</a><br />
465<a href="/en-metro-linea-3.php" title="Line 3"><span style="background-color: #58bb5a; padding: 1px; border-radius: 4px;">&nbsp;<font color="#FFFFFF">L3 </font></span>&nbsp;Line&nbsp;3</a><br />
466<a href="/en-metro-linea-4.php" title="Line 4"><font color="#000000"><span style="background-color: #f3b511; padding: 1px; border-radius: 4px;">&nbsp;L4 </span></font>&nbsp;Line&nbsp;4</a><br />
467<a href="/en-metro-linea-5.php" title="Line 5"><font color="#FFFFFF"><span style="background-color: #377fca; padding: 1px; border-radius: 4px;">&nbsp;L5 </span>&nbsp;</font>Líne&nbsp;5</a><br />
468
469<a href="/en-metro-linea-6.php" title="Line 6"><font color="#FFFFFF"><span style="background-color: #8977ba; padding: 1px; border-radius: 4px;">&nbsp;L6 </span>&nbsp;</font>Líne&nbsp;6</a><br />
470<a href="/en-metro-linea-7.php" title="Line 7"><font color="#FFFFFF"><span style="background-color: #9b4f19; padding: 1px; border-radius: 4px;">&nbsp;L7 </span>&nbsp;</font>Líne&nbsp;7</a><br />
471<a href="/en-metro-linea-8.php" title="Line 8"><font color="#FFFFFF"><span style="background-color: #e659b4; padding: 1px; border-radius: 4px;">&nbsp;L8 </span>&nbsp;</font>Líne&nbsp;8</a><br />
472<a href="/en-metro-linea-9.php" title="Line 9 nord"><font color="#FFFFFF"><span style="background-color: #f6882f; padding: 1px; border-radius: 4px;">&nbsp;L9N </span></font>&nbsp;Líne&nbsp;9N</a><br />
473<a href="/en-metro-linea-9-sud.php" title="Line 9 sud"><font color="#FFFFFF"><span style="background-color: #f6882f; padding: 1px; border-radius: 4px;">&nbsp;L9S </span></font>&nbsp;Líne&nbsp;9S</a><br />
474
475<a href="/en-metro-linea-10.php" title="Line 10 nord"><font color="#FFFFFF"><span style="background-color: #0bb1f0; padding: 1px; border-radius: 4px;">&nbsp;L10N </span></font>&nbsp;Line&nbsp;10N</a><br />
476<a href="/en-metro-linea-10-sud.php" title="Line 10 sud"><font color="#FFFFFF"><span style="background-color: #0bb1f0; padding: 1px; border-radius: 4px;">&nbsp;L10S </span></font>&nbsp;Line&nbsp;10S</a><br />
477
478<a href="/en-metro-linea-11.php" title="Line 11"><span style="background-color: #a4cb62; padding: 1px; border-radius: 4px;"><font color="#FFFFFF">&nbsp;L11 </font></span>&nbsp;Line&nbsp;11</a><br>
479<a href="/mapas-metro/linea-12-metro-barcelona-lila-claro-2026.png" title="Line 12"><span style="background-color: #bab7d7; padding: 1px; border-radius: 4px;"><font color="#000000">&nbsp;L12 </font></span>&nbsp;Line&nbsp;12</a><br>
480<br />
481<a href="/en-metro-barcelona-lines-by-line.php">All lines</a><br />
482</font><br />
483
484<p style="color:#1f28e0; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; margin-bottom:0px"><strong>More about Barcelona</strong></p>
485
486<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
487<a href="/en-mapa-turistico-barcelona.php" title="Tourist map"><img src="pics/img_trans.gif" alt="Barcelona Turistic Map" width="29" height="29" hspace="4" border="0" class="turismo" /><br />
488Tourist&nbsp;map</a>
489
490<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
491<a href="https://www.tiqets.com/en/barcelona-attractions-c66342/?partner=mapametrobarcelona" title="Buy tickets off"><img src="pics/img_trans.gif" alt="Buy cheap tickets" width="30" height="29" hspace="4" border="0" class="billetes" /><br />
492Buy&nbsp;tourist tickets&nbsp;20%&nbsp;off</a>
493<hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
494<a href="/en-mapa-aeropuerto-barcelona.php" title="Airport maps"><img src="pics/img_trans.gif" alt="Barcelona Airport Map" width="30" height="28" hspace="4" border="0" class="aeropuerto" /><br />
495Airport&nbsp;maps</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><img src="pics/img_trans.gif" width="32" height="5" alt="-" /><br />
496<a href="/en-tiempo-meteorologico-barcelona.php" title="Weather"><img src="pics/img_trans.gif" alt="Barcelona Weather" width="32" height="32" hspace="4" border="0" class="meteorologia" /><br />
497Weather</a><hr size="1" align="left" width="80%" style="color:#1f28e0" /><br /><br />
498
499
500
501
502		</nav>	
503	</aside>
504	
505	<main>
506
507
508
509
510<h1>Barcelona Metro Map 2026</h1>
511<strong>Updated: March 2026</strong>
512<p align="center">
512<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6136738418739442"
513     crossorigin="anonymous"></script>
513
514<!-- mapametrobarcelona 600x90 PC -->
515<ins class="adsbygoogle"
516     style="display:inline-block;width:600px;height:90px"
517     data-ad-client="ca-pub-6136738418739442"
518     data-ad-slot="4127482073"></ins>
519<script>
520     (adsbygoogle = window.adsbygoogle || []).push({});
521</script>
521</p>
522 
523<p>We have six maps of the Barcelona metro, so you can choose the plan that best suits your needs.</p>
524
525
526<table width="100%" border="0" cellpadding="4" cellspacing="0" style="border:1px solid #1f28e0">
527    <tr>
528        <td width="50%" valign="top" bgcolor="#F0F7FF" style="border-right:1px solid #1f28e0">
529
530<p align="center">	 
531
532<strong><span itemprop="name">BARCELONA METRO MAP</span><br />
5332026</strong>
534<br />
535<strong>→ <a href="/mapas-metro/mapa-metro-barcelona-2026.png" title="Barcelona metro map">Click to enlarge</a></strong> ← <br /> <br />
536<a href="/mapas-metro/mapa-metro-barcelona-2026.png"><img src="/mapas-metro/mapa-metro-barcelona-2026-mini.png" loading="lazy" alt="Barcelona metro map March 2026" width="230" height="155" border="0" style="border:1px solid black; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);" /></a><br />
537<br />
538This is the "normal" metro map, with metro schedules and ticket prices included. Version in <a href="/mapas-metro/mapa-metro-barcelona-2026.pdf" title="Barcelona metro map March 2026 in PDF">standard PDF for printer</a> (3MB) and in <a href="/mapas-metro/mapa-metro-barcelona-2026-big.pdf">high (and insane) resolution PDF</a> (8MB).
539</p></td>
540	  
541        <td width="50%" valign="top" bgcolor="#F0F7FF"><p align="center"><strong>ACCESSIBLE METRO MAP<br />
542          MAP 2026<br /></strong>    
543
544          <strong>→ <a href="/mapas-metro/mapa-metro-barcelona-accesibilidad-2026.png" title="Barcelona metro elevator map March 2026">Click to enlarge</a></strong> ← <br />
545      <br />
546      <a href="/mapas-metro/mapa-metro-barcelona-accesibilidad-2026.png"><img src="/mapas-metro/mapa-metro-barcelona-accesibilidad-2026-th.png" loading="lazy" alt="wheelchair accessible Barcelona metro map 2026 with elevators" width="230" height="155" border="0" style="border:1px solid black; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);" /></a>
547     <br /> 
548     <br />
549     This second version of the Barcelona metro map is just like the "normal" one, but it also <strong> includes metro stops that are adapted</strong> for people with disabilities, baby strollers, tourists with luggage, etc.
550     
551     Version in <a href="/mapas-metro/mapa-metro-barcelona-accesibilidad-2026.pdf" title="accessible barcelona metro map in PDF">standard PDF for printing</a> (3MB) and <a href="/mapas-metro/mapa-metro-barcelona-accesibilidad-2026-big.pdf" title="accessible barcelona metro map in PDF">high-resolution PDF</a> (9MB).</p></td>
552      </tr>
553
554<tr>
555        <td width="100%" colspan="2" valign="top" bgcolor="#FFF" style="border-right:1px solid #3a5898;border-top:1px solid #3a5898" >
556        <p align="center">
557</p><br>
558</td></tr>
559    
560
561	
562
563<tr>
564    <td colspan="2" align="left" valign="top" bgcolor="#F0F7FF" style="border-right:1px solid #1f28e0;border-top:1px solid #1f28e0"><p align="center"><strong>BARCELONA METRO MAP (simple to save ink)<br />
565    </strong></p>
566    <p align="center"><a href="/mapas-metro/simple-mapa-metro-barcelona-2026.png"><img src="/mapas-metro/simple-mapa-metro-barcelona-2026-th.png" loading="lazy" alt="Barcelona Metro Map March 2026 to print" width="272" height="138" border="0" style="border:1px solid black; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);" /></a></p>
567    <p><a href="/mapas-metro/simple-mapa-metro-barcelona-2026.pdf">Simple Barcelona metro map in 
568        PDF</a> (1.9 MB).</p>
569    
570This third map is an optimized version for printing with minimal ink usage. Unlike similar maps on other websites that include future metro lines to be built in 20 years, we have the metro plan with the <strong>actual (not future)</strong> stops, updated as of today.<br>&nbsp;
571
572    <div align="center">Map <a href="https://en.wikipedia.org/wiki/Barcelona_Metro#/media/File:Barcelona_Metro_Map.svg">created</a> by Vinals (creative commons license), edited by <a href="/en-index.php">mapametrobarcelona.com</a></div>
573                
574   
575        
576</td></tr>
577	
578	
579<tr><td>	
580    <p align="center">
581        
581<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6136738418739442"
582     crossorigin="anonymous"></script>
582
583<!-- mapametrobarcelona adaptable PC -->
584<ins class="adsbygoogle"
585     style="display:block"
586     data-ad-client="ca-pub-6136738418739442"
587     data-ad-slot="7641096261"
588     data-ad-format="auto"
589     data-full-width-responsive="true"></ins>
590<script>
591     (adsbygoogle = window.adsbygoogle || []).push({});
592</script>
592    </p>
593<br />
594<br />
595
596</td></tr>
597
598
599<tr>
600        <td width="100%" colspan="2" valign="top" bgcolor="#FFF" style="border-right:1px solid #3a5898;border-top:1px solid #3a5898" >
601        <p align="center">
601<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6136738418739442"
602     crossorigin="anonymous"></script>
602
603<!-- mapametrobarcelona 600x90 PC -->
604<ins class="adsbygoogle"
605     style="display:inline-block;width:600px;height:90px"
606     data-ad-client="ca-pub-6136738418739442"
607     data-ad-slot="4127482073"></ins>
608<script>
609     (adsbygoogle = window.adsbygoogle || []).push({});
610</script>
610</p>
611</td></tr>
612
613
614
615<tr>
616    <td colspan="2" align="center" valign="top" bgcolor="#E9F3FC" style="border-right:1px solid #1f28e0;border-top:1px solid #1f28e0"><p><strong>BARCELONA TOURIST MAP<br />
6172026 </strong></p>
618
619        <p>We also have a <strong>fourth map</strong>: the <a href="/en-mapa-turistico-barcelona.php"><strong>tourist map</strong> of Barcelona</a>, where we have selected the 49 most famous sites of our city.</p>
620        <p><a href="/en-mapa-turistico-barcelona.php"><img src="/mapas-metro/mapa-turistico-barcelona-2026-th.png" loading="lazy" alt="Barcelona Metro Map 2026 tourist" width="230" height="155" border="0" style="border:1px solid black; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);" /></a></p>
621                <p>&nbsp;</p>
622<p align="left"><strong>RECOMMENDATION for tourists:</strong> As in all tourist cities, here they sell "packs" that may interest you, helping you save money or make life easier. Remember that attractions like "la Sagrada Familia" only sell tickets online to avoid overcrowding, and at places such as Casa Batlló or the Aquarium the queues to buy tickets are very long.</p>
623
624<p align="left">- <a href="https://www.tiqets.com/en/barcelona-attractions-c66342/the-barcelona-pass-p1012495/?partner=mapametrobarcelona" target="_blank">Barcelona Tourist Pass</a>
624: The price varies depending on the option, and it includes entry to Park Güell, la Sagrada Familia, the Tourist Bus and more. On busy days the queues for tickets can be extremely long in the heat or cold, but with this pass you skip the lines and everything is easier.</p>
625
626<p align="left">- <a href="https://www.tiqets.com/en/city-passes-barcelona-l199949/?partner=mapametrobarcelona">All kinds of "packs"</a>: If the Barcelona Tourist Pass does not suit you, you can find other ticket bundles that might better fit your plans; family, cultural, monumental, Barça-themed, bachelor-party packages, etc.</p>
627
628<p align="left">- And even if you don't want to buy anything, we recommend visiting <a href="https://www.tiqets.com/en/barcelona-attractions-c66342/?partner=mapametrobarcelona" title="Buy tickets">Tiqets to get ideas!</a> because it is the website with the most tickets for everything in Barcelona. Even if you live here, you'll discover monuments and attractions you hadn't thought of, both day and night. They also sell the usual tickets for the Tourist Bus, the Zoo, the Cable Car, etc. Plus you can save up to 20% on some tickets because almost everything they sell is cheaper than buying the tickets on-site.</p>
629		
630
631<div data-tiqets-widget="discovery" data-cards-layout="responsive"
632data-content-type="product" data-partner="mapametrobarcelona"
633data-content-ids="1012496,1012495,977440"></div>
634</td>
635</tr>
636<tr>
637        <td width="100%" colspan="2" valign="top" bgcolor="#FFF" style="border-right:1px solid #3a5898;border-top:1px solid #3a5898" >
638        <p align="center">
638<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6136738418739442"
639     crossorigin="anonymous"></script>
639
640<!-- mapametrobarcelona 600x90 PC -->
641<ins class="adsbygoogle"
642     style="display:inline-block;width:600px;height:90px"
643     data-ad-client="ca-pub-6136738418739442"
644     data-ad-slot="4127482073"></ins>
645<script>
646     (adsbygoogle = window.adsbygoogle || []).push({});
647</script>
647</p>
648</td>
649</tr>
650<tr>
651
652
653
654<tr>
655<td colspan="2" align="center" valign="top" bgcolor="#E9F3FC" style="border-right:1px solid #1f28e0;border-top:1px solid #1f28e0"><p ><strong>BARCELONA METRO MAP BY LINES<br />
656March 2026 </strong></p>
657	<p >The "fifth map" consists of several plans of the Barcelona metro lines <strong>individually</strong>:</p>
658<p>
659    <a href="/en-metro-linea-1.php">Line&nbsp;1</a> |
660    <a href="/en-metro-linea-2.php">Line&nbsp;2</a> |
661    <a href="/en-metro-linea-3.php">Line&nbsp;3</a> |
662    <a href="/en-metro-linea-4.php">Line&nbsp;4</a> |
663    <a href="/en-metro-linea-5.php">Line&nbsp;5</a> |
664    <a href="/en-metro-linea-6.php">Line&nbsp;6</a> |
665    <a href="/en-metro-linea-7.php">Line&nbsp;7</a> |
666    <a href="/en-metro-linea-8.php">Line&nbsp;8</a> |
667    <a href="/en-metro-linea-9.php">Line&nbsp;9N</a> |
668    <a href="/en-metro-linea-9-sud.php">Line&nbsp;9S</a> |
669    <a href="/en-metro-linea-10.php">Line&nbsp;10N</a> |
670    <a href="/en-metro-linea-10-sud.php">Line&nbsp;10S</a> |
671    <a href="/en-metro-linea-11.php">Line&nbsp;11</a> |
672    <a href="/mapas-metro/linea-12-metro-barcelona-lila-claro-2026.png">Line&nbsp;12</a>
673</p>
674
675	<p style="font-size:1.2em;" align="center">Or if you prefer, you can see <a href="/en-metro-barcelona-lines-by-line.php">all the <strong>lines together</strong>, on a single page</a></p>
676	<p><a href="/en-metro-barcelona-lines-by-line.php"><img src="/mapas-metro/lineas-metro-barcelona.png" alt="Barcelona Metro Map 2026 by lines" width="230" height="441" border="0" loading="lazy" style="border:1px solid black; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);" /></a><br>
677&nbsp;</p></td>
678</tr>
679
680<tr>
681		<td width="100%" colspan="2" valign="top" bgcolor="#FFF" style="border-right:1px solid #3a5898;border-top:1px solid #3a5898" >
682		<p align="center">
682<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6136738418739442"
683     crossorigin="anonymous"></script>
683
684<!-- mapametrobarcelona 600x90 PC -->
685<ins class="adsbygoogle"
686     style="display:inline-block;width:600px;height:90px"
687     data-ad-client="ca-pub-6136738418739442"
688     data-ad-slot="4127482073"></ins>
689<script>
690     (adsbygoogle = window.adsbygoogle || []).push({});
691</script>
691</p>
692</td></tr>
693
694
695
696
697<tr>
698	<td colspan="2" align="left" valign="top" bgcolor="#F0F7FF" style="border-right:1px solid #1f28e0;border-top:1px solid #1f28e0"><p align="center"><strong>MAP OF THE BARCELONA METRO AND RAILWAYS<br />
699	</strong></p>
700		<p align="center"><a href="/mapas-metro/red-ferroviaria-barcelona-metro-tren-2026.png"><img src="/mapas-metro/red-ferroviaria-barcelona-metro-tren-2026-th.png" loading="lazy" alt="Barcelona train map 2026 to print" width="272" height="228" border="0" style="border:1px solid black; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);" /></a></p>
701		<p><a href="https://www.atm.cat/atencio-informacio/informacio/informacio-servei-transport-public/planol-xarxa">Barcelona metro and railway map in 
702			PDF</a> (1.9 MB).</p>
703For those interested in visiting cities near Barcelona, this sixth map covers both the metro and tramway of Barcelona city as well as the various railway lines available to leave the city. It includes information about the trains (RENFE/ADIF), as well as the Catalan Government Railways (FGC).<br>
704&nbsp;
705
706		<div align="center">Map <a href="https://www.atm.cat/en/atencio-informacio/informacio/informacio-servei-transport-public/planol-xarxa">created by ATM</a>, edited by <a href="/en-index.php">mapametrobarcelona.com</a></div>
707
708				
709		
710		
711    <p style="line-height:1.8em;" align="center">
712            </p>
713		<br />
714		<br /></td>
715	</tr>
716</table>
717<p><br />
718  <br />
719  You can save any of our maps to your hard drive, print them, or do whatever you want, but please, <strong>do not copy them on other websites</strong>, nor make direct links to the images, because we update them with new information constantly. 
720  </p>
721<p><strong>If you are a tourist:</strong> You might be interested in the combined card "The Barcelona Pass", which is good for the main attractions of Barcelona, including La Sagrada Familia, Park Güell, the tourist bus, and a 10% discount for other attractions. <a href="https://www.tiqets.com/es/barcelona-attractions-c66342/the-barcelona-pass-p1012495/?partner=mapametrobarcelona" target="_blank">If you are interested, here is more information</a>.</p>
722<br />
723  <br />
724
725<h2>Barcelona Zones</h2>  
726<p >In summary: Everything you see on our maps is Zone 1, except for the "El Prat" airport in Barcelona which has a more expensive ticket (costs 5.90 Euros), but <strong>there's a secret that tourists don't know</strong>, if you go to the airport with the <strong>line 46 bus</strong> it's real zone 1!!! and the ticket costs you super cheap (2.90€). They tell me in the comments that it also works if you go to the airport by train.</p>
727<p >If you wish to travel outside the city of Bcn (for example to Manresa, Terrassa, etc) then you will enter zones 2, 3, 4, 5, 6 or 7 depending on how far that town is from Barcelona capital. <br>
728  <br>
729  The <a href="/en-precio-metro-barcelona.php">ticket prices for transportation</a> cost more money depending on the number of zones you cross (for example, if you go from zone 2 to 4, you have to get a ticket for 3 zones, because you pass through zone 2, 3, and 4).</p>
730<p >Below you can see the different zones, click <strong>on the image to see it larger</strong>:</p>
731    <p><a href="/mapas-metro/mapa-zonas-transporte-barcelona.jpg">
732<img src="/mapas-metro/mapa-zonas-transporte-barcelona-mini.jpg" alt="Map of Barcelona transport zones" width="230" height="127" border="0" align="left" loading="lazy" />
733</a> If you wish, we have the same in <a href="/mapas-metro/mapa-de-zonas-transporte-barcelona.pdf">PDF</a> version (178 KB).</p>
734<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;
735
736    <p>&nbsp;</p>
737
738
739
740
741		
742<ul>
743
744      <li><strong>ARABIAN:</strong> <span id="result_box4" lang="ar" xml:lang="ar" hreflang="ar">2026 خريطة مترو برشلونة</span></li>
745      <li><strong>CHINESE:</strong> <span id="result_box" lang="zh-CN" xml:lang="zh-CN" hreflang="zh-CN">巴塞罗那地铁地图 2026</span> - <span id="result_box6" lang="zh-TW" xml:lang="zh-TW" hreflang="zh-TW">巴塞羅那地鐵地圖 2026</span></li>
746      <li><strong>JAPANESE:</strong> <span id="result_box7" lang="ja" xml:lang="ja" hreflang="ja">バルセロナの地下鉄路線図 2026</span></li>
747      <li><strong>KOREAN:</strong> <span id="result_box8" lang="ko" xml:lang="ko" hreflang="ko">바르셀로나지하철 노선도 2026</span><br />
748      </li>
749    </ul>
750
751<br>
752
753<a href="/en-horario-metro-barcelona.php">Metro&nbsp;Timetable</a> | <a href="/en-precio-metro-barcelona.php">Metro&nbsp;Fares</a> | <a href="/en-mapa-aeropuerto-barcelona.php">Airport&nbsp;Map</a> | <a href="/en-mapa-turistico-barcelona.php">Tourist&nbsp;Map</a> | <a href="/en-tiempo-meteorologico-barcelona.php">Weather&nbsp;Forecast</a>
754	</main>
755</div>
756	
757
758<footer>
759		<nav class="footer-nav">
760				<ul>
761						<li><a href="/enviar_mensaje/index.php">Contact</a></li>
762						<li><a href="/privacy.php">Privacy</a></li>
763						<li>&copy; Mapa Metro Barcelona, 2008-2026</li>
764				</ul>
765		</nav>
766</footer>
767
768
769<script type="text/javascript">document.querySelectorAll('.menu-hamburguesa').forEach(button => {
770    button.addEventListener('click', function(event) {
771        event.preventDefault();
772        let dropdownContent = this.nextElementSibling;
773
774        if (dropdownContent.classList.contains('opciones-menu')) {
775            dropdownContent.classList.toggle('open');
776        } else {
777            dropdownContent.style.display = dropdownContent.style.display === "block" ? "none" : "block";
778        }
779    });
780});
781
782// Añadimos el evento de clic al documento para cerrar los menús si se hace clic fuera de ellos
783document.addEventListener('click', function(event) {
784    document.querySelectorAll('.dropdown-content').forEach(dropdown => {
785        let button = dropdown.previousElementSibling;
786        if (!dropdown.contains(event.target) && !button.contains(event.target)) {
787            if (dropdown.classList.contains('opciones-menu')) {
788                dropdown.classList.remove('open');
789            } else {
790                dropdown.style.display = "none";
791            }
792        }
793    });
794}, true);
795</script>
795
796</body>
797</html>
798

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.