locomotive emoji

locomotive from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
locomotive
Set
Fluent Emoji High Contrast
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

locomotiveEmoji One (Colored)locomotiveFluent EmojilocomotiveFluent Emoji FlatlocomotiveNoto EmojilocomotiveOpenMojilocomotiveStreamline EmojislocomotiveTwitter Emoji

More travel & places icons from Fluent Emoji High Contrast

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the locomotive emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19 26a2 2 0 1 1 4 0a2 2 0 0 1-4 0m8 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path d="M4.027 23.153V21H4v-.082a3.5 3.5 0 0 1 .087-4.929a4.77 4.77 0 0 1 2.591-3.5l-.645-.655A3.4 3.4 0 0 1 5.027 9.41V4a3 3 0 0 1 3-3h7.999a3 3 0 0 1 3 3v.444a3.7 3.7 0 0 1 1.75-.434h6.49a3.754 3.754 0 0 1 3.75 3.75V20h.01v3.037A5 5 0 0 1 24 30a5 5 0 0 1-6 0h-.356a3.99 3.99 0 0 1-4.644.462a4 4 0 0 1-1.973.538h-8.3A2.724 2.724 0 0 1 .81 26.338zM16.027 3h-8a1 1 0 0 0-1 1v2h10V4a1 1 0 0 0-1-1m1 5h-10v1.41a1.42 1.42 0 0 0 .42 1.01L9 12v1h6.027v-1l1.58-1.58a1.42 1.42 0 0 0 .42-1.01zm-8.254 6a2.75 2.75 0 0 0-2.746 2.75v.335l-.027.01a1.501 1.501 0 0 0 0 2.81l.027.01V20h13v-6zm-2.746 7v2.99l-3.81 3.77a.724.724 0 0 0 .51 1.24H8v-2a3 3 0 0 1 3-3h6.535A3.998 3.998 0 0 1 24 23.354A4 4 0 0 1 27 22c.74 0 1.433.2 2.027.55V22h-.01v-1zm18.557 6.779l.021.028a3 3 0 0 0 1.128.911A3 3 0 1 0 24 26a3 3 0 0 0-.746-1.98A3 3 0 0 0 21 23a3 3 0 0 0-2.236 1a3 3 0 0 0-.75 2.285A3 3 0 0 0 24 26c-.001.666.216 1.28.583 1.779M17 27a2 2 0 0 0-3.732-1H15c.55 0 1 .45 1 1s-.45 1-1 1h-1.732A2 2 0 0 0 17 27m-8 0l.001.068a2 2 0 0 0 3.73.932H11c-.55 0-1-.45-1-1s.45-1 1-1h1.732A1.99 1.99 0 0 0 11 25a2 2 0 0 0-2 2M27.027 8.9c0-.5-.4-.9-.9-.9h-4.2c-.5 0-.9.4-.9.9v4.2c0 .5.4.9.9.9h4.2c.49 0 .9-.4.9-.9z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastLocomotive(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19 26a2 2 0 1 1 4 0a2 2 0 0 1-4 0m8 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path d="M4.027 23.153V21H4v-.082a3.5 3.5 0 0 1 .087-4.929a4.77 4.77 0 0 1 2.591-3.5l-.645-.655A3.4 3.4 0 0 1 5.027 9.41V4a3 3 0 0 1 3-3h7.999a3 3 0 0 1 3 3v.444a3.7 3.7 0 0 1 1.75-.434h6.49a3.754 3.754 0 0 1 3.75 3.75V20h.01v3.037A5 5 0 0 1 24 30a5 5 0 0 1-6 0h-.356a3.99 3.99 0 0 1-4.644.462a4 4 0 0 1-1.973.538h-8.3A2.724 2.724 0 0 1 .81 26.338zM16.027 3h-8a1 1 0 0 0-1 1v2h10V4a1 1 0 0 0-1-1m1 5h-10v1.41a1.42 1.42 0 0 0 .42 1.01L9 12v1h6.027v-1l1.58-1.58a1.42 1.42 0 0 0 .42-1.01zm-8.254 6a2.75 2.75 0 0 0-2.746 2.75v.335l-.027.01a1.501 1.501 0 0 0 0 2.81l.027.01V20h13v-6zm-2.746 7v2.99l-3.81 3.77a.724.724 0 0 0 .51 1.24H8v-2a3 3 0 0 1 3-3h6.535A3.998 3.998 0 0 1 24 23.354A4 4 0 0 1 27 22c.74 0 1.433.2 2.027.55V22h-.01v-1zm18.557 6.779l.021.028a3 3 0 0 0 1.128.911A3 3 0 1 0 24 26a3 3 0 0 0-.746-1.98A3 3 0 0 0 21 23a3 3 0 0 0-2.236 1a3 3 0 0 0-.75 2.285A3 3 0 0 0 24 26c-.001.666.216 1.28.583 1.779M17 27a2 2 0 0 0-3.732-1H15c.55 0 1 .45 1 1s-.45 1-1 1h-1.732A2 2 0 0 0 17 27m-8 0l.001.068a2 2 0 0 0 3.73.932H11c-.55 0-1-.45-1-1s.45-1 1-1h1.732A1.99 1.99 0 0 0 11 25a2 2 0 0 0-2 2M27.027 8.9c0-.5-.4-.9-.9-.9h-4.2c-.5 0-.9.4-.9.9v4.2c0 .5.4.9.9.9h4.2c.49 0 .9-.4.9-.9z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M19 26a2 2 0 1 1 4 0a2 2 0 0 1-4 0m8 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path d="M4.027 23.153V21H4v-.082a3.5 3.5 0 0 1 .087-4.929a4.77 4.77 0 0 1 2.591-3.5l-.645-.655A3.4 3.4 0 0 1 5.027 9.41V4a3 3 0 0 1 3-3h7.999a3 3 0 0 1 3 3v.444a3.7 3.7 0 0 1 1.75-.434h6.49a3.754 3.754 0 0 1 3.75 3.75V20h.01v3.037A5 5 0 0 1 24 30a5 5 0 0 1-6 0h-.356a3.99 3.99 0 0 1-4.644.462a4 4 0 0 1-1.973.538h-8.3A2.724 2.724 0 0 1 .81 26.338zM16.027 3h-8a1 1 0 0 0-1 1v2h10V4a1 1 0 0 0-1-1m1 5h-10v1.41a1.42 1.42 0 0 0 .42 1.01L9 12v1h6.027v-1l1.58-1.58a1.42 1.42 0 0 0 .42-1.01zm-8.254 6a2.75 2.75 0 0 0-2.746 2.75v.335l-.027.01a1.501 1.501 0 0 0 0 2.81l.027.01V20h13v-6zm-2.746 7v2.99l-3.81 3.77a.724.724 0 0 0 .51 1.24H8v-2a3 3 0 0 1 3-3h6.535A3.998 3.998 0 0 1 24 23.354A4 4 0 0 1 27 22c.74 0 1.433.2 2.027.55V22h-.01v-1zm18.557 6.779l.021.028a3 3 0 0 0 1.128.911A3 3 0 1 0 24 26a3 3 0 0 0-.746-1.98A3 3 0 0 0 21 23a3 3 0 0 0-2.236 1a3 3 0 0 0-.75 2.285A3 3 0 0 0 24 26c-.001.666.216 1.28.583 1.779M17 27a2 2 0 0 0-3.732-1H15c.55 0 1 .45 1 1s-.45 1-1 1h-1.732A2 2 0 0 0 17 27m-8 0l.001.068a2 2 0 0 0 3.73.932H11c-.55 0-1-.45-1-1s.45-1 1-1h1.732A1.99 1.99 0 0 0 11 25a2 2 0 0 0-2 2M27.027 8.9c0-.5-.4-.9-.9-.9h-4.2c-.5 0-.9.4-.9.9v4.2c0 .5.4.9.9.9h4.2c.49 0 .9-.4.9-.9z"/></g></svg>
</template>

CSS

.icon-locomotive {
  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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19%2026a2%202%200%201%201%204%200a2%202%200%200%201-4%200m8%202a2%202%200%201%200%200-4a2%202%200%200%200%200%204%22%2F%3E%3Cpath%20d%3D%22M4.027%2023.153V21H4v-.082a3.5%203.5%200%200%201%20.087-4.929a4.77%204.77%200%200%201%202.591-3.5l-.645-.655A3.4%203.4%200%200%201%205.027%209.41V4a3%203%200%200%201%203-3h7.999a3%203%200%200%201%203%203v.444a3.7%203.7%200%200%201%201.75-.434h6.49a3.754%203.754%200%200%201%203.75%203.75V20h.01v3.037A5%205%200%200%201%2024%2030a5%205%200%200%201-6%200h-.356a3.99%203.99%200%200%201-4.644.462a4%204%200%200%201-1.973.538h-8.3A2.724%202.724%200%200%201%20.81%2026.338zM16.027%203h-8a1%201%200%200%200-1%201v2h10V4a1%201%200%200%200-1-1m1%205h-10v1.41a1.42%201.42%200%200%200%20.42%201.01L9%2012v1h6.027v-1l1.58-1.58a1.42%201.42%200%200%200%20.42-1.01zm-8.254%206a2.75%202.75%200%200%200-2.746%202.75v.335l-.027.01a1.501%201.501%200%200%200%200%202.81l.027.01V20h13v-6zm-2.746%207v2.99l-3.81%203.77a.724.724%200%200%200%20.51%201.24H8v-2a3%203%200%200%201%203-3h6.535A3.998%203.998%200%200%201%2024%2023.354A4%204%200%200%201%2027%2022c.74%200%201.433.2%202.027.55V22h-.01v-1zm18.557%206.779l.021.028a3%203%200%200%200%201.128.911A3%203%200%201%200%2024%2026a3%203%200%200%200-.746-1.98A3%203%200%200%200%2021%2023a3%203%200%200%200-2.236%201a3%203%200%200%200-.75%202.285A3%203%200%200%200%2024%2026c-.001.666.216%201.28.583%201.779M17%2027a2%202%200%200%200-3.732-1H15c.55%200%201%20.45%201%201s-.45%201-1%201h-1.732A2%202%200%200%200%2017%2027m-8%200l.001.068a2%202%200%200%200%203.73.932H11c-.55%200-1-.45-1-1s.45-1%201-1h1.732A1.99%201.99%200%200%200%2011%2025a2%202%200%200%200-2%202M27.027%208.9c0-.5-.4-.9-.9-.9h-4.2c-.5%200-.9.4-.9.9v4.2c0%20.5.4.9.9.9h4.2c.49%200%20.9-.4.9-.9z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19%2026a2%202%200%201%201%204%200a2%202%200%200%201-4%200m8%202a2%202%200%201%200%200-4a2%202%200%200%200%200%204%22%2F%3E%3Cpath%20d%3D%22M4.027%2023.153V21H4v-.082a3.5%203.5%200%200%201%20.087-4.929a4.77%204.77%200%200%201%202.591-3.5l-.645-.655A3.4%203.4%200%200%201%205.027%209.41V4a3%203%200%200%201%203-3h7.999a3%203%200%200%201%203%203v.444a3.7%203.7%200%200%201%201.75-.434h6.49a3.754%203.754%200%200%201%203.75%203.75V20h.01v3.037A5%205%200%200%201%2024%2030a5%205%200%200%201-6%200h-.356a3.99%203.99%200%200%201-4.644.462a4%204%200%200%201-1.973.538h-8.3A2.724%202.724%200%200%201%20.81%2026.338zM16.027%203h-8a1%201%200%200%200-1%201v2h10V4a1%201%200%200%200-1-1m1%205h-10v1.41a1.42%201.42%200%200%200%20.42%201.01L9%2012v1h6.027v-1l1.58-1.58a1.42%201.42%200%200%200%20.42-1.01zm-8.254%206a2.75%202.75%200%200%200-2.746%202.75v.335l-.027.01a1.501%201.501%200%200%200%200%202.81l.027.01V20h13v-6zm-2.746%207v2.99l-3.81%203.77a.724.724%200%200%200%20.51%201.24H8v-2a3%203%200%200%201%203-3h6.535A3.998%203.998%200%200%201%2024%2023.354A4%204%200%200%201%2027%2022c.74%200%201.433.2%202.027.55V22h-.01v-1zm18.557%206.779l.021.028a3%203%200%200%200%201.128.911A3%203%200%201%200%2024%2026a3%203%200%200%200-.746-1.98A3%203%200%200%200%2021%2023a3%203%200%200%200-2.236%201a3%203%200%200%200-.75%202.285A3%203%200%200%200%2024%2026c-.001.666.216%201.28.583%201.779M17%2027a2%202%200%200%200-3.732-1H15c.55%200%201%20.45%201%201s-.45%201-1%201h-1.732A2%202%200%200%200%2017%2027m-8%200l.001.068a2%202%200%200%200%203.73.932H11c-.55%200-1-.45-1-1s.45-1%201-1h1.732A1.99%201.99%200%200%200%2011%2025a2%202%200%200%200-2%202M27.027%208.9c0-.5-.4-.9-.9-.9h-4.2c-.5%200-.9.4-.9.9v4.2c0%20.5.4.9.9.9h4.2c.49%200%20.9-.4.9-.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/locomotive.svg?color=%231a73e8&size=48