calendar day icon
calendar-day-filled from Reicon by REICON · Filled · Time · MIT Free for personal and commercial use.
- Name
- calendar-day-filled
- Set
- Reicon
- Style
- Filled
- Category
- Time
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All calendar day icons →More time icons from Reicon
Use the calendar day icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 1a.75.75 0 0 0-1.5 0v1.25c-.806 0-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67q-.037.486-.045 1.107c-.002.14-.003.209.024.263a.25.25 0 0 0 .11.111c.053.028.124.028.265.028h20.692c.141 0 .212 0 .265-.028a.25.25 0 0 0 .11-.11c.027-.055.026-.125.024-.264A17 17 0 0 0 22.7 6.24c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75 0 0 0-1.5 0v1.25h-6.5z"/><path fill-rule="evenodd" d="M1.387 9.277c.053-.027.123-.027.263-.027h20.7c.14 0 .21 0 .263.027a.25.25 0 0 1 .11.11c.027.053.027.123.027.263v7.783c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14 0-.21.027-.264a.25.25 0 0 1 .11-.109M14.25 14c-.69 0-1.25.56-1.25 1.25v2.5c0 .69.56 1.25 1.25 1.25h2.5c.69 0 1.25-.56 1.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCalendarDayFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 1a.75.75 0 0 0-1.5 0v1.25c-.806 0-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67q-.037.486-.045 1.107c-.002.14-.003.209.024.263a.25.25 0 0 0 .11.111c.053.028.124.028.265.028h20.692c.141 0 .212 0 .265-.028a.25.25 0 0 0 .11-.11c.027-.055.026-.125.024-.264A17 17 0 0 0 22.7 6.24c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75 0 0 0-1.5 0v1.25h-6.5z"/><path fillRule="evenodd" d="M1.387 9.277c.053-.027.123-.027.263-.027h20.7c.14 0 .21 0 .263.027a.25.25 0 0 1 .11.11c.027.053.027.123.027.263v7.783c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14 0-.21.027-.264a.25.25 0 0 1 .11-.109M14.25 14c-.69 0-1.25.56-1.25 1.25v2.5c0 .69.56 1.25 1.25 1.25h2.5c.69 0 1.25-.56 1.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 1a.75.75 0 0 0-1.5 0v1.25c-.806 0-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67q-.037.486-.045 1.107c-.002.14-.003.209.024.263a.25.25 0 0 0 .11.111c.053.028.124.028.265.028h20.692c.141 0 .212 0 .265-.028a.25.25 0 0 0 .11-.11c.027-.055.026-.125.024-.264A17 17 0 0 0 22.7 6.24c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75 0 0 0-1.5 0v1.25h-6.5z"/><path fill-rule="evenodd" d="M1.387 9.277c.053-.027.123-.027.263-.027h20.7c.14 0 .21 0 .263.027a.25.25 0 0 1 .11.11c.027.053.027.123.027.263v7.783c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14 0-.21.027-.264a.25.25 0 0 1 .11-.109M14.25 14c-.69 0-1.25.56-1.25 1.25v2.5c0 .69.56 1.25 1.25 1.25h2.5c.69 0 1.25-.56 1.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-calendar-day-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%201a.75.75%200%200%200-1.5%200v1.25c-.806%200-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67q-.037.486-.045%201.107c-.002.14-.003.209.024.263a.25.25%200%200%200%20.11.111c.053.028.124.028.265.028h20.692c.141%200%20.212%200%20.265-.028a.25.25%200%200%200%20.11-.11c.027-.055.026-.125.024-.264A17%2017%200%200%200%2022.7%206.24c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75%200%200%200-1.5%200v1.25h-6.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.387%209.277c.053-.027.123-.027.263-.027h20.7c.14%200%20.21%200%20.263.027a.25.25%200%200%201%20.11.11c.027.053.027.123.027.263v7.783c0%20.952%200%201.713-.05%202.327c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14%200-.21.027-.264a.25.25%200%200%201%20.11-.109M14.25%2014c-.69%200-1.25.56-1.25%201.25v2.5c0%20.69.56%201.25%201.25%201.25h2.5c.69%200%201.25-.56%201.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%201a.75.75%200%200%200-1.5%200v1.25c-.806%200-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67q-.037.486-.045%201.107c-.002.14-.003.209.024.263a.25.25%200%200%200%20.11.111c.053.028.124.028.265.028h20.692c.141%200%20.212%200%20.265-.028a.25.25%200%200%200%20.11-.11c.027-.055.026-.125.024-.264A17%2017%200%200%200%2022.7%206.24c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75%200%200%200-1.5%200v1.25h-6.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.387%209.277c.053-.027.123-.027.263-.027h20.7c.14%200%20.21%200%20.263.027a.25.25%200%200%201%20.11.11c.027.053.027.123.027.263v7.783c0%20.952%200%201.713-.05%202.327c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14%200-.21.027-.264a.25.25%200%200%201%20.11-.109M14.25%2014c-.69%200-1.25.56-1.25%201.25v2.5c0%20.69.56%201.25%201.25%201.25h2.5c.69%200%201.25-.56%201.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/calendar-day-filled.svg?color=%231a73e8&size=48
