traffic jam icon
traffic-jam-sharp from Material Symbols Light by Google · Sharp · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- traffic-jam-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- 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="M3.23 21H2v-8l2.237-5.327h9.84l2.23 5.33V21h-1.23v-1.904H3.231zm.224-8.98h11.394l-1.402-3.347H4.862zm2.897 4.34q.322-.312.322-.784t-.326-.803t-.794-.33t-.788.33q-.323.33-.323.803t.327.785t.793.312t.789-.312m7.192 0q.323-.313.323-.785t-.327-.803t-.793-.33t-.79.33t-.321.803t.326.785t.793.312q.467 0 .79-.312M18 18.154v-7.792l-1.864-4.458h-9.48l.421-1h9.715L19 10.154v8zm2.77-2.846V7.516l-1.845-4.381H9.521l.421-1h9.654l2.173 5.192v7.98z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTrafficJamSharp(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="M3.23 21H2v-8l2.237-5.327h9.84l2.23 5.33V21h-1.23v-1.904H3.231zm.224-8.98h11.394l-1.402-3.347H4.862zm2.897 4.34q.322-.312.322-.784t-.326-.803t-.794-.33t-.788.33q-.323.33-.323.803t.327.785t.793.312t.789-.312m7.192 0q.323-.313.323-.785t-.327-.803t-.793-.33t-.79.33t-.321.803t.326.785t.793.312q.467 0 .79-.312M18 18.154v-7.792l-1.864-4.458h-9.48l.421-1h9.715L19 10.154v8zm2.77-2.846V7.516l-1.845-4.381H9.521l.421-1h9.654l2.173 5.192v7.98z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.23 21H2v-8l2.237-5.327h9.84l2.23 5.33V21h-1.23v-1.904H3.231zm.224-8.98h11.394l-1.402-3.347H4.862zm2.897 4.34q.322-.312.322-.784t-.326-.803t-.794-.33t-.788.33q-.323.33-.323.803t.327.785t.793.312t.789-.312m7.192 0q.323-.313.323-.785t-.327-.803t-.793-.33t-.79.33t-.321.803t.326.785t.793.312q.467 0 .79-.312M18 18.154v-7.792l-1.864-4.458h-9.48l.421-1h9.715L19 10.154v8zm2.77-2.846V7.516l-1.845-4.381H9.521l.421-1h9.654l2.173 5.192v7.98z"/></svg> </template>
CSS
.icon-traffic-jam-sharp {
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%22M3.23%2021H2v-8l2.237-5.327h9.84l2.23%205.33V21h-1.23v-1.904H3.231zm.224-8.98h11.394l-1.402-3.347H4.862zm2.897%204.34q.322-.312.322-.784t-.326-.803t-.794-.33t-.788.33q-.323.33-.323.803t.327.785t.793.312t.789-.312m7.192%200q.323-.313.323-.785t-.327-.803t-.793-.33t-.79.33t-.321.803t.326.785t.793.312q.467%200%20.79-.312M18%2018.154v-7.792l-1.864-4.458h-9.48l.421-1h9.715L19%2010.154v8zm2.77-2.846V7.516l-1.845-4.381H9.521l.421-1h9.654l2.173%205.192v7.98z%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%22M3.23%2021H2v-8l2.237-5.327h9.84l2.23%205.33V21h-1.23v-1.904H3.231zm.224-8.98h11.394l-1.402-3.347H4.862zm2.897%204.34q.322-.312.322-.784t-.326-.803t-.794-.33t-.788.33q-.323.33-.323.803t.327.785t.793.312t.789-.312m7.192%200q.323-.313.323-.785t-.327-.803t-.793-.33t-.79.33t-.321.803t.326.785t.793.312q.467%200%20.79-.312M18%2018.154v-7.792l-1.864-4.458h-9.48l.421-1h9.715L19%2010.154v8zm2.77-2.846V7.516l-1.845-4.381H9.521l.421-1h9.654l2.173%205.192v7.98z%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-sharp.svg?color=%231a73e8&size=48
