fire truck icon

fire-truck-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
fire-truck-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

fire-truckfire-truck-boldfire-truck-duotonefire-truck-fillfire-truck-thin

The same icon in other sets

fire-truckMaterial Symbolsfire-truckMaterial Symbols Lightfire-truckMaterial Design Icons

Related icons in Phosphor

fire-extinguisherfire-simple

Use the fire truck icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m253.57 117.77l-14-35a13.93 13.93 0 0 0-13-8.8H190V64a6 6 0 0 0-12 0v101.48A30.1 30.1 0 0 0 162.6 186h-53.2a30 30 0 0 0-58.8 0H32a2 2 0 0 1-2-2v-48a6 6 0 0 0-12 0v48a14 14 0 0 0 14 14h18.6a30 30 0 0 0 58.8 0h53.2a30 30 0 0 0 58.8 0H240a14 14 0 0 0 14-14v-64a6.1 6.1 0 0 0-.43-2.23M226.58 86a2 2 0 0 1 1.86 1.26l10.7 26.74H190V86ZM80 210a18 18 0 1 1 18-18a18 18 0 0 1-18 18m112 0a18 18 0 1 1 18-18a18 18 0 0 1-18 18m48-24h-18.6a30.05 30.05 0 0 0-29.4-24c-.67 0-1.34 0-2 .07V126h52v58a2 2 0 0 1-2 2M24 98a6 6 0 0 0 0 12h128a6 6 0 0 0 0-12h-18V70h18a6 6 0 0 0 0-12H24a6 6 0 0 0 0 12h18v28Zm98 0H94V70h28ZM54 70h28v28H54Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFireTruckLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m253.57 117.77l-14-35a13.93 13.93 0 0 0-13-8.8H190V64a6 6 0 0 0-12 0v101.48A30.1 30.1 0 0 0 162.6 186h-53.2a30 30 0 0 0-58.8 0H32a2 2 0 0 1-2-2v-48a6 6 0 0 0-12 0v48a14 14 0 0 0 14 14h18.6a30 30 0 0 0 58.8 0h53.2a30 30 0 0 0 58.8 0H240a14 14 0 0 0 14-14v-64a6.1 6.1 0 0 0-.43-2.23M226.58 86a2 2 0 0 1 1.86 1.26l10.7 26.74H190V86ZM80 210a18 18 0 1 1 18-18a18 18 0 0 1-18 18m112 0a18 18 0 1 1 18-18a18 18 0 0 1-18 18m48-24h-18.6a30.05 30.05 0 0 0-29.4-24c-.67 0-1.34 0-2 .07V126h52v58a2 2 0 0 1-2 2M24 98a6 6 0 0 0 0 12h128a6 6 0 0 0 0-12h-18V70h18a6 6 0 0 0 0-12H24a6 6 0 0 0 0 12h18v28Zm98 0H94V70h28ZM54 70h28v28H54Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m253.57 117.77l-14-35a13.93 13.93 0 0 0-13-8.8H190V64a6 6 0 0 0-12 0v101.48A30.1 30.1 0 0 0 162.6 186h-53.2a30 30 0 0 0-58.8 0H32a2 2 0 0 1-2-2v-48a6 6 0 0 0-12 0v48a14 14 0 0 0 14 14h18.6a30 30 0 0 0 58.8 0h53.2a30 30 0 0 0 58.8 0H240a14 14 0 0 0 14-14v-64a6.1 6.1 0 0 0-.43-2.23M226.58 86a2 2 0 0 1 1.86 1.26l10.7 26.74H190V86ZM80 210a18 18 0 1 1 18-18a18 18 0 0 1-18 18m112 0a18 18 0 1 1 18-18a18 18 0 0 1-18 18m48-24h-18.6a30.05 30.05 0 0 0-29.4-24c-.67 0-1.34 0-2 .07V126h52v58a2 2 0 0 1-2 2M24 98a6 6 0 0 0 0 12h128a6 6 0 0 0 0-12h-18V70h18a6 6 0 0 0 0-12H24a6 6 0 0 0 0 12h18v28Zm98 0H94V70h28ZM54 70h28v28H54Z"/></svg>
</template>

CSS

.icon-fire-truck-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m253.57%20117.77l-14-35a13.93%2013.93%200%200%200-13-8.8H190V64a6%206%200%200%200-12%200v101.48A30.1%2030.1%200%200%200%20162.6%20186h-53.2a30%2030%200%200%200-58.8%200H32a2%202%200%200%201-2-2v-48a6%206%200%200%200-12%200v48a14%2014%200%200%200%2014%2014h18.6a30%2030%200%200%200%2058.8%200h53.2a30%2030%200%200%200%2058.8%200H240a14%2014%200%200%200%2014-14v-64a6.1%206.1%200%200%200-.43-2.23M226.58%2086a2%202%200%200%201%201.86%201.26l10.7%2026.74H190V86ZM80%20210a18%2018%200%201%201%2018-18a18%2018%200%200%201-18%2018m112%200a18%2018%200%201%201%2018-18a18%2018%200%200%201-18%2018m48-24h-18.6a30.05%2030.05%200%200%200-29.4-24c-.67%200-1.34%200-2%20.07V126h52v58a2%202%200%200%201-2%202M24%2098a6%206%200%200%200%200%2012h128a6%206%200%200%200%200-12h-18V70h18a6%206%200%200%200%200-12H24a6%206%200%200%200%200%2012h18v28Zm98%200H94V70h28ZM54%2070h28v28H54Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m253.57%20117.77l-14-35a13.93%2013.93%200%200%200-13-8.8H190V64a6%206%200%200%200-12%200v101.48A30.1%2030.1%200%200%200%20162.6%20186h-53.2a30%2030%200%200%200-58.8%200H32a2%202%200%200%201-2-2v-48a6%206%200%200%200-12%200v48a14%2014%200%200%200%2014%2014h18.6a30%2030%200%200%200%2058.8%200h53.2a30%2030%200%200%200%2058.8%200H240a14%2014%200%200%200%2014-14v-64a6.1%206.1%200%200%200-.43-2.23M226.58%2086a2%202%200%200%201%201.86%201.26l10.7%2026.74H190V86ZM80%20210a18%2018%200%201%201%2018-18a18%2018%200%200%201-18%2018m112%200a18%2018%200%201%201%2018-18a18%2018%200%200%201-18%2018m48-24h-18.6a30.05%2030.05%200%200%200-29.4-24c-.67%200-1.34%200-2%20.07V126h52v58a2%202%200%200%201-2%202M24%2098a6%206%200%200%200%200%2012h128a6%206%200%200%200%200-12h-18V70h18a6%206%200%200%200%200-12H24a6%206%200%200%200%200%2012h18v28Zm98%200H94V70h28ZM54%2070h28v28H54Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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