traffic jam icon
traffic-jam from Material Symbols Light by Google · Regular · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- traffic-jam
- 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 traffic jam icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 21q-.194 0-.347-.153T2 20.5V13l1.933-4.575q.136-.348.434-.55q.299-.202.672-.202h8.23q.373 0 .681.202t.444.55L16.308 13v7.5q0 .194-.153.347t-.347.153h-.231q-.213 0-.357-.153q-.143-.153-.143-.347v-1.404H3.231V20.5q0 .194-.153.347T2.731 21zm.954-8.98h11.394l-1.402-3.347H4.862zm2.897 4.34q.322-.312.322-.783t-.322-.803t-.793-.332t-.793.332t-.323.803t.322.784t.794.312t.793-.312m7.192 0q.323-.313.323-.784t-.323-.803t-.793-.332t-.793.332t-.323.803t.323.784t.793.312t.793-.312M18 18.154v-7.792l-1.864-4.458h-9.48l.104-.248q.136-.348.444-.55t.68-.202H16q.373 0 .671.202t.435.55L19 10.154v7.23q0 .31-.23.54t-.54.23zm2.77-2.846V7.516l-1.845-4.381H9.521l.104-.248q.137-.349.444-.55t.681-.203h8.039q.372 0 .67.203q.299.201.435.55l1.875 4.44v7.212q0 .309-.23.539t-.539.23z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTrafficJam(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="M2.5 21q-.194 0-.347-.153T2 20.5V13l1.933-4.575q.136-.348.434-.55q.299-.202.672-.202h8.23q.373 0 .681.202t.444.55L16.308 13v7.5q0 .194-.153.347t-.347.153h-.231q-.213 0-.357-.153q-.143-.153-.143-.347v-1.404H3.231V20.5q0 .194-.153.347T2.731 21zm.954-8.98h11.394l-1.402-3.347H4.862zm2.897 4.34q.322-.312.322-.783t-.322-.803t-.793-.332t-.793.332t-.323.803t.322.784t.794.312t.793-.312m7.192 0q.323-.313.323-.784t-.323-.803t-.793-.332t-.793.332t-.323.803t.323.784t.793.312t.793-.312M18 18.154v-7.792l-1.864-4.458h-9.48l.104-.248q.136-.348.444-.55t.68-.202H16q.373 0 .671.202t.435.55L19 10.154v7.23q0 .31-.23.54t-.54.23zm2.77-2.846V7.516l-1.845-4.381H9.521l.104-.248q.137-.349.444-.55t.681-.203h8.039q.372 0 .67.203q.299.201.435.55l1.875 4.44v7.212q0 .309-.23.539t-.539.23z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 21q-.194 0-.347-.153T2 20.5V13l1.933-4.575q.136-.348.434-.55q.299-.202.672-.202h8.23q.373 0 .681.202t.444.55L16.308 13v7.5q0 .194-.153.347t-.347.153h-.231q-.213 0-.357-.153q-.143-.153-.143-.347v-1.404H3.231V20.5q0 .194-.153.347T2.731 21zm.954-8.98h11.394l-1.402-3.347H4.862zm2.897 4.34q.322-.312.322-.783t-.322-.803t-.793-.332t-.793.332t-.323.803t.322.784t.794.312t.793-.312m7.192 0q.323-.313.323-.784t-.323-.803t-.793-.332t-.793.332t-.323.803t.323.784t.793.312t.793-.312M18 18.154v-7.792l-1.864-4.458h-9.48l.104-.248q.136-.348.444-.55t.68-.202H16q.373 0 .671.202t.435.55L19 10.154v7.23q0 .31-.23.54t-.54.23zm2.77-2.846V7.516l-1.845-4.381H9.521l.104-.248q.137-.349.444-.55t.681-.203h8.039q.372 0 .67.203q.299.201.435.55l1.875 4.44v7.212q0 .309-.23.539t-.539.23z"/></svg> </template>
CSS
.icon-traffic-jam {
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%22M2.5%2021q-.194%200-.347-.153T2%2020.5V13l1.933-4.575q.136-.348.434-.55q.299-.202.672-.202h8.23q.373%200%20.681.202t.444.55L16.308%2013v7.5q0%20.194-.153.347t-.347.153h-.231q-.213%200-.357-.153q-.143-.153-.143-.347v-1.404H3.231V20.5q0%20.194-.153.347T2.731%2021zm.954-8.98h11.394l-1.402-3.347H4.862zm2.897%204.34q.322-.312.322-.783t-.322-.803t-.793-.332t-.793.332t-.323.803t.322.784t.794.312t.793-.312m7.192%200q.323-.313.323-.784t-.323-.803t-.793-.332t-.793.332t-.323.803t.323.784t.793.312t.793-.312M18%2018.154v-7.792l-1.864-4.458h-9.48l.104-.248q.136-.348.444-.55t.68-.202H16q.373%200%20.671.202t.435.55L19%2010.154v7.23q0%20.31-.23.54t-.54.23zm2.77-2.846V7.516l-1.845-4.381H9.521l.104-.248q.137-.349.444-.55t.681-.203h8.039q.372%200%20.67.203q.299.201.435.55l1.875%204.44v7.212q0%20.309-.23.539t-.539.23z%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%22M2.5%2021q-.194%200-.347-.153T2%2020.5V13l1.933-4.575q.136-.348.434-.55q.299-.202.672-.202h8.23q.373%200%20.681.202t.444.55L16.308%2013v7.5q0%20.194-.153.347t-.347.153h-.231q-.213%200-.357-.153q-.143-.153-.143-.347v-1.404H3.231V20.5q0%20.194-.153.347T2.731%2021zm.954-8.98h11.394l-1.402-3.347H4.862zm2.897%204.34q.322-.312.322-.783t-.322-.803t-.793-.332t-.793.332t-.323.803t.322.784t.794.312t.793-.312m7.192%200q.323-.313.323-.784t-.323-.803t-.793-.332t-.793.332t-.323.803t.323.784t.793.312t.793-.312M18%2018.154v-7.792l-1.864-4.458h-9.48l.104-.248q.136-.348.444-.55t.68-.202H16q.373%200%20.671.202t.435.55L19%2010.154v7.23q0%20.31-.23.54t-.54.23zm2.77-2.846V7.516l-1.845-4.381H9.521l.104-.248q.137-.349.444-.55t.681-.203h8.039q.372%200%20.67.203q.299.201.435.55l1.875%204.44v7.212q0%20.309-.23.539t-.539.23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/traffic-jam.svg?color=%231a73e8&size=48
