railway logo
railway from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- railway
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
The same logo in other sets
All railway icons →Use the railway logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M.111 10.27c-.057.4-.094.804-.111 1.208h18.23a2.182 2.182 0 00-.236-.346c-3.116-4.026-4.793-3.677-7.19-3.78-.8-.032-1.343-.046-4.525-.046-1.704 0-3.555.005-5.359.01-.233.63-.458 1.24-.568 1.737h9.342v1.217H.11zm18.262 2.426H.01c.02.325.05.645.094.961h16.954c.756 0 1.179-.429 1.316-.96zm-17.318 4.28S3.865 23.878 11.987 24c4.854 0 9.025-2.883 10.92-7.024H1.055z"/><path d="M11.987 0C7.5 0 3.593 2.465 1.531 6.108c1.611-.003 4.75-.005 4.75-.005h.001v-.001c3.71 0 3.848.016 4.573.046l.45.017c1.562.052 3.484.22 4.996 1.364.82.62 2.005 1.99 2.712 2.965.653.902.84 1.94.396 2.934-.408.913-1.287 1.458-2.352 1.458H.39s.1.42.248.885h22.75a11.96 11.96 0 00.61-3.766C24 5.375 18.623 0 11.988 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubRailway(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd"><path d="M.111 10.27c-.057.4-.094.804-.111 1.208h18.23a2.182 2.182 0 00-.236-.346c-3.116-4.026-4.793-3.677-7.19-3.78-.8-.032-1.343-.046-4.525-.046-1.704 0-3.555.005-5.359.01-.233.63-.458 1.24-.568 1.737h9.342v1.217H.11zm18.262 2.426H.01c.02.325.05.645.094.961h16.954c.756 0 1.179-.429 1.316-.96zm-17.318 4.28S3.865 23.878 11.987 24c4.854 0 9.025-2.883 10.92-7.024H1.055z"/><path d="M11.987 0C7.5 0 3.593 2.465 1.531 6.108c1.611-.003 4.75-.005 4.75-.005h.001v-.001c3.71 0 3.848.016 4.573.046l.45.017c1.562.052 3.484.22 4.996 1.364.82.62 2.005 1.99 2.712 2.965.653.902.84 1.94.396 2.934-.408.913-1.287 1.458-2.352 1.458H.39s.1.42.248.885h22.75a11.96 11.96 0 00.61-3.766C24 5.375 18.623 0 11.988 0z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M.111 10.27c-.057.4-.094.804-.111 1.208h18.23a2.182 2.182 0 00-.236-.346c-3.116-4.026-4.793-3.677-7.19-3.78-.8-.032-1.343-.046-4.525-.046-1.704 0-3.555.005-5.359.01-.233.63-.458 1.24-.568 1.737h9.342v1.217H.11zm18.262 2.426H.01c.02.325.05.645.094.961h16.954c.756 0 1.179-.429 1.316-.96zm-17.318 4.28S3.865 23.878 11.987 24c4.854 0 9.025-2.883 10.92-7.024H1.055z"/><path d="M11.987 0C7.5 0 3.593 2.465 1.531 6.108c1.611-.003 4.75-.005 4.75-.005h.001v-.001c3.71 0 3.848.016 4.573.046l.45.017c1.562.052 3.484.22 4.996 1.364.82.62 2.005 1.99 2.712 2.965.653.902.84 1.94.396 2.934-.408.913-1.287 1.458-2.352 1.458H.39s.1.42.248.885h22.75a11.96 11.96 0 00.61-3.766C24 5.375 18.623 0 11.988 0z"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.111%2010.27c-.057.4-.094.804-.111%201.208h18.23a2.182%202.182%200%2000-.236-.346c-3.116-4.026-4.793-3.677-7.19-3.78-.8-.032-1.343-.046-4.525-.046-1.704%200-3.555.005-5.359.01-.233.63-.458%201.24-.568%201.737h9.342v1.217H.11zm18.262%202.426H.01c.02.325.05.645.094.961h16.954c.756%200%201.179-.429%201.316-.96zm-17.318%204.28S3.865%2023.878%2011.987%2024c4.854%200%209.025-2.883%2010.92-7.024H1.055z%22%2F%3E%3Cpath%20d%3D%22M11.987%200C7.5%200%203.593%202.465%201.531%206.108c1.611-.003%204.75-.005%204.75-.005h.001v-.001c3.71%200%203.848.016%204.573.046l.45.017c1.562.052%203.484.22%204.996%201.364.82.62%202.005%201.99%202.712%202.965.653.902.84%201.94.396%202.934-.408.913-1.287%201.458-2.352%201.458H.39s.1.42.248.885h22.75a11.96%2011.96%200%2000.61-3.766C24%205.375%2018.623%200%2011.988%200z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.111%2010.27c-.057.4-.094.804-.111%201.208h18.23a2.182%202.182%200%2000-.236-.346c-3.116-4.026-4.793-3.677-7.19-3.78-.8-.032-1.343-.046-4.525-.046-1.704%200-3.555.005-5.359.01-.233.63-.458%201.24-.568%201.737h9.342v1.217H.11zm18.262%202.426H.01c.02.325.05.645.094.961h16.954c.756%200%201.179-.429%201.316-.96zm-17.318%204.28S3.865%2023.878%2011.987%2024c4.854%200%209.025-2.883%2010.92-7.024H1.055z%22%2F%3E%3Cpath%20d%3D%22M11.987%200C7.5%200%203.593%202.465%201.531%206.108c1.611-.003%204.75-.005%204.75-.005h.001v-.001c3.71%200%203.848.016%204.573.046l.45.017c1.562.052%203.484.22%204.996%201.364.82.62%202.005%201.99%202.712%202.965.653.902.84%201.94.396%202.934-.408.913-1.287%201.458-2.352%201.458H.39s.1.42.248.885h22.75a11.96%2011.96%200%2000.61-3.766C24%205.375%2018.623%200%2011.988%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/railway.svg?color=%231a73e8&size=48
