delivery truck speed icon
delivery-truck-speed from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.
- Name
- delivery-truck-speed
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- delivery-truck-speed-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More business icons from Material Symbols Light
Use the delivery truck speed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.673 12.998l.25-1h4.48l-.25 1zm4.058 5.271Q5 17.54 5 16.5H2.77l.5-2.002h4.059l.861-3.496h2.139l1-4H5.327l.304-1.1q.092-.393.39-.647Q6.316 5 6.734 5h11.073l-.81 3.5h2.079l2.712 3.616l-.866 4.384h-1.154q0 1.039-.73 1.77t-1.77.73t-1.769-.73t-.73-1.77H10q0 1.039-.73 1.77T7.5 19t-1.77-.73M3.674 9.501l.25-1h5.48l-.25 1zM7.5 18q.617 0 1.059-.441Q9 17.117 9 16.5t-.441-1.059T7.5 15t-1.059.441Q6 15.883 6 16.5t.441 1.059Q6.883 18 7.5 18m9.77 0q.617 0 1.058-.441q.441-.442.441-1.059t-.441-1.059T17.269 15t-1.058.441q-.442.442-.442 1.059t.441 1.059q.442.441 1.06.441m-1.384-4.75h4.653l.176-.89l-2.138-2.86h-1.818z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDeliveryTruckSpeed(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="m1.673 12.998l.25-1h4.48l-.25 1zm4.058 5.271Q5 17.54 5 16.5H2.77l.5-2.002h4.059l.861-3.496h2.139l1-4H5.327l.304-1.1q.092-.393.39-.647Q6.316 5 6.734 5h11.073l-.81 3.5h2.079l2.712 3.616l-.866 4.384h-1.154q0 1.039-.73 1.77t-1.77.73t-1.769-.73t-.73-1.77H10q0 1.039-.73 1.77T7.5 19t-1.77-.73M3.674 9.501l.25-1h5.48l-.25 1zM7.5 18q.617 0 1.059-.441Q9 17.117 9 16.5t-.441-1.059T7.5 15t-1.059.441Q6 15.883 6 16.5t.441 1.059Q6.883 18 7.5 18m9.77 0q.617 0 1.058-.441q.441-.442.441-1.059t-.441-1.059T17.269 15t-1.058.441q-.442.442-.442 1.059t.441 1.059q.442.441 1.06.441m-1.384-4.75h4.653l.176-.89l-2.138-2.86h-1.818z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.673 12.998l.25-1h4.48l-.25 1zm4.058 5.271Q5 17.54 5 16.5H2.77l.5-2.002h4.059l.861-3.496h2.139l1-4H5.327l.304-1.1q.092-.393.39-.647Q6.316 5 6.734 5h11.073l-.81 3.5h2.079l2.712 3.616l-.866 4.384h-1.154q0 1.039-.73 1.77t-1.77.73t-1.769-.73t-.73-1.77H10q0 1.039-.73 1.77T7.5 19t-1.77-.73M3.674 9.501l.25-1h5.48l-.25 1zM7.5 18q.617 0 1.059-.441Q9 17.117 9 16.5t-.441-1.059T7.5 15t-1.059.441Q6 15.883 6 16.5t.441 1.059Q6.883 18 7.5 18m9.77 0q.617 0 1.058-.441q.441-.442.441-1.059t-.441-1.059T17.269 15t-1.058.441q-.442.442-.442 1.059t.441 1.059q.442.441 1.06.441m-1.384-4.75h4.653l.176-.89l-2.138-2.86h-1.818z"/></svg> </template>
CSS
.icon-delivery-truck-speed {
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%22m1.673%2012.998l.25-1h4.48l-.25%201zm4.058%205.271Q5%2017.54%205%2016.5H2.77l.5-2.002h4.059l.861-3.496h2.139l1-4H5.327l.304-1.1q.092-.393.39-.647Q6.316%205%206.734%205h11.073l-.81%203.5h2.079l2.712%203.616l-.866%204.384h-1.154q0%201.039-.73%201.77t-1.77.73t-1.769-.73t-.73-1.77H10q0%201.039-.73%201.77T7.5%2019t-1.77-.73M3.674%209.501l.25-1h5.48l-.25%201zM7.5%2018q.617%200%201.059-.441Q9%2017.117%209%2016.5t-.441-1.059T7.5%2015t-1.059.441Q6%2015.883%206%2016.5t.441%201.059Q6.883%2018%207.5%2018m9.77%200q.617%200%201.058-.441q.441-.442.441-1.059t-.441-1.059T17.269%2015t-1.058.441q-.442.442-.442%201.059t.441%201.059q.442.441%201.06.441m-1.384-4.75h4.653l.176-.89l-2.138-2.86h-1.818z%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%22m1.673%2012.998l.25-1h4.48l-.25%201zm4.058%205.271Q5%2017.54%205%2016.5H2.77l.5-2.002h4.059l.861-3.496h2.139l1-4H5.327l.304-1.1q.092-.393.39-.647Q6.316%205%206.734%205h11.073l-.81%203.5h2.079l2.712%203.616l-.866%204.384h-1.154q0%201.039-.73%201.77t-1.77.73t-1.769-.73t-.73-1.77H10q0%201.039-.73%201.77T7.5%2019t-1.77-.73M3.674%209.501l.25-1h5.48l-.25%201zM7.5%2018q.617%200%201.059-.441Q9%2017.117%209%2016.5t-.441-1.059T7.5%2015t-1.059.441Q6%2015.883%206%2016.5t.441%201.059Q6.883%2018%207.5%2018m9.77%200q.617%200%201.058-.441q.441-.442.441-1.059t-.441-1.059T17.269%2015t-1.058.441q-.442.442-.442%201.059t.441%201.059q.442.441%201.06.441m-1.384-4.75h4.653l.176-.89l-2.138-2.86h-1.818z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/delivery-truck-speed.svg?color=%231a73e8&size=48
