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

Download

SVG (Classic Solid) SVG (Classic Regular)