ambulance icon

ambulance from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.

Name
ambulance
Set
BoxIcons v2 Solid
Style
Solid
Viewbox
24×24
License
MIT

The same icon in other sets

ambulanceEmoji 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 EmojiambulanceOpenMojiambulancePhosphorambulanceStreamline EmojisambulanceTabler IconsambulanceTwitter Emoji

Use the ambulance icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.86 12.48L19.15 8a2 2 0 0 0-1.72-1H15V5a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 1 1.73a3.49 3.49 0 0 0 7 .27h3.1a3.48 3.48 0 0 0 6.9 0a2 2 0 0 0 2-2v-3a1.1 1.1 0 0 0-.14-.52M6.5 19A1.5 1.5 0 1 1 8 17.5A1.5 1.5 0 0 1 6.5 19m5.5-8h-2v2H8v-2H6V9h2V7h2v2h2zm4.5 8a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5M15 12V9h2.43l1.8 3z"/></svg>

React

import type { SVGProps } from "react";

export function BxsAmbulance(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.86 12.48L19.15 8a2 2 0 0 0-1.72-1H15V5a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 1 1.73a3.49 3.49 0 0 0 7 .27h3.1a3.48 3.48 0 0 0 6.9 0a2 2 0 0 0 2-2v-3a1.1 1.1 0 0 0-.14-.52M6.5 19A1.5 1.5 0 1 1 8 17.5A1.5 1.5 0 0 1 6.5 19m5.5-8h-2v2H8v-2H6V9h2V7h2v2h2zm4.5 8a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5M15 12V9h2.43l1.8 3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.86 12.48L19.15 8a2 2 0 0 0-1.72-1H15V5a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v10a2 2 0 0 0 1 1.73a3.49 3.49 0 0 0 7 .27h3.1a3.48 3.48 0 0 0 6.9 0a2 2 0 0 0 2-2v-3a1.1 1.1 0 0 0-.14-.52M6.5 19A1.5 1.5 0 1 1 8 17.5A1.5 1.5 0 0 1 6.5 19m5.5-8h-2v2H8v-2H6V9h2V7h2v2h2zm4.5 8a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5M15 12V9h2.43l1.8 3z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.86%2012.48L19.15%208a2%202%200%200%200-1.72-1H15V5a1%201%200%200%200-1-1H4a2%202%200%200%200-2%202v10a2%202%200%200%200%201%201.73a3.49%203.49%200%200%200%207%20.27h3.1a3.48%203.48%200%200%200%206.9%200a2%202%200%200%200%202-2v-3a1.1%201.1%200%200%200-.14-.52M6.5%2019A1.5%201.5%200%201%201%208%2017.5A1.5%201.5%200%200%201%206.5%2019m5.5-8h-2v2H8v-2H6V9h2V7h2v2h2zm4.5%208a1.5%201.5%200%201%201%201.5-1.5a1.5%201.5%200%200%201-1.5%201.5M15%2012V9h2.43l1.8%203z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.86%2012.48L19.15%208a2%202%200%200%200-1.72-1H15V5a1%201%200%200%200-1-1H4a2%202%200%200%200-2%202v10a2%202%200%200%200%201%201.73a3.49%203.49%200%200%200%207%20.27h3.1a3.48%203.48%200%200%200%206.9%200a2%202%200%200%200%202-2v-3a1.1%201.1%200%200%200-.14-.52M6.5%2019A1.5%201.5%200%201%201%208%2017.5A1.5%201.5%200%200%201%206.5%2019m5.5-8h-2v2H8v-2H6V9h2V7h2v2h2zm4.5%208a1.5%201.5%200%201%201%201.5-1.5a1.5%201.5%200%200%201-1.5%201.5M15%2012V9h2.43l1.8%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/ambulance.svg?color=%231a73e8&size=48