SVG Icon 4 views Interface

Calendar date background filled SVG icon

<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"><path d="M774.4,166.8V10H617.6v39.2h117.6v196h235.2v-78.4H774.4z"/><path d="M29.6,166.8h196v78.4h-196V166.8z"/><path d="M343.2,245.2h274.4v-78.4H382.4V10H225.6v39.2h117.6V245.2z"/><path d="M29.6,990h940.8V284.4H29.6V990z M735.2,402h117.6v117.6H735.2V402z M735.2,598h117.6v117.6H735.2V598z M735.2,794h117.6v117.6H735.2V794z M539.2,402h117.6v117.6H539.2V402z M539.2,598h117.6v117.6H539.2V598z M539.2,794h117.6v117.6H539.2V794z M343.2,598h117.6v117.6H343.2V598z M343.2,794h117.6v117.6H343.2V794z M147.2,402h117.6v117.6H147.2V402z M147.2,598h117.6v117.6H147.2V598z M147.2,794h117.6v117.6H147.2V794z"/></svg>

About Calendar date background filled SVG icon

Download the Calendar date background filled SVG icon in SVG format for websites, mobile apps, UI design, presentations and digital products. This scalable vector icon is lightweight, easy to customize and suitable for modern interfaces.

You can use this Calendar date background filled SVG icon SVG icon in navigation, dashboards, design systems, landing pages, admin panels, buttons, product interfaces and other front-end projects where clean vector graphics matter.

Copy the inline SVG code, edit colors and dimensions, and integrate it directly into HTML, CSS, JavaScript, React, WordPress or any other web project that supports SVG files.

How to use this SVG icon

This SVG icon can be used in website navigation, mobile interfaces, admin dashboards, landing pages, UI kits, design systems and presentation layouts.

Because SVG files are vector-based, this icon stays sharp at any size and can be customized with CSS, inline attributes or design tools before export.

It is suitable for developers, designers, marketers and product teams who need lightweight, scalable icons for modern digital products.