train regional icon

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

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

5 other variants in Phosphor

train-regional-bold train-regional-duotone train-regional-fill train-regional-light 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="m223.72 117.9l-22.39-82.11A16 16 0 0 0 185.89 24H70.11a16 16 0 0 0-15.44 11.79L32.28 117.9a8.1 8.1 0 0 0 0 4.2l22.39 82.11A16 16 0 0 0 70.11 216H80l-14.4 19.2a8 8 0 1 0 12.8 9.6L100 216h56l21.6 28.8a8 8 0 1 0 12.8-9.6L176 216h9.89a16 16 0 0 0 15.44-11.79l22.39-82.11a8.1 8.1 0 0 0 0-4.2M70.11 40h115.78L206 113.69l-78 14.18l-78-14.18Zm-19 90.14L120 142.68V200H70.11ZM185.89 200H136v-57.32l68.94-12.54ZM88 88a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H96a8 8 0 0 1-8-8"/></svg>

React

import type { SVGProps } from "react";

export function PhTrainRegional(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="m223.72 117.9l-22.39-82.11A16 16 0 0 0 185.89 24H70.11a16 16 0 0 0-15.44 11.79L32.28 117.9a8.1 8.1 0 0 0 0 4.2l22.39 82.11A16 16 0 0 0 70.11 216H80l-14.4 19.2a8 8 0 1 0 12.8 9.6L100 216h56l21.6 28.8a8 8 0 1 0 12.8-9.6L176 216h9.89a16 16 0 0 0 15.44-11.79l22.39-82.11a8.1 8.1 0 0 0 0-4.2M70.11 40h115.78L206 113.69l-78 14.18l-78-14.18Zm-19 90.14L120 142.68V200H70.11ZM185.89 200H136v-57.32l68.94-12.54ZM88 88a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H96a8 8 0 0 1-8-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m223.72 117.9l-22.39-82.11A16 16 0 0 0 185.89 24H70.11a16 16 0 0 0-15.44 11.79L32.28 117.9a8.1 8.1 0 0 0 0 4.2l22.39 82.11A16 16 0 0 0 70.11 216H80l-14.4 19.2a8 8 0 1 0 12.8 9.6L100 216h56l21.6 28.8a8 8 0 1 0 12.8-9.6L176 216h9.89a16 16 0 0 0 15.44-11.79l22.39-82.11a8.1 8.1 0 0 0 0-4.2M70.11 40h115.78L206 113.69l-78 14.18l-78-14.18Zm-19 90.14L120 142.68V200H70.11ZM185.89 200H136v-57.32l68.94-12.54ZM88 88a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H96a8 8 0 0 1-8-8"/></svg>
</template>

CSS

.icon-train-regional {
  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%22m223.72%20117.9l-22.39-82.11A16%2016%200%200%200%20185.89%2024H70.11a16%2016%200%200%200-15.44%2011.79L32.28%20117.9a8.1%208.1%200%200%200%200%204.2l22.39%2082.11A16%2016%200%200%200%2070.11%20216H80l-14.4%2019.2a8%208%200%201%200%2012.8%209.6L100%20216h56l21.6%2028.8a8%208%200%201%200%2012.8-9.6L176%20216h9.89a16%2016%200%200%200%2015.44-11.79l22.39-82.11a8.1%208.1%200%200%200%200-4.2M70.11%2040h115.78L206%20113.69l-78%2014.18l-78-14.18Zm-19%2090.14L120%20142.68V200H70.11ZM185.89%20200H136v-57.32l68.94-12.54ZM88%2088a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H96a8%208%200%200%201-8-8%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%22m223.72%20117.9l-22.39-82.11A16%2016%200%200%200%20185.89%2024H70.11a16%2016%200%200%200-15.44%2011.79L32.28%20117.9a8.1%208.1%200%200%200%200%204.2l22.39%2082.11A16%2016%200%200%200%2070.11%20216H80l-14.4%2019.2a8%208%200%201%200%2012.8%209.6L100%20216h56l21.6%2028.8a8%208%200%201%200%2012.8-9.6L176%20216h9.89a16%2016%200%200%200%2015.44-11.79l22.39-82.11a8.1%208.1%200%200%200%200-4.2M70.11%2040h115.78L206%20113.69l-78%2014.18l-78-14.18Zm-19%2090.14L120%20142.68V200H70.11ZM185.89%20200H136v-57.32l68.94-12.54ZM88%2088a8%208%200%200%201%208-8h64a8%208%200%200%201%200%2016H96a8%208%200%200%201-8-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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