calendar2 month icon
calendar2-month-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- calendar2-month-fill
- Set
- Bootstrap Icons
- Style
- Fill
- 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="M4.104 7.805L4.9 10.18H3.284l.8-2.375zm9.074 2.297c0-.832-.414-1.36-1.062-1.36c-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364c.671 0 1.062-.516 1.062-1.364z"/><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-.5m9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5M2.561 12.332L3.1 10.73h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zM9.85 8.227h-.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.668zm1.273 4.41h-.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.023c-.563 0-.91-.304-.985-.636"/></g></svg>
React
import type { SVGProps } from "react";
export function BiCalendar2MonthFill(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="M4.104 7.805L4.9 10.18H3.284l.8-2.375zm9.074 2.297c0-.832-.414-1.36-1.062-1.36c-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364c.671 0 1.062-.516 1.062-1.364z"/><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-.5m9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5M2.561 12.332L3.1 10.73h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zM9.85 8.227h-.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.668zm1.273 4.41h-.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.023c-.563 0-.91-.304-.985-.636"/></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="M4.104 7.805L4.9 10.18H3.284l.8-2.375zm9.074 2.297c0-.832-.414-1.36-1.062-1.36c-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364c.671 0 1.062-.516 1.062-1.364z"/><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-.5m9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5M2.561 12.332L3.1 10.73h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zM9.85 8.227h-.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.668zm1.273 4.41h-.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.023c-.563 0-.91-.304-.985-.636"/></g></svg> </template>
CSS
.icon-calendar2-month-fill {
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%22M4.104%207.805L4.9%2010.18H3.284l.8-2.375zm9.074%202.297c0-.832-.414-1.36-1.062-1.36c-.692%200-1.098.492-1.098%201.36v.253c0%20.852.406%201.364%201.098%201.364c.671%200%201.062-.516%201.062-1.364z%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-.5m9.954%203H2.545c-.3%200-.545.224-.545.5v1c0%20.276.244.5.545.5h10.91c.3%200%20.545-.224.545-.5v-1c0-.276-.244-.5-.546-.5M2.561%2012.332L3.1%2010.73h1.984l.54%201.602h.718L4.444%207h-.696L1.85%2012.332zM9.85%208.227h-.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.668zm1.273%204.41h-.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.023c-.563%200-.91-.304-.985-.636%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%22M4.104%207.805L4.9%2010.18H3.284l.8-2.375zm9.074%202.297c0-.832-.414-1.36-1.062-1.36c-.692%200-1.098.492-1.098%201.36v.253c0%20.852.406%201.364%201.098%201.364c.671%200%201.062-.516%201.062-1.364z%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-.5m9.954%203H2.545c-.3%200-.545.224-.545.5v1c0%20.276.244.5.545.5h10.91c.3%200%20.545-.224.545-.5v-1c0-.276-.244-.5-.546-.5M2.561%2012.332L3.1%2010.73h1.984l.54%201.602h.718L4.444%207h-.696L1.85%2012.332zM9.85%208.227h-.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.668zm1.273%204.41h-.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.023c-.563%200-.91-.304-.985-.636%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-fill.svg?color=%231a73e8&size=48
