Menu

Beta
Sign in
Prenatal Appointment SVG icon, line

Prenatal Appointment SVG icon, line

A calendar marked with a heart represents an upcoming prenatal visit. Use it in appointment booking screens and reminders sent by obstetric clinics.

Free · from Prenatal Care Icons, Line

Similar SVGs

More from Prenatal Care Icons, Line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UvKPof4NYIl2/amnt.svg" alt="Prenatal Appointment" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="layer-1" data-name="Rectangle 1"><path d="M5 5L19 5C20.1 5 21 5.9 21 7L21 19C21 20.1 20.1 21 19 21L5 21C3.9 21 3 20.1 3 19L3 7C3 5.9 3.9 5 5 5Z" fill="none" stroke="#263238" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M3 10L21 10" fill="none" stroke="#263238" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M8 3L8 7M16 3L16 7" fill="none" stroke="#263238" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M12 18.5L8.9 15.6C8.21 14.88 8.23 13.74 8.95 13.05C9.67 12.36 10.81 12.38 11.5 13.1L12 13.6L12.5 13.1C13.19 12.38 14.33 12.36 15.05 13.05C15.77 13.74 15.79 14.88 15.1 15.6Z" fill="none" stroke="#263238" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.prenatal-appointment {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UvKPof4NYIl2/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.prenatal-appointment {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UvKPof4NYIl2/amnt.svg") center / contain no-repeat;
}
React
import PrenatalAppointmentSvg from "./prenatal-appointment.jsx"; // from the React tab above

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

Tags

pregnancycalendarappointmentschedule

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one prenatal appointment icon: a calendar with two binding loops and a small outlined heart in place of the date grid. Use consistent dark outline strokes, rounded caps and joins, no fills, no text or numbers, transparent background, and centered square composition readable at 24 pixels. as part of the pack Prenatal Care Icons, Line. Want one like it? Make your own in the SVG studio.

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

Settings