motorway emoji
motorway from Emoji One (Colored) by Emoji One · Default · Travel · CC-BY-4.0 Attribution required.
- Name
- motorway
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Travel
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More travel icons from Emoji One (Colored)
Use the motorway emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#699635" d="M0 20.4s1.9-3.7 4.6-5.5c6.4-4.2 4.8 9.1 14.5 3.3c3.8-2.2 4.7 2.9 6.9 3.4c4.7 1.2 12.3.6 12.3.6s11.2-2.4 14.8-5.2c3-2.4 5 .2 8.1-1.1c1.3-.6 2.8 0 2.8 0v15.8H0z"/><path fill="#83bf4f" d="M27 21s-6.8.3-12.1-3.7c-3.7-2.8-5.5 5.4-8.8 5.4c-3.4 0-6-4.6-6-4.6v35.2zm10 0s2.5.5 9.4-2.6c3.2-1.5 4.1 5.7 5.9 5.7c1.6 0 4.2-3.8 6.6-3.9c3.2-.2 5 1.6 5 1.6v31.4z"/><path fill="#ffdd7d" d="M38.1 21H25.9L0 46.1V64h64V46.1z"/><path fill="#666" d="M37 21H27L0 52.2V64h64V52.2z"/><path fill="#fff" d="M64 58v-3.7L36.6 21h-.4zM0 58v-3.7L27.4 21h.4zm33.8 6h-3.6l.4-11.9h2.8zm-.7-18.7h-2.2l.3-10h1.6zm-.4-12.5h-1.4l.1-4.3h1.2zm-.2-5.5h-1l.1-2.5h.8zm-.1-3.2h-.8l.1-1.5h.6zm-.1-2h-.6V21h.6z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneMotorway(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#699635" d="M0 20.4s1.9-3.7 4.6-5.5c6.4-4.2 4.8 9.1 14.5 3.3c3.8-2.2 4.7 2.9 6.9 3.4c4.7 1.2 12.3.6 12.3.6s11.2-2.4 14.8-5.2c3-2.4 5 .2 8.1-1.1c1.3-.6 2.8 0 2.8 0v15.8H0z"/><path fill="#83bf4f" d="M27 21s-6.8.3-12.1-3.7c-3.7-2.8-5.5 5.4-8.8 5.4c-3.4 0-6-4.6-6-4.6v35.2zm10 0s2.5.5 9.4-2.6c3.2-1.5 4.1 5.7 5.9 5.7c1.6 0 4.2-3.8 6.6-3.9c3.2-.2 5 1.6 5 1.6v31.4z"/><path fill="#ffdd7d" d="M38.1 21H25.9L0 46.1V64h64V46.1z"/><path fill="#666" d="M37 21H27L0 52.2V64h64V52.2z"/><path fill="#fff" d="M64 58v-3.7L36.6 21h-.4zM0 58v-3.7L27.4 21h.4zm33.8 6h-3.6l.4-11.9h2.8zm-.7-18.7h-2.2l.3-10h1.6zm-.4-12.5h-1.4l.1-4.3h1.2zm-.2-5.5h-1l.1-2.5h.8zm-.1-3.2h-.8l.1-1.5h.6zm-.1-2h-.6V21h.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#699635" d="M0 20.4s1.9-3.7 4.6-5.5c6.4-4.2 4.8 9.1 14.5 3.3c3.8-2.2 4.7 2.9 6.9 3.4c4.7 1.2 12.3.6 12.3.6s11.2-2.4 14.8-5.2c3-2.4 5 .2 8.1-1.1c1.3-.6 2.8 0 2.8 0v15.8H0z"/><path fill="#83bf4f" d="M27 21s-6.8.3-12.1-3.7c-3.7-2.8-5.5 5.4-8.8 5.4c-3.4 0-6-4.6-6-4.6v35.2zm10 0s2.5.5 9.4-2.6c3.2-1.5 4.1 5.7 5.9 5.7c1.6 0 4.2-3.8 6.6-3.9c3.2-.2 5 1.6 5 1.6v31.4z"/><path fill="#ffdd7d" d="M38.1 21H25.9L0 46.1V64h64V46.1z"/><path fill="#666" d="M37 21H27L0 52.2V64h64V52.2z"/><path fill="#fff" d="M64 58v-3.7L36.6 21h-.4zM0 58v-3.7L27.4 21h.4zm33.8 6h-3.6l.4-11.9h2.8zm-.7-18.7h-2.2l.3-10h1.6zm-.4-12.5h-1.4l.1-4.3h1.2zm-.2-5.5h-1l.1-2.5h.8zm-.1-3.2h-.8l.1-1.5h.6zm-.1-2h-.6V21h.6z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M0%2020.4s1.9-3.7%204.6-5.5c6.4-4.2%204.8%209.1%2014.5%203.3c3.8-2.2%204.7%202.9%206.9%203.4c4.7%201.2%2012.3.6%2012.3.6s11.2-2.4%2014.8-5.2c3-2.4%205%20.2%208.1-1.1c1.3-.6%202.8%200%202.8%200v15.8H0z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M27%2021s-6.8.3-12.1-3.7c-3.7-2.8-5.5%205.4-8.8%205.4c-3.4%200-6-4.6-6-4.6v35.2zm10%200s2.5.5%209.4-2.6c3.2-1.5%204.1%205.7%205.9%205.7c1.6%200%204.2-3.8%206.6-3.9c3.2-.2%205%201.6%205%201.6v31.4z%22%2F%3E%3Cpath%20fill%3D%22%23ffdd7d%22%20d%3D%22M38.1%2021H25.9L0%2046.1V64h64V46.1z%22%2F%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M37%2021H27L0%2052.2V64h64V52.2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64%2058v-3.7L36.6%2021h-.4zM0%2058v-3.7L27.4%2021h.4zm33.8%206h-3.6l.4-11.9h2.8zm-.7-18.7h-2.2l.3-10h1.6zm-.4-12.5h-1.4l.1-4.3h1.2zm-.2-5.5h-1l.1-2.5h.8zm-.1-3.2h-.8l.1-1.5h.6zm-.1-2h-.6V21h.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%2064%2064%22%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M0%2020.4s1.9-3.7%204.6-5.5c6.4-4.2%204.8%209.1%2014.5%203.3c3.8-2.2%204.7%202.9%206.9%203.4c4.7%201.2%2012.3.6%2012.3.6s11.2-2.4%2014.8-5.2c3-2.4%205%20.2%208.1-1.1c1.3-.6%202.8%200%202.8%200v15.8H0z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M27%2021s-6.8.3-12.1-3.7c-3.7-2.8-5.5%205.4-8.8%205.4c-3.4%200-6-4.6-6-4.6v35.2zm10%200s2.5.5%209.4-2.6c3.2-1.5%204.1%205.7%205.9%205.7c1.6%200%204.2-3.8%206.6-3.9c3.2-.2%205%201.6%205%201.6v31.4z%22%2F%3E%3Cpath%20fill%3D%22%23ffdd7d%22%20d%3D%22M38.1%2021H25.9L0%2046.1V64h64V46.1z%22%2F%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M37%2021H27L0%2052.2V64h64V52.2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64%2058v-3.7L36.6%2021h-.4zM0%2058v-3.7L27.4%2021h.4zm33.8%206h-3.6l.4-11.9h2.8zm-.7-18.7h-2.2l.3-10h1.6zm-.4-12.5h-1.4l.1-4.3h1.2zm-.2-5.5h-1l.1-2.5h.8zm-.1-3.2h-.8l.1-1.5h.6zm-.1-2h-.6V21h.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/motorway.svg?color=%231a73e8&size=48
