subway icon

subway from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: subway
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

subwayFont Awesome Solid subwayIconPark subwayIconPark Outline subwayIconPark Solid subwayIconPark TwoTone subwayLine Awesome subwayMaterial Symbols subwayMaterial Symbols Light subwayMaterial Design Icons subwayPhosphor subway-fillRemix Icon subwayUnicons

Use the subway icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M352 16H160a64.07 64.07 0 0 0-64 64v256a64.07 64.07 0 0 0 64 64h192a64.07 64.07 0 0 0 64-64V80a64.07 64.07 0 0 0-64-64M208 64h96a16 16 0 0 1 0 32h-96a16 16 0 0 1 0-32m-32 288a32 32 0 1 1 32-32a32 32 0 0 1-32 32m160 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32m48-160a16 16 0 0 1-16 16H144a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h224a16 16 0 0 1 16 16Zm-36.69 228.69a16 16 0 0 0-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 0 0-22.62-22.62l-48 48a16 16 0 1 0 22.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0 0 22.62-22.62Z"/></svg>

React

import type { SVGProps } from "react";

export function IonSubway(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M352 16H160a64.07 64.07 0 0 0-64 64v256a64.07 64.07 0 0 0 64 64h192a64.07 64.07 0 0 0 64-64V80a64.07 64.07 0 0 0-64-64M208 64h96a16 16 0 0 1 0 32h-96a16 16 0 0 1 0-32m-32 288a32 32 0 1 1 32-32a32 32 0 0 1-32 32m160 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32m48-160a16 16 0 0 1-16 16H144a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h224a16 16 0 0 1 16 16Zm-36.69 228.69a16 16 0 0 0-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 0 0-22.62-22.62l-48 48a16 16 0 1 0 22.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0 0 22.62-22.62Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M352 16H160a64.07 64.07 0 0 0-64 64v256a64.07 64.07 0 0 0 64 64h192a64.07 64.07 0 0 0 64-64V80a64.07 64.07 0 0 0-64-64M208 64h96a16 16 0 0 1 0 32h-96a16 16 0 0 1 0-32m-32 288a32 32 0 1 1 32-32a32 32 0 0 1-32 32m160 0a32 32 0 1 1 32-32a32 32 0 0 1-32 32m48-160a16 16 0 0 1-16 16H144a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h224a16 16 0 0 1 16 16Zm-36.69 228.69a16 16 0 0 0-22.62 22.62l4.68 4.69H182.63l4.68-4.69a16 16 0 0 0-22.62-22.62l-48 48a16 16 0 1 0 22.62 22.62L150.63 480h210.74l11.32 11.31a16 16 0 0 0 22.62-22.62Z"/></svg>
</template>

CSS

.icon-subway {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2016H160a64.07%2064.07%200%200%200-64%2064v256a64.07%2064.07%200%200%200%2064%2064h192a64.07%2064.07%200%200%200%2064-64V80a64.07%2064.07%200%200%200-64-64M208%2064h96a16%2016%200%200%201%200%2032h-96a16%2016%200%200%201%200-32m-32%20288a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m160%200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m48-160a16%2016%200%200%201-16%2016H144a16%2016%200%200%201-16-16v-32a16%2016%200%200%201%2016-16h224a16%2016%200%200%201%2016%2016Zm-36.69%20228.69a16%2016%200%200%200-22.62%2022.62l4.68%204.69H182.63l4.68-4.69a16%2016%200%200%200-22.62-22.62l-48%2048a16%2016%200%201%200%2022.62%2022.62L150.63%20480h210.74l11.32%2011.31a16%2016%200%200%200%2022.62-22.62Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2016H160a64.07%2064.07%200%200%200-64%2064v256a64.07%2064.07%200%200%200%2064%2064h192a64.07%2064.07%200%200%200%2064-64V80a64.07%2064.07%200%200%200-64-64M208%2064h96a16%2016%200%200%201%200%2032h-96a16%2016%200%200%201%200-32m-32%20288a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m160%200a32%2032%200%201%201%2032-32a32%2032%200%200%201-32%2032m48-160a16%2016%200%200%201-16%2016H144a16%2016%200%200%201-16-16v-32a16%2016%200%200%201%2016-16h224a16%2016%200%200%201%2016%2016Zm-36.69%20228.69a16%2016%200%200%200-22.62%2022.62l4.68%204.69H182.63l4.68-4.69a16%2016%200%200%200-22.62-22.62l-48%2048a16%2016%200%201%200%2022.62%2022.62L150.63%20480h210.74l11.32%2011.31a16%2016%200%200%200%2022.62-22.62Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/subway.svg?color=%231a73e8&size=48