ambulance icon
ambulance from Material Symbols by Google · Regular · Transit · Apache-2.0 Free for personal and commercial use.
- Name
- ambulance
- Set
- Material Symbols
- Style
- Regular
- Category
- Transit
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
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 Symbols LightambulanceMaterial Design IconsambulanceMyna UI IconsambulanceNoto EmojiambulanceOpenMojiambulancePhosphorambulanceStreamline EmojisambulanceTabler IconsambulanceTwitter Emoji
More transit icons from Material Symbols
agricultureairlinesairport-shuttleauto-towingauto-transmissionbike-dockbike-lanebike-scooterboat-busboat-railwaybus-alertbus-map-pinbus-railwaycable-carcar-crashcar-defrost-leftcar-defrost-low-leftcar-defrost-low-rightcar-defrost-mid-leftcar-defrost-mid-low-leftcar-defrost-mid-low-rightcar-defrost-mid-rightcar-defrost-rightcar-fan-low-left
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="M11 4V0h2v4zM6.575 5.425l-3-3L5 1l3 3zM6 18h3q.425 0 .713-.288T10 17t-.288-.712T9 16H6zm9 0h3v-2h-3q-.425 0-.712.288T14 17t.288.713T15 18m2.275-6.75L20.75 7.8L19.7 6.75l-2.425 2.375l-.975-.975l-1.05 1.075zm-2.812 1.288Q13 11.075 13 9t1.463-3.537T18 4t3.538 1.463T23 9t-1.463 3.538T18 14t-3.537-1.463M4 23q-.425 0-.712-.288T3 22v-8l2.1-6q.15-.45.538-.725T6.5 7H9V5h3.275q-.6.85-.937 1.863T11 9H6.85l-1.475 4h6.9q1 1.425 2.5 2.213T18 16q.8 0 1.538-.162T21 15.325V22q0 .425-.288.713T20 23h-1q-.425 0-.712-.288T18 22v-1H6v1q0 .425-.288.713T5 23z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsAmbulance(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="M11 4V0h2v4zM6.575 5.425l-3-3L5 1l3 3zM6 18h3q.425 0 .713-.288T10 17t-.288-.712T9 16H6zm9 0h3v-2h-3q-.425 0-.712.288T14 17t.288.713T15 18m2.275-6.75L20.75 7.8L19.7 6.75l-2.425 2.375l-.975-.975l-1.05 1.075zm-2.812 1.288Q13 11.075 13 9t1.463-3.537T18 4t3.538 1.463T23 9t-1.463 3.538T18 14t-3.537-1.463M4 23q-.425 0-.712-.288T3 22v-8l2.1-6q.15-.45.538-.725T6.5 7H9V5h3.275q-.6.85-.937 1.863T11 9H6.85l-1.475 4h6.9q1 1.425 2.5 2.213T18 16q.8 0 1.538-.162T21 15.325V22q0 .425-.288.713T20 23h-1q-.425 0-.712-.288T18 22v-1H6v1q0 .425-.288.713T5 23z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 4V0h2v4zM6.575 5.425l-3-3L5 1l3 3zM6 18h3q.425 0 .713-.288T10 17t-.288-.712T9 16H6zm9 0h3v-2h-3q-.425 0-.712.288T14 17t.288.713T15 18m2.275-6.75L20.75 7.8L19.7 6.75l-2.425 2.375l-.975-.975l-1.05 1.075zm-2.812 1.288Q13 11.075 13 9t1.463-3.537T18 4t3.538 1.463T23 9t-1.463 3.538T18 14t-3.537-1.463M4 23q-.425 0-.712-.288T3 22v-8l2.1-6q.15-.45.538-.725T6.5 7H9V5h3.275q-.6.85-.937 1.863T11 9H6.85l-1.475 4h6.9q1 1.425 2.5 2.213T18 16q.8 0 1.538-.162T21 15.325V22q0 .425-.288.713T20 23h-1q-.425 0-.712-.288T18 22v-1H6v1q0 .425-.288.713T5 23z"/></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%22M11%204V0h2v4zM6.575%205.425l-3-3L5%201l3%203zM6%2018h3q.425%200%20.713-.288T10%2017t-.288-.712T9%2016H6zm9%200h3v-2h-3q-.425%200-.712.288T14%2017t.288.713T15%2018m2.275-6.75L20.75%207.8L19.7%206.75l-2.425%202.375l-.975-.975l-1.05%201.075zm-2.812%201.288Q13%2011.075%2013%209t1.463-3.537T18%204t3.538%201.463T23%209t-1.463%203.538T18%2014t-3.537-1.463M4%2023q-.425%200-.712-.288T3%2022v-8l2.1-6q.15-.45.538-.725T6.5%207H9V5h3.275q-.6.85-.937%201.863T11%209H6.85l-1.475%204h6.9q1%201.425%202.5%202.213T18%2016q.8%200%201.538-.162T21%2015.325V22q0%20.425-.288.713T20%2023h-1q-.425%200-.712-.288T18%2022v-1H6v1q0%20.425-.288.713T5%2023z%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%22M11%204V0h2v4zM6.575%205.425l-3-3L5%201l3%203zM6%2018h3q.425%200%20.713-.288T10%2017t-.288-.712T9%2016H6zm9%200h3v-2h-3q-.425%200-.712.288T14%2017t.288.713T15%2018m2.275-6.75L20.75%207.8L19.7%206.75l-2.425%202.375l-.975-.975l-1.05%201.075zm-2.812%201.288Q13%2011.075%2013%209t1.463-3.537T18%204t3.538%201.463T23%209t-1.463%203.538T18%2014t-3.537-1.463M4%2023q-.425%200-.712-.288T3%2022v-8l2.1-6q.15-.45.538-.725T6.5%207H9V5h3.275q-.6.85-.937%201.863T11%209H6.85l-1.475%204h6.9q1%201.425%202.5%202.213T18%2016q.8%200%201.538-.162T21%2015.325V22q0%20.425-.288.713T20%2023h-1q-.425%200-.712-.288T18%2022v-1H6v1q0%20.425-.288.713T5%2023z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/ambulance.svg?color=%231a73e8&size=48
