Calendar

calendar

Timev1calendar

Open in editor

Spotted something off? Open it in the editor, fix the pixels, and submit the change for review — no account needed.

SVG

<!-- termina · calendar · v1 -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13" width="13" height="13" shape-rendering="crispEdges" fill="currentColor">
  <rect x="4" y="1" width="1" height="1"/>
  <rect x="8" y="1" width="1" height="1"/>
  <rect x="2" y="2" width="9" height="1"/>
  <rect x="1" y="3" width="1" height="1"/>
  <rect x="4" y="3" width="1" height="1"/>
  <rect x="8" y="3" width="1" height="1"/>
  <rect x="11" y="3" width="1" height="1"/>
  <rect x="1" y="4" width="1" height="1"/>
  <rect x="11" y="4" width="1" height="1"/>
  <rect x="1" y="5" width="11" height="1"/>
  <rect x="1" y="6" width="1" height="1"/>
  <rect x="11" y="6" width="1" height="1"/>
  <rect x="1" y="7" width="1" height="1"/>
  <rect x="3" y="7" width="1" height="1"/>
  <rect x="5" y="7" width="1" height="1"/>
  <rect x="7" y="7" width="1" height="1"/>
  <rect x="9" y="7" width="1" height="1"/>
  <rect x="11" y="7" width="1" height="1"/>
  <rect x="1" y="8" width="1" height="1"/>
  <rect x="11" y="8" width="1" height="1"/>
  <rect x="1" y="9" width="1" height="1"/>
  <rect x="3" y="9" width="1" height="1"/>
  <rect x="5" y="9" width="1" height="1"/>
  <rect x="7" y="9" width="1" height="1"/>
  <rect x="9" y="9" width="1" height="1"/>
  <rect x="11" y="9" width="1" height="1"/>
  <rect x="1" y="10" width="1" height="1"/>
  <rect x="11" y="10" width="1" height="1"/>
  <rect x="2" y="11" width="9" height="1"/>
</svg>

React — termina-icons

import { Calendar } from "termina-icons";

<Calendar size={24} />

Sprite reference — no build step

<svg width="26" height="26" fill="currentColor">
  <use href="/api/sprite.svg#termina-calendar" />
</svg>

Bitmap — 169 characters

0000000000000000010001000000111111111000100100010010010000000001001111111111100100000000010010101010101001000000000100101010101010010000000001000111111111000000000000000