Menu

Beta
Sign in
Beta
Calendar SVG illustration, flat

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.

Free · from Everyday Spot Illustrations, Flat

Similar SVGs

More from Everyday Spot Illustrations, Flat

Whole pack

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} />

Tags

calendardateschedulespotillustrationflat

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.

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