ambulance icon
ambulance from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- ambulance
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
ambulanceBoxIcons v2 SolidambulanceEmoji One (Colored)ambulanceFont Awesome SolidambulanceFluent EmojiambulanceFluent Emoji FlatambulanceFluent Emoji High ContrastambulanceFirefox OS EmojiambulanceHealth IconsambulanceHuge IconsambulanceIconParkambulanceIconPark OutlineambulanceIconPark SolidambulanceIconPark TwoToneambulanceLine AwesomeambulanceLucideambulanceMaterial SymbolsambulanceMaterial Symbols LightambulanceMaterial Design IconsambulanceMyna UI IconsambulanceNoto EmojiambulanceOpenMojiambulanceStreamline EmojisambulanceTabler IconsambulanceTwitter Emoji
Use the ambulance icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M80 120a8 8 0 0 1 8-8h16V96a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0v-16H88a8 8 0 0 1-8-8m176 0v64a16 16 0 0 1-16 16h-17a32 32 0 0 1-62 0h-50a32 32 0 0 1-62 0H32a16 16 0 0 1-16-16V72a16 16 0 0 1 16-16h152a8 8 0 0 1 8 8v8h34.58a15.93 15.93 0 0 1 14.86 10.06l14 35A7.9 7.9 0 0 1 256 120m-64-32v24h44.18l-9.6-24ZM32 184h17a32 32 0 0 1 62 0h50a32.1 32.1 0 0 1 15-19.69V72H32Zm64 8a16 16 0 1 0-16 16a16 16 0 0 0 16-16m112 0a16 16 0 1 0-16 16a16 16 0 0 0 16-16m32-8v-56h-48v32a32.06 32.06 0 0 1 31 24Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAmbulance(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="M80 120a8 8 0 0 1 8-8h16V96a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0v-16H88a8 8 0 0 1-8-8m176 0v64a16 16 0 0 1-16 16h-17a32 32 0 0 1-62 0h-50a32 32 0 0 1-62 0H32a16 16 0 0 1-16-16V72a16 16 0 0 1 16-16h152a8 8 0 0 1 8 8v8h34.58a15.93 15.93 0 0 1 14.86 10.06l14 35A7.9 7.9 0 0 1 256 120m-64-32v24h44.18l-9.6-24ZM32 184h17a32 32 0 0 1 62 0h50a32.1 32.1 0 0 1 15-19.69V72H32Zm64 8a16 16 0 1 0-16 16a16 16 0 0 0 16-16m112 0a16 16 0 1 0-16 16a16 16 0 0 0 16-16m32-8v-56h-48v32a32.06 32.06 0 0 1 31 24Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M80 120a8 8 0 0 1 8-8h16V96a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0v-16H88a8 8 0 0 1-8-8m176 0v64a16 16 0 0 1-16 16h-17a32 32 0 0 1-62 0h-50a32 32 0 0 1-62 0H32a16 16 0 0 1-16-16V72a16 16 0 0 1 16-16h152a8 8 0 0 1 8 8v8h34.58a15.93 15.93 0 0 1 14.86 10.06l14 35A7.9 7.9 0 0 1 256 120m-64-32v24h44.18l-9.6-24ZM32 184h17a32 32 0 0 1 62 0h50a32.1 32.1 0 0 1 15-19.69V72H32Zm64 8a16 16 0 1 0-16 16a16 16 0 0 0 16-16m112 0a16 16 0 1 0-16 16a16 16 0 0 0 16-16m32-8v-56h-48v32a32.06 32.06 0 0 1 31 24Z"/></svg> </template>
CSS
.icon-ambulance {
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%22M80%20120a8%208%200%200%201%208-8h16V96a8%208%200%200%201%2016%200v16h16a8%208%200%200%201%200%2016h-16v16a8%208%200%200%201-16%200v-16H88a8%208%200%200%201-8-8m176%200v64a16%2016%200%200%201-16%2016h-17a32%2032%200%200%201-62%200h-50a32%2032%200%200%201-62%200H32a16%2016%200%200%201-16-16V72a16%2016%200%200%201%2016-16h152a8%208%200%200%201%208%208v8h34.58a15.93%2015.93%200%200%201%2014.86%2010.06l14%2035A7.9%207.9%200%200%201%20256%20120m-64-32v24h44.18l-9.6-24ZM32%20184h17a32%2032%200%200%201%2062%200h50a32.1%2032.1%200%200%201%2015-19.69V72H32Zm64%208a16%2016%200%201%200-16%2016a16%2016%200%200%200%2016-16m112%200a16%2016%200%201%200-16%2016a16%2016%200%200%200%2016-16m32-8v-56h-48v32a32.06%2032.06%200%200%201%2031%2024Z%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%22M80%20120a8%208%200%200%201%208-8h16V96a8%208%200%200%201%2016%200v16h16a8%208%200%200%201%200%2016h-16v16a8%208%200%200%201-16%200v-16H88a8%208%200%200%201-8-8m176%200v64a16%2016%200%200%201-16%2016h-17a32%2032%200%200%201-62%200h-50a32%2032%200%200%201-62%200H32a16%2016%200%200%201-16-16V72a16%2016%200%200%201%2016-16h152a8%208%200%200%201%208%208v8h34.58a15.93%2015.93%200%200%201%2014.86%2010.06l14%2035A7.9%207.9%200%200%201%20256%20120m-64-32v24h44.18l-9.6-24ZM32%20184h17a32%2032%200%200%201%2062%200h50a32.1%2032.1%200%200%201%2015-19.69V72H32Zm64%208a16%2016%200%201%200-16%2016a16%2016%200%200%200%2016-16m112%200a16%2016%200%201%200-16%2016a16%2016%200%200%200%2016-16m32-8v-56h-48v32a32.06%2032.06%200%200%201%2031%2024Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ambulance.svg?color=%231a73e8&size=48
