Simple Calendar Icon

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

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: simple calendar date schedule event time plan

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

img tag

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.d{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path id="c" class="d" d="M10.1794,7.8588c-2.2091,0-4,1.7909-4,4v27.6412c0,2.2091,1.7909,4,4,4h27.6412c2.2091,0,4-1.7909,4-4V11.8588c0-2.2091-1.7909-4-4-4H10.1794Z"/><rect class="d" x="10.5" y="32.9258" width="6.7781" height="6.3994"/><rect class="d" x="20.6109" y="32.9258" width="6.7781" height="6.3994"/><rect class="d" x="30.7219" y="32.9258" width="6.7781" height="6.3994"/><rect class="d" x="10.5" y="23.6971" width="6.7781" height="6.3994"/><rect class="d" x="20.6109" y="23.6971" width="6.7781" height="6.3994"/><rect class="d" x="30.7219" y="23.6971" width="6.7781" height="6.3994"/><rect class="d" x="30.7219" y="14.8931" width="6.7781" height="6.3994"/><line class="d" x1="12.8166" y1="10.258" x2="12.8166" y2="4.5"/><line class="d" x1="35.1834" y1="10.258" x2="35.1834" y2="4.5"/></svg>

Copied!

Simple Calendar Icon

More from Arcticons