ambulance icon

ambulance from Font Awesome Solid by Dave Gandy · Solid · Automotive · CC-BY-4.0 Attribution required.

Name
ambulance
Set
Font Awesome Solid
Style
Solid
Category
Automotive
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

ambulanceBoxIcons v2 SolidambulanceEmoji One (Colored)ambulanceFluent 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

More automotive icons from Font Awesome Solid

air-freshenerbusbus-altcarcar-altcar-batterycar-crashcar-sidecaravancharging-stationgas-pumpmotorcycleoil-canshuttle-vantachometer-alttaxitrailertrucktruck-monstertruck-pickup

Use the ambulance icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 96c-35.3 0-64 28.7-64 64v288c0 35.3 28.7 64 64 64h3.3c10.4 36.9 44.4 64 84.7 64s74.2-27.1 84.7-64h102.6c10.4 36.9 44.4 64 84.7 64s74.2-27.1 84.7-64h3.3c35.3 0 64-28.7 64-64V301.3c0-17-6.7-33.3-18.7-45.3L544 210.7c-12-12-28.3-18.7-45.3-18.7H448v-32c0-35.3-28.7-64-64-64zm448 205.3V352h-96v-96h50.7zM184 448c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40m232 40c0-22.1 17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40M208 200c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v40h40c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-40v40c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-40h-40c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16h40z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidAmbulance(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 96c-35.3 0-64 28.7-64 64v288c0 35.3 28.7 64 64 64h3.3c10.4 36.9 44.4 64 84.7 64s74.2-27.1 84.7-64h102.6c10.4 36.9 44.4 64 84.7 64s74.2-27.1 84.7-64h3.3c35.3 0 64-28.7 64-64V301.3c0-17-6.7-33.3-18.7-45.3L544 210.7c-12-12-28.3-18.7-45.3-18.7H448v-32c0-35.3-28.7-64-64-64zm448 205.3V352h-96v-96h50.7zM184 448c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40m232 40c0-22.1 17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40M208 200c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v40h40c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-40v40c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-40h-40c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16h40z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 96c-35.3 0-64 28.7-64 64v288c0 35.3 28.7 64 64 64h3.3c10.4 36.9 44.4 64 84.7 64s74.2-27.1 84.7-64h102.6c10.4 36.9 44.4 64 84.7 64s74.2-27.1 84.7-64h3.3c35.3 0 64-28.7 64-64V301.3c0-17-6.7-33.3-18.7-45.3L544 210.7c-12-12-28.3-18.7-45.3-18.7H448v-32c0-35.3-28.7-64-64-64zm448 205.3V352h-96v-96h50.7zM184 448c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40m232 40c0-22.1 17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40M208 200c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v40h40c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-40v40c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-40h-40c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16h40z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2096c-35.3%200-64%2028.7-64%2064v288c0%2035.3%2028.7%2064%2064%2064h3.3c10.4%2036.9%2044.4%2064%2084.7%2064s74.2-27.1%2084.7-64h102.6c10.4%2036.9%2044.4%2064%2084.7%2064s74.2-27.1%2084.7-64h3.3c35.3%200%2064-28.7%2064-64V301.3c0-17-6.7-33.3-18.7-45.3L544%20210.7c-12-12-28.3-18.7-45.3-18.7H448v-32c0-35.3-28.7-64-64-64zm448%20205.3V352h-96v-96h50.7zM184%20448c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40m232%2040c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40M208%20200c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016v40h40c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016h-40v40c0%208.8-7.2%2016-16%2016h-32c-8.8%200-16-7.2-16-16v-40h-40c-8.8%200-16-7.2-16-16v-32c0-8.8%207.2-16%2016-16h40z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%2096c-35.3%200-64%2028.7-64%2064v288c0%2035.3%2028.7%2064%2064%2064h3.3c10.4%2036.9%2044.4%2064%2084.7%2064s74.2-27.1%2084.7-64h102.6c10.4%2036.9%2044.4%2064%2084.7%2064s74.2-27.1%2084.7-64h3.3c35.3%200%2064-28.7%2064-64V301.3c0-17-6.7-33.3-18.7-45.3L544%20210.7c-12-12-28.3-18.7-45.3-18.7H448v-32c0-35.3-28.7-64-64-64zm448%20205.3V352h-96v-96h50.7zM184%20448c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40m232%2040c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40M208%20200c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016v40h40c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016h-40v40c0%208.8-7.2%2016-16%2016h-32c-8.8%200-16-7.2-16-16v-40h-40c-8.8%200-16-7.2-16-16v-32c0-8.8%207.2-16%2016-16h40z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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