motorway emoji
motorway from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- motorway
- 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 motorway emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="M36 32s0 4-4 4H4s-4 0-4-4V4c0-4 4-4 4-4h28c4 0 4 4 4 4z"/><path fill="#77b255" d="M0 32c0 4 4 4 4 4h28c4 0 4-4 4-4V19H0z"/><path fill="#f5f8fa" d="M31.313 2.678q-.413.002-.787.119a2.16 2.16 0 0 0-2.04-1.449c-1.013 0-1.86.697-2.096 1.637a1.5 1.5 0 0 0-.898-.306a1.497 1.497 0 0 0-1.383 2.064a1.7 1.7 0 0 0-.446-.068a1.662 1.662 0 1 0 0 3.325h7.65a2.661 2.661 0 0 0 0-5.322"/><path fill="#d99e82" d="M22.375 19h-8.75L2.263 35.616C3.167 35.995 4 36 4 36h28c.71 0 1.289-.13 1.77-.338z"/><path fill="#58595b" d="M4 36h28L21.375 19h-6.75z"/><path fill="#808285" d="M6.625 36h22.75l-8.75-17h-5.25z"/><path fill="#ccd6dd" d="M24 36h-1l-4-17h.469zm-7-17l-4 17h-1l4.484-17z"/><path fill="#808285" d="M12 33h12v1H12zm0-3h12v1H12zm-.062-2.688h12v1h-12zM13 25h10v1H13zm2-2h6v1h-6zm0-1.688h6V22h-6zm0-1.437h6v.688h-6z"/><path fill="#66757f" d="M8 21.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0zm21 .096a.404.404 0 0 1-.404.404h-.191a.404.404 0 0 1-.405-.404V10.404c0-.223.181-.404.404-.404h.191c.224 0 .405.181.405.404z"/><path fill="#66757f" d="M29 10.5a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1 0-1h21a.5.5 0 0 1 .5.5m0 5.116a.384.384 0 0 1-.384.384H7.384A.384.384 0 0 1 7 15.616v-.232c0-.212.172-.384.384-.384h21.232c.212 0 .384.172.384.384z"/><path fill="#5c913b" d="M27 15a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1z"/><path fill="#a6d488" d="M13 11h2v2h-2z"/><path fill="#77b255" d="M12 14h4v1h-4z"/><path fill="#a6d488" d="M21 11h2v2h-2z"/><path fill="#77b255" d="M20 14h4v1h-4z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMotorway(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="M36 32s0 4-4 4H4s-4 0-4-4V4c0-4 4-4 4-4h28c4 0 4 4 4 4z"/><path fill="#77b255" d="M0 32c0 4 4 4 4 4h28c4 0 4-4 4-4V19H0z"/><path fill="#f5f8fa" d="M31.313 2.678q-.413.002-.787.119a2.16 2.16 0 0 0-2.04-1.449c-1.013 0-1.86.697-2.096 1.637a1.5 1.5 0 0 0-.898-.306a1.497 1.497 0 0 0-1.383 2.064a1.7 1.7 0 0 0-.446-.068a1.662 1.662 0 1 0 0 3.325h7.65a2.661 2.661 0 0 0 0-5.322"/><path fill="#d99e82" d="M22.375 19h-8.75L2.263 35.616C3.167 35.995 4 36 4 36h28c.71 0 1.289-.13 1.77-.338z"/><path fill="#58595b" d="M4 36h28L21.375 19h-6.75z"/><path fill="#808285" d="M6.625 36h22.75l-8.75-17h-5.25z"/><path fill="#ccd6dd" d="M24 36h-1l-4-17h.469zm-7-17l-4 17h-1l4.484-17z"/><path fill="#808285" d="M12 33h12v1H12zm0-3h12v1H12zm-.062-2.688h12v1h-12zM13 25h10v1H13zm2-2h6v1h-6zm0-1.688h6V22h-6zm0-1.437h6v.688h-6z"/><path fill="#66757f" d="M8 21.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0zm21 .096a.404.404 0 0 1-.404.404h-.191a.404.404 0 0 1-.405-.404V10.404c0-.223.181-.404.404-.404h.191c.224 0 .405.181.405.404z"/><path fill="#66757f" d="M29 10.5a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1 0-1h21a.5.5 0 0 1 .5.5m0 5.116a.384.384 0 0 1-.384.384H7.384A.384.384 0 0 1 7 15.616v-.232c0-.212.172-.384.384-.384h21.232c.212 0 .384.172.384.384z"/><path fill="#5c913b" d="M27 15a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1z"/><path fill="#a6d488" d="M13 11h2v2h-2z"/><path fill="#77b255" d="M12 14h4v1h-4z"/><path fill="#a6d488" d="M21 11h2v2h-2z"/><path fill="#77b255" d="M20 14h4v1h-4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#88c9f9" d="M36 32s0 4-4 4H4s-4 0-4-4V4c0-4 4-4 4-4h28c4 0 4 4 4 4z"/><path fill="#77b255" d="M0 32c0 4 4 4 4 4h28c4 0 4-4 4-4V19H0z"/><path fill="#f5f8fa" d="M31.313 2.678q-.413.002-.787.119a2.16 2.16 0 0 0-2.04-1.449c-1.013 0-1.86.697-2.096 1.637a1.5 1.5 0 0 0-.898-.306a1.497 1.497 0 0 0-1.383 2.064a1.7 1.7 0 0 0-.446-.068a1.662 1.662 0 1 0 0 3.325h7.65a2.661 2.661 0 0 0 0-5.322"/><path fill="#d99e82" d="M22.375 19h-8.75L2.263 35.616C3.167 35.995 4 36 4 36h28c.71 0 1.289-.13 1.77-.338z"/><path fill="#58595b" d="M4 36h28L21.375 19h-6.75z"/><path fill="#808285" d="M6.625 36h22.75l-8.75-17h-5.25z"/><path fill="#ccd6dd" d="M24 36h-1l-4-17h.469zm-7-17l-4 17h-1l4.484-17z"/><path fill="#808285" d="M12 33h12v1H12zm0-3h12v1H12zm-.062-2.688h12v1h-12zM13 25h10v1H13zm2-2h6v1h-6zm0-1.688h6V22h-6zm0-1.437h6v.688h-6z"/><path fill="#66757f" d="M8 21.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0zm21 .096a.404.404 0 0 1-.404.404h-.191a.404.404 0 0 1-.405-.404V10.404c0-.223.181-.404.404-.404h.191c.224 0 .405.181.405.404z"/><path fill="#66757f" d="M29 10.5a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1 0-1h21a.5.5 0 0 1 .5.5m0 5.116a.384.384 0 0 1-.384.384H7.384A.384.384 0 0 1 7 15.616v-.232c0-.212.172-.384.384-.384h21.232c.212 0 .384.172.384.384z"/><path fill="#5c913b" d="M27 15a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1z"/><path fill="#a6d488" d="M13 11h2v2h-2z"/><path fill="#77b255" d="M12 14h4v1h-4z"/><path fill="#a6d488" d="M21 11h2v2h-2z"/><path fill="#77b255" d="M20 14h4v1h-4z"/></svg> </template>
CSS
.icon-motorway {
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%2388c9f9%22%20d%3D%22M36%2032s0%204-4%204H4s-4%200-4-4V4c0-4%204-4%204-4h28c4%200%204%204%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M0%2032c0%204%204%204%204%204h28c4%200%204-4%204-4V19H0z%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M31.313%202.678q-.413.002-.787.119a2.16%202.16%200%200%200-2.04-1.449c-1.013%200-1.86.697-2.096%201.637a1.5%201.5%200%200%200-.898-.306a1.497%201.497%200%200%200-1.383%202.064a1.7%201.7%200%200%200-.446-.068a1.662%201.662%200%201%200%200%203.325h7.65a2.661%202.661%200%200%200%200-5.322%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M22.375%2019h-8.75L2.263%2035.616C3.167%2035.995%204%2036%204%2036h28c.71%200%201.289-.13%201.77-.338z%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M4%2036h28L21.375%2019h-6.75z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M6.625%2036h22.75l-8.75-17h-5.25z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M24%2036h-1l-4-17h.469zm-7-17l-4%2017h-1l4.484-17z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M12%2033h12v1H12zm0-3h12v1H12zm-.062-2.688h12v1h-12zM13%2025h10v1H13zm2-2h6v1h-6zm0-1.688h6V22h-6zm0-1.437h6v.688h-6z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M8%2021.5a.5.5%200%200%201-1%200v-11a.5.5%200%200%201%201%200zm21%20.096a.404.404%200%200%201-.404.404h-.191a.404.404%200%200%201-.405-.404V10.404c0-.223.181-.404.404-.404h.191c.224%200%20.405.181.405.404z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M29%2010.5a.5.5%200%200%201-.5.5h-21a.5.5%200%200%201%200-1h21a.5.5%200%200%201%20.5.5m0%205.116a.384.384%200%200%201-.384.384H7.384A.384.384%200%200%201%207%2015.616v-.232c0-.212.172-.384.384-.384h21.232c.212%200%20.384.172.384.384z%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M27%2015a1%201%200%200%201-1%201H10a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h16a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20fill%3D%22%23a6d488%22%20d%3D%22M13%2011h2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M12%2014h4v1h-4z%22%2F%3E%3Cpath%20fill%3D%22%23a6d488%22%20d%3D%22M21%2011h2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M20%2014h4v1h-4z%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%2388c9f9%22%20d%3D%22M36%2032s0%204-4%204H4s-4%200-4-4V4c0-4%204-4%204-4h28c4%200%204%204%204%204z%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M0%2032c0%204%204%204%204%204h28c4%200%204-4%204-4V19H0z%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M31.313%202.678q-.413.002-.787.119a2.16%202.16%200%200%200-2.04-1.449c-1.013%200-1.86.697-2.096%201.637a1.5%201.5%200%200%200-.898-.306a1.497%201.497%200%200%200-1.383%202.064a1.7%201.7%200%200%200-.446-.068a1.662%201.662%200%201%200%200%203.325h7.65a2.661%202.661%200%200%200%200-5.322%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M22.375%2019h-8.75L2.263%2035.616C3.167%2035.995%204%2036%204%2036h28c.71%200%201.289-.13%201.77-.338z%22%2F%3E%3Cpath%20fill%3D%22%2358595b%22%20d%3D%22M4%2036h28L21.375%2019h-6.75z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M6.625%2036h22.75l-8.75-17h-5.25z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M24%2036h-1l-4-17h.469zm-7-17l-4%2017h-1l4.484-17z%22%2F%3E%3Cpath%20fill%3D%22%23808285%22%20d%3D%22M12%2033h12v1H12zm0-3h12v1H12zm-.062-2.688h12v1h-12zM13%2025h10v1H13zm2-2h6v1h-6zm0-1.688h6V22h-6zm0-1.437h6v.688h-6z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M8%2021.5a.5.5%200%200%201-1%200v-11a.5.5%200%200%201%201%200zm21%20.096a.404.404%200%200%201-.404.404h-.191a.404.404%200%200%201-.405-.404V10.404c0-.223.181-.404.404-.404h.191c.224%200%20.405.181.405.404z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M29%2010.5a.5.5%200%200%201-.5.5h-21a.5.5%200%200%201%200-1h21a.5.5%200%200%201%20.5.5m0%205.116a.384.384%200%200%201-.384.384H7.384A.384.384%200%200%201%207%2015.616v-.232c0-.212.172-.384.384-.384h21.232c.212%200%20.384.172.384.384z%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M27%2015a1%201%200%200%201-1%201H10a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h16a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20fill%3D%22%23a6d488%22%20d%3D%22M13%2011h2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M12%2014h4v1h-4z%22%2F%3E%3Cpath%20fill%3D%22%23a6d488%22%20d%3D%22M21%2011h2v2h-2z%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M20%2014h4v1h-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/motorway.svg?color=%231a73e8&size=48
