motorway emoji
motorway from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- motorway
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More travel places icons from OpenMoji
Use the motorway emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M24.519 29.058v4.784l23.47.255l-.064-4.783z"/><path fill="#b1cc33" d="M11 35.474v19.5l21.154-19.5zm50 0H39.846L61 54.974z"/><path fill="#5c9e31" d="M40.808 35.474H61v6.158H46.865zm-8.654 0H11v6.158h14.808z"/><path fill="#d0cfce" d="M11.962 56h48.076L39.846 36.5h-6.731z"/><path fill="#3f3f3f" d="M26.293 40.605h20.444L39.846 36.5h-6.731z"/><path fill="#5c9e31" d="M26.674 19.053h18.773v8.21H26.674z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.987"><path d="m11.962 54.974l21.153-19.499m26.923 19.499L39.846 35.475m-16.731 4.01V17m26.25 22.485V17"/><rect width="19.712" height="9.123" x="26.385" y="18.483" rx="3.053" ry="3.053"/><path d="m30.986 48.794l-1.717 5.729m4.385-14.696l-1.38 4.604m9.278 4.363l1.717 5.729m-4.384-14.696l1.38 4.604m-28.303-8.956h48.076M23.115 18.483h5.626m-5.626 9.122h5.626m14.567-9.122h5.625m-5.625 9.122h5.625"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiMotorway(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M24.519 29.058v4.784l23.47.255l-.064-4.783z"/><path fill="#b1cc33" d="M11 35.474v19.5l21.154-19.5zm50 0H39.846L61 54.974z"/><path fill="#5c9e31" d="M40.808 35.474H61v6.158H46.865zm-8.654 0H11v6.158h14.808z"/><path fill="#d0cfce" d="M11.962 56h48.076L39.846 36.5h-6.731z"/><path fill="#3f3f3f" d="M26.293 40.605h20.444L39.846 36.5h-6.731z"/><path fill="#5c9e31" d="M26.674 19.053h18.773v8.21H26.674z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.987"><path d="m11.962 54.974l21.153-19.499m26.923 19.499L39.846 35.475m-16.731 4.01V17m26.25 22.485V17"/><rect width="19.712" height="9.123" x="26.385" y="18.483" rx="3.053" ry="3.053"/><path d="m30.986 48.794l-1.717 5.729m4.385-14.696l-1.38 4.604m9.278 4.363l1.717 5.729m-4.384-14.696l1.38 4.604m-28.303-8.956h48.076M23.115 18.483h5.626m-5.626 9.122h5.626m14.567-9.122h5.625m-5.625 9.122h5.625"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M24.519 29.058v4.784l23.47.255l-.064-4.783z"/><path fill="#b1cc33" d="M11 35.474v19.5l21.154-19.5zm50 0H39.846L61 54.974z"/><path fill="#5c9e31" d="M40.808 35.474H61v6.158H46.865zm-8.654 0H11v6.158h14.808z"/><path fill="#d0cfce" d="M11.962 56h48.076L39.846 36.5h-6.731z"/><path fill="#3f3f3f" d="M26.293 40.605h20.444L39.846 36.5h-6.731z"/><path fill="#5c9e31" d="M26.674 19.053h18.773v8.21H26.674z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.987"><path d="m11.962 54.974l21.153-19.499m26.923 19.499L39.846 35.475m-16.731 4.01V17m26.25 22.485V17"/><rect width="19.712" height="9.123" x="26.385" y="18.483" rx="3.053" ry="3.053"/><path d="m30.986 48.794l-1.717 5.729m4.385-14.696l-1.38 4.604m9.278 4.363l1.717 5.729m-4.384-14.696l1.38 4.604m-28.303-8.956h48.076M23.115 18.483h5.626m-5.626 9.122h5.626m14.567-9.122h5.625m-5.625 9.122h5.625"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.519%2029.058v4.784l23.47.255l-.064-4.783z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M11%2035.474v19.5l21.154-19.5zm50%200H39.846L61%2054.974z%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M40.808%2035.474H61v6.158H46.865zm-8.654%200H11v6.158h14.808z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M11.962%2056h48.076L39.846%2036.5h-6.731z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M26.293%2040.605h20.444L39.846%2036.5h-6.731z%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M26.674%2019.053h18.773v8.21H26.674z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.987%22%3E%3Cpath%20d%3D%22m11.962%2054.974l21.153-19.499m26.923%2019.499L39.846%2035.475m-16.731%204.01V17m26.25%2022.485V17%22%2F%3E%3Crect%20width%3D%2219.712%22%20height%3D%229.123%22%20x%3D%2226.385%22%20y%3D%2218.483%22%20rx%3D%223.053%22%20ry%3D%223.053%22%2F%3E%3Cpath%20d%3D%22m30.986%2048.794l-1.717%205.729m4.385-14.696l-1.38%204.604m9.278%204.363l1.717%205.729m-4.384-14.696l1.38%204.604m-28.303-8.956h48.076M23.115%2018.483h5.626m-5.626%209.122h5.626m14.567-9.122h5.625m-5.625%209.122h5.625%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.519%2029.058v4.784l23.47.255l-.064-4.783z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M11%2035.474v19.5l21.154-19.5zm50%200H39.846L61%2054.974z%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M40.808%2035.474H61v6.158H46.865zm-8.654%200H11v6.158h14.808z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M11.962%2056h48.076L39.846%2036.5h-6.731z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M26.293%2040.605h20.444L39.846%2036.5h-6.731z%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M26.674%2019.053h18.773v8.21H26.674z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.987%22%3E%3Cpath%20d%3D%22m11.962%2054.974l21.153-19.499m26.923%2019.499L39.846%2035.475m-16.731%204.01V17m26.25%2022.485V17%22%2F%3E%3Crect%20width%3D%2219.712%22%20height%3D%229.123%22%20x%3D%2226.385%22%20y%3D%2218.483%22%20rx%3D%223.053%22%20ry%3D%223.053%22%2F%3E%3Cpath%20d%3D%22m30.986%2048.794l-1.717%205.729m4.385-14.696l-1.38%204.604m9.278%204.363l1.717%205.729m-4.384-14.696l1.38%204.604m-28.303-8.956h48.076M23.115%2018.483h5.626m-5.626%209.122h5.626m14.567-9.122h5.625m-5.625%209.122h5.625%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/motorway.svg?color=%231a73e8&size=48
