Gentleface › Transportation › train-tunnel

train-tunnel icon

Train tunnel: subway, underground, tube. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.788 2.246C12.238 2.424 12.633 2.683 12.975 3.025C13.317 3.367 13.576 3.762 13.754 4.212C13.918 4.625 14 5.055 14 5.5L14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 5.5C13 5.182 12.941 4.875 12.824 4.58C12.697 4.259 12.512 3.976 12.268 3.732C12.024 3.488 11.741 3.303 11.42 3.176C11.125 3.059 10.818 3 10.5 3L4.5 3C4.182 3 3.875 3.059 3.58 3.176C3.259 3.303 2.976 3.488 2.732 3.732C2.488 3.976 2.303 4.259 2.176 4.58C2.059 4.875 2 5.182 2 5.5L2 14.5C2 14.641 1.952 14.759 1.856 14.856C1.759 14.952 1.641 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 5.5C1 5.055 1.082 4.625 1.246 4.212C1.424 3.762 1.683 3.367 2.025 3.025C2.367 2.683 2.762 2.424 3.212 2.246C3.625 2.082 4.055 2 4.5 2L10.5 2C10.945 2 11.375 2.082 11.788 2.246ZM10 13L9.707 13L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L8.293 13L6.707 13L4.854 14.854C4.756 14.951 4.638 15 4.5 15C4.362 15 4.244 14.951 4.146 14.854C4.047 14.754 3.997 14.636 3.997 14.5C3.997 14.364 4.047 14.246 4.146 14.146L5.293 13L5 13C4.724 13 4.488 12.902 4.293 12.707C4.098 12.512 4 12.276 4 12L4 6C4 5.724 4.098 5.488 4.293 5.293C4.488 5.098 4.724 5 5 5L10 5C10.276 5 10.512 5.098 10.707 5.293C10.902 5.488 11 5.724 11 6L11 12C11 12.276 10.902 12.512 10.707 12.707C10.512 12.902 10.276 13 10 13ZM10 8L10 6L5 6L5 8L10 8ZM10 12L10 9L5 9L5 12L10 12ZM7.03 9.97C7.177 10.116 7.25 10.293 7.25 10.5C7.25 10.707 7.177 10.884 7.03 11.03C6.884 11.177 6.707 11.25 6.5 11.25C6.293 11.25 6.116 11.177 5.97 11.03C5.823 10.884 5.75 10.707 5.75 10.5C5.75 10.293 5.823 10.116 5.97 9.97C6.116 9.823 6.293 9.75 6.5 9.75C6.707 9.75 6.884 9.823 7.03 9.97ZM7.97 9.97C8.116 9.823 8.293 9.75 8.5 9.75C8.707 9.75 8.884 9.823 9.03 9.97C9.177 10.116 9.25 10.293 9.25 10.5C9.25 10.707 9.177 10.884 9.03 11.03C8.884 11.177 8.707 11.25 8.5 11.25C8.293 11.25 8.116 11.177 7.97 11.03C7.823 10.884 7.75 10.707 7.75 10.5C7.75 10.293 7.823 10.116 7.97 9.97Z"/></svg>

React

// Gentleface "train-tunnel" (line-round), MIT. https://gentleface.com/icons/train-tunnel
import type { SVGProps } from 'react';

export function TrainTunnelIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.788 2.246C12.238 2.424 12.633 2.683 12.975 3.025C13.317 3.367 13.576 3.762 13.754 4.212C13.918 4.625 14 5.055 14 5.5L14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 5.5C13 5.182 12.941 4.875 12.824 4.58C12.697 4.259 12.512 3.976 12.268 3.732C12.024 3.488 11.741 3.303 11.42 3.176C11.125 3.059 10.818 3 10.5 3L4.5 3C4.182 3 3.875 3.059 3.58 3.176C3.259 3.303 2.976 3.488 2.732 3.732C2.488 3.976 2.303 4.259 2.176 4.58C2.059 4.875 2 5.182 2 5.5L2 14.5C2 14.641 1.952 14.759 1.856 14.856C1.759 14.952 1.641 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 5.5C1 5.055 1.082 4.625 1.246 4.212C1.424 3.762 1.683 3.367 2.025 3.025C2.367 2.683 2.762 2.424 3.212 2.246C3.625 2.082 4.055 2 4.5 2L10.5 2C10.945 2 11.375 2.082 11.788 2.246ZM10 13L9.707 13L10.854 14.146C10.953 14.246 11.003 14.364 11.003 14.5C11.003 14.636 10.953 14.754 10.854 14.854C10.754 14.953 10.636 15.003 10.5 15.003C10.364 15.003 10.246 14.953 10.146 14.854L8.293 13L6.707 13L4.854 14.854C4.756 14.951 4.638 15 4.5 15C4.362 15 4.244 14.951 4.146 14.854C4.047 14.754 3.997 14.636 3.997 14.5C3.997 14.364 4.047 14.246 4.146 14.146L5.293 13L5 13C4.724 13 4.488 12.902 4.293 12.707C4.098 12.512 4 12.276 4 12L4 6C4 5.724 4.098 5.488 4.293 5.293C4.488 5.098 4.724 5 5 5L10 5C10.276 5 10.512 5.098 10.707 5.293C10.902 5.488 11 5.724 11 6L11 12C11 12.276 10.902 12.512 10.707 12.707C10.512 12.902 10.276 13 10 13ZM10 8L10 6L5 6L5 8L10 8ZM10 12L10 9L5 9L5 12L10 12ZM7.03 9.97C7.177 10.116 7.25 10.293 7.25 10.5C7.25 10.707 7.177 10.884 7.03 11.03C6.884 11.177 6.707 11.25 6.5 11.25C6.293 11.25 6.116 11.177 5.97 11.03C5.823 10.884 5.75 10.707 5.75 10.5C5.75 10.293 5.823 10.116 5.97 9.97C6.116 9.823 6.293 9.75 6.5 9.75C6.707 9.75 6.884 9.823 7.03 9.97ZM7.97 9.97C8.116 9.823 8.293 9.75 8.5 9.75C8.707 9.75 8.884 9.823 9.03 9.97C9.177 10.116 9.25 10.293 9.25 10.5C9.25 10.707 9.177 10.884 9.03 11.03C8.884 11.177 8.707 11.25 8.5 11.25C8.293 11.25 8.116 11.177 7.97 11.03C7.823 10.884 7.75 10.707 7.75 10.5C7.75 10.293 7.823 10.116 7.97 9.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/train-tunnel.md

Svelte

Svelte: see /icons/train-tunnel.md

HTML img

HTML img: see /icons/train-tunnel.md

CSS

CSS: see /icons/train-tunnel.md

Data URL

Data URL: see /icons/train-tunnel.md

Sprite

Sprite: see /icons/train-tunnel.md

SwiftUI

SwiftUI: see /icons/train-tunnel.md

Compose

Compose: see /icons/train-tunnel.md

Android XML

Android XML: see /icons/train-tunnel.md

Flutter

Flutter: see /icons/train-tunnel.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

subway, underground, tube

Alternatives

train: the metro owner and rail in general

Also fits

train: subway or underground
metro: subway or underground, where the city calls it that

Tags

subway, underground, metro, tube, tunnel, train, transit, station

Category

Transportation

Component name

TrainTunnelIcon

History

2026-10-15 added

Family 1

train

More transportation icons

ambulance anchor bike bus cable-car car car-alert car-clock car-lock car-plus car-unlock car-user caravan charging-station drone engine · all transportation icons

For agents

Metadata: /icons/train-tunnel.json · Markdown: /icons/train-tunnel.md · SVG: https://gentleface.com/svg/{style}/16/train-tunnel.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/train-tunnel.png

train-tunnel icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp