ambulance icon
ambulance-24px from Health Icons by Resolve to Save Lives · Filled 24px · Vehicles · MIT Free for personal and commercial use.
- Name
- ambulance-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Vehicles
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
ambulanceBoxIcons v2 SolidambulanceEmoji One (Colored)ambulanceFont Awesome SolidambulanceFluent EmojiambulanceFluent Emoji FlatambulanceFluent Emoji High ContrastambulanceFirefox OS EmojiambulanceHuge IconsambulanceIconParkambulanceIconPark OutlineambulanceIconPark SolidambulanceIconPark TwoToneambulanceLine AwesomeambulanceLucideambulanceMaterial SymbolsambulanceMaterial Symbols LightambulanceMaterial Design IconsambulanceMyna UI IconsambulanceNoto EmojiambulanceOpenMojiambulancePhosphorambulanceStreamline EmojisambulanceTabler IconsambulanceTwitter Emoji
More vehicles icons from Health Icons
Use the ambulance icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18 3a1 1 0 1 0-2 0v1.5a1 1 0 1 0 2 0z"/><path fill-rule="evenodd" d="M3 4a1 1 0 0 0-1 1v14h2.05q-.05.243-.05.5a2.5 2.5 0 1 0 4.95-.5h6.1q-.05.243-.05.5a2.5 2.5 0 1 0 4.95-.5H22v-4.73a2 2 0 0 0-.272-1.007l-1.908-3.27A2 2 0 0 0 18.092 9H18V8a1 1 0 1 0-2 0v1h-1V5a1 1 0 0 0-1-1zm10 11v2H4v-2zm2 0v2h5v-2zm3.092-4H15v2h4.259zM7.5 7v1.5H6v2h1.5V12h2v-1.5H11v-2H9.5V7z" clip-rule="evenodd"/><path d="m21.207 5.207l-1.06 1.06a1 1 0 1 1-1.415-1.413l1.06-1.061a1 1 0 1 1 1.415 1.414M22 9a1 1 0 1 0 0-2h-1.5a1 1 0 1 0 0 2z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsAmbulance24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18 3a1 1 0 1 0-2 0v1.5a1 1 0 1 0 2 0z"/><path fillRule="evenodd" d="M3 4a1 1 0 0 0-1 1v14h2.05q-.05.243-.05.5a2.5 2.5 0 1 0 4.95-.5h6.1q-.05.243-.05.5a2.5 2.5 0 1 0 4.95-.5H22v-4.73a2 2 0 0 0-.272-1.007l-1.908-3.27A2 2 0 0 0 18.092 9H18V8a1 1 0 1 0-2 0v1h-1V5a1 1 0 0 0-1-1zm10 11v2H4v-2zm2 0v2h5v-2zm3.092-4H15v2h4.259zM7.5 7v1.5H6v2h1.5V12h2v-1.5H11v-2H9.5V7z" clipRule="evenodd"/><path d="m21.207 5.207l-1.06 1.06a1 1 0 1 1-1.415-1.413l1.06-1.061a1 1 0 1 1 1.415 1.414M22 9a1 1 0 1 0 0-2h-1.5a1 1 0 1 0 0 2z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18 3a1 1 0 1 0-2 0v1.5a1 1 0 1 0 2 0z"/><path fill-rule="evenodd" d="M3 4a1 1 0 0 0-1 1v14h2.05q-.05.243-.05.5a2.5 2.5 0 1 0 4.95-.5h6.1q-.05.243-.05.5a2.5 2.5 0 1 0 4.95-.5H22v-4.73a2 2 0 0 0-.272-1.007l-1.908-3.27A2 2 0 0 0 18.092 9H18V8a1 1 0 1 0-2 0v1h-1V5a1 1 0 0 0-1-1zm10 11v2H4v-2zm2 0v2h5v-2zm3.092-4H15v2h4.259zM7.5 7v1.5H6v2h1.5V12h2v-1.5H11v-2H9.5V7z" clip-rule="evenodd"/><path d="m21.207 5.207l-1.06 1.06a1 1 0 1 1-1.415-1.413l1.06-1.061a1 1 0 1 1 1.415 1.414M22 9a1 1 0 1 0 0-2h-1.5a1 1 0 1 0 0 2z"/></g></svg> </template>
CSS
.icon-ambulance-24px {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%203a1%201%200%201%200-2%200v1.5a1%201%200%201%200%202%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%204a1%201%200%200%200-1%201v14h2.05q-.05.243-.05.5a2.5%202.5%200%201%200%204.95-.5h6.1q-.05.243-.05.5a2.5%202.5%200%201%200%204.95-.5H22v-4.73a2%202%200%200%200-.272-1.007l-1.908-3.27A2%202%200%200%200%2018.092%209H18V8a1%201%200%201%200-2%200v1h-1V5a1%201%200%200%200-1-1zm10%2011v2H4v-2zm2%200v2h5v-2zm3.092-4H15v2h4.259zM7.5%207v1.5H6v2h1.5V12h2v-1.5H11v-2H9.5V7z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m21.207%205.207l-1.06%201.06a1%201%200%201%201-1.415-1.413l1.06-1.061a1%201%200%201%201%201.415%201.414M22%209a1%201%200%201%200%200-2h-1.5a1%201%200%201%200%200%202z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M18%203a1%201%200%201%200-2%200v1.5a1%201%200%201%200%202%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%204a1%201%200%200%200-1%201v14h2.05q-.05.243-.05.5a2.5%202.5%200%201%200%204.95-.5h6.1q-.05.243-.05.5a2.5%202.5%200%201%200%204.95-.5H22v-4.73a2%202%200%200%200-.272-1.007l-1.908-3.27A2%202%200%200%200%2018.092%209H18V8a1%201%200%201%200-2%200v1h-1V5a1%201%200%200%200-1-1zm10%2011v2H4v-2zm2%200v2h5v-2zm3.092-4H15v2h4.259zM7.5%207v1.5H6v2h1.5V12h2v-1.5H11v-2H9.5V7z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m21.207%205.207l-1.06%201.06a1%201%200%201%201-1.415-1.413l1.06-1.061a1%201%200%201%201%201.415%201.414M22%209a1%201%200%201%200%200-2h-1.5a1%201%200%201%200%200%202z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/ambulance-24px.svg?color=%231a73e8&size=48
