train regional icon

train-regional-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: train-regional-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

train-regional train-regional-bold train-regional-duotone train-regional-fill train-regional-thin

Related icons in Phosphor

Use the train regional icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m221.79 118.42l-22.39-82.1A14 14 0 0 0 185.89 26H70.11A14 14 0 0 0 56.6 36.32l-22.39 82.1a6 6 0 0 0 0 3.16l22.39 82.1A14 14 0 0 0 70.11 214H84l-16.8 22.4a6 6 0 1 0 9.6 7.2L99 214h58l22.2 29.6a6 6 0 0 0 9.6-7.2L172 214h13.89a14 14 0 0 0 13.51-10.32l22.39-82.1a6 6 0 0 0 0-3.16M68.18 39.47A2 2 0 0 1 70.11 38h115.78a2 2 0 0 1 1.93 1.47l20.67 75.8L128 129.9l-80.49-14.63Zm0 161.06l-19.89-72.92L122 141v61H70.11a2 2 0 0 1-1.93-1.47m119.64 0a2 2 0 0 1-1.93 1.47H134v-61l73.71-13.4ZM90 88a6 6 0 0 1 6-6h64a6 6 0 0 1 0 12H96a6 6 0 0 1-6-6"/></svg>

React

import type { SVGProps } from "react";

export function PhTrainRegionalLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m221.79 118.42l-22.39-82.1A14 14 0 0 0 185.89 26H70.11A14 14 0 0 0 56.6 36.32l-22.39 82.1a6 6 0 0 0 0 3.16l22.39 82.1A14 14 0 0 0 70.11 214H84l-16.8 22.4a6 6 0 1 0 9.6 7.2L99 214h58l22.2 29.6a6 6 0 0 0 9.6-7.2L172 214h13.89a14 14 0 0 0 13.51-10.32l22.39-82.1a6 6 0 0 0 0-3.16M68.18 39.47A2 2 0 0 1 70.11 38h115.78a2 2 0 0 1 1.93 1.47l20.67 75.8L128 129.9l-80.49-14.63Zm0 161.06l-19.89-72.92L122 141v61H70.11a2 2 0 0 1-1.93-1.47m119.64 0a2 2 0 0 1-1.93 1.47H134v-61l73.71-13.4ZM90 88a6 6 0 0 1 6-6h64a6 6 0 0 1 0 12H96a6 6 0 0 1-6-6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m221.79 118.42l-22.39-82.1A14 14 0 0 0 185.89 26H70.11A14 14 0 0 0 56.6 36.32l-22.39 82.1a6 6 0 0 0 0 3.16l22.39 82.1A14 14 0 0 0 70.11 214H84l-16.8 22.4a6 6 0 1 0 9.6 7.2L99 214h58l22.2 29.6a6 6 0 0 0 9.6-7.2L172 214h13.89a14 14 0 0 0 13.51-10.32l22.39-82.1a6 6 0 0 0 0-3.16M68.18 39.47A2 2 0 0 1 70.11 38h115.78a2 2 0 0 1 1.93 1.47l20.67 75.8L128 129.9l-80.49-14.63Zm0 161.06l-19.89-72.92L122 141v61H70.11a2 2 0 0 1-1.93-1.47m119.64 0a2 2 0 0 1-1.93 1.47H134v-61l73.71-13.4ZM90 88a6 6 0 0 1 6-6h64a6 6 0 0 1 0 12H96a6 6 0 0 1-6-6"/></svg>
</template>

CSS

.icon-train-regional-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m221.79%20118.42l-22.39-82.1A14%2014%200%200%200%20185.89%2026H70.11A14%2014%200%200%200%2056.6%2036.32l-22.39%2082.1a6%206%200%200%200%200%203.16l22.39%2082.1A14%2014%200%200%200%2070.11%20214H84l-16.8%2022.4a6%206%200%201%200%209.6%207.2L99%20214h58l22.2%2029.6a6%206%200%200%200%209.6-7.2L172%20214h13.89a14%2014%200%200%200%2013.51-10.32l22.39-82.1a6%206%200%200%200%200-3.16M68.18%2039.47A2%202%200%200%201%2070.11%2038h115.78a2%202%200%200%201%201.93%201.47l20.67%2075.8L128%20129.9l-80.49-14.63Zm0%20161.06l-19.89-72.92L122%20141v61H70.11a2%202%200%200%201-1.93-1.47m119.64%200a2%202%200%200%201-1.93%201.47H134v-61l73.71-13.4ZM90%2088a6%206%200%200%201%206-6h64a6%206%200%200%201%200%2012H96a6%206%200%200%201-6-6%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m221.79%20118.42l-22.39-82.1A14%2014%200%200%200%20185.89%2026H70.11A14%2014%200%200%200%2056.6%2036.32l-22.39%2082.1a6%206%200%200%200%200%203.16l22.39%2082.1A14%2014%200%200%200%2070.11%20214H84l-16.8%2022.4a6%206%200%201%200%209.6%207.2L99%20214h58l22.2%2029.6a6%206%200%200%200%209.6-7.2L172%20214h13.89a14%2014%200%200%200%2013.51-10.32l22.39-82.1a6%206%200%200%200%200-3.16M68.18%2039.47A2%202%200%200%201%2070.11%2038h115.78a2%202%200%200%201%201.93%201.47l20.67%2075.8L128%20129.9l-80.49-14.63Zm0%20161.06l-19.89-72.92L122%20141v61H70.11a2%202%200%200%201-1.93-1.47m119.64%200a2%202%200%200%201-1.93%201.47H134v-61l73.71-13.4ZM90%2088a6%206%200%200%201%206-6h64a6%206%200%200%201%200%2012H96a6%206%200%200%201-6-6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/train-regional-light.svg?color=%231a73e8&size=48