train emoji

train from Emoji One (Colored) by Emoji One · Default · Travel · CC-BY-4.0 Attribution required.

Name
train
Set
Emoji One (Colored)
Style
Default
Category
Travel
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

trainBoxIcons v2trainBoxIcons v2 SolidtrainCarbontrainFont 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 EmojitrainOpenMoji

More travel icons from Emoji One (Colored)

aerial-tramwayairplaneairplane-arrivalairplane-departureambulanceanchorarticulated-lorryautomobilebankbeach-with-umbrellabicyclebridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horsecastlechurchcityscapecityscape-at-duskclassical-building

Use the train emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#94989b" d="M16.4 48.9L7.8 62h4.6l8.4-13.1z"/><path fill="#e6e6e6" d="M16.4 48.9H12L2 62h5.8z"/><path fill="#94989b" d="M47.6 48.9h-4.4L51.6 62h4.6z"/><path fill="#e6e6e6" d="M47.6 48.9L56.2 62H62L52 48.9z"/><path fill="#3e4347" d="M44 50.1H20L12.4 62h39.2z"/><path fill="#ba573f" d="M52.4 32.2H11.6V8.4C11.6 7.8 21.8 5 32 5s20.4 2.8 20.4 3.4z"/><path fill="#c5cdd3" d="M54.8 48.5c0 3.7-45.5 3.7-45.5 0v-6.1h45.5z"/><path fill="#dae3ea" d="M48 52.7c0 4.5-32 4.5-32 0v-7.5h32z"/><path fill="#f14e3a" d="M54.8 42.4H9.2v-30c0-.8 11.4-4.3 22.8-4.3s22.8 3.5 22.8 4.3z"/><path fill="#3e4347" d="M11.6 13.7v9.5L30.9 20v-9.5c-.2-.8-19.4 2.4-19.3 3.2m21.5-3.2V20l19.2 3.1v-9.5c.2-.7-19-3.9-19.2-3.1"/><path fill="#fdf516" d="M37.9 42.4H26.1V23.1c0-2.5 11.7-2.5 11.7 0c.1 3 .1 19.3.1 19.3"/><ellipse cx="32" cy="27.3" fill="#3e4347" rx="3.4" ry="3.3"/><g fill="#f14e3a"><ellipse cx="21.9" cy="5.1" rx="3.2" ry="3.1"/><ellipse cx="42.1" cy="5.1" rx="3.2" ry="3.1"/></g><g fill="#fdf516"><path d="M42.3 33.6c-5-1.1-15.6-1.1-20.6 0c-.7.1-1.9.8-1.9 1.9v3.8c0 1 1.3 1.7 1.9 1.9c5 1.1 15.6 1.1 20.6 0c.7-.1 1.9-.8 1.9-1.9v-3.8c.1-1.1-1.2-1.8-1.9-1.9m-.2 5c0 .7-1 1.2-1.6 1.2c-4.2.7-12.9.7-17.1 0c-.6-.1-1.6-.6-1.6-1.2v-2.5c0-.7 1-1.2 1.6-1.2c4.2-.7 12.9-.7 17.1 0c.6.1 1.6.6 1.6 1.2z"/><path d="M9.2 36.3h45.6v2.1H9.2z"/></g><path fill="#3e4347" d="M35.3 36.3c0 1.8-1.5 3.3-3.3 3.3s-3.3-1.5-3.3-3.3S30.2 33 32 33s3.3 1.5 3.3 3.3"/><circle cx="32" cy="36.3" r="1.5" fill="#fff"/><path fill="#94989b" d="M23 42.4h18v6.5H23z"/><path fill="#3e4347" d="M27.8 46.9h2.1v4.7h-2.1zm6.3 0h2.1v4.7h-2.1z"/><path fill="#94989b" d="M8.2 42.4h47.7v2.8H8.2z"/><path fill="#f14e3a" d="M26.1 53h11.7v4.3H26.1z"/><path fill="#3e4347" d="M55.8 32.9c-.1.6-.7 1-1.4.9l-9.3-1.6c-.6-.1-1.1-.7-1-1.3l.4-2.1c.1-.6.7-1 1.4-.9l9.3 1.6c.6.1 1.1.7 1 1.3zm-36.1-2c.1.6-.3 1.2-1 1.3l-9.3 1.6c-.6.1-1.3-.3-1.4-.9l-.4-2.1c-.1-.6.3-1.2 1-1.3l9.3-1.6c.6-.1 1.3.3 1.4.9z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneTrain(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#94989b" d="M16.4 48.9L7.8 62h4.6l8.4-13.1z"/><path fill="#e6e6e6" d="M16.4 48.9H12L2 62h5.8z"/><path fill="#94989b" d="M47.6 48.9h-4.4L51.6 62h4.6z"/><path fill="#e6e6e6" d="M47.6 48.9L56.2 62H62L52 48.9z"/><path fill="#3e4347" d="M44 50.1H20L12.4 62h39.2z"/><path fill="#ba573f" d="M52.4 32.2H11.6V8.4C11.6 7.8 21.8 5 32 5s20.4 2.8 20.4 3.4z"/><path fill="#c5cdd3" d="M54.8 48.5c0 3.7-45.5 3.7-45.5 0v-6.1h45.5z"/><path fill="#dae3ea" d="M48 52.7c0 4.5-32 4.5-32 0v-7.5h32z"/><path fill="#f14e3a" d="M54.8 42.4H9.2v-30c0-.8 11.4-4.3 22.8-4.3s22.8 3.5 22.8 4.3z"/><path fill="#3e4347" d="M11.6 13.7v9.5L30.9 20v-9.5c-.2-.8-19.4 2.4-19.3 3.2m21.5-3.2V20l19.2 3.1v-9.5c.2-.7-19-3.9-19.2-3.1"/><path fill="#fdf516" d="M37.9 42.4H26.1V23.1c0-2.5 11.7-2.5 11.7 0c.1 3 .1 19.3.1 19.3"/><ellipse cx="32" cy="27.3" fill="#3e4347" rx="3.4" ry="3.3"/><g fill="#f14e3a"><ellipse cx="21.9" cy="5.1" rx="3.2" ry="3.1"/><ellipse cx="42.1" cy="5.1" rx="3.2" ry="3.1"/></g><g fill="#fdf516"><path d="M42.3 33.6c-5-1.1-15.6-1.1-20.6 0c-.7.1-1.9.8-1.9 1.9v3.8c0 1 1.3 1.7 1.9 1.9c5 1.1 15.6 1.1 20.6 0c.7-.1 1.9-.8 1.9-1.9v-3.8c.1-1.1-1.2-1.8-1.9-1.9m-.2 5c0 .7-1 1.2-1.6 1.2c-4.2.7-12.9.7-17.1 0c-.6-.1-1.6-.6-1.6-1.2v-2.5c0-.7 1-1.2 1.6-1.2c4.2-.7 12.9-.7 17.1 0c.6.1 1.6.6 1.6 1.2z"/><path d="M9.2 36.3h45.6v2.1H9.2z"/></g><path fill="#3e4347" d="M35.3 36.3c0 1.8-1.5 3.3-3.3 3.3s-3.3-1.5-3.3-3.3S30.2 33 32 33s3.3 1.5 3.3 3.3"/><circle cx="32" cy="36.3" r="1.5" fill="#fff"/><path fill="#94989b" d="M23 42.4h18v6.5H23z"/><path fill="#3e4347" d="M27.8 46.9h2.1v4.7h-2.1zm6.3 0h2.1v4.7h-2.1z"/><path fill="#94989b" d="M8.2 42.4h47.7v2.8H8.2z"/><path fill="#f14e3a" d="M26.1 53h11.7v4.3H26.1z"/><path fill="#3e4347" d="M55.8 32.9c-.1.6-.7 1-1.4.9l-9.3-1.6c-.6-.1-1.1-.7-1-1.3l.4-2.1c.1-.6.7-1 1.4-.9l9.3 1.6c.6.1 1.1.7 1 1.3zm-36.1-2c.1.6-.3 1.2-1 1.3l-9.3 1.6c-.6.1-1.3-.3-1.4-.9l-.4-2.1c-.1-.6.3-1.2 1-1.3l9.3-1.6c.6-.1 1.3.3 1.4.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#94989b" d="M16.4 48.9L7.8 62h4.6l8.4-13.1z"/><path fill="#e6e6e6" d="M16.4 48.9H12L2 62h5.8z"/><path fill="#94989b" d="M47.6 48.9h-4.4L51.6 62h4.6z"/><path fill="#e6e6e6" d="M47.6 48.9L56.2 62H62L52 48.9z"/><path fill="#3e4347" d="M44 50.1H20L12.4 62h39.2z"/><path fill="#ba573f" d="M52.4 32.2H11.6V8.4C11.6 7.8 21.8 5 32 5s20.4 2.8 20.4 3.4z"/><path fill="#c5cdd3" d="M54.8 48.5c0 3.7-45.5 3.7-45.5 0v-6.1h45.5z"/><path fill="#dae3ea" d="M48 52.7c0 4.5-32 4.5-32 0v-7.5h32z"/><path fill="#f14e3a" d="M54.8 42.4H9.2v-30c0-.8 11.4-4.3 22.8-4.3s22.8 3.5 22.8 4.3z"/><path fill="#3e4347" d="M11.6 13.7v9.5L30.9 20v-9.5c-.2-.8-19.4 2.4-19.3 3.2m21.5-3.2V20l19.2 3.1v-9.5c.2-.7-19-3.9-19.2-3.1"/><path fill="#fdf516" d="M37.9 42.4H26.1V23.1c0-2.5 11.7-2.5 11.7 0c.1 3 .1 19.3.1 19.3"/><ellipse cx="32" cy="27.3" fill="#3e4347" rx="3.4" ry="3.3"/><g fill="#f14e3a"><ellipse cx="21.9" cy="5.1" rx="3.2" ry="3.1"/><ellipse cx="42.1" cy="5.1" rx="3.2" ry="3.1"/></g><g fill="#fdf516"><path d="M42.3 33.6c-5-1.1-15.6-1.1-20.6 0c-.7.1-1.9.8-1.9 1.9v3.8c0 1 1.3 1.7 1.9 1.9c5 1.1 15.6 1.1 20.6 0c.7-.1 1.9-.8 1.9-1.9v-3.8c.1-1.1-1.2-1.8-1.9-1.9m-.2 5c0 .7-1 1.2-1.6 1.2c-4.2.7-12.9.7-17.1 0c-.6-.1-1.6-.6-1.6-1.2v-2.5c0-.7 1-1.2 1.6-1.2c4.2-.7 12.9-.7 17.1 0c.6.1 1.6.6 1.6 1.2z"/><path d="M9.2 36.3h45.6v2.1H9.2z"/></g><path fill="#3e4347" d="M35.3 36.3c0 1.8-1.5 3.3-3.3 3.3s-3.3-1.5-3.3-3.3S30.2 33 32 33s3.3 1.5 3.3 3.3"/><circle cx="32" cy="36.3" r="1.5" fill="#fff"/><path fill="#94989b" d="M23 42.4h18v6.5H23z"/><path fill="#3e4347" d="M27.8 46.9h2.1v4.7h-2.1zm6.3 0h2.1v4.7h-2.1z"/><path fill="#94989b" d="M8.2 42.4h47.7v2.8H8.2z"/><path fill="#f14e3a" d="M26.1 53h11.7v4.3H26.1z"/><path fill="#3e4347" d="M55.8 32.9c-.1.6-.7 1-1.4.9l-9.3-1.6c-.6-.1-1.1-.7-1-1.3l.4-2.1c.1-.6.7-1 1.4-.9l9.3 1.6c.6.1 1.1.7 1 1.3zm-36.1-2c.1.6-.3 1.2-1 1.3l-9.3 1.6c-.6.1-1.3-.3-1.4-.9l-.4-2.1c-.1-.6.3-1.2 1-1.3l9.3-1.6c.6-.1 1.3.3 1.4.9z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M16.4%2048.9L7.8%2062h4.6l8.4-13.1z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M16.4%2048.9H12L2%2062h5.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M47.6%2048.9h-4.4L51.6%2062h4.6z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M47.6%2048.9L56.2%2062H62L52%2048.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M44%2050.1H20L12.4%2062h39.2z%22%2F%3E%3Cpath%20fill%3D%22%23ba573f%22%20d%3D%22M52.4%2032.2H11.6V8.4C11.6%207.8%2021.8%205%2032%205s20.4%202.8%2020.4%203.4z%22%2F%3E%3Cpath%20fill%3D%22%23c5cdd3%22%20d%3D%22M54.8%2048.5c0%203.7-45.5%203.7-45.5%200v-6.1h45.5z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M48%2052.7c0%204.5-32%204.5-32%200v-7.5h32z%22%2F%3E%3Cpath%20fill%3D%22%23f14e3a%22%20d%3D%22M54.8%2042.4H9.2v-30c0-.8%2011.4-4.3%2022.8-4.3s22.8%203.5%2022.8%204.3z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M11.6%2013.7v9.5L30.9%2020v-9.5c-.2-.8-19.4%202.4-19.3%203.2m21.5-3.2V20l19.2%203.1v-9.5c.2-.7-19-3.9-19.2-3.1%22%2F%3E%3Cpath%20fill%3D%22%23fdf516%22%20d%3D%22M37.9%2042.4H26.1V23.1c0-2.5%2011.7-2.5%2011.7%200c.1%203%20.1%2019.3.1%2019.3%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2227.3%22%20fill%3D%22%233e4347%22%20rx%3D%223.4%22%20ry%3D%223.3%22%2F%3E%3Cg%20fill%3D%22%23f14e3a%22%3E%3Cellipse%20cx%3D%2221.9%22%20cy%3D%225.1%22%20rx%3D%223.2%22%20ry%3D%223.1%22%2F%3E%3Cellipse%20cx%3D%2242.1%22%20cy%3D%225.1%22%20rx%3D%223.2%22%20ry%3D%223.1%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fdf516%22%3E%3Cpath%20d%3D%22M42.3%2033.6c-5-1.1-15.6-1.1-20.6%200c-.7.1-1.9.8-1.9%201.9v3.8c0%201%201.3%201.7%201.9%201.9c5%201.1%2015.6%201.1%2020.6%200c.7-.1%201.9-.8%201.9-1.9v-3.8c.1-1.1-1.2-1.8-1.9-1.9m-.2%205c0%20.7-1%201.2-1.6%201.2c-4.2.7-12.9.7-17.1%200c-.6-.1-1.6-.6-1.6-1.2v-2.5c0-.7%201-1.2%201.6-1.2c4.2-.7%2012.9-.7%2017.1%200c.6.1%201.6.6%201.6%201.2z%22%2F%3E%3Cpath%20d%3D%22M9.2%2036.3h45.6v2.1H9.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M35.3%2036.3c0%201.8-1.5%203.3-3.3%203.3s-3.3-1.5-3.3-3.3S30.2%2033%2032%2033s3.3%201.5%203.3%203.3%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2236.3%22%20r%3D%221.5%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M23%2042.4h18v6.5H23z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M27.8%2046.9h2.1v4.7h-2.1zm6.3%200h2.1v4.7h-2.1z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M8.2%2042.4h47.7v2.8H8.2z%22%2F%3E%3Cpath%20fill%3D%22%23f14e3a%22%20d%3D%22M26.1%2053h11.7v4.3H26.1z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M55.8%2032.9c-.1.6-.7%201-1.4.9l-9.3-1.6c-.6-.1-1.1-.7-1-1.3l.4-2.1c.1-.6.7-1%201.4-.9l9.3%201.6c.6.1%201.1.7%201%201.3zm-36.1-2c.1.6-.3%201.2-1%201.3l-9.3%201.6c-.6.1-1.3-.3-1.4-.9l-.4-2.1c-.1-.6.3-1.2%201-1.3l9.3-1.6c.6-.1%201.3.3%201.4.9z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M16.4%2048.9L7.8%2062h4.6l8.4-13.1z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M16.4%2048.9H12L2%2062h5.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M47.6%2048.9h-4.4L51.6%2062h4.6z%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M47.6%2048.9L56.2%2062H62L52%2048.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M44%2050.1H20L12.4%2062h39.2z%22%2F%3E%3Cpath%20fill%3D%22%23ba573f%22%20d%3D%22M52.4%2032.2H11.6V8.4C11.6%207.8%2021.8%205%2032%205s20.4%202.8%2020.4%203.4z%22%2F%3E%3Cpath%20fill%3D%22%23c5cdd3%22%20d%3D%22M54.8%2048.5c0%203.7-45.5%203.7-45.5%200v-6.1h45.5z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M48%2052.7c0%204.5-32%204.5-32%200v-7.5h32z%22%2F%3E%3Cpath%20fill%3D%22%23f14e3a%22%20d%3D%22M54.8%2042.4H9.2v-30c0-.8%2011.4-4.3%2022.8-4.3s22.8%203.5%2022.8%204.3z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M11.6%2013.7v9.5L30.9%2020v-9.5c-.2-.8-19.4%202.4-19.3%203.2m21.5-3.2V20l19.2%203.1v-9.5c.2-.7-19-3.9-19.2-3.1%22%2F%3E%3Cpath%20fill%3D%22%23fdf516%22%20d%3D%22M37.9%2042.4H26.1V23.1c0-2.5%2011.7-2.5%2011.7%200c.1%203%20.1%2019.3.1%2019.3%22%2F%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2227.3%22%20fill%3D%22%233e4347%22%20rx%3D%223.4%22%20ry%3D%223.3%22%2F%3E%3Cg%20fill%3D%22%23f14e3a%22%3E%3Cellipse%20cx%3D%2221.9%22%20cy%3D%225.1%22%20rx%3D%223.2%22%20ry%3D%223.1%22%2F%3E%3Cellipse%20cx%3D%2242.1%22%20cy%3D%225.1%22%20rx%3D%223.2%22%20ry%3D%223.1%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fdf516%22%3E%3Cpath%20d%3D%22M42.3%2033.6c-5-1.1-15.6-1.1-20.6%200c-.7.1-1.9.8-1.9%201.9v3.8c0%201%201.3%201.7%201.9%201.9c5%201.1%2015.6%201.1%2020.6%200c.7-.1%201.9-.8%201.9-1.9v-3.8c.1-1.1-1.2-1.8-1.9-1.9m-.2%205c0%20.7-1%201.2-1.6%201.2c-4.2.7-12.9.7-17.1%200c-.6-.1-1.6-.6-1.6-1.2v-2.5c0-.7%201-1.2%201.6-1.2c4.2-.7%2012.9-.7%2017.1%200c.6.1%201.6.6%201.6%201.2z%22%2F%3E%3Cpath%20d%3D%22M9.2%2036.3h45.6v2.1H9.2z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M35.3%2036.3c0%201.8-1.5%203.3-3.3%203.3s-3.3-1.5-3.3-3.3S30.2%2033%2032%2033s3.3%201.5%203.3%203.3%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2236.3%22%20r%3D%221.5%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M23%2042.4h18v6.5H23z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M27.8%2046.9h2.1v4.7h-2.1zm6.3%200h2.1v4.7h-2.1z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M8.2%2042.4h47.7v2.8H8.2z%22%2F%3E%3Cpath%20fill%3D%22%23f14e3a%22%20d%3D%22M26.1%2053h11.7v4.3H26.1z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M55.8%2032.9c-.1.6-.7%201-1.4.9l-9.3-1.6c-.6-.1-1.1-.7-1-1.3l.4-2.1c.1-.6.7-1%201.4-.9l9.3%201.6c.6.1%201.1.7%201%201.3zm-36.1-2c.1.6-.3%201.2-1%201.3l-9.3%201.6c-.6.1-1.3-.3-1.4-.9l-.4-2.1c-.1-.6.3-1.2%201-1.3l9.3-1.6c.6-.1%201.3.3%201.4.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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