Calendar
calendar
A simple calendar page with a grid and top binding bars, representing a date or scheduling context. Use for date pickers, event creation, or schedule navigation.
Code
<i class="icf-solid icf-calendar"></i>
icf-solid icf-calendar
<i className="icf-solid icf-calendar" />
Unicode:
Hex: \e009
HTML Entity:
.my-icon::before {
font-family: "Iconfyra 1";
font-weight: 900;
content: "\e009";
}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M-0,156L-0,138.267C-0,98.423 32.393,66.03 72.237,66.03L107.195,66.03L107.195,38.728C107.195,19.913 122.333,4.775 141.148,4.775C159.963,4.775 175.101,19.913 175.101,38.728L175.101,66.03L336.899,66.03L336.899,38.728C336.899,19.913 352.037,4.775 370.852,4.775C389.667,4.775 404.805,19.913 404.805,38.728L404.805,66.03L439.763,66.03C479.607,66.03 512,98.423 512,138.267L512,156L-0,156ZM512,200L512,444.539C512,484.382 479.607,516.776 439.763,516.776L72.237,516.776C32.393,516.776 -0,484.382 -0,444.539L-0,200L512,200Z"/>
</svg>
Available Variants
Classic
Solid
Free
Regular
Free
Light
Basic
Thin
Basic
Duotone
Solid
Pro
Regular
Pro
Light
Pro
Thin
Pro
Sizes
16px
24px
32px
48px
64px
96px
128px