ambulance icon
ambulance from Unicons by Iconscout · Line · Medical · Apache-2.0 Free for personal and commercial use.
- Name
- ambulance
- Set
- Unicons
- Style
- Line
- Category
- Medical
- Viewbox
- 24×24
- License
- Apache 2.0
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 EmojiambulanceOpenMojiambulancePhosphorambulanceStreamline EmojisambulanceTabler Icons
More medical icons from Unicons
assistive-listening-systemsband-aidbook-medicalcapsuleclinic-medicalcoronavirusearfile-medical-althead-sidehead-side-coughhead-side-maskheart-medicalheart-rateheartbeathospitalhospital-square-signhospital-symbolhouse-usermedical-dripmedical-squaremedical-square-fullmedkitmicroscopemonitor-heart-rate
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="M10.5 9.5h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2m12.43 2.15l-.06-.11a.6.6 0 0 0-.07-.14l-2.4-3.2A3 3 0 0 0 18 7h-2V6a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v11a1 1 0 0 0 1 1h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-.07-.35M6 19a1 1 0 1 1 1-1a1 1 0 0 1-1 1m8-3H8.22a3 3 0 0 0-4.44 0H3V6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1Zm2-7h2a1 1 0 0 1 .8.4L20 11h-4Zm2 10a1 1 0 1 1 1-1a1 1 0 0 1-1 1m3-3h-.78a3 3 0 0 0-4.22-.22V13h5Z"/></svg>
React
import type { SVGProps } from "react";
export function UilAmbulance(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="M10.5 9.5h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2m12.43 2.15l-.06-.11a.6.6 0 0 0-.07-.14l-2.4-3.2A3 3 0 0 0 18 7h-2V6a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v11a1 1 0 0 0 1 1h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-.07-.35M6 19a1 1 0 1 1 1-1a1 1 0 0 1-1 1m8-3H8.22a3 3 0 0 0-4.44 0H3V6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1Zm2-7h2a1 1 0 0 1 .8.4L20 11h-4Zm2 10a1 1 0 1 1 1-1a1 1 0 0 1-1 1m3-3h-.78a3 3 0 0 0-4.22-.22V13h5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 9.5h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2m12.43 2.15l-.06-.11a.6.6 0 0 0-.07-.14l-2.4-3.2A3 3 0 0 0 18 7h-2V6a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v11a1 1 0 0 0 1 1h1a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-.07-.35M6 19a1 1 0 1 1 1-1a1 1 0 0 1-1 1m8-3H8.22a3 3 0 0 0-4.44 0H3V6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1Zm2-7h2a1 1 0 0 1 .8.4L20 11h-4Zm2 10a1 1 0 1 1 1-1a1 1 0 0 1-1 1m3-3h-.78a3 3 0 0 0-4.22-.22V13h5Z"/></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%22M10.5%209.5h-1v-1a1%201%200%200%200-2%200v1h-1a1%201%200%200%200%200%202h1v1a1%201%200%200%200%202%200v-1h1a1%201%200%200%200%200-2m12.43%202.15l-.06-.11a.6.6%200%200%200-.07-.14l-2.4-3.2A3%203%200%200%200%2018%207h-2V6a3%203%200%200%200-3-3H4a3%203%200%200%200-3%203v11a1%201%200%200%200%201%201h1a3%203%200%200%200%206%200h6a3%203%200%200%200%206%200h1a1%201%200%200%200%201-1v-5a1%201%200%200%200-.07-.35M6%2019a1%201%200%201%201%201-1a1%201%200%200%201-1%201m8-3H8.22a3%203%200%200%200-4.44%200H3V6a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201Zm2-7h2a1%201%200%200%201%20.8.4L20%2011h-4Zm2%2010a1%201%200%201%201%201-1a1%201%200%200%201-1%201m3-3h-.78a3%203%200%200%200-4.22-.22V13h5Z%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%22M10.5%209.5h-1v-1a1%201%200%200%200-2%200v1h-1a1%201%200%200%200%200%202h1v1a1%201%200%200%200%202%200v-1h1a1%201%200%200%200%200-2m12.43%202.15l-.06-.11a.6.6%200%200%200-.07-.14l-2.4-3.2A3%203%200%200%200%2018%207h-2V6a3%203%200%200%200-3-3H4a3%203%200%200%200-3%203v11a1%201%200%200%200%201%201h1a3%203%200%200%200%206%200h6a3%203%200%200%200%206%200h1a1%201%200%200%200%201-1v-5a1%201%200%200%200-.07-.35M6%2019a1%201%200%201%201%201-1a1%201%200%200%201-1%201m8-3H8.22a3%203%200%200%200-4.44%200H3V6a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201Zm2-7h2a1%201%200%200%201%20.8.4L20%2011h-4Zm2%2010a1%201%200%201%201%201-1a1%201%200%200%201-1%201m3-3h-.78a3%203%200%200%200-4.22-.22V13h5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/ambulance.svg?color=%231a73e8&size=48
