train emoji
train from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- train
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji 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 Iconstrain-fillMingCute IcontrainMyna UI IconstrainNoto Emoji
More travel & places icons from Twitter Emoji
Use the train emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a7a9ac" d="M2 36h32L23 19H13z"/><path fill="#58595b" d="M5 36h26L21 19h-6z"/><path fill="#808285" d="M8 36h20l-9-17h-2z"/><path fill="#a7a9ac" d="M28 35a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h18a1 1 0 0 1 1 1m-2-4a1 1 0 0 1-1 1H11a1 1 0 1 1 0-2h14a1 1 0 0 1 1 1"/><path fill="#58595b" d="M27.076 25.3L23 19H13l-4.076 6.3c1.889 2.517 4.798 4.699 9.076 4.699c4.277 0 7.188-2.183 9.076-4.699"/><path fill="#a7a9ac" d="M18 0C9 0 6 3 6 9v8c0 1.999 3 11 12 11s12-9.001 12-11V9c0-6-3-9-12-9"/><path fill="#e6e7e8" d="M8 11C8 2 12.477 1 18 1s10 1 10 10c0 6-4.477 11-10 11c-5.523-.001-10-5-10-11"/><path fill="#ffac33" d="M18 21.999c1.642 0 3.185-.45 4.553-1.228C21.77 19.729 20.03 19 18 19s-3.769.729-4.552 1.772c1.366.777 2.911 1.227 4.552 1.227"/><path fill="#55acee" d="M19 4.997v4.965c3.488-.232 6-1.621 6-2.463V5.833c0-.791-3.692-.838-6-.836m-2 0c-2.308-.002-6 .044-6 .836V7.5c0 .842 2.512 2.231 6 2.463z"/><path fill="#269" d="M6 10s0 3 4 9c0 0-4-2-4-6zm24 0s0 3-4 9c0 0 4-2 4-6z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTrain(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a7a9ac" d="M2 36h32L23 19H13z"/><path fill="#58595b" d="M5 36h26L21 19h-6z"/><path fill="#808285" d="M8 36h20l-9-17h-2z"/><path fill="#a7a9ac" d="M28 35a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h18a1 1 0 0 1 1 1m-2-4a1 1 0 0 1-1 1H11a1 1 0 1 1 0-2h14a1 1 0 0 1 1 1"/><path fill="#58595b" d="M27.076 25.3L23 19H13l-4.076 6.3c1.889 2.517 4.798 4.699 9.076 4.699c4.277 0 7.188-2.183 9.076-4.699"/><path fill="#a7a9ac" d="M18 0C9 0 6 3 6 9v8c0 1.999 3 11 12 11s12-9.001 12-11V9c0-6-3-9-12-9"/><path fill="#e6e7e8" d="M8 11C8 2 12.477 1 18 1s10 1 10 10c0 6-4.477 11-10 11c-5.523-.001-10-5-10-11"/><path fill="#ffac33" d="M18 21.999c1.642 0 3.185-.45 4.553-1.228C21.77 19.729 20.03 19 18 19s-3.769.729-4.552 1.772c1.366.777 2.911 1.227 4.552 1.227"/><path fill="#55acee" d="M19 4.997v4.965c3.488-.232 6-1.621 6-2.463V5.833c0-.791-3.692-.838-6-.836m-2 0c-2.308-.002-6 .044-6 .836V7.5c0 .842 2.512 2.231 6 2.463z"/><path fill="#269" d="M6 10s0 3 4 9c0 0-4-2-4-6zm24 0s0 3-4 9c0 0 4-2 4-6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a7a9ac" d="M2 36h32L23 19H13z"/><path fill="#58595b" d="M5 36h26L21 19h-6z"/><path fill="#808285" d="M8 36h20l-9-17h-2z"/><path fill="#a7a9ac" d="M28 35a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h18a1 1 0 0 1 1 1m-2-4a1 1 0 0 1-1 1H11a1 1 0 1 1 0-2h14a1 1 0 0 1 1 1"/><path fill="#58595b" d="M27.076 25.3L23 19H13l-4.076 6.3c1.889 2.517 4.798 4.699 9.076 4.699c4.277 0 7.188-2.183 9.076-4.699"/><path fill="#a7a9ac" d="M18 0C9 0 6 3 6 9v8c0 1.999 3 11 12 11s12-9.001 12-11V9c0-6-3-9-12-9"/><path fill="#e6e7e8" d="M8 11C8 2 12.477 1 18 1s10 1 10 10c0 6-4.477 11-10 11c-5.523-.001-10-5-10-11"/><path fill="#ffac33" d="M18 21.999c1.642 0 3.185-.45 4.553-1.228C21.77 19.729 20.03 19 18 19s-3.769.729-4.552 1.772c1.366.777 2.911 1.227 4.552 1.227"/><path fill="#55acee" d="M19 4.997v4.965c3.488-.232 6-1.621 6-2.463V5.833c0-.791-3.692-.838-6-.836m-2 0c-2.308-.002-6 .044-6 .836V7.5c0 .842 2.512 2.231 6 2.463z"/><path fill="#269" d="M6 10s0 3 4 9c0 0-4-2-4-6zm24 0s0 3-4 9c0 0 4-2 4-6z"/></svg> </template>
CSS
.icon-train {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M2%2036h32L23%2019H13z%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M5%2036h26L21%2019h-6z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M8%2036h20l-9-17h-2z%22%2F%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M28%2035a1%201%200%200%201-1%201H9a1%201%200%201%201%200-2h18a1%201%200%200%201%201%201m-2-4a1%201%200%200%201-1%201H11a1%201%200%201%201%200-2h14a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M27.076%2025.3L23%2019H13l-4.076%206.3c1.889%202.517%204.798%204.699%209.076%204.699c4.277%200%207.188-2.183%209.076-4.699%22%2F%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M18%200C9%200%206%203%206%209v8c0%201.999%203%2011%2012%2011s12-9.001%2012-11V9c0-6-3-9-12-9%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M8%2011C8%202%2012.477%201%2018%201s10%201%2010%2010c0%206-4.477%2011-10%2011c-5.523-.001-10-5-10-11%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M18%2021.999c1.642%200%203.185-.45%204.553-1.228C21.77%2019.729%2020.03%2019%2018%2019s-3.769.729-4.552%201.772c1.366.777%202.911%201.227%204.552%201.227%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M19%204.997v4.965c3.488-.232%206-1.621%206-2.463V5.833c0-.791-3.692-.838-6-.836m-2%200c-2.308-.002-6%20.044-6%20.836V7.5c0%20.842%202.512%202.231%206%202.463z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M6%2010s0%203%204%209c0%200-4-2-4-6zm24%200s0%203-4%209c0%200%204-2%204-6z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M2%2036h32L23%2019H13z%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M5%2036h26L21%2019h-6z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M8%2036h20l-9-17h-2z%22%2F%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M28%2035a1%201%200%200%201-1%201H9a1%201%200%201%201%200-2h18a1%201%200%200%201%201%201m-2-4a1%201%200%200%201-1%201H11a1%201%200%201%201%200-2h14a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M27.076%2025.3L23%2019H13l-4.076%206.3c1.889%202.517%204.798%204.699%209.076%204.699c4.277%200%207.188-2.183%209.076-4.699%22%2F%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M18%200C9%200%206%203%206%209v8c0%201.999%203%2011%2012%2011s12-9.001%2012-11V9c0-6-3-9-12-9%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M8%2011C8%202%2012.477%201%2018%201s10%201%2010%2010c0%206-4.477%2011-10%2011c-5.523-.001-10-5-10-11%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M18%2021.999c1.642%200%203.185-.45%204.553-1.228C21.77%2019.729%2020.03%2019%2018%2019s-3.769.729-4.552%201.772c1.366.777%202.911%201.227%204.552%201.227%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M19%204.997v4.965c3.488-.232%206-1.621%206-2.463V5.833c0-.791-3.692-.838-6-.836m-2%200c-2.308-.002-6%20.044-6%20.836V7.5c0%20.842%202.512%202.231%206%202.463z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M6%2010s0%203%204%209c0%200-4-2-4-6zm24%200s0%203-4%209c0%200%204-2%204-6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/train.svg?color=%231a73e8&size=48
