ambulance icon
ambulance from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- ambulance
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- ambulance-solid
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 TwoToneambulanceLucideambulanceMaterial SymbolsambulanceMaterial Symbols LightambulanceMaterial Design IconsambulanceMyna UI IconsambulanceNoto EmojiambulanceOpenMojiambulancePhosphorambulanceStreamline EmojisambulanceTabler IconsambulanceTwitter Emoji
More objects icons from Line Awesome
Use the ambulance icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 3a2 2 0 0 0-2 2v1H1v19h3.156c.446 1.719 1.992 3 3.844 3s3.398-1.281 3.844-3h8.312c.446 1.719 1.992 3 3.844 3s3.398-1.281 3.844-3H31V13.625l-.25-.281l-6-7L24.469 6H20V5a2 2 0 0 0-2-2M3 8h20.531L29 14.375V23h-1.156c-.446-1.719-1.992-3-3.844-3s-3.398 1.281-3.844 3h-8.312c-.446-1.719-1.992-3-3.844-3s-3.398 1.281-3.844 3H3zm11 3v3h-3v2h3v3h2v-3h3v-2h-3v-3zM8 22c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m16 0c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2"/></svg>
React
import type { SVGProps } from "react";
export function LaAmbulance(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 3a2 2 0 0 0-2 2v1H1v19h3.156c.446 1.719 1.992 3 3.844 3s3.398-1.281 3.844-3h8.312c.446 1.719 1.992 3 3.844 3s3.398-1.281 3.844-3H31V13.625l-.25-.281l-6-7L24.469 6H20V5a2 2 0 0 0-2-2M3 8h20.531L29 14.375V23h-1.156c-.446-1.719-1.992-3-3.844-3s-3.398 1.281-3.844 3h-8.312c-.446-1.719-1.992-3-3.844-3s-3.398 1.281-3.844 3H3zm11 3v3h-3v2h3v3h2v-3h3v-2h-3v-3zM8 22c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m16 0c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 3a2 2 0 0 0-2 2v1H1v19h3.156c.446 1.719 1.992 3 3.844 3s3.398-1.281 3.844-3h8.312c.446 1.719 1.992 3 3.844 3s3.398-1.281 3.844-3H31V13.625l-.25-.281l-6-7L24.469 6H20V5a2 2 0 0 0-2-2M3 8h20.531L29 14.375V23h-1.156c-.446-1.719-1.992-3-3.844-3s-3.398 1.281-3.844 3h-8.312c-.446-1.719-1.992-3-3.844-3s-3.398 1.281-3.844 3H3zm11 3v3h-3v2h3v3h2v-3h3v-2h-3v-3zM8 22c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m16 0c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%203a2%202%200%200%200-2%202v1H1v19h3.156c.446%201.719%201.992%203%203.844%203s3.398-1.281%203.844-3h8.312c.446%201.719%201.992%203%203.844%203s3.398-1.281%203.844-3H31V13.625l-.25-.281l-6-7L24.469%206H20V5a2%202%200%200%200-2-2M3%208h20.531L29%2014.375V23h-1.156c-.446-1.719-1.992-3-3.844-3s-3.398%201.281-3.844%203h-8.312c-.446-1.719-1.992-3-3.844-3s-3.398%201.281-3.844%203H3zm11%203v3h-3v2h3v3h2v-3h3v-2h-3v-3zM8%2022c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2m16%200c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%203a2%202%200%200%200-2%202v1H1v19h3.156c.446%201.719%201.992%203%203.844%203s3.398-1.281%203.844-3h8.312c.446%201.719%201.992%203%203.844%203s3.398-1.281%203.844-3H31V13.625l-.25-.281l-6-7L24.469%206H20V5a2%202%200%200%200-2-2M3%208h20.531L29%2014.375V23h-1.156c-.446-1.719-1.992-3-3.844-3s-3.398%201.281-3.844%203h-8.312c-.446-1.719-1.992-3-3.844-3s-3.398%201.281-3.844%203H3zm11%203v3h-3v2h3v3h2v-3h3v-2h-3v-3zM8%2022c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2m16%200c1.117%200%202%20.883%202%202s-.883%202-2%202s-2-.883-2-2s.883-2%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/ambulance.svg?color=%231a73e8&size=48
