calendar emoji
calendar from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- calendar
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
calendarAkar Iconscalendar-filledAnt Design IconscalendarBootstrap IconscalendarBoxIcons v2calendarBoxIcons v2 SolidcalendarCarboncalendarCodiconscalendarEmoji One (Colored)calendarElement Pluscalendar-fillEva IconscalendarFramework7 IconscalendarFont Awesome 6 RegularcalendarFont Awesome 6 SolidcalendarFont Awesome RegularcalendarFont Awesome SolidcalendarFeather Iconscalendar-12-filledFluent UI System Iconscalendar-16Fluent UI System Color IconscalendarFluent EmojicalendarFluent Emoji FlatcalendarFluent Emoji High ContrastcalendarFirefox OS Emojicalendarcss.ggcalendarHealth Icons
More objects icons from Noto Emoji
Use the calendar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fafafa" stroke="#bdbdbd" stroke-miterlimit="10" stroke-width="3" d="M111.42 113.34H16.58a4.88 4.88 0 0 1-4.88-4.88V42.03c0-7.27 5.65-13.16 12.62-13.16h79.37c6.97 0 12.62 5.89 12.62 13.16v66.43c0 2.7-2.19 4.88-4.89 4.88z"/><path fill="#f44336" d="M112.11 4h-4.8c-1 0-1.81.81-1.81 1.81V9.9c0 .67.38 1.25.95 1.6c2.01 1.2 3.24 3.57 2.71 6.17c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.12 1.14-3.97 2.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98 0-1.77.79-1.77 1.77v4.16c0 .65.37 1.22.93 1.55a5.78 5.78 0 0 1 2.73 6.18c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.13 1.16-3.98 2.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75 5.75 0 0 0-5.75 5.75v37.52H117.7l.16-37.49A5.745 5.745 0 0 0 112.11 4"/><path fill="#fff" d="M45.09 15.46h4.12V29.3c0 1.27-.28 2.4-.84 3.37s-1.36 1.73-2.38 2.26c-1.03.53-2.18.8-3.47.8c-2.11 0-3.76-.54-4.94-1.61s-1.77-2.6-1.77-4.56h4.15c0 .98.21 1.7.62 2.17s1.06.7 1.95.7c.79 0 1.41-.27 1.88-.81s.7-1.31.7-2.31V15.46zm16.28 18.48c-.98 1.19-2.33 1.78-4.06 1.78c-1.59 0-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0 1.55.7 2.32 2.11 2.32c1.35 0 2.27-.47 2.77-1.4V20.6h3.98v14.85h-3.73zm11.02 1.51h-3.98V14.37h3.98zm8.81-5.62l2.75-9.24h4.26l-5.97 17.16l-.33.78c-.89 1.94-2.35 2.91-4.39 2.91c-.58 0-1.16-.09-1.76-.26v-3.01l.6.01c.75 0 1.31-.11 1.68-.34q.555-.345.87-1.14l.47-1.22l-5.2-14.89h4.27z"/><path d="M53.22 102.31h-8.57V69.26l-10.24 3.17v-6.97l17.89-6.41h.92zM93.59 63.9l-16.7 38.41h-9.05l16.73-36.28H63.09v-6.91h30.5z"/></svg>
React
import type { SVGProps } from "react";
export function NotoCalendar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fafafa" stroke="#bdbdbd" strokeMiterlimit="10" strokeWidth="3" d="M111.42 113.34H16.58a4.88 4.88 0 0 1-4.88-4.88V42.03c0-7.27 5.65-13.16 12.62-13.16h79.37c6.97 0 12.62 5.89 12.62 13.16v66.43c0 2.7-2.19 4.88-4.89 4.88z"/><path fill="#f44336" d="M112.11 4h-4.8c-1 0-1.81.81-1.81 1.81V9.9c0 .67.38 1.25.95 1.6c2.01 1.2 3.24 3.57 2.71 6.17c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.12 1.14-3.97 2.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98 0-1.77.79-1.77 1.77v4.16c0 .65.37 1.22.93 1.55a5.78 5.78 0 0 1 2.73 6.18c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.13 1.16-3.98 2.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75 5.75 0 0 0-5.75 5.75v37.52H117.7l.16-37.49A5.745 5.745 0 0 0 112.11 4"/><path fill="#fff" d="M45.09 15.46h4.12V29.3c0 1.27-.28 2.4-.84 3.37s-1.36 1.73-2.38 2.26c-1.03.53-2.18.8-3.47.8c-2.11 0-3.76-.54-4.94-1.61s-1.77-2.6-1.77-4.56h4.15c0 .98.21 1.7.62 2.17s1.06.7 1.95.7c.79 0 1.41-.27 1.88-.81s.7-1.31.7-2.31V15.46zm16.28 18.48c-.98 1.19-2.33 1.78-4.06 1.78c-1.59 0-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0 1.55.7 2.32 2.11 2.32c1.35 0 2.27-.47 2.77-1.4V20.6h3.98v14.85h-3.73zm11.02 1.51h-3.98V14.37h3.98zm8.81-5.62l2.75-9.24h4.26l-5.97 17.16l-.33.78c-.89 1.94-2.35 2.91-4.39 2.91c-.58 0-1.16-.09-1.76-.26v-3.01l.6.01c.75 0 1.31-.11 1.68-.34q.555-.345.87-1.14l.47-1.22l-5.2-14.89h4.27z"/><path d="M53.22 102.31h-8.57V69.26l-10.24 3.17v-6.97l17.89-6.41h.92zM93.59 63.9l-16.7 38.41h-9.05l16.73-36.28H63.09v-6.91h30.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fafafa" stroke="#bdbdbd" stroke-miterlimit="10" stroke-width="3" d="M111.42 113.34H16.58a4.88 4.88 0 0 1-4.88-4.88V42.03c0-7.27 5.65-13.16 12.62-13.16h79.37c6.97 0 12.62 5.89 12.62 13.16v66.43c0 2.7-2.19 4.88-4.89 4.88z"/><path fill="#f44336" d="M112.11 4h-4.8c-1 0-1.81.81-1.81 1.81V9.9c0 .67.38 1.25.95 1.6c2.01 1.2 3.24 3.57 2.71 6.17c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.12 1.14-3.97 2.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98 0-1.77.79-1.77 1.77v4.16c0 .65.37 1.22.93 1.55a5.78 5.78 0 0 1 2.73 6.18c-.45 2.2-2.21 3.98-4.41 4.44a5.788 5.788 0 0 1-7.03-5.65c0-2.13 1.16-3.98 2.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75 5.75 0 0 0-5.75 5.75v37.52H117.7l.16-37.49A5.745 5.745 0 0 0 112.11 4"/><path fill="#fff" d="M45.09 15.46h4.12V29.3c0 1.27-.28 2.4-.84 3.37s-1.36 1.73-2.38 2.26c-1.03.53-2.18.8-3.47.8c-2.11 0-3.76-.54-4.94-1.61s-1.77-2.6-1.77-4.56h4.15c0 .98.21 1.7.62 2.17s1.06.7 1.95.7c.79 0 1.41-.27 1.88-.81s.7-1.31.7-2.31V15.46zm16.28 18.48c-.98 1.19-2.33 1.78-4.06 1.78c-1.59 0-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0 1.55.7 2.32 2.11 2.32c1.35 0 2.27-.47 2.77-1.4V20.6h3.98v14.85h-3.73zm11.02 1.51h-3.98V14.37h3.98zm8.81-5.62l2.75-9.24h4.26l-5.97 17.16l-.33.78c-.89 1.94-2.35 2.91-4.39 2.91c-.58 0-1.16-.09-1.76-.26v-3.01l.6.01c.75 0 1.31-.11 1.68-.34q.555-.345.87-1.14l.47-1.22l-5.2-14.89h4.27z"/><path d="M53.22 102.31h-8.57V69.26l-10.24 3.17v-6.97l17.89-6.41h.92zM93.59 63.9l-16.7 38.41h-9.05l16.73-36.28H63.09v-6.91h30.5z"/></svg> </template>
CSS
.icon-calendar {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fafafa%22%20stroke%3D%22%23bdbdbd%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22%20d%3D%22M111.42%20113.34H16.58a4.88%204.88%200%200%201-4.88-4.88V42.03c0-7.27%205.65-13.16%2012.62-13.16h79.37c6.97%200%2012.62%205.89%2012.62%2013.16v66.43c0%202.7-2.19%204.88-4.89%204.88z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M112.11%204h-4.8c-1%200-1.81.81-1.81%201.81V9.9c0%20.67.38%201.25.95%201.6c2.01%201.2%203.24%203.57%202.71%206.17c-.45%202.2-2.21%203.98-4.41%204.44a5.788%205.788%200%200%201-7.03-5.65c0-2.12%201.14-3.97%202.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98%200-1.77.79-1.77%201.77v4.16c0%20.65.37%201.22.93%201.55a5.78%205.78%200%200%201%202.73%206.18c-.45%202.2-2.21%203.98-4.41%204.44a5.788%205.788%200%200%201-7.03-5.65c0-2.13%201.16-3.98%202.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75%205.75%200%200%200-5.75%205.75v37.52H117.7l.16-37.49A5.745%205.745%200%200%200%20112.11%204%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.09%2015.46h4.12V29.3c0%201.27-.28%202.4-.84%203.37s-1.36%201.73-2.38%202.26c-1.03.53-2.18.8-3.47.8c-2.11%200-3.76-.54-4.94-1.61s-1.77-2.6-1.77-4.56h4.15c0%20.98.21%201.7.62%202.17s1.06.7%201.95.7c.79%200%201.41-.27%201.88-.81s.7-1.31.7-2.31V15.46zm16.28%2018.48c-.98%201.19-2.33%201.78-4.06%201.78c-1.59%200-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0%201.55.7%202.32%202.11%202.32c1.35%200%202.27-.47%202.77-1.4V20.6h3.98v14.85h-3.73zm11.02%201.51h-3.98V14.37h3.98zm8.81-5.62l2.75-9.24h4.26l-5.97%2017.16l-.33.78c-.89%201.94-2.35%202.91-4.39%202.91c-.58%200-1.16-.09-1.76-.26v-3.01l.6.01c.75%200%201.31-.11%201.68-.34q.555-.345.87-1.14l.47-1.22l-5.2-14.89h4.27z%22%2F%3E%3Cpath%20d%3D%22M53.22%20102.31h-8.57V69.26l-10.24%203.17v-6.97l17.89-6.41h.92zM93.59%2063.9l-16.7%2038.41h-9.05l16.73-36.28H63.09v-6.91h30.5z%22%2F%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fafafa%22%20stroke%3D%22%23bdbdbd%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22%20d%3D%22M111.42%20113.34H16.58a4.88%204.88%200%200%201-4.88-4.88V42.03c0-7.27%205.65-13.16%2012.62-13.16h79.37c6.97%200%2012.62%205.89%2012.62%2013.16v66.43c0%202.7-2.19%204.88-4.89%204.88z%22%2F%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M112.11%204h-4.8c-1%200-1.81.81-1.81%201.81V9.9c0%20.67.38%201.25.95%201.6c2.01%201.2%203.24%203.57%202.71%206.17c-.45%202.2-2.21%203.98-4.41%204.44a5.788%205.788%200%200%201-7.03-5.65c0-2.12%201.14-3.97%202.85-4.97c.57-.34.94-.92.94-1.58v-4.1c0-1-.81-1.81-1.81-1.81H28.27c-.98%200-1.77.79-1.77%201.77v4.16c0%20.65.37%201.22.93%201.55a5.78%205.78%200%200%201%202.73%206.18c-.45%202.2-2.21%203.98-4.41%204.44a5.788%205.788%200%200%201-7.03-5.65c0-2.13%201.16-3.98%202.87-4.99c.55-.32.91-.9.91-1.54V5.77c0-.98-.79-1.77-1.77-1.77h-4.85a5.75%205.75%200%200%200-5.75%205.75v37.52H117.7l.16-37.49A5.745%205.745%200%200%200%20112.11%204%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.09%2015.46h4.12V29.3c0%201.27-.28%202.4-.84%203.37s-1.36%201.73-2.38%202.26c-1.03.53-2.18.8-3.47.8c-2.11%200-3.76-.54-4.94-1.61s-1.77-2.6-1.77-4.56h4.15c0%20.98.21%201.7.62%202.17s1.06.7%201.95.7c.79%200%201.41-.27%201.88-.81s.7-1.31.7-2.31V15.46zm16.28%2018.48c-.98%201.19-2.33%201.78-4.06%201.78c-1.59%200-2.81-.46-3.64-1.37c-.84-.91-1.27-2.26-1.28-4.02V20.6h3.97v9.61c0%201.55.7%202.32%202.11%202.32c1.35%200%202.27-.47%202.77-1.4V20.6h3.98v14.85h-3.73zm11.02%201.51h-3.98V14.37h3.98zm8.81-5.62l2.75-9.24h4.26l-5.97%2017.16l-.33.78c-.89%201.94-2.35%202.91-4.39%202.91c-.58%200-1.16-.09-1.76-.26v-3.01l.6.01c.75%200%201.31-.11%201.68-.34q.555-.345.87-1.14l.47-1.22l-5.2-14.89h4.27z%22%2F%3E%3Cpath%20d%3D%22M53.22%20102.31h-8.57V69.26l-10.24%203.17v-6.97l17.89-6.41h.92zM93.59%2063.9l-16.7%2038.41h-9.05l16.73-36.28H63.09v-6.91h30.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/calendar.svg?color=%231a73e8&size=48
