Notion Calendar 20 Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Notion Calendar 20 icon is commonly used in booking systems, scheduling apps and event listings. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/330366.svg" alt="Notion Calendar 20 icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/330366.svg" alt="Notion Calendar 20 icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/330366.svg" alt="Notion Calendar 20 icon" :width="24" :height="24" />
CSS background
.icon-notion-calendar-20 {
background-image: url('https://proicons.com/icon/330366.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.c{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g id="a"><path class="c" d="M28.16,31.1481c0,2.3704,1.8963,4.1673,4.2667,4.0431s4.1086-2.1116,4.1086-4.482v-4.2667c0-2.3704-1.8963-4.1673-4.1086-4.0513s-4.2667,2.1199-4.2667,4.4903v4.2667Z"/><path class="c" d="M16.7951,27.477c0-2.3704,1.8963-4.366,4.1086-4.482s4.2667,1.6727,4.2667,4.0431c0,1.1062-.4741,2.2372-1.2642,3.0687-1.7383,1.5133-7.1111,5.9035-7.1111,5.9035l8.3753-.4389"/></g><g id="b"><path class="c" d="M39.1534,41.4179l-24.7176,1.0792c-1.6882.0737-3.0971-1.275-3.0971-2.9648V14.3211c0-1.5887,1.2511-2.8955,2.8382-2.9648l25.9564-1.1333c1.0129-.0442,1.8583.765,1.8583,1.7789v26.4512c0,1.5887-1.2511,2.8955-2.8382,2.9648Z"/><path class="c" d="M11.3387,22.1165v-2.9701c0-.9532.7506-1.7373,1.7029-1.7789l27.0917-1.1829c1.0129-.0442,1.8583.765,1.8583,1.7789v3.8035"/><path class="c" d="M36.6613,10.2477v-2.3735c0-1.3518-1.1271-2.4308-2.4777-2.3719l-25.9047,1.131c-1.2697.0554-2.2706,1.1009-2.2706,2.3719v25.6502c0,1.3475,1.1202,2.4249,2.4667,2.3723l2.8636-.1118"/></g></svg>
Copied!