tow truck icon

tow-truck from Material Design Icons by Pictogrammers · Filled · Transportation + Road · Apache-2.0 Free for personal and commercial use.

Name: tow-truck
Set: Material Design Icons
Style: Filled
Category: Transportation + Road
Viewbox: 24×24
License: Apache 2.0
Aliases: auto-towing, towing

The same icon in other sets

tow-truckHuge Icons

More transportation + road icons from Material Design Icons

Use the tow truck icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 10h5.39l-3.33-4H15zm2.5 8.5c.39 0 .74-.13 1.04-.43S19 17.42 19 17c0-.39-.16-.74-.46-1.04s-.65-.46-1.04-.46c-.42 0-.77.16-1.07.46S16 16.61 16 17c0 .42.13.77.43 1.07s.65.43 1.07.43M6 18.5c.44 0 .8-.13 1.08-.43s.42-.65.42-1.07c0-.39-.14-.74-.42-1.04S6.44 15.5 6 15.5s-.8.16-1.08.46s-.42.65-.42 1.04c0 .42.14.77.42 1.07s.64.43 1.08.43M18 4l5 6v7h-2.5c0 .83-.31 1.53-.91 2.13c-.59.59-1.29.87-2.09.87c-.83 0-1.53-.28-2.12-.87c-.6-.6-.88-1.3-.88-2.13H9c0 .83-.3 1.53-.89 2.13c-.61.59-1.3.87-2.11.87s-1.5-.28-2.11-.87C3.3 18.53 3 17.83 3 17H1v-4h8.19L3 8.11V11H1V5h1l11 6.06V4z"/></svg>

React

import type { SVGProps } from "react";

export function MdiTowTruck(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="M15 10h5.39l-3.33-4H15zm2.5 8.5c.39 0 .74-.13 1.04-.43S19 17.42 19 17c0-.39-.16-.74-.46-1.04s-.65-.46-1.04-.46c-.42 0-.77.16-1.07.46S16 16.61 16 17c0 .42.13.77.43 1.07s.65.43 1.07.43M6 18.5c.44 0 .8-.13 1.08-.43s.42-.65.42-1.07c0-.39-.14-.74-.42-1.04S6.44 15.5 6 15.5s-.8.16-1.08.46s-.42.65-.42 1.04c0 .42.14.77.42 1.07s.64.43 1.08.43M18 4l5 6v7h-2.5c0 .83-.31 1.53-.91 2.13c-.59.59-1.29.87-2.09.87c-.83 0-1.53-.28-2.12-.87c-.6-.6-.88-1.3-.88-2.13H9c0 .83-.3 1.53-.89 2.13c-.61.59-1.3.87-2.11.87s-1.5-.28-2.11-.87C3.3 18.53 3 17.83 3 17H1v-4h8.19L3 8.11V11H1V5h1l11 6.06V4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 10h5.39l-3.33-4H15zm2.5 8.5c.39 0 .74-.13 1.04-.43S19 17.42 19 17c0-.39-.16-.74-.46-1.04s-.65-.46-1.04-.46c-.42 0-.77.16-1.07.46S16 16.61 16 17c0 .42.13.77.43 1.07s.65.43 1.07.43M6 18.5c.44 0 .8-.13 1.08-.43s.42-.65.42-1.07c0-.39-.14-.74-.42-1.04S6.44 15.5 6 15.5s-.8.16-1.08.46s-.42.65-.42 1.04c0 .42.14.77.42 1.07s.64.43 1.08.43M18 4l5 6v7h-2.5c0 .83-.31 1.53-.91 2.13c-.59.59-1.29.87-2.09.87c-.83 0-1.53-.28-2.12-.87c-.6-.6-.88-1.3-.88-2.13H9c0 .83-.3 1.53-.89 2.13c-.61.59-1.3.87-2.11.87s-1.5-.28-2.11-.87C3.3 18.53 3 17.83 3 17H1v-4h8.19L3 8.11V11H1V5h1l11 6.06V4z"/></svg>
</template>

CSS

.icon-tow-truck {
  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%22M15%2010h5.39l-3.33-4H15zm2.5%208.5c.39%200%20.74-.13%201.04-.43S19%2017.42%2019%2017c0-.39-.16-.74-.46-1.04s-.65-.46-1.04-.46c-.42%200-.77.16-1.07.46S16%2016.61%2016%2017c0%20.42.13.77.43%201.07s.65.43%201.07.43M6%2018.5c.44%200%20.8-.13%201.08-.43s.42-.65.42-1.07c0-.39-.14-.74-.42-1.04S6.44%2015.5%206%2015.5s-.8.16-1.08.46s-.42.65-.42%201.04c0%20.42.14.77.42%201.07s.64.43%201.08.43M18%204l5%206v7h-2.5c0%20.83-.31%201.53-.91%202.13c-.59.59-1.29.87-2.09.87c-.83%200-1.53-.28-2.12-.87c-.6-.6-.88-1.3-.88-2.13H9c0%20.83-.3%201.53-.89%202.13c-.61.59-1.3.87-2.11.87s-1.5-.28-2.11-.87C3.3%2018.53%203%2017.83%203%2017H1v-4h8.19L3%208.11V11H1V5h1l11%206.06V4z%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%22M15%2010h5.39l-3.33-4H15zm2.5%208.5c.39%200%20.74-.13%201.04-.43S19%2017.42%2019%2017c0-.39-.16-.74-.46-1.04s-.65-.46-1.04-.46c-.42%200-.77.16-1.07.46S16%2016.61%2016%2017c0%20.42.13.77.43%201.07s.65.43%201.07.43M6%2018.5c.44%200%20.8-.13%201.08-.43s.42-.65.42-1.07c0-.39-.14-.74-.42-1.04S6.44%2015.5%206%2015.5s-.8.16-1.08.46s-.42.65-.42%201.04c0%20.42.14.77.42%201.07s.64.43%201.08.43M18%204l5%206v7h-2.5c0%20.83-.31%201.53-.91%202.13c-.59.59-1.29.87-2.09.87c-.83%200-1.53-.28-2.12-.87c-.6-.6-.88-1.3-.88-2.13H9c0%20.83-.3%201.53-.89%202.13c-.61.59-1.3.87-2.11.87s-1.5-.28-2.11-.87C3.3%2018.53%203%2017.83%203%2017H1v-4h8.19L3%208.11V11H1V5h1l11%206.06V4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/tow-truck.svg?color=%231a73e8&size=48