ambulance icon
ambulance-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- ambulance-thin
- Set
- Phosphor
- Style
- Thin
- 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="M84 120a4 4 0 0 1 4-4h20V96a4 4 0 0 1 8 0v20h20a4 4 0 0 1 0 8h-20v20a4 4 0 0 1-8 0v-20H88a4 4 0 0 1-4-4m168 0v64a12 12 0 0 1-12 12h-20.29a28 28 0 0 1-55.42 0h-56.58a28 28 0 0 1-55.42 0H32a12 12 0 0 1-12-12V72a12 12 0 0 1 12-12h152a4 4 0 0 1 4 4v12h38.58a12 12 0 0 1 11.15 7.54l14 35A4 4 0 0 1 252 120m-64-36v32h54.09L230.3 86.51a4 4 0 0 0-3.72-2.51ZM32 188h20.29a28 28 0 0 1 55.42 0h56.58A28.05 28.05 0 0 1 180 166.71V68H32a4 4 0 0 0-4 4v112a4 4 0 0 0 4 4m68 4a20 20 0 1 0-20 20a20 20 0 0 0 20-20m112 0a20 20 0 1 0-20 20a20 20 0 0 0 20-20m32-8v-60h-56v40.29A28 28 0 0 1 219.71 188H240a4 4 0 0 0 4-4"/></svg>
React
import type { SVGProps } from "react";
export function PhAmbulanceThin(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="M84 120a4 4 0 0 1 4-4h20V96a4 4 0 0 1 8 0v20h20a4 4 0 0 1 0 8h-20v20a4 4 0 0 1-8 0v-20H88a4 4 0 0 1-4-4m168 0v64a12 12 0 0 1-12 12h-20.29a28 28 0 0 1-55.42 0h-56.58a28 28 0 0 1-55.42 0H32a12 12 0 0 1-12-12V72a12 12 0 0 1 12-12h152a4 4 0 0 1 4 4v12h38.58a12 12 0 0 1 11.15 7.54l14 35A4 4 0 0 1 252 120m-64-36v32h54.09L230.3 86.51a4 4 0 0 0-3.72-2.51ZM32 188h20.29a28 28 0 0 1 55.42 0h56.58A28.05 28.05 0 0 1 180 166.71V68H32a4 4 0 0 0-4 4v112a4 4 0 0 0 4 4m68 4a20 20 0 1 0-20 20a20 20 0 0 0 20-20m112 0a20 20 0 1 0-20 20a20 20 0 0 0 20-20m32-8v-60h-56v40.29A28 28 0 0 1 219.71 188H240a4 4 0 0 0 4-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M84 120a4 4 0 0 1 4-4h20V96a4 4 0 0 1 8 0v20h20a4 4 0 0 1 0 8h-20v20a4 4 0 0 1-8 0v-20H88a4 4 0 0 1-4-4m168 0v64a12 12 0 0 1-12 12h-20.29a28 28 0 0 1-55.42 0h-56.58a28 28 0 0 1-55.42 0H32a12 12 0 0 1-12-12V72a12 12 0 0 1 12-12h152a4 4 0 0 1 4 4v12h38.58a12 12 0 0 1 11.15 7.54l14 35A4 4 0 0 1 252 120m-64-36v32h54.09L230.3 86.51a4 4 0 0 0-3.72-2.51ZM32 188h20.29a28 28 0 0 1 55.42 0h56.58A28.05 28.05 0 0 1 180 166.71V68H32a4 4 0 0 0-4 4v112a4 4 0 0 0 4 4m68 4a20 20 0 1 0-20 20a20 20 0 0 0 20-20m112 0a20 20 0 1 0-20 20a20 20 0 0 0 20-20m32-8v-60h-56v40.29A28 28 0 0 1 219.71 188H240a4 4 0 0 0 4-4"/></svg> </template>
CSS
.icon-ambulance-thin {
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%22M84%20120a4%204%200%200%201%204-4h20V96a4%204%200%200%201%208%200v20h20a4%204%200%200%201%200%208h-20v20a4%204%200%200%201-8%200v-20H88a4%204%200%200%201-4-4m168%200v64a12%2012%200%200%201-12%2012h-20.29a28%2028%200%200%201-55.42%200h-56.58a28%2028%200%200%201-55.42%200H32a12%2012%200%200%201-12-12V72a12%2012%200%200%201%2012-12h152a4%204%200%200%201%204%204v12h38.58a12%2012%200%200%201%2011.15%207.54l14%2035A4%204%200%200%201%20252%20120m-64-36v32h54.09L230.3%2086.51a4%204%200%200%200-3.72-2.51ZM32%20188h20.29a28%2028%200%200%201%2055.42%200h56.58A28.05%2028.05%200%200%201%20180%20166.71V68H32a4%204%200%200%200-4%204v112a4%204%200%200%200%204%204m68%204a20%2020%200%201%200-20%2020a20%2020%200%200%200%2020-20m112%200a20%2020%200%201%200-20%2020a20%2020%200%200%200%2020-20m32-8v-60h-56v40.29A28%2028%200%200%201%20219.71%20188H240a4%204%200%200%200%204-4%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%22M84%20120a4%204%200%200%201%204-4h20V96a4%204%200%200%201%208%200v20h20a4%204%200%200%201%200%208h-20v20a4%204%200%200%201-8%200v-20H88a4%204%200%200%201-4-4m168%200v64a12%2012%200%200%201-12%2012h-20.29a28%2028%200%200%201-55.42%200h-56.58a28%2028%200%200%201-55.42%200H32a12%2012%200%200%201-12-12V72a12%2012%200%200%201%2012-12h152a4%204%200%200%201%204%204v12h38.58a12%2012%200%200%201%2011.15%207.54l14%2035A4%204%200%200%201%20252%20120m-64-36v32h54.09L230.3%2086.51a4%204%200%200%200-3.72-2.51ZM32%20188h20.29a28%2028%200%200%201%2055.42%200h56.58A28.05%2028.05%200%200%201%20180%20166.71V68H32a4%204%200%200%200-4%204v112a4%204%200%200%200%204%204m68%204a20%2020%200%201%200-20%2020a20%2020%200%200%200%2020-20m112%200a20%2020%200%201%200-20%2020a20%2020%200%200%200%2020-20m32-8v-60h-56v40.29A28%2028%200%200%201%20219.71%20188H240a4%204%200%200%200%204-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ambulance-thin.svg?color=%231a73e8&size=48
