Calendar color icon
The color version of the calendar line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#a1d9f7" stroke="none"><path fill-rule="evenodd" d="m2.1 19.9.5.9.6.6.9.5.9.1h14.5l.9-.3.4-.3.6-.6.5-.9.1-.4v-8.1H2V19ZM3.6 4.3l-.7.6-.3.3-.5.9L2 7v2.8h20V7l-.1-.9-.5-.9-.3-.3-.3-.3-.9-.5-.4-.1h-1v1.3l-.1.6-.2.4-.2.4-.3.4-.6.3-.4.2-.7.1-.7-.1-.4-.2-.6-.3-.3-.4-.2-.4-.2-.4-.1-.6V4h-3v1.3l-.1.6-.2.4-.2.4-.3.4-.6.3-.4.2-.7.1-.7-.1-.4-.2-.6-.3-.3-.4-.2-.4-.2-.4-.1-.6V4h-1Zm11.7 1.6.3.2.4.1.4-.1.3-.2.2-.3.1-.4V2l-.1-.4-.2-.3-.3-.2L16 1l-.4.1-.3.2-.2.3-.1.4v3.2l.1.4Zm-8 0 .3.2.4.1.4-.1.3-.2.2-.3.1-.4V2l-.1-.4-.2-.3-.3-.2L8 1l-.4.1-.3.2-.2.3L7 2v3.2l.1.4Z"/></g><g fill="none" stroke="#1d4a63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="16" x="3" y="5" rx="2"/><path d="M3 10h18M8 3v4m8-4v4"/></g></svg>Want it moving? See the animated calendar icon.