Beta

Doctor SVG icon, line

Free

A doctor appears from the shoulders up, wearing an open coat and stethoscope. Place it in staff directories and appointment booking screens.

Sign in to download. Free SVGs are free with any account.

doctorphysicianhealthcarehealthiconline

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Qx4kABBsgKxG/amnt.svg" alt="Doctor" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5.5" r="3"/><path d="M9 9.5v1l-3.5 1.2A3.5 3.5 0 0 0 3 15v7h18v-7a3.5 3.5 0 0 0-2.5-3.3L15 10.5v-1"/><path d="m9 11 3 4 3-4M9 11l-2 3 3 2-1 6m6-11 2 3-3 2 1 6"/><path d="M7 12.5v4a2 2 0 0 0 2 2h1m7-6v4a2 2 0 0 1-2 2h-1"/><circle cx="11" cy="18.5" r="1"/></svg>
CSS background-image
.doctor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Qx4kABBsgKxG/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.doctor {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Qx4kABBsgKxG/amnt.svg") center / contain no-repeat;
}
React
import DoctorSvg from "./doctor.jsx"; // from the React tab above

<DoctorSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Doctor: Head and shoulders above an open coat with a stethoscope around the neck. as part of the pack Health and medical icons, line. Want one like it? Make your own in the SVG studio.

Rest of Health and medical icons, line

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence