Notion Calendar 24 Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Notion Calendar 24 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/330370.svg" alt="Notion Calendar 24 icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/330370.svg" alt="Notion Calendar 24 icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/330370.svg" alt="Notion Calendar 24 icon" :width="24" :height="24" />
CSS background
.icon-notion-calendar-24 {
background-image: url('https://proicons.com/icon/330370.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="M16.7282,27.5436c0-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"/><polyline class="c" points="35.0022 35.1193 35.0022 22.3193 28.1222 31.3198 36.6022 30.8754"/></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!