Skip to main content
Modus Icons

Calendar

Examples

Heading
Smaller heading

Inline text

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="modus-icons notranslate">calendar</i>

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" viewBox="0 0 32 32">
  <path d="M25.69 5H23V4a1 1 0 1 0-2 0v1H11V4a1 1 0 1 0-2 0v1H6.31A3.32 3.32 0 0 0 3 8.31v18.38A3.32 3.32 0 0 0 6.31 30h19.38A3.32 3.32 0 0 0 29 26.69V8.31A3.32 3.32 0 0 0 25.69 5zM5 8.31C5 7.59 5.59 7 6.31 7H9v1a1 1 0 1 0 2 0V7h10v1a1 1 0 1 0 2 0V7h2.69c.72 0 1.31.59 1.31 1.31V11H5V8.31zM8.5 19c.83 0 1.5.67 1.5 1.5S9.33 22 8.5 22 7 21.33 7 20.5 7.67 19 8.5 19zM7 16.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S9.33 18 8.5 18 7 17.33 7 16.5zM8.5 23c.83 0 1.5.67 1.5 1.5S9.33 26 8.5 26 7 25.33 7 24.5 7.67 23 8.5 23zm5-4c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM12 16.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5zm1.5 6.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm5-4c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM17 16.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5zm1.5 6.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zm5 0c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM22 20.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5zm1.5-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" style="fill:#020202"/>
</svg>