mobile clinic icon

mobile-clinic from Health Icons by Resolve to Save Lives · Filled · Vehicles · MIT Free for personal and commercial use.

Name
mobile-clinic
Set
Health Icons
Style
Filled
Category
Vehicles
Viewbox
48×48
License
MIT

3 other variants in Health Icons

mobile-clinic-24pxmobile-clinic-outlinemobile-clinic-outline-24px

More vehicles icons from Health Icons

4x4ambulancebasic-motorcyclebikecross-country-motorcycledronehelicoptermachinerysmall-planevespa-motorcyclewarmobile-clinic-negativemobile-negative

Use the mobile clinic icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M7 10a3 3 0 0 0-3 3v22h3.126a4.002 4.002 0 0 0 7.748 0h1.252a4.002 4.002 0 0 0 7.748 0h9.252a4.002 4.002 0 0 0 7.748 0H44v-8.124a3 3 0 0 0-.965-2.205l-5.282-4.875A3 3 0 0 0 35.718 19H32v-6a3 3 0 0 0-3-3zm33.874 23H42v-5H32v5h1.126a4.002 4.002 0 0 1 7.748 0M32 26h9.526l-5.13-4.735a1 1 0 0 0-.678-.265H32zM6 33v-5h24v5h-6.126a4.002 4.002 0 0 0-7.748 0h-1.252a4.002 4.002 0 0 0-7.748 0zm3 1a2 2 0 1 0 4 0a2 2 0 0 0-4 0m11 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m19-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0M19 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function HealthiconsMobileClinic(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M7 10a3 3 0 0 0-3 3v22h3.126a4.002 4.002 0 0 0 7.748 0h1.252a4.002 4.002 0 0 0 7.748 0h9.252a4.002 4.002 0 0 0 7.748 0H44v-8.124a3 3 0 0 0-.965-2.205l-5.282-4.875A3 3 0 0 0 35.718 19H32v-6a3 3 0 0 0-3-3zm33.874 23H42v-5H32v5h1.126a4.002 4.002 0 0 1 7.748 0M32 26h9.526l-5.13-4.735a1 1 0 0 0-.678-.265H32zM6 33v-5h24v5h-6.126a4.002 4.002 0 0 0-7.748 0h-1.252a4.002 4.002 0 0 0-7.748 0zm3 1a2 2 0 1 0 4 0a2 2 0 0 0-4 0m11 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m19-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0M19 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M7 10a3 3 0 0 0-3 3v22h3.126a4.002 4.002 0 0 0 7.748 0h1.252a4.002 4.002 0 0 0 7.748 0h9.252a4.002 4.002 0 0 0 7.748 0H44v-8.124a3 3 0 0 0-.965-2.205l-5.282-4.875A3 3 0 0 0 35.718 19H32v-6a3 3 0 0 0-3-3zm33.874 23H42v-5H32v5h1.126a4.002 4.002 0 0 1 7.748 0M32 26h9.526l-5.13-4.735a1 1 0 0 0-.678-.265H32zM6 33v-5h24v5h-6.126a4.002 4.002 0 0 0-7.748 0h-1.252a4.002 4.002 0 0 0-7.748 0zm3 1a2 2 0 1 0 4 0a2 2 0 0 0-4 0m11 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4m19-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0M19 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-mobile-clinic {
  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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2010a3%203%200%200%200-3%203v22h3.126a4.002%204.002%200%200%200%207.748%200h1.252a4.002%204.002%200%200%200%207.748%200h9.252a4.002%204.002%200%200%200%207.748%200H44v-8.124a3%203%200%200%200-.965-2.205l-5.282-4.875A3%203%200%200%200%2035.718%2019H32v-6a3%203%200%200%200-3-3zm33.874%2023H42v-5H32v5h1.126a4.002%204.002%200%200%201%207.748%200M32%2026h9.526l-5.13-4.735a1%201%200%200%200-.678-.265H32zM6%2033v-5h24v5h-6.126a4.002%204.002%200%200%200-7.748%200h-1.252a4.002%204.002%200%200%200-7.748%200zm3%201a2%202%200%201%200%204%200a2%202%200%200%200-4%200m11%202a2%202%200%201%200%200-4a2%202%200%200%200%200%204m19-2a2%202%200%201%201-4%200a2%202%200%200%201%204%200M19%2015v3h3v2h-3v3h-2v-3h-3v-2h3v-3z%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%2010a3%203%200%200%200-3%203v22h3.126a4.002%204.002%200%200%200%207.748%200h1.252a4.002%204.002%200%200%200%207.748%200h9.252a4.002%204.002%200%200%200%207.748%200H44v-8.124a3%203%200%200%200-.965-2.205l-5.282-4.875A3%203%200%200%200%2035.718%2019H32v-6a3%203%200%200%200-3-3zm33.874%2023H42v-5H32v5h1.126a4.002%204.002%200%200%201%207.748%200M32%2026h9.526l-5.13-4.735a1%201%200%200%200-.678-.265H32zM6%2033v-5h24v5h-6.126a4.002%204.002%200%200%200-7.748%200h-1.252a4.002%204.002%200%200%200-7.748%200zm3%201a2%202%200%201%200%204%200a2%202%200%200%200-4%200m11%202a2%202%200%201%200%200-4a2%202%200%200%200%200%204m19-2a2%202%200%201%201-4%200a2%202%200%200%201%204%200M19%2015v3h3v2h-3v3h-2v-3h-3v-2h3v-3z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/mobile-clinic.svg?color=%231a73e8&size=48