Calendar

Examples

Heading

Smaller heading

Inline text

Inline font

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="wiw-icon wiw-calendar"></i>

Code point

Unicode: U+F11C
CSS: \F11C
JS: \uF11C
HTML: 

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="wiw-icon wiw-calendar" viewBox="0 0 24 24">
  <path fill="#000" d="M22.04 4.2C21.65 1.83 19.6 0 17.12 0s-4.43 1.72-4.9 4h-.33C11.43 1.72 9.41 0 7 0 4.59 0 2.49 1.8 2.09 4.16.88 4.55 0 5.67 0 7v14c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3V7c0-1.29-.82-2.38-1.96-2.8ZM9 17v-3h5.9v3H9Zm5.9 2v3H9v-3h5.9ZM2 14h5v3H2v-3Zm14.9 0H22v3h-5.1v-3Zm.22-12c1.3 0 2.4.84 2.82 2h-5.63c.41-1.16 1.51-2 2.82-2h-.01ZM7 2c1.3 0 2.4.84 2.82 2H4.18C4.59 2.84 5.69 2 7 2ZM3 6h6.82A2.99 2.99 0 0 1 7 8c-.55 0-1 .45-1 1s.45 1 1 1c2.41 0 4.43-1.72 4.9-4h8.04a2.99 2.99 0 0 1-2.82 2c-.55 0-1 .45-1 1s.45 1 1 1c2.22 0 4.09-1.47 4.74-3.48.08.14.14.3.14.48v5H2V7c0-.55.45-1 1-1ZM2 21v-2h5v3H3c-.55 0-1-.45-1-1Zm19 1h-4.1v-3H22v2c0 .55-.45 1-1 1Z"/>
</svg>