calendar2 month icon
calendar2-month from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- calendar2-month
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Related icons in Bootstrap Icons
Use the calendar2 month icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="m2.56 12.332l.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zm1.544-4.527L4.9 10.18H3.284l.8-2.375zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023c-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425c.656 0 1.043-.28 1.188-.605h.027v.539h.668zm2.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.578V8.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.023m.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-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"/><path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiCalendar2Month(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="m2.56 12.332l.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zm1.544-4.527L4.9 10.18H3.284l.8-2.375zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023c-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425c.656 0 1.043-.28 1.188-.605h.027v.539h.668zm2.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.578V8.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.023m.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-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"/><path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="m2.56 12.332l.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zm1.544-4.527L4.9 10.18H3.284l.8-2.375zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023c-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425c.656 0 1.043-.28 1.188-.605h.027v.539h.668zm2.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.578V8.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.023m.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-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"/><path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5z"/></g></svg> </template>
CSS
.icon-calendar2-month {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m2.56%2012.332l.54-1.602h1.984l.54%201.602h.718L4.444%207h-.696L1.85%2012.332zm1.544-4.527L4.9%2010.18H3.284l.8-2.375zm5.746.422h-.676v2.543c0%20.652-.414%201.023-1.004%201.023c-.539%200-.98-.246-.98-1.012V8.227h-.676v2.746c0%20.941.606%201.425%201.453%201.425c.656%200%201.043-.28%201.188-.605h.027v.539h.668zm2.258%205.046c-.563%200-.91-.304-.985-.636h-.687c.094.683.625%201.199%201.668%201.199c.93%200%201.746-.527%201.746-1.578V8.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64c-.965%200-1.64.679-1.64%201.886v.34c0%201.23.683%201.902%201.64%201.902c.558%200%201.008-.293%201.172-.648h.02v.605c0%20.645-.423%201.023-1.071%201.023m.008-4.53c.648%200%201.062.527%201.062%201.359v.253c0%20.848-.39%201.364-1.062%201.364c-.692%200-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36%201.098-1.36z%22%2F%3E%3Cpath%20d%3D%22M3.5%200a.5.5%200%200%201%20.5.5V1h8V.5a.5.5%200%200%201%201%200V1h1a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V3a2%202%200%200%201%202-2h1V.5a.5.5%200%200%201%20.5-.5M2%202a1%201%200%200%200-1%201v11a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V3a1%201%200%200%200-1-1z%22%2F%3E%3Cpath%20d%3D%22M2.5%204a.5.5%200%200%201%20.5-.5h10a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5H3a.5.5%200%200%201-.5-.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m2.56%2012.332l.54-1.602h1.984l.54%201.602h.718L4.444%207h-.696L1.85%2012.332zm1.544-4.527L4.9%2010.18H3.284l.8-2.375zm5.746.422h-.676v2.543c0%20.652-.414%201.023-1.004%201.023c-.539%200-.98-.246-.98-1.012V8.227h-.676v2.746c0%20.941.606%201.425%201.453%201.425c.656%200%201.043-.28%201.188-.605h.027v.539h.668zm2.258%205.046c-.563%200-.91-.304-.985-.636h-.687c.094.683.625%201.199%201.668%201.199c.93%200%201.746-.527%201.746-1.578V8.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64c-.965%200-1.64.679-1.64%201.886v.34c0%201.23.683%201.902%201.64%201.902c.558%200%201.008-.293%201.172-.648h.02v.605c0%20.645-.423%201.023-1.071%201.023m.008-4.53c.648%200%201.062.527%201.062%201.359v.253c0%20.848-.39%201.364-1.062%201.364c-.692%200-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36%201.098-1.36z%22%2F%3E%3Cpath%20d%3D%22M3.5%200a.5.5%200%200%201%20.5.5V1h8V.5a.5.5%200%200%201%201%200V1h1a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V3a2%202%200%200%201%202-2h1V.5a.5.5%200%200%201%20.5-.5M2%202a1%201%200%200%200-1%201v11a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V3a1%201%200%200%200-1-1z%22%2F%3E%3Cpath%20d%3D%22M2.5%204a.5.5%200%200%201%20.5-.5h10a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5H3a.5.5%200%200%201-.5-.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/calendar2-month.svg?color=%231a73e8&size=48
