transportation icon
transportation from Material Symbols Light by Google · Regular · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- transportation
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More transit icons from Material Symbols Light
agricultureairlinesairport-shuttleambulanceauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-alertbus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-right
Use the transportation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.346 16.27q-1.723-.04-2.973-1.116t-1.504-2.885h-3.032l-.604-1h3.636q.087-.8.559-1.675t1.264-1.363H8.49l-.605-1h8.243l-1.58-4.327q-.078-.193-.232-.298q-.154-.106-.346-.106h-2.738v-1h2.738q.516 0 .92.286q.403.285.59.77l1.715 4.675h1.152q1.921 0 3.21 1.309q1.29 1.308 1.29 3.23q0 1.863-1.318 3.181t-3.182 1.318m0-1q1.462 0 2.481-1.019t1.02-2.48q0-1.5-1-2.52t-2.5-1.02q-.238 0-.433.04q-.195.038-.355.076l1.033 2.771l-.938.349l-.989-2.76q-.846.444-1.332 1.313t-.487 1.75q0 1.462 1.02 2.481q1.018 1.02 2.48 1.02M7.77 22.537q-1.038 0-1.769-.73t-.73-1.77q0-.154.018-.269q.02-.115.058-.269H1.27V15h2v-3.5h-2v-1h6.212l2.615 4.5h2.058q.671 0 1.143.472t.472 1.144v1.269q0 .67-.472 1.143q-.472.472-1.143.472h-1.962q.039.154.058.27q.02.114.02.268q0 1.039-.731 1.77t-1.77.73M4.27 15h4.675l-2.011-3.5H4.269zm3.5 6.539q.618 0 1.059-.442q.441-.441.441-1.059t-.441-1.058t-1.059-.442t-1.058.442t-.442 1.058t.442 1.059t1.058.441"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTransportation(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.346 16.27q-1.723-.04-2.973-1.116t-1.504-2.885h-3.032l-.604-1h3.636q.087-.8.559-1.675t1.264-1.363H8.49l-.605-1h8.243l-1.58-4.327q-.078-.193-.232-.298q-.154-.106-.346-.106h-2.738v-1h2.738q.516 0 .92.286q.403.285.59.77l1.715 4.675h1.152q1.921 0 3.21 1.309q1.29 1.308 1.29 3.23q0 1.863-1.318 3.181t-3.182 1.318m0-1q1.462 0 2.481-1.019t1.02-2.48q0-1.5-1-2.52t-2.5-1.02q-.238 0-.433.04q-.195.038-.355.076l1.033 2.771l-.938.349l-.989-2.76q-.846.444-1.332 1.313t-.487 1.75q0 1.462 1.02 2.481q1.018 1.02 2.48 1.02M7.77 22.537q-1.038 0-1.769-.73t-.73-1.77q0-.154.018-.269q.02-.115.058-.269H1.27V15h2v-3.5h-2v-1h6.212l2.615 4.5h2.058q.671 0 1.143.472t.472 1.144v1.269q0 .67-.472 1.143q-.472.472-1.143.472h-1.962q.039.154.058.27q.02.114.02.268q0 1.039-.731 1.77t-1.77.73M4.27 15h4.675l-2.011-3.5H4.269zm3.5 6.539q.618 0 1.059-.442q.441-.441.441-1.059t-.441-1.058t-1.059-.442t-1.058.442t-.442 1.058t.442 1.059t1.058.441"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.346 16.27q-1.723-.04-2.973-1.116t-1.504-2.885h-3.032l-.604-1h3.636q.087-.8.559-1.675t1.264-1.363H8.49l-.605-1h8.243l-1.58-4.327q-.078-.193-.232-.298q-.154-.106-.346-.106h-2.738v-1h2.738q.516 0 .92.286q.403.285.59.77l1.715 4.675h1.152q1.921 0 3.21 1.309q1.29 1.308 1.29 3.23q0 1.863-1.318 3.181t-3.182 1.318m0-1q1.462 0 2.481-1.019t1.02-2.48q0-1.5-1-2.52t-2.5-1.02q-.238 0-.433.04q-.195.038-.355.076l1.033 2.771l-.938.349l-.989-2.76q-.846.444-1.332 1.313t-.487 1.75q0 1.462 1.02 2.481q1.018 1.02 2.48 1.02M7.77 22.537q-1.038 0-1.769-.73t-.73-1.77q0-.154.018-.269q.02-.115.058-.269H1.27V15h2v-3.5h-2v-1h6.212l2.615 4.5h2.058q.671 0 1.143.472t.472 1.144v1.269q0 .67-.472 1.143q-.472.472-1.143.472h-1.962q.039.154.058.27q.02.114.02.268q0 1.039-.731 1.77t-1.77.73M4.27 15h4.675l-2.011-3.5H4.269zm3.5 6.539q.618 0 1.059-.442q.441-.441.441-1.059t-.441-1.058t-1.059-.442t-1.058.442t-.442 1.058t.442 1.059t1.058.441"/></svg> </template>
CSS
.icon-transportation {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.346%2016.27q-1.723-.04-2.973-1.116t-1.504-2.885h-3.032l-.604-1h3.636q.087-.8.559-1.675t1.264-1.363H8.49l-.605-1h8.243l-1.58-4.327q-.078-.193-.232-.298q-.154-.106-.346-.106h-2.738v-1h2.738q.516%200%20.92.286q.403.285.59.77l1.715%204.675h1.152q1.921%200%203.21%201.309q1.29%201.308%201.29%203.23q0%201.863-1.318%203.181t-3.182%201.318m0-1q1.462%200%202.481-1.019t1.02-2.48q0-1.5-1-2.52t-2.5-1.02q-.238%200-.433.04q-.195.038-.355.076l1.033%202.771l-.938.349l-.989-2.76q-.846.444-1.332%201.313t-.487%201.75q0%201.462%201.02%202.481q1.018%201.02%202.48%201.02M7.77%2022.537q-1.038%200-1.769-.73t-.73-1.77q0-.154.018-.269q.02-.115.058-.269H1.27V15h2v-3.5h-2v-1h6.212l2.615%204.5h2.058q.671%200%201.143.472t.472%201.144v1.269q0%20.67-.472%201.143q-.472.472-1.143.472h-1.962q.039.154.058.27q.02.114.02.268q0%201.039-.731%201.77t-1.77.73M4.27%2015h4.675l-2.011-3.5H4.269zm3.5%206.539q.618%200%201.059-.442q.441-.441.441-1.059t-.441-1.058t-1.059-.442t-1.058.442t-.442%201.058t.442%201.059t1.058.441%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.346%2016.27q-1.723-.04-2.973-1.116t-1.504-2.885h-3.032l-.604-1h3.636q.087-.8.559-1.675t1.264-1.363H8.49l-.605-1h8.243l-1.58-4.327q-.078-.193-.232-.298q-.154-.106-.346-.106h-2.738v-1h2.738q.516%200%20.92.286q.403.285.59.77l1.715%204.675h1.152q1.921%200%203.21%201.309q1.29%201.308%201.29%203.23q0%201.863-1.318%203.181t-3.182%201.318m0-1q1.462%200%202.481-1.019t1.02-2.48q0-1.5-1-2.52t-2.5-1.02q-.238%200-.433.04q-.195.038-.355.076l1.033%202.771l-.938.349l-.989-2.76q-.846.444-1.332%201.313t-.487%201.75q0%201.462%201.02%202.481q1.018%201.02%202.48%201.02M7.77%2022.537q-1.038%200-1.769-.73t-.73-1.77q0-.154.018-.269q.02-.115.058-.269H1.27V15h2v-3.5h-2v-1h6.212l2.615%204.5h2.058q.671%200%201.143.472t.472%201.144v1.269q0%20.67-.472%201.143q-.472.472-1.143.472h-1.962q.039.154.058.27q.02.114.02.268q0%201.039-.731%201.77t-1.77.73M4.27%2015h4.675l-2.011-3.5H4.269zm3.5%206.539q.618%200%201.059-.442q.441-.441.441-1.059t-.441-1.058t-1.059-.442t-1.058.442t-.442%201.058t.442%201.059t1.058.441%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/transportation.svg?color=%231a73e8&size=48
