Beta

Calendar SVG illustration, flat

Free
Calendar SVG illustration, flat

A standing calendar page has two binding rings and one highlighted date. Use it on appointment booking pages and event reminder cards.

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

calendardateschedulespotillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pR-bmvNIC20-/amnt.svg" alt="Calendar" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="207" cy="258" rx="133" ry="13" fill="#DFE7E5"/><path d="M133 67h157l46 177a8 8 0 0 1-8 10H169Z" fill="#789C99"/><path d="M290 67l46 177a8 8 0 0 1-8 10h-30L265 91Z" fill="#527D7B"/><path d="M93 57h198a9 9 0 0 1 9 10v178a9 9 0 0 1-9 9H93a9 9 0 0 1-9-9V67a10 10 0 0 1 9-10Z" fill="#DFE7E5"/><rect x="76" y="52" width="216" height="195" rx="10" fill="#FFF9EF"/><path d="M86 52h196a10 10 0 0 1 10 10v49H76V62a10 10 0 0 1 10-10Z" fill="#E79B87"/><path d="M76 104h216v7H76Z" fill="#D88374"/><ellipse cx="131" cy="72" rx="9" ry="6" fill="#D88374"/><ellipse cx="237" cy="72" rx="9" ry="6" fill="#D88374"/><path d="M127 71V44a10 10 0 0 1 20 0v14" fill="none" stroke="#527D7B" stroke-width="3" stroke-linecap="round"/><path d="M233 71V44a10 10 0 0 1 20 0v14" fill="none" stroke="#527D7B" stroke-width="3" stroke-linecap="round"/><g fill="#DFE7E5"><rect x="98" y="130" width="25" height="22" rx="4"/><rect x="140" y="130" width="25" height="22" rx="4"/><rect x="182" y="130" width="25" height="22" rx="4"/><rect x="224" y="130" width="25" height="22" rx="4"/><rect x="98" y="164" width="25" height="22" rx="4"/><rect x="140" y="164" width="25" height="22" rx="4"/><rect x="224" y="164" width="25" height="22" rx="4"/><rect x="98" y="198" width="25" height="22" rx="4"/><rect x="140" y="198" width="25" height="22" rx="4"/><rect x="182" y="198" width="25" height="22" rx="4"/><rect x="224" y="198" width="25" height="22" rx="4"/></g><rect x="178" y="159" width="33" height="33" rx="6" fill="#D88374"/><rect x="178" y="157" width="33" height="33" rx="6" fill="#E79B87"/><path d="m186 173 6 6 11-12" fill="none" stroke="#FFF9EF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
CSS background-image
.calendar {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pR-bmvNIC20-/amnt.svg");
  background-size: contain;
}
React
import CalendarSvg from "./calendar.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Calendar: Standing calendar page with two binding rings and a highlighted date square. as part of the pack Everyday Spot Illustrations, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Spot Illustrations, Flat

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