locomotive emoji
locomotive from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- locomotive
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the locomotive emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#939598" d="M0 34h36v2H0z"/><path fill="#231f20" d="M6 27h29v5H6z"/><circle cx="6.999" cy="32" r="3" fill="#58595b"/><circle cx="12.999" cy="32" r="3" fill="#58595b"/><circle cx="6.999" cy="32" r="1.5" fill="#a0041e"/><circle cx="12.999" cy="32" r="1.5" fill="#a0041e"/><path fill="#dd2e44" d="M5 33H1c-1 0-1.5-.5 0-2l4-4c1-1 2-2.001 2 0v4c0 2-.001 2-2 2"/><path fill="#231f20" d="M8 20c0 3.313-1.343 6-3 6s-3-2.687-3-6s1.343-6 3-6s3 2.686 3 6"/><path fill="#6d6e71" d="M11 15H7L5 7h8z"/><path fill="#414042" d="M26 25a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V15a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2z"/><path fill="#c1694f" d="M13 26a1 1 0 1 1-2 0V13a1 1 0 0 1 2 0zm6 0a1 1 0 1 1-2 0V13a1 1 0 1 1 2 0z"/><path fill="#808285" d="M36 26a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h28a1 1 0 0 1 1 1"/><circle cx="29.999" cy="31" r="4" fill="#58595b"/><circle cx="21.999" cy="31" r="4" fill="#58595b"/><circle cx="29.999" cy="31" r="2" fill="#a0041e"/><circle cx="21.999" cy="31" r="2" fill="#a0041e"/><path fill="#414042" d="M12 3H6a1 1 0 0 0-1 1v3h8V4a1 1 0 0 0-1-1"/><path fill="#be1931" d="M23 7h12v18H23z"/><path fill="#a0041e" d="M36 6a1 1 0 0 1-1 1H23a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1"/><path fill="#ea596e" d="M25 18h8v5h-8z"/><path fill="#f4900c" d="M30 32h-8q-.192 0-.371-.071L16.807 30H10a1 1 0 1 1 0-2h7q.193 0 .372.071L22.192 30H30a1 1 0 1 1 0 2"/><path fill="#55acee" d="M33 10a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiLocomotive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#939598" d="M0 34h36v2H0z"/><path fill="#231f20" d="M6 27h29v5H6z"/><circle cx="6.999" cy="32" r="3" fill="#58595b"/><circle cx="12.999" cy="32" r="3" fill="#58595b"/><circle cx="6.999" cy="32" r="1.5" fill="#a0041e"/><circle cx="12.999" cy="32" r="1.5" fill="#a0041e"/><path fill="#dd2e44" d="M5 33H1c-1 0-1.5-.5 0-2l4-4c1-1 2-2.001 2 0v4c0 2-.001 2-2 2"/><path fill="#231f20" d="M8 20c0 3.313-1.343 6-3 6s-3-2.687-3-6s1.343-6 3-6s3 2.686 3 6"/><path fill="#6d6e71" d="M11 15H7L5 7h8z"/><path fill="#414042" d="M26 25a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V15a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2z"/><path fill="#c1694f" d="M13 26a1 1 0 1 1-2 0V13a1 1 0 0 1 2 0zm6 0a1 1 0 1 1-2 0V13a1 1 0 1 1 2 0z"/><path fill="#808285" d="M36 26a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h28a1 1 0 0 1 1 1"/><circle cx="29.999" cy="31" r="4" fill="#58595b"/><circle cx="21.999" cy="31" r="4" fill="#58595b"/><circle cx="29.999" cy="31" r="2" fill="#a0041e"/><circle cx="21.999" cy="31" r="2" fill="#a0041e"/><path fill="#414042" d="M12 3H6a1 1 0 0 0-1 1v3h8V4a1 1 0 0 0-1-1"/><path fill="#be1931" d="M23 7h12v18H23z"/><path fill="#a0041e" d="M36 6a1 1 0 0 1-1 1H23a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1"/><path fill="#ea596e" d="M25 18h8v5h-8z"/><path fill="#f4900c" d="M30 32h-8q-.192 0-.371-.071L16.807 30H10a1 1 0 1 1 0-2h7q.193 0 .372.071L22.192 30H30a1 1 0 1 1 0 2"/><path fill="#55acee" d="M33 10a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#939598" d="M0 34h36v2H0z"/><path fill="#231f20" d="M6 27h29v5H6z"/><circle cx="6.999" cy="32" r="3" fill="#58595b"/><circle cx="12.999" cy="32" r="3" fill="#58595b"/><circle cx="6.999" cy="32" r="1.5" fill="#a0041e"/><circle cx="12.999" cy="32" r="1.5" fill="#a0041e"/><path fill="#dd2e44" d="M5 33H1c-1 0-1.5-.5 0-2l4-4c1-1 2-2.001 2 0v4c0 2-.001 2-2 2"/><path fill="#231f20" d="M8 20c0 3.313-1.343 6-3 6s-3-2.687-3-6s1.343-6 3-6s3 2.686 3 6"/><path fill="#6d6e71" d="M11 15H7L5 7h8z"/><path fill="#414042" d="M26 25a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V15a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2z"/><path fill="#c1694f" d="M13 26a1 1 0 1 1-2 0V13a1 1 0 0 1 2 0zm6 0a1 1 0 1 1-2 0V13a1 1 0 1 1 2 0z"/><path fill="#808285" d="M36 26a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h28a1 1 0 0 1 1 1"/><circle cx="29.999" cy="31" r="4" fill="#58595b"/><circle cx="21.999" cy="31" r="4" fill="#58595b"/><circle cx="29.999" cy="31" r="2" fill="#a0041e"/><circle cx="21.999" cy="31" r="2" fill="#a0041e"/><path fill="#414042" d="M12 3H6a1 1 0 0 0-1 1v3h8V4a1 1 0 0 0-1-1"/><path fill="#be1931" d="M23 7h12v18H23z"/><path fill="#a0041e" d="M36 6a1 1 0 0 1-1 1H23a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1"/><path fill="#ea596e" d="M25 18h8v5h-8z"/><path fill="#f4900c" d="M30 32h-8q-.192 0-.371-.071L16.807 30H10a1 1 0 1 1 0-2h7q.193 0 .372.071L22.192 30H30a1 1 0 1 1 0 2"/><path fill="#55acee" d="M33 10a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23939598%22%20d%3D%22M0%2034h36v2H0z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M6%2027h29v5H6z%22%2F%3E%3Ccircle%20cx%3D%226.999%22%20cy%3D%2232%22%20r%3D%223%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%2212.999%22%20cy%3D%2232%22%20r%3D%223%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%226.999%22%20cy%3D%2232%22%20r%3D%221.5%22%20fill%3D%22%23a0041e%22%2F%3E%3Ccircle%20cx%3D%2212.999%22%20cy%3D%2232%22%20r%3D%221.5%22%20fill%3D%22%23a0041e%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M5%2033H1c-1%200-1.5-.5%200-2l4-4c1-1%202-2.001%202%200v4c0%202-.001%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M8%2020c0%203.313-1.343%206-3%206s-3-2.687-3-6s1.343-6%203-6s3%202.686%203%206%22%2F%3E%3Cpath%20fill%3D%22%236d6e71%22%20d%3D%22M11%2015H7L5%207h8z%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M26%2025a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V15a2%202%200%200%201%202-2h18a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M13%2026a1%201%200%201%201-2%200V13a1%201%200%200%201%202%200zm6%200a1%201%200%201%201-2%200V13a1%201%200%201%201%202%200z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M36%2026a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h28a1%201%200%200%201%201%201%22%2F%3E%3Ccircle%20cx%3D%2229.999%22%20cy%3D%2231%22%20r%3D%224%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%2221.999%22%20cy%3D%2231%22%20r%3D%224%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%2229.999%22%20cy%3D%2231%22%20r%3D%222%22%20fill%3D%22%23a0041e%22%2F%3E%3Ccircle%20cx%3D%2221.999%22%20cy%3D%2231%22%20r%3D%222%22%20fill%3D%22%23a0041e%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M12%203H6a1%201%200%200%200-1%201v3h8V4a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M23%207h12v18H23z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M36%206a1%201%200%200%201-1%201H23a1%201%200%201%201%200-2h12a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M25%2018h8v5h-8z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M30%2032h-8q-.192%200-.371-.071L16.807%2030H10a1%201%200%201%201%200-2h7q.193%200%20.372.071L22.192%2030H30a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M33%2010a1%201%200%200%200-1-1h-6a1%201%200%200%200-1%201v5a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1z%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%23939598%22%20d%3D%22M0%2034h36v2H0z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M6%2027h29v5H6z%22%2F%3E%3Ccircle%20cx%3D%226.999%22%20cy%3D%2232%22%20r%3D%223%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%2212.999%22%20cy%3D%2232%22%20r%3D%223%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%226.999%22%20cy%3D%2232%22%20r%3D%221.5%22%20fill%3D%22%23a0041e%22%2F%3E%3Ccircle%20cx%3D%2212.999%22%20cy%3D%2232%22%20r%3D%221.5%22%20fill%3D%22%23a0041e%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M5%2033H1c-1%200-1.5-.5%200-2l4-4c1-1%202-2.001%202%200v4c0%202-.001%202-2%202%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M8%2020c0%203.313-1.343%206-3%206s-3-2.687-3-6s1.343-6%203-6s3%202.686%203%206%22%2F%3E%3Cpath%20fill%3D%22%236d6e71%22%20d%3D%22M11%2015H7L5%207h8z%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M26%2025a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V15a2%202%200%200%201%202-2h18a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M13%2026a1%201%200%201%201-2%200V13a1%201%200%200%201%202%200zm6%200a1%201%200%201%201-2%200V13a1%201%200%201%201%202%200z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M36%2026a1%201%200%200%201-1%201H7a1%201%200%201%201%200-2h28a1%201%200%200%201%201%201%22%2F%3E%3Ccircle%20cx%3D%2229.999%22%20cy%3D%2231%22%20r%3D%224%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%2221.999%22%20cy%3D%2231%22%20r%3D%224%22%20fill%3D%22%2358595b%22%2F%3E%3Ccircle%20cx%3D%2229.999%22%20cy%3D%2231%22%20r%3D%222%22%20fill%3D%22%23a0041e%22%2F%3E%3Ccircle%20cx%3D%2221.999%22%20cy%3D%2231%22%20r%3D%222%22%20fill%3D%22%23a0041e%22%2F%3E%3Cpath%20fill%3D%22%23414042%22%20d%3D%22M12%203H6a1%201%200%200%200-1%201v3h8V4a1%201%200%200%200-1-1%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M23%207h12v18H23z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M36%206a1%201%200%200%201-1%201H23a1%201%200%201%201%200-2h12a1%201%200%200%201%201%201%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M25%2018h8v5h-8z%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M30%2032h-8q-.192%200-.371-.071L16.807%2030H10a1%201%200%201%201%200-2h7q.193%200%20.372.071L22.192%2030H30a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M33%2010a1%201%200%200%200-1-1h-6a1%201%200%200%200-1%201v5a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/locomotive.svg?color=%231a73e8&size=48
