Calendar Month

By The Bootstrap Authors in Bootstrap Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 16 16">
  <g fill="currentColor">
    <path d="M2.56 11.332L3.1 9.73h1.984l.54 1.602h.718L4.444 6h-.696L1.85 11.332h.71zm1.544-4.527L4.9 9.18H3.284l.8-2.375h.02zm5.746.422h-.676V9.77c0 .652-.414 1.023-1.004 1.023c-.539 0-.98-.246-.98-1.012V7.227h-.676v2.746c0 .941.606 1.425 1.453 1.425c.656 0 1.043-.28 1.188-.605h.027v.539h.668V7.227zm2.258 5.046c-.563 0-.91-.304-.985-.636h-.687c.094.683.625 1.199 1.668 1.199c.93 0 1.746-.527 1.746-1.578V7.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64c-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902c.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023zm.008-4.53c.648 0 1.062.527 1.062 1.359v.253c0 .848-.39 1.364-1.062 1.364c-.692 0-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36 1.098-1.36z"/>
    <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
  </g>
</svg>


Calendar Month Icons examples

See what this icon looks like in some mockup designs
Calendar MonthHome

Related icons in Bootstrap Icons

copy save
0-circle
copy save
0-circle-fill
copy save
0-square
copy save
0-square-fill
copy save
1-circle
copy save
1-circle-fill
copy save
1-square
copy save
1-square-fill
copy save
123
copy save
2-circle
copy save
2-circle-fill
copy save
2-square
copy save
2-square-fill
copy save
3-circle
copy save
3-circle-fill
copy save
3-square
copy save
3-square-fill
copy save
4-circle
copy save
4-circle-fill
copy save
4-square