ambulance icon
ambulance-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- ambulance-bold
- Set
- Phosphor
- Style
- Bold
- 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 120a12 12 0 0 1 12-12h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 0 24h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1-12-12m176 0v64a20 20 0 0 1-20 20h-10.06a36 36 0 0 1-67.88 0h-44.12a36 36 0 0 1-67.88 0H32a20 20 0 0 1-20-20V72a20 20 0 0 1 20-20h152a12 12 0 0 1 12 12v4h26.58a19.9 19.9 0 0 1 18.57 12.57l14 35A12 12 0 0 1 256 120m-60-28v16h30.28l-6.4-16ZM36 180h10.06a36 36 0 0 1 67.88 0h44.12A36.32 36.32 0 0 1 172 162.08V76H36Zm56 12a12 12 0 1 0-12 12a12 12 0 0 0 12-12m112 0a12 12 0 1 0-12 12a12 12 0 0 0 12-12m28-12v-48h-36v24.23A36.09 36.09 0 0 1 225.94 180Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAmbulanceBold(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 120a12 12 0 0 1 12-12h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 0 24h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1-12-12m176 0v64a20 20 0 0 1-20 20h-10.06a36 36 0 0 1-67.88 0h-44.12a36 36 0 0 1-67.88 0H32a20 20 0 0 1-20-20V72a20 20 0 0 1 20-20h152a12 12 0 0 1 12 12v4h26.58a19.9 19.9 0 0 1 18.57 12.57l14 35A12 12 0 0 1 256 120m-60-28v16h30.28l-6.4-16ZM36 180h10.06a36 36 0 0 1 67.88 0h44.12A36.32 36.32 0 0 1 172 162.08V76H36Zm56 12a12 12 0 1 0-12 12a12 12 0 0 0 12-12m112 0a12 12 0 1 0-12 12a12 12 0 0 0 12-12m28-12v-48h-36v24.23A36.09 36.09 0 0 1 225.94 180Z"/></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 120a12 12 0 0 1 12-12h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 0 24h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1-12-12m176 0v64a20 20 0 0 1-20 20h-10.06a36 36 0 0 1-67.88 0h-44.12a36 36 0 0 1-67.88 0H32a20 20 0 0 1-20-20V72a20 20 0 0 1 20-20h152a12 12 0 0 1 12 12v4h26.58a19.9 19.9 0 0 1 18.57 12.57l14 35A12 12 0 0 1 256 120m-60-28v16h30.28l-6.4-16ZM36 180h10.06a36 36 0 0 1 67.88 0h44.12A36.32 36.32 0 0 1 172 162.08V76H36Zm56 12a12 12 0 1 0-12 12a12 12 0 0 0 12-12m112 0a12 12 0 1 0-12 12a12 12 0 0 0 12-12m28-12v-48h-36v24.23A36.09 36.09 0 0 1 225.94 180Z"/></svg> </template>
CSS
.icon-ambulance-bold {
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%20120a12%2012%200%200%201%2012-12h8v-8a12%2012%200%200%201%2024%200v8h8a12%2012%200%200%201%200%2024h-8v8a12%2012%200%200%201-24%200v-8h-8a12%2012%200%200%201-12-12m176%200v64a20%2020%200%200%201-20%2020h-10.06a36%2036%200%200%201-67.88%200h-44.12a36%2036%200%200%201-67.88%200H32a20%2020%200%200%201-20-20V72a20%2020%200%200%201%2020-20h152a12%2012%200%200%201%2012%2012v4h26.58a19.9%2019.9%200%200%201%2018.57%2012.57l14%2035A12%2012%200%200%201%20256%20120m-60-28v16h30.28l-6.4-16ZM36%20180h10.06a36%2036%200%200%201%2067.88%200h44.12A36.32%2036.32%200%200%201%20172%20162.08V76H36Zm56%2012a12%2012%200%201%200-12%2012a12%2012%200%200%200%2012-12m112%200a12%2012%200%201%200-12%2012a12%2012%200%200%200%2012-12m28-12v-48h-36v24.23A36.09%2036.09%200%200%201%20225.94%20180Z%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%20120a12%2012%200%200%201%2012-12h8v-8a12%2012%200%200%201%2024%200v8h8a12%2012%200%200%201%200%2024h-8v8a12%2012%200%200%201-24%200v-8h-8a12%2012%200%200%201-12-12m176%200v64a20%2020%200%200%201-20%2020h-10.06a36%2036%200%200%201-67.88%200h-44.12a36%2036%200%200%201-67.88%200H32a20%2020%200%200%201-20-20V72a20%2020%200%200%201%2020-20h152a12%2012%200%200%201%2012%2012v4h26.58a19.9%2019.9%200%200%201%2018.57%2012.57l14%2035A12%2012%200%200%201%20256%20120m-60-28v16h30.28l-6.4-16ZM36%20180h10.06a36%2036%200%200%201%2067.88%200h44.12A36.32%2036.32%200%200%201%20172%20162.08V76H36Zm56%2012a12%2012%200%201%200-12%2012a12%2012%200%200%200%2012-12m112%200a12%2012%200%201%200-12%2012a12%2012%200%200%200%2012-12m28-12v-48h-36v24.23A36.09%2036.09%200%200%201%20225.94%20180Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/ambulance-bold.svg?color=%231a73e8&size=48
