railway logo

railway from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: railway
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

railwayBoxicons Brands railwayIconPark railwayIconPark Outline railwayIconPark Solid railwayIconPark TwoTone railwaySVG Logos railwaySimple Icons

Use the railway logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M63.932 0C39.994 0 19.164 13.145 8.164 32.576c8.596-.018 25.338-.027 25.338-.027h.004v-.008c19.788 0 20.523.089 24.388.25l2.395.088c8.338.278 18.585 1.175 26.648 7.275c4.377 3.31 10.696 10.612 14.463 15.815c3.483 4.812 4.485 10.344 2.118 15.644c-2.18 4.872-6.868 7.778-12.547 7.778H2.086s.529 2.243 1.322 4.718h121.33A63.8 63.8 0 0 0 128 64.027C128.001 28.67 99.316 0 63.932 0M33.486 38.967c-9.084 0-18.96.023-28.578.049c-1.245 3.36-2.444 6.618-3.03 9.267H51.7v6.488H.594A65 65 0 0 0 0 61.218h97.225c-.34-.663-.796-1.26-1.256-1.846c-16.621-21.474-25.562-19.613-38.352-20.158c-4.264-.176-7.157-.246-24.13-.246M.051 67.713a66 66 0 0 0 .496 5.123H90.97c4.03 0 6.286-2.285 7.02-5.123zm5.576 22.826S20.617 127.346 63.932 128c25.889 0 48.133-15.375 58.238-37.461z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconRailway(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M63.932 0C39.994 0 19.164 13.145 8.164 32.576c8.596-.018 25.338-.027 25.338-.027h.004v-.008c19.788 0 20.523.089 24.388.25l2.395.088c8.338.278 18.585 1.175 26.648 7.275c4.377 3.31 10.696 10.612 14.463 15.815c3.483 4.812 4.485 10.344 2.118 15.644c-2.18 4.872-6.868 7.778-12.547 7.778H2.086s.529 2.243 1.322 4.718h121.33A63.8 63.8 0 0 0 128 64.027C128.001 28.67 99.316 0 63.932 0M33.486 38.967c-9.084 0-18.96.023-28.578.049c-1.245 3.36-2.444 6.618-3.03 9.267H51.7v6.488H.594A65 65 0 0 0 0 61.218h97.225c-.34-.663-.796-1.26-1.256-1.846c-16.621-21.474-25.562-19.613-38.352-20.158c-4.264-.176-7.157-.246-24.13-.246M.051 67.713a66 66 0 0 0 .496 5.123H90.97c4.03 0 6.286-2.285 7.02-5.123zm5.576 22.826S20.617 127.346 63.932 128c25.889 0 48.133-15.375 58.238-37.461z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M63.932 0C39.994 0 19.164 13.145 8.164 32.576c8.596-.018 25.338-.027 25.338-.027h.004v-.008c19.788 0 20.523.089 24.388.25l2.395.088c8.338.278 18.585 1.175 26.648 7.275c4.377 3.31 10.696 10.612 14.463 15.815c3.483 4.812 4.485 10.344 2.118 15.644c-2.18 4.872-6.868 7.778-12.547 7.778H2.086s.529 2.243 1.322 4.718h121.33A63.8 63.8 0 0 0 128 64.027C128.001 28.67 99.316 0 63.932 0M33.486 38.967c-9.084 0-18.96.023-28.578.049c-1.245 3.36-2.444 6.618-3.03 9.267H51.7v6.488H.594A65 65 0 0 0 0 61.218h97.225c-.34-.663-.796-1.26-1.256-1.846c-16.621-21.474-25.562-19.613-38.352-20.158c-4.264-.176-7.157-.246-24.13-.246M.051 67.713a66 66 0 0 0 .496 5.123H90.97c4.03 0 6.286-2.285 7.02-5.123zm5.576 22.826S20.617 127.346 63.932 128c25.889 0 48.133-15.375 58.238-37.461z"/></svg>
</template>

CSS

.icon-railway {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M63.932%200C39.994%200%2019.164%2013.145%208.164%2032.576c8.596-.018%2025.338-.027%2025.338-.027h.004v-.008c19.788%200%2020.523.089%2024.388.25l2.395.088c8.338.278%2018.585%201.175%2026.648%207.275c4.377%203.31%2010.696%2010.612%2014.463%2015.815c3.483%204.812%204.485%2010.344%202.118%2015.644c-2.18%204.872-6.868%207.778-12.547%207.778H2.086s.529%202.243%201.322%204.718h121.33A63.8%2063.8%200%200%200%20128%2064.027C128.001%2028.67%2099.316%200%2063.932%200M33.486%2038.967c-9.084%200-18.96.023-28.578.049c-1.245%203.36-2.444%206.618-3.03%209.267H51.7v6.488H.594A65%2065%200%200%200%200%2061.218h97.225c-.34-.663-.796-1.26-1.256-1.846c-16.621-21.474-25.562-19.613-38.352-20.158c-4.264-.176-7.157-.246-24.13-.246M.051%2067.713a66%2066%200%200%200%20.496%205.123H90.97c4.03%200%206.286-2.285%207.02-5.123zm5.576%2022.826S20.617%20127.346%2063.932%20128c25.889%200%2048.133-15.375%2058.238-37.461z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M63.932%200C39.994%200%2019.164%2013.145%208.164%2032.576c8.596-.018%2025.338-.027%2025.338-.027h.004v-.008c19.788%200%2020.523.089%2024.388.25l2.395.088c8.338.278%2018.585%201.175%2026.648%207.275c4.377%203.31%2010.696%2010.612%2014.463%2015.815c3.483%204.812%204.485%2010.344%202.118%2015.644c-2.18%204.872-6.868%207.778-12.547%207.778H2.086s.529%202.243%201.322%204.718h121.33A63.8%2063.8%200%200%200%20128%2064.027C128.001%2028.67%2099.316%200%2063.932%200M33.486%2038.967c-9.084%200-18.96.023-28.578.049c-1.245%203.36-2.444%206.618-3.03%209.267H51.7v6.488H.594A65%2065%200%200%200%200%2061.218h97.225c-.34-.663-.796-1.26-1.256-1.846c-16.621-21.474-25.562-19.613-38.352-20.158c-4.264-.176-7.157-.246-24.13-.246M.051%2067.713a66%2066%200%200%200%20.496%205.123H90.97c4.03%200%206.286-2.285%207.02-5.123zm5.576%2022.826S20.617%20127.346%2063.932%20128c25.889%200%2048.133-15.375%2058.238-37.461z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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