ambulance icon
ambulance-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- ambulance-fill
- Set
- Phosphor
- Style
- Fill
- 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="m255.43 117l-14-35a15.93 15.93 0 0 0-14.85-10H192v-8a8 8 0 0 0-8-8H32a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h17a32 32 0 0 0 62 0h50a32 32 0 0 0 62 0h17a16 16 0 0 0 16-16v-64a7.9 7.9 0 0 0-.57-3M80 208a16 16 0 1 1 16-16a16 16 0 0 1-16 16m56-80h-16v16a8 8 0 0 1-16 0v-16H88a8 8 0 0 1 0-16h16V96a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16m56 80a16 16 0 1 1 16-16a16 16 0 0 1-16 16m0-96V88h34.58l9.6 24Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAmbulanceFill(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="m255.43 117l-14-35a15.93 15.93 0 0 0-14.85-10H192v-8a8 8 0 0 0-8-8H32a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h17a32 32 0 0 0 62 0h50a32 32 0 0 0 62 0h17a16 16 0 0 0 16-16v-64a7.9 7.9 0 0 0-.57-3M80 208a16 16 0 1 1 16-16a16 16 0 0 1-16 16m56-80h-16v16a8 8 0 0 1-16 0v-16H88a8 8 0 0 1 0-16h16V96a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16m56 80a16 16 0 1 1 16-16a16 16 0 0 1-16 16m0-96V88h34.58l9.6 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="m255.43 117l-14-35a15.93 15.93 0 0 0-14.85-10H192v-8a8 8 0 0 0-8-8H32a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h17a32 32 0 0 0 62 0h50a32 32 0 0 0 62 0h17a16 16 0 0 0 16-16v-64a7.9 7.9 0 0 0-.57-3M80 208a16 16 0 1 1 16-16a16 16 0 0 1-16 16m56-80h-16v16a8 8 0 0 1-16 0v-16H88a8 8 0 0 1 0-16h16V96a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16m56 80a16 16 0 1 1 16-16a16 16 0 0 1-16 16m0-96V88h34.58l9.6 24Z"/></svg> </template>
CSS
.icon-ambulance-fill {
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%22m255.43%20117l-14-35a15.93%2015.93%200%200%200-14.85-10H192v-8a8%208%200%200%200-8-8H32a16%2016%200%200%200-16%2016v112a16%2016%200%200%200%2016%2016h17a32%2032%200%200%200%2062%200h50a32%2032%200%200%200%2062%200h17a16%2016%200%200%200%2016-16v-64a7.9%207.9%200%200%200-.57-3M80%20208a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m56-80h-16v16a8%208%200%200%201-16%200v-16H88a8%208%200%200%201%200-16h16V96a8%208%200%200%201%2016%200v16h16a8%208%200%200%201%200%2016m56%2080a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m0-96V88h34.58l9.6%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%22m255.43%20117l-14-35a15.93%2015.93%200%200%200-14.85-10H192v-8a8%208%200%200%200-8-8H32a16%2016%200%200%200-16%2016v112a16%2016%200%200%200%2016%2016h17a32%2032%200%200%200%2062%200h50a32%2032%200%200%200%2062%200h17a16%2016%200%200%200%2016-16v-64a7.9%207.9%200%200%200-.57-3M80%20208a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m56-80h-16v16a8%208%200%200%201-16%200v-16H88a8%208%200%200%201%200-16h16V96a8%208%200%200%201%2016%200v16h16a8%208%200%200%201%200%2016m56%2080a16%2016%200%201%201%2016-16a16%2016%200%200%201-16%2016m0-96V88h34.58l9.6%2024Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ambulance-fill.svg?color=%231a73e8&size=48
