ambulance icon
ambulance from IconPark by ByteDance · Color · Health · Apache-2.0 Free for personal and commercial use.
- Name
- ambulance
- Set
- IconPark
- Style
- Color
- Category
- Health
- Viewbox
- 48×48
- 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 IconsambulanceIconPark OutlineambulanceIconPark SolidambulanceIconPark TwoToneambulanceLine AwesomeambulanceLucideambulanceMaterial SymbolsambulanceMaterial Symbols LightambulanceMaterial Design IconsambulanceMyna UI IconsambulanceNoto EmojiambulanceOpenMojiambulancePhosphorambulanceStreamline EmojisambulanceTabler IconsambulanceTwitter Emoji
More health icons from IconPark
Use the ambulance icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linejoin="round" d="M10 35H6C4.89543 35 4 34.1046 4 33V11C4 9.89543 4.89543 9 6 9H31C32.1046 9 33 9.89543 33 11V17.8987C33 19.1602 33.7892 20.287 34.9748 20.7181L42.0252 23.2819C43.2108 23.713 44 24.8398 44 26.1013V33C44 34.1046 43.1046 35 42 35H38"/><path stroke-linejoin="round" d="M18 35H30"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 19L20 19"/><path stroke-linecap="round" stroke-linejoin="round" d="M16 15V23"/><circle cx="14" cy="35" r="4" fill="#2F88FF"/><circle cx="34" cy="35" r="4" fill="#2F88FF"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkAmbulance(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeWidth="4"><path strokeLinejoin="round" d="M10 35H6C4.89543 35 4 34.1046 4 33V11C4 9.89543 4.89543 9 6 9H31C32.1046 9 33 9.89543 33 11V17.8987C33 19.1602 33.7892 20.287 34.9748 20.7181L42.0252 23.2819C43.2108 23.713 44 24.8398 44 26.1013V33C44 34.1046 43.1046 35 42 35H38"/><path strokeLinejoin="round" d="M18 35H30"/><path strokeLinecap="round" strokeLinejoin="round" d="M12 19L20 19"/><path strokeLinecap="round" strokeLinejoin="round" d="M16 15V23"/><circle cx="14" cy="35" r="4" fill="#2F88FF"/><circle cx="34" cy="35" r="4" fill="#2F88FF"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linejoin="round" d="M10 35H6C4.89543 35 4 34.1046 4 33V11C4 9.89543 4.89543 9 6 9H31C32.1046 9 33 9.89543 33 11V17.8987C33 19.1602 33.7892 20.287 34.9748 20.7181L42.0252 23.2819C43.2108 23.713 44 24.8398 44 26.1013V33C44 34.1046 43.1046 35 42 35H38"/><path stroke-linejoin="round" d="M18 35H30"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 19L20 19"/><path stroke-linecap="round" stroke-linejoin="round" d="M16 15V23"/><circle cx="14" cy="35" r="4" fill="#2F88FF"/><circle cx="34" cy="35" r="4" fill="#2F88FF"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10%2035H6C4.89543%2035%204%2034.1046%204%2033V11C4%209.89543%204.89543%209%206%209H31C32.1046%209%2033%209.89543%2033%2011V17.8987C33%2019.1602%2033.7892%2020.287%2034.9748%2020.7181L42.0252%2023.2819C43.2108%2023.713%2044%2024.8398%2044%2026.1013V33C44%2034.1046%2043.1046%2035%2042%2035H38%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18%2035H30%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2019L20%2019%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16%2015V23%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2235%22%20r%3D%224%22%20fill%3D%22%232F88FF%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2235%22%20r%3D%224%22%20fill%3D%22%232F88FF%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10%2035H6C4.89543%2035%204%2034.1046%204%2033V11C4%209.89543%204.89543%209%206%209H31C32.1046%209%2033%209.89543%2033%2011V17.8987C33%2019.1602%2033.7892%2020.287%2034.9748%2020.7181L42.0252%2023.2819C43.2108%2023.713%2044%2024.8398%2044%2026.1013V33C44%2034.1046%2043.1046%2035%2042%2035H38%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18%2035H30%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2019L20%2019%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16%2015V23%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2235%22%20r%3D%224%22%20fill%3D%22%232F88FF%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2235%22%20r%3D%224%22%20fill%3D%22%232F88FF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/ambulance.svg?color=%231a73e8&size=48
