train icon
train-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- train-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
trainBoxIcons v2trainBoxIcons v2 SolidtrainCarbontrainEmoji One (Colored)trainFont Awesome 6 SolidtrainFont Awesome SolidtrainFluent EmojitrainFluent Emoji FlattrainFluent Emoji High ContrasttrainFirefox OS EmojitrainIconParktrainIconPark OutlinetrainIconPark SolidtrainIconPark TwoTonetrainIconoirtrainIonIconstrainJam IconstrainLine AwesometrainMaterial SymbolstrainMaterial Symbols LighttrainMaterial Design IconstrainMyna UI IconstrainNoto EmojitrainOpenMoji
Related icons in MingCute Icon
Use the train icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 18a1 1 0 1 0 0 2zm19 2a1 1 0 1 0 0-2zM2 10a1 1 0 1 0 0 2zm19.5 2a1 1 0 1 0 0-2zM9 6a1 1 0 0 0-2 0zm-2 5a1 1 0 1 0 2 0zm6 0a1 1 0 1 0 2 0zM2.998 6v1H12V5H2.998zM17 16v-1H2.994v2H17zM2 15h1V7H1v8zm10-9v1c2.776 0 5.058.925 6.632 2.161C20.241 10.425 21 11.915 21 13h2c0-1.915-1.24-3.925-3.132-5.411C17.942 6.075 15.224 5 12 5zm10 7h-1c0 .408-.117.69-.287.906c-.182.232-.466.441-.864.615c-.814.357-1.903.479-2.849.479v2c1.054 0 2.465-.128 3.65-.646c.603-.264 1.194-.648 1.637-1.213c.455-.58.713-1.3.713-2.141zM2 19v1h19v-2H2zm0-8v1h19.5v-2H2zm6-5H7v5h2V6zm6 0h-1v5h2V6zM2.994 16v-1q-.003 0 0 0l.003.001l.003.002V15H1c0 1.096.881 2 1.994 2zm.004-10V5A2 2 0 0 0 1 7h2v-.002q0 .002 0 0L2.999 7h-.002z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteTrainLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 18a1 1 0 1 0 0 2zm19 2a1 1 0 1 0 0-2zM2 10a1 1 0 1 0 0 2zm19.5 2a1 1 0 1 0 0-2zM9 6a1 1 0 0 0-2 0zm-2 5a1 1 0 1 0 2 0zm6 0a1 1 0 1 0 2 0zM2.998 6v1H12V5H2.998zM17 16v-1H2.994v2H17zM2 15h1V7H1v8zm10-9v1c2.776 0 5.058.925 6.632 2.161C20.241 10.425 21 11.915 21 13h2c0-1.915-1.24-3.925-3.132-5.411C17.942 6.075 15.224 5 12 5zm10 7h-1c0 .408-.117.69-.287.906c-.182.232-.466.441-.864.615c-.814.357-1.903.479-2.849.479v2c1.054 0 2.465-.128 3.65-.646c.603-.264 1.194-.648 1.637-1.213c.455-.58.713-1.3.713-2.141zM2 19v1h19v-2H2zm0-8v1h19.5v-2H2zm6-5H7v5h2V6zm6 0h-1v5h2V6zM2.994 16v-1q-.003 0 0 0l.003.001l.003.002V15H1c0 1.096.881 2 1.994 2zm.004-10V5A2 2 0 0 0 1 7h2v-.002q0 .002 0 0L2.999 7h-.002z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 18a1 1 0 1 0 0 2zm19 2a1 1 0 1 0 0-2zM2 10a1 1 0 1 0 0 2zm19.5 2a1 1 0 1 0 0-2zM9 6a1 1 0 0 0-2 0zm-2 5a1 1 0 1 0 2 0zm6 0a1 1 0 1 0 2 0zM2.998 6v1H12V5H2.998zM17 16v-1H2.994v2H17zM2 15h1V7H1v8zm10-9v1c2.776 0 5.058.925 6.632 2.161C20.241 10.425 21 11.915 21 13h2c0-1.915-1.24-3.925-3.132-5.411C17.942 6.075 15.224 5 12 5zm10 7h-1c0 .408-.117.69-.287.906c-.182.232-.466.441-.864.615c-.814.357-1.903.479-2.849.479v2c1.054 0 2.465-.128 3.65-.646c.603-.264 1.194-.648 1.637-1.213c.455-.58.713-1.3.713-2.141zM2 19v1h19v-2H2zm0-8v1h19.5v-2H2zm6-5H7v5h2V6zm6 0h-1v5h2V6zM2.994 16v-1q-.003 0 0 0l.003.001l.003.002V15H1c0 1.096.881 2 1.994 2zm.004-10V5A2 2 0 0 0 1 7h2v-.002q0 .002 0 0L2.999 7h-.002z"/></svg> </template>
CSS
.icon-train-line {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2018a1%201%200%201%200%200%202zm19%202a1%201%200%201%200%200-2zM2%2010a1%201%200%201%200%200%202zm19.5%202a1%201%200%201%200%200-2zM9%206a1%201%200%200%200-2%200zm-2%205a1%201%200%201%200%202%200zm6%200a1%201%200%201%200%202%200zM2.998%206v1H12V5H2.998zM17%2016v-1H2.994v2H17zM2%2015h1V7H1v8zm10-9v1c2.776%200%205.058.925%206.632%202.161C20.241%2010.425%2021%2011.915%2021%2013h2c0-1.915-1.24-3.925-3.132-5.411C17.942%206.075%2015.224%205%2012%205zm10%207h-1c0%20.408-.117.69-.287.906c-.182.232-.466.441-.864.615c-.814.357-1.903.479-2.849.479v2c1.054%200%202.465-.128%203.65-.646c.603-.264%201.194-.648%201.637-1.213c.455-.58.713-1.3.713-2.141zM2%2019v1h19v-2H2zm0-8v1h19.5v-2H2zm6-5H7v5h2V6zm6%200h-1v5h2V6zM2.994%2016v-1q-.003%200%200%200l.003.001l.003.002V15H1c0%201.096.881%202%201.994%202zm.004-10V5A2%202%200%200%200%201%207h2v-.002q0%20.002%200%200L2.999%207h-.002z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2018a1%201%200%201%200%200%202zm19%202a1%201%200%201%200%200-2zM2%2010a1%201%200%201%200%200%202zm19.5%202a1%201%200%201%200%200-2zM9%206a1%201%200%200%200-2%200zm-2%205a1%201%200%201%200%202%200zm6%200a1%201%200%201%200%202%200zM2.998%206v1H12V5H2.998zM17%2016v-1H2.994v2H17zM2%2015h1V7H1v8zm10-9v1c2.776%200%205.058.925%206.632%202.161C20.241%2010.425%2021%2011.915%2021%2013h2c0-1.915-1.24-3.925-3.132-5.411C17.942%206.075%2015.224%205%2012%205zm10%207h-1c0%20.408-.117.69-.287.906c-.182.232-.466.441-.864.615c-.814.357-1.903.479-2.849.479v2c1.054%200%202.465-.128%203.65-.646c.603-.264%201.194-.648%201.637-1.213c.455-.58.713-1.3.713-2.141zM2%2019v1h19v-2H2zm0-8v1h19.5v-2H2zm6-5H7v5h2V6zm6%200h-1v5h2V6zM2.994%2016v-1q-.003%200%200%200l.003.001l.003.002V15H1c0%201.096.881%202%201.994%202zm.004-10V5A2%202%200%200%200%201%207h2v-.002q0%20.002%200%200L2.999%207h-.002z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/train-line.svg?color=%231a73e8&size=48
