calendar emoji
calendar from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- calendar
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
calendarAkar Iconscalendar-filledAnt Design IconscalendarBootstrap IconscalendarBoxIcons v2calendarBoxIcons v2 SolidcalendarCarboncalendarCodiconscalendarElement 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 IconscalendarHeroIcons
More objects icons from Emoji One (Colored)
Use the calendar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ba9372" d="M58.1 19.6c-9.8-6-25-14.8-27.1-14.8S14.3 13.7 5 19.6l-.5-.9C6.9 17.2 28 3.8 31 3.8s25.1 13.4 27.6 15z"/><path fill="#93a2aa" d="M62 56.8c0 1.6-1.2 3-2.7 3H6.8c-1.5 0-2.7-1.3-2.7-3V21.1c0-1.6 1.2-3 2.7-3h52.5c1.5 0 2.7 1.3 2.7 3z"/><path fill="#ed4c5c" d="M60 21.1c0-1.6-1.2-3-2.7-3H4.7c-1.5 0-2.7 1.3-2.7 3v9.5h58z"/><path fill="#d9e3e8" d="M2 30.6v26.2c0 1.6 1.2 3 2.7 3h52.5c1.5 0 2.7-1.3 2.7-3V30.6z"/><path fill="#93a2aa" d="M4.5 33h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zM28 37.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6V44h-6zm7.8 0h6V44h-6zm7.9 0h6V44h-6zm7.8 0h6V44h-6zm7.8 0h6V44h-6zm7.9 0h6V44h-6zm7.8 0h6V44h-6zm-47 4.5h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6z"/><ellipse cx="31.2" cy="6.2" fill="#333" rx="1.8" ry="1.9"/><ellipse cx="31" cy="6.2" fill="#93a2aa" rx="1.8" ry="1.9"/><path fill="#fff" d="M19.5 25.5v.2c0 .6.1 1 .2 1.3c.1.2.3.4.7.4s.6-.1.7-.4c.1-.2.1-.4.1-.8v-5.5h1.6v5.4c0 .7-.1 1.2-.3 1.6c-.4.7-1 1-2 1s-1.6-.3-2-.8c-.3-.5-.5-1.3-.5-2.2v-.2zm5-4.8h1.6v4.8c0 .5.1.9.2 1.2c.2.4.6.7 1.3.7c.6 0 1.1-.2 1.3-.7c.1-.3.1-.7.1-1.2v-4.8h1.6v4.8c0 .8-.1 1.5-.4 1.9c-.5.8-1.4 1.3-2.7 1.3s-2.2-.4-2.7-1.3c-.3-.5-.4-1.1-.4-1.9c.1 0 .1-4.8.1-4.8m7.7 0h1.6v6.4h3.8v1.4h-5.4zm10 0H44l-2.6 4.9v2.9h-1.6v-2.9l-2.7-4.9H39l1.6 3.4z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneCalendar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ba9372" d="M58.1 19.6c-9.8-6-25-14.8-27.1-14.8S14.3 13.7 5 19.6l-.5-.9C6.9 17.2 28 3.8 31 3.8s25.1 13.4 27.6 15z"/><path fill="#93a2aa" d="M62 56.8c0 1.6-1.2 3-2.7 3H6.8c-1.5 0-2.7-1.3-2.7-3V21.1c0-1.6 1.2-3 2.7-3h52.5c1.5 0 2.7 1.3 2.7 3z"/><path fill="#ed4c5c" d="M60 21.1c0-1.6-1.2-3-2.7-3H4.7c-1.5 0-2.7 1.3-2.7 3v9.5h58z"/><path fill="#d9e3e8" d="M2 30.6v26.2c0 1.6 1.2 3 2.7 3h52.5c1.5 0 2.7-1.3 2.7-3V30.6z"/><path fill="#93a2aa" d="M4.5 33h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zM28 37.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6V44h-6zm7.8 0h6V44h-6zm7.9 0h6V44h-6zm7.8 0h6V44h-6zm7.8 0h6V44h-6zm7.9 0h6V44h-6zm7.8 0h6V44h-6zm-47 4.5h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6z"/><ellipse cx="31.2" cy="6.2" fill="#333" rx="1.8" ry="1.9"/><ellipse cx="31" cy="6.2" fill="#93a2aa" rx="1.8" ry="1.9"/><path fill="#fff" d="M19.5 25.5v.2c0 .6.1 1 .2 1.3c.1.2.3.4.7.4s.6-.1.7-.4c.1-.2.1-.4.1-.8v-5.5h1.6v5.4c0 .7-.1 1.2-.3 1.6c-.4.7-1 1-2 1s-1.6-.3-2-.8c-.3-.5-.5-1.3-.5-2.2v-.2zm5-4.8h1.6v4.8c0 .5.1.9.2 1.2c.2.4.6.7 1.3.7c.6 0 1.1-.2 1.3-.7c.1-.3.1-.7.1-1.2v-4.8h1.6v4.8c0 .8-.1 1.5-.4 1.9c-.5.8-1.4 1.3-2.7 1.3s-2.2-.4-2.7-1.3c-.3-.5-.4-1.1-.4-1.9c.1 0 .1-4.8.1-4.8m7.7 0h1.6v6.4h3.8v1.4h-5.4zm10 0H44l-2.6 4.9v2.9h-1.6v-2.9l-2.7-4.9H39l1.6 3.4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ba9372" d="M58.1 19.6c-9.8-6-25-14.8-27.1-14.8S14.3 13.7 5 19.6l-.5-.9C6.9 17.2 28 3.8 31 3.8s25.1 13.4 27.6 15z"/><path fill="#93a2aa" d="M62 56.8c0 1.6-1.2 3-2.7 3H6.8c-1.5 0-2.7-1.3-2.7-3V21.1c0-1.6 1.2-3 2.7-3h52.5c1.5 0 2.7 1.3 2.7 3z"/><path fill="#ed4c5c" d="M60 21.1c0-1.6-1.2-3-2.7-3H4.7c-1.5 0-2.7 1.3-2.7 3v9.5h58z"/><path fill="#d9e3e8" d="M2 30.6v26.2c0 1.6 1.2 3 2.7 3h52.5c1.5 0 2.7-1.3 2.7-3V30.6z"/><path fill="#93a2aa" d="M4.5 33h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zM28 37.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6V44h-6zm7.8 0h6V44h-6zm7.9 0h6V44h-6zm7.8 0h6V44h-6zm7.8 0h6V44h-6zm7.9 0h6V44h-6zm7.8 0h6V44h-6zm-47 4.5h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm-47 4.4h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.8 0h6v2.2h-6zm7.9 0h6v2.2h-6z"/><ellipse cx="31.2" cy="6.2" fill="#333" rx="1.8" ry="1.9"/><ellipse cx="31" cy="6.2" fill="#93a2aa" rx="1.8" ry="1.9"/><path fill="#fff" d="M19.5 25.5v.2c0 .6.1 1 .2 1.3c.1.2.3.4.7.4s.6-.1.7-.4c.1-.2.1-.4.1-.8v-5.5h1.6v5.4c0 .7-.1 1.2-.3 1.6c-.4.7-1 1-2 1s-1.6-.3-2-.8c-.3-.5-.5-1.3-.5-2.2v-.2zm5-4.8h1.6v4.8c0 .5.1.9.2 1.2c.2.4.6.7 1.3.7c.6 0 1.1-.2 1.3-.7c.1-.3.1-.7.1-1.2v-4.8h1.6v4.8c0 .8-.1 1.5-.4 1.9c-.5.8-1.4 1.3-2.7 1.3s-2.2-.4-2.7-1.3c-.3-.5-.4-1.1-.4-1.9c.1 0 .1-4.8.1-4.8m7.7 0h1.6v6.4h3.8v1.4h-5.4zm10 0H44l-2.6 4.9v2.9h-1.6v-2.9l-2.7-4.9H39l1.6 3.4z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ba9372%22%20d%3D%22M58.1%2019.6c-9.8-6-25-14.8-27.1-14.8S14.3%2013.7%205%2019.6l-.5-.9C6.9%2017.2%2028%203.8%2031%203.8s25.1%2013.4%2027.6%2015z%22%2F%3E%3Cpath%20fill%3D%22%2393a2aa%22%20d%3D%22M62%2056.8c0%201.6-1.2%203-2.7%203H6.8c-1.5%200-2.7-1.3-2.7-3V21.1c0-1.6%201.2-3%202.7-3h52.5c1.5%200%202.7%201.3%202.7%203z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M60%2021.1c0-1.6-1.2-3-2.7-3H4.7c-1.5%200-2.7%201.3-2.7%203v9.5h58z%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M2%2030.6v26.2c0%201.6%201.2%203%202.7%203h52.5c1.5%200%202.7-1.3%202.7-3V30.6z%22%2F%3E%3Cpath%20fill%3D%22%2393a2aa%22%20d%3D%22M4.5%2033h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zM28%2037.4h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm-47%204.4h6V44h-6zm7.8%200h6V44h-6zm7.9%200h6V44h-6zm7.8%200h6V44h-6zm7.8%200h6V44h-6zm7.9%200h6V44h-6zm7.8%200h6V44h-6zm-47%204.5h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm-47%204.4h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm-47%204.4h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6z%22%2F%3E%3Cellipse%20cx%3D%2231.2%22%20cy%3D%226.2%22%20fill%3D%22%23333%22%20rx%3D%221.8%22%20ry%3D%221.9%22%2F%3E%3Cellipse%20cx%3D%2231%22%20cy%3D%226.2%22%20fill%3D%22%2393a2aa%22%20rx%3D%221.8%22%20ry%3D%221.9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.5%2025.5v.2c0%20.6.1%201%20.2%201.3c.1.2.3.4.7.4s.6-.1.7-.4c.1-.2.1-.4.1-.8v-5.5h1.6v5.4c0%20.7-.1%201.2-.3%201.6c-.4.7-1%201-2%201s-1.6-.3-2-.8c-.3-.5-.5-1.3-.5-2.2v-.2zm5-4.8h1.6v4.8c0%20.5.1.9.2%201.2c.2.4.6.7%201.3.7c.6%200%201.1-.2%201.3-.7c.1-.3.1-.7.1-1.2v-4.8h1.6v4.8c0%20.8-.1%201.5-.4%201.9c-.5.8-1.4%201.3-2.7%201.3s-2.2-.4-2.7-1.3c-.3-.5-.4-1.1-.4-1.9c.1%200%20.1-4.8.1-4.8m7.7%200h1.6v6.4h3.8v1.4h-5.4zm10%200H44l-2.6%204.9v2.9h-1.6v-2.9l-2.7-4.9H39l1.6%203.4z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ba9372%22%20d%3D%22M58.1%2019.6c-9.8-6-25-14.8-27.1-14.8S14.3%2013.7%205%2019.6l-.5-.9C6.9%2017.2%2028%203.8%2031%203.8s25.1%2013.4%2027.6%2015z%22%2F%3E%3Cpath%20fill%3D%22%2393a2aa%22%20d%3D%22M62%2056.8c0%201.6-1.2%203-2.7%203H6.8c-1.5%200-2.7-1.3-2.7-3V21.1c0-1.6%201.2-3%202.7-3h52.5c1.5%200%202.7%201.3%202.7%203z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M60%2021.1c0-1.6-1.2-3-2.7-3H4.7c-1.5%200-2.7%201.3-2.7%203v9.5h58z%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22M2%2030.6v26.2c0%201.6%201.2%203%202.7%203h52.5c1.5%200%202.7-1.3%202.7-3V30.6z%22%2F%3E%3Cpath%20fill%3D%22%2393a2aa%22%20d%3D%22M4.5%2033h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zM28%2037.4h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm-47%204.4h6V44h-6zm7.8%200h6V44h-6zm7.9%200h6V44h-6zm7.8%200h6V44h-6zm7.8%200h6V44h-6zm7.9%200h6V44h-6zm7.8%200h6V44h-6zm-47%204.5h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm-47%204.4h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm-47%204.4h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.8%200h6v2.2h-6zm7.9%200h6v2.2h-6z%22%2F%3E%3Cellipse%20cx%3D%2231.2%22%20cy%3D%226.2%22%20fill%3D%22%23333%22%20rx%3D%221.8%22%20ry%3D%221.9%22%2F%3E%3Cellipse%20cx%3D%2231%22%20cy%3D%226.2%22%20fill%3D%22%2393a2aa%22%20rx%3D%221.8%22%20ry%3D%221.9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.5%2025.5v.2c0%20.6.1%201%20.2%201.3c.1.2.3.4.7.4s.6-.1.7-.4c.1-.2.1-.4.1-.8v-5.5h1.6v5.4c0%20.7-.1%201.2-.3%201.6c-.4.7-1%201-2%201s-1.6-.3-2-.8c-.3-.5-.5-1.3-.5-2.2v-.2zm5-4.8h1.6v4.8c0%20.5.1.9.2%201.2c.2.4.6.7%201.3.7c.6%200%201.1-.2%201.3-.7c.1-.3.1-.7.1-1.2v-4.8h1.6v4.8c0%20.8-.1%201.5-.4%201.9c-.5.8-1.4%201.3-2.7%201.3s-2.2-.4-2.7-1.3c-.3-.5-.4-1.1-.4-1.9c.1%200%20.1-4.8.1-4.8m7.7%200h1.6v6.4h3.8v1.4h-5.4zm10%200H44l-2.6%204.9v2.9h-1.6v-2.9l-2.7-4.9H39l1.6%203.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/calendar.svg?color=%231a73e8&size=48
