train icon
train-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- train-fill
- Set
- MingCute Icon
- Style
- Fill
- 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" fill-rule="evenodd" d="M1 7c0-1.101.89-2 1.998-2H12c3.224 0 5.942 1.075 7.868 2.589C21.759 9.075 23 11.085 23 13c0 .842-.258 1.56-.713 2.14c-.443.566-1.034.95-1.636 1.214c-1.186.518-2.597.646-3.651.646H2.994A1.995 1.995 0 0 1 1 15zm2 3h4V7H3zm10 0H9V7h3q.51 0 1 .04zm2 0h4.551a8 8 0 0 0-.919-.839c-.962-.756-2.19-1.395-3.632-1.778z" clip-rule="evenodd"/><path fill="currentColor" d="M1 19a1 1 0 0 1 1-1h19a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteTrainFill(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" fillRule="evenodd" d="M1 7c0-1.101.89-2 1.998-2H12c3.224 0 5.942 1.075 7.868 2.589C21.759 9.075 23 11.085 23 13c0 .842-.258 1.56-.713 2.14c-.443.566-1.034.95-1.636 1.214c-1.186.518-2.597.646-3.651.646H2.994A1.995 1.995 0 0 1 1 15zm2 3h4V7H3zm10 0H9V7h3q.51 0 1 .04zm2 0h4.551a8 8 0 0 0-.919-.839c-.962-.756-2.19-1.395-3.632-1.778z" clipRule="evenodd"/><path fill="currentColor" d="M1 19a1 1 0 0 1 1-1h19a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1 7c0-1.101.89-2 1.998-2H12c3.224 0 5.942 1.075 7.868 2.589C21.759 9.075 23 11.085 23 13c0 .842-.258 1.56-.713 2.14c-.443.566-1.034.95-1.636 1.214c-1.186.518-2.597.646-3.651.646H2.994A1.995 1.995 0 0 1 1 15zm2 3h4V7H3zm10 0H9V7h3q.51 0 1 .04zm2 0h4.551a8 8 0 0 0-.919-.839c-.962-.756-2.19-1.395-3.632-1.778z" clip-rule="evenodd"/><path fill="currentColor" d="M1 19a1 1 0 0 1 1-1h19a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1"/></svg> </template>
CSS
.icon-train-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M1%207c0-1.101.89-2%201.998-2H12c3.224%200%205.942%201.075%207.868%202.589C21.759%209.075%2023%2011.085%2023%2013c0%20.842-.258%201.56-.713%202.14c-.443.566-1.034.95-1.636%201.214c-1.186.518-2.597.646-3.651.646H2.994A1.995%201.995%200%200%201%201%2015zm2%203h4V7H3zm10%200H9V7h3q.51%200%201%20.04zm2%200h4.551a8%208%200%200%200-.919-.839c-.962-.756-2.19-1.395-3.632-1.778z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%2019a1%201%200%200%201%201-1h19a1%201%200%201%201%200%202H2a1%201%200%200%201-1-1%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%20fill-rule%3D%22evenodd%22%20d%3D%22M1%207c0-1.101.89-2%201.998-2H12c3.224%200%205.942%201.075%207.868%202.589C21.759%209.075%2023%2011.085%2023%2013c0%20.842-.258%201.56-.713%202.14c-.443.566-1.034.95-1.636%201.214c-1.186.518-2.597.646-3.651.646H2.994A1.995%201.995%200%200%201%201%2015zm2%203h4V7H3zm10%200H9V7h3q.51%200%201%20.04zm2%200h4.551a8%208%200%200%200-.919-.839c-.962-.756-2.19-1.395-3.632-1.778z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%2019a1%201%200%200%201%201-1h19a1%201%200%201%201%200%202H2a1%201%200%200%201-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/train-fill.svg?color=%231a73e8&size=48
