Calendar Add Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Collection

IconaMoon

Format

SVG, PNG

License

CC BY 4.0 - Free for commercial use

Style

Filled

Tags

calendar add date schedule event time plan plus

The Calendar Add icon is commonly used in booking systems, scheduling apps and event listings. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307639.svg" alt="Calendar Add icon" width="24" height="24">

<img src="https://proicons.com/icon/307639.svg" alt="Calendar Add icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/307639.svg"
  alt="Calendar Add icon"
  :width="24"
  :height="24"
/>

.icon-calendar-add {
  background-image: url('https://proicons.com/icon/307639.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 4H20V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V4Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12V16" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 14H14" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 8H20" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 3V5" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 3V5" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>