calendar emoji
calendar from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- calendar
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- 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 Contrastcalendarcss.ggcalendarHealth IconscalendarHeroIcons
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the calendar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M505.751 492.072c0 8.011-6.494 14.506-14.506 14.506H20.754c-8.011 0-14.506-6.494-14.506-14.506V76.329c0-8.011 6.494-14.506 14.506-14.506h470.492c8.011 0 14.506 6.494 14.506 14.506v415.743z"/><path fill="#0096D1" d="M505.751 260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011 0-14.505 5.8-14.505 12.954v185.636z"/><path fill="#FFF" d="M131.004 107.585c0 12.637-10.244 22.881-22.881 22.881s-22.881-10.244-22.881-22.881s10.244-22.881 22.881-22.881s22.881 10.244 22.881 22.881m260.115-22.881c-12.637 0-22.881 10.244-22.881 22.881s10.244 22.881 22.881 22.881S414 120.222 414 107.585s-10.244-22.881-22.881-22.881"/><path fill="#BFBFBB" d="M172.451 61.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928 42.715 80.928 61.823s15.546 34.655 34.655 34.655c6.134 0 11.107 4.973 11.107 11.107s-4.973 11.107-11.107 11.107c-31.357 0-56.869-25.511-56.869-56.869S84.226 4.955 115.583 4.955s56.868 25.511 56.868 56.868M414.64 6.795a57 57 0 0 0-14.396-1.84c-31.357 0-56.868 25.511-56.868 56.869s25.511 56.869 56.868 56.869c6.135 0 11.107-4.973 11.107-11.107s-4.973-11.107-11.107-11.107c-19.108 0-34.653-15.546-34.653-34.655s15.545-34.655 34.653-34.655c2.982 0 5.938.377 8.785 1.121c15.231 3.976 25.869 17.766 25.869 33.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029"/><path fill="#FFF" d="M68.534 208.183h-16.88l-2.911 12.39H34.608l17.379-57.624h16.547l17.379 57.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069 25.444zm67.349 3.16c0 11.641-7.484 20.539-22.534 20.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0 7.401 2.66 10.976 8.814 10.976c6.236 0 8.897-3.575 8.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069 7.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065 0-14.052 5.987-14.052 20.289c0 15.134 3.991 20.289 11.974 20.289c2.827 0 5.405-.582 7.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905 3.825-13.388 6.07-20.954 6.07c-17.379 0-26.193-10.561-26.193-30.267c0-19.54 12.223-30.184 27.523-30.184c8.316 0 14.553 2.91 19.292 7.068"/><path fill="#505A60" d="M241.958 339.052c0 30.311-15.011 53.116-75.922 108.542h79.963l-4.619 34.93H114.363v-32.332c65.529-64.663 80.829-82.272 80.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145 0-23.96 6.351-35.218 20.207l-27.135-21.362c15.588-20.496 37.816-33.775 66.973-33.775c43.589 0 67.261 25.403 67.261 55.714m162.318 101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682 14.434l-47.054 109.408h35.796l4.907-46.188h39.26v46.188h21.939z"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiCalendar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M505.751 492.072c0 8.011-6.494 14.506-14.506 14.506H20.754c-8.011 0-14.506-6.494-14.506-14.506V76.329c0-8.011 6.494-14.506 14.506-14.506h470.492c8.011 0 14.506 6.494 14.506 14.506v415.743z"/><path fill="#0096D1" d="M505.751 260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011 0-14.505 5.8-14.505 12.954v185.636z"/><path fill="#FFF" d="M131.004 107.585c0 12.637-10.244 22.881-22.881 22.881s-22.881-10.244-22.881-22.881s10.244-22.881 22.881-22.881s22.881 10.244 22.881 22.881m260.115-22.881c-12.637 0-22.881 10.244-22.881 22.881s10.244 22.881 22.881 22.881S414 120.222 414 107.585s-10.244-22.881-22.881-22.881"/><path fill="#BFBFBB" d="M172.451 61.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928 42.715 80.928 61.823s15.546 34.655 34.655 34.655c6.134 0 11.107 4.973 11.107 11.107s-4.973 11.107-11.107 11.107c-31.357 0-56.869-25.511-56.869-56.869S84.226 4.955 115.583 4.955s56.868 25.511 56.868 56.868M414.64 6.795a57 57 0 0 0-14.396-1.84c-31.357 0-56.868 25.511-56.868 56.869s25.511 56.869 56.868 56.869c6.135 0 11.107-4.973 11.107-11.107s-4.973-11.107-11.107-11.107c-19.108 0-34.653-15.546-34.653-34.655s15.545-34.655 34.653-34.655c2.982 0 5.938.377 8.785 1.121c15.231 3.976 25.869 17.766 25.869 33.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029"/><path fill="#FFF" d="M68.534 208.183h-16.88l-2.911 12.39H34.608l17.379-57.624h16.547l17.379 57.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069 25.444zm67.349 3.16c0 11.641-7.484 20.539-22.534 20.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0 7.401 2.66 10.976 8.814 10.976c6.236 0 8.897-3.575 8.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069 7.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065 0-14.052 5.987-14.052 20.289c0 15.134 3.991 20.289 11.974 20.289c2.827 0 5.405-.582 7.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905 3.825-13.388 6.07-20.954 6.07c-17.379 0-26.193-10.561-26.193-30.267c0-19.54 12.223-30.184 27.523-30.184c8.316 0 14.553 2.91 19.292 7.068"/><path fill="#505A60" d="M241.958 339.052c0 30.311-15.011 53.116-75.922 108.542h79.963l-4.619 34.93H114.363v-32.332c65.529-64.663 80.829-82.272 80.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145 0-23.96 6.351-35.218 20.207l-27.135-21.362c15.588-20.496 37.816-33.775 66.973-33.775c43.589 0 67.261 25.403 67.261 55.714m162.318 101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682 14.434l-47.054 109.408h35.796l4.907-46.188h39.26v46.188h21.939z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M505.751 492.072c0 8.011-6.494 14.506-14.506 14.506H20.754c-8.011 0-14.506-6.494-14.506-14.506V76.329c0-8.011 6.494-14.506 14.506-14.506h470.492c8.011 0 14.506 6.494 14.506 14.506v415.743z"/><path fill="#0096D1" d="M505.751 260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011 0-14.505 5.8-14.505 12.954v185.636z"/><path fill="#FFF" d="M131.004 107.585c0 12.637-10.244 22.881-22.881 22.881s-22.881-10.244-22.881-22.881s10.244-22.881 22.881-22.881s22.881 10.244 22.881 22.881m260.115-22.881c-12.637 0-22.881 10.244-22.881 22.881s10.244 22.881 22.881 22.881S414 120.222 414 107.585s-10.244-22.881-22.881-22.881"/><path fill="#BFBFBB" d="M172.451 61.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928 42.715 80.928 61.823s15.546 34.655 34.655 34.655c6.134 0 11.107 4.973 11.107 11.107s-4.973 11.107-11.107 11.107c-31.357 0-56.869-25.511-56.869-56.869S84.226 4.955 115.583 4.955s56.868 25.511 56.868 56.868M414.64 6.795a57 57 0 0 0-14.396-1.84c-31.357 0-56.868 25.511-56.868 56.869s25.511 56.869 56.868 56.869c6.135 0 11.107-4.973 11.107-11.107s-4.973-11.107-11.107-11.107c-19.108 0-34.653-15.546-34.653-34.655s15.545-34.655 34.653-34.655c2.982 0 5.938.377 8.785 1.121c15.231 3.976 25.869 17.766 25.869 33.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029"/><path fill="#FFF" d="M68.534 208.183h-16.88l-2.911 12.39H34.608l17.379-57.624h16.547l17.379 57.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069 25.444zm67.349 3.16c0 11.641-7.484 20.539-22.534 20.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0 7.401 2.66 10.976 8.814 10.976c6.236 0 8.897-3.575 8.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069 7.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065 0-14.052 5.987-14.052 20.289c0 15.134 3.991 20.289 11.974 20.289c2.827 0 5.405-.582 7.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905 3.825-13.388 6.07-20.954 6.07c-17.379 0-26.193-10.561-26.193-30.267c0-19.54 12.223-30.184 27.523-30.184c8.316 0 14.553 2.91 19.292 7.068"/><path fill="#505A60" d="M241.958 339.052c0 30.311-15.011 53.116-75.922 108.542h79.963l-4.619 34.93H114.363v-32.332c65.529-64.663 80.829-82.272 80.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145 0-23.96 6.351-35.218 20.207l-27.135-21.362c15.588-20.496 37.816-33.775 66.973-33.775c43.589 0 67.261 25.403 67.261 55.714m162.318 101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682 14.434l-47.054 109.408h35.796l4.907-46.188h39.26v46.188h21.939z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22M505.751%20492.072c0%208.011-6.494%2014.506-14.506%2014.506H20.754c-8.011%200-14.506-6.494-14.506-14.506V76.329c0-8.011%206.494-14.506%2014.506-14.506h470.492c8.011%200%2014.506%206.494%2014.506%2014.506v415.743z%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22M505.751%20260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011%200-14.505%205.8-14.505%2012.954v185.636z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M131.004%20107.585c0%2012.637-10.244%2022.881-22.881%2022.881s-22.881-10.244-22.881-22.881s10.244-22.881%2022.881-22.881s22.881%2010.244%2022.881%2022.881m260.115-22.881c-12.637%200-22.881%2010.244-22.881%2022.881s10.244%2022.881%2022.881%2022.881S414%20120.222%20414%20107.585s-10.244-22.881-22.881-22.881%22%2F%3E%3Cpath%20fill%3D%22%23BFBFBB%22%20d%3D%22M172.451%2061.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928%2042.715%2080.928%2061.823s15.546%2034.655%2034.655%2034.655c6.134%200%2011.107%204.973%2011.107%2011.107s-4.973%2011.107-11.107%2011.107c-31.357%200-56.869-25.511-56.869-56.869S84.226%204.955%20115.583%204.955s56.868%2025.511%2056.868%2056.868M414.64%206.795a57%2057%200%200%200-14.396-1.84c-31.357%200-56.868%2025.511-56.868%2056.869s25.511%2056.869%2056.868%2056.869c6.135%200%2011.107-4.973%2011.107-11.107s-4.973-11.107-11.107-11.107c-19.108%200-34.653-15.546-34.653-34.655s15.545-34.655%2034.653-34.655c2.982%200%205.938.377%208.785%201.121c15.231%203.976%2025.869%2017.766%2025.869%2033.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M68.534%20208.183h-16.88l-2.911%2012.39H34.608l17.379-57.624h16.547l17.379%2057.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069%2025.444zm67.349%203.16c0%2011.641-7.484%2020.539-22.534%2020.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0%207.401%202.66%2010.976%208.814%2010.976c6.236%200%208.897-3.575%208.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069%207.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065%200-14.052%205.987-14.052%2020.289c0%2015.134%203.991%2020.289%2011.974%2020.289c2.827%200%205.405-.582%207.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905%203.825-13.388%206.07-20.954%206.07c-17.379%200-26.193-10.561-26.193-30.267c0-19.54%2012.223-30.184%2027.523-30.184c8.316%200%2014.553%202.91%2019.292%207.068%22%2F%3E%3Cpath%20fill%3D%22%23505A60%22%20d%3D%22M241.958%20339.052c0%2030.311-15.011%2053.116-75.922%20108.542h79.963l-4.619%2034.93H114.363v-32.332c65.529-64.663%2080.829-82.272%2080.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145%200-23.96%206.351-35.218%2020.207l-27.135-21.362c15.588-20.496%2037.816-33.775%2066.973-33.775c43.589%200%2067.261%2025.403%2067.261%2055.714m162.318%20101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682%2014.434l-47.054%20109.408h35.796l4.907-46.188h39.26v46.188h21.939z%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22M505.751%20492.072c0%208.011-6.494%2014.506-14.506%2014.506H20.754c-8.011%200-14.506-6.494-14.506-14.506V76.329c0-8.011%206.494-14.506%2014.506-14.506h470.492c8.011%200%2014.506%206.494%2014.506%2014.506v415.743z%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22M505.751%20260.413V74.777c0-7.154-6.494-12.954-14.506-12.954H20.754c-8.011%200-14.505%205.8-14.505%2012.954v185.636z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M131.004%20107.585c0%2012.637-10.244%2022.881-22.881%2022.881s-22.881-10.244-22.881-22.881s10.244-22.881%2022.881-22.881s22.881%2010.244%2022.881%2022.881m260.115-22.881c-12.637%200-22.881%2010.244-22.881%2022.881s10.244%2022.881%2022.881%2022.881S414%20120.222%20414%20107.585s-10.244-22.881-22.881-22.881%22%2F%3E%3Cpath%20fill%3D%22%23BFBFBB%22%20d%3D%22M172.451%2061.823h-22.214c0-19.108-15.546-34.655-34.654-34.655S80.928%2042.715%2080.928%2061.823s15.546%2034.655%2034.655%2034.655c6.134%200%2011.107%204.973%2011.107%2011.107s-4.973%2011.107-11.107%2011.107c-31.357%200-56.869-25.511-56.869-56.869S84.226%204.955%20115.583%204.955s56.868%2025.511%2056.868%2056.868M414.64%206.795a57%2057%200%200%200-14.396-1.84c-31.357%200-56.868%2025.511-56.868%2056.869s25.511%2056.869%2056.868%2056.869c6.135%200%2011.107-4.973%2011.107-11.107s-4.973-11.107-11.107-11.107c-19.108%200-34.653-15.546-34.653-34.655s15.545-34.655%2034.653-34.655c2.982%200%205.938.377%208.785%201.121c15.231%203.976%2025.869%2017.766%2025.869%2033.534h22.215c-.001-25.873-17.467-48.501-42.473-55.029%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M68.534%20208.183h-16.88l-2.911%2012.39H34.608l17.379-57.624h16.547l17.379%2057.624H71.445zm-2.411-9.896l-6.07-25.444l-6.069%2025.444zm67.349%203.16c0%2011.641-7.484%2020.539-22.534%2020.539s-22.452-8.398-22.452-20.539v-38.499h13.637v37.917c0%207.401%202.66%2010.976%208.814%2010.976c6.236%200%208.897-3.575%208.897-10.976v-37.917h13.637v38.499zm54.125-32.844l-7.069%207.401c-3.742-3.16-6.902-4.573-11.558-4.573c-8.065%200-14.052%205.987-14.052%2020.289c0%2015.134%203.991%2020.289%2011.974%2020.289c2.827%200%205.405-.582%207.816-1.913V197.04h-7.484l-1.331-9.645h22.036v28.521c-5.905%203.825-13.388%206.07-20.954%206.07c-17.379%200-26.193-10.561-26.193-30.267c0-19.54%2012.223-30.184%2027.523-30.184c8.316%200%2014.553%202.91%2019.292%207.068%22%2F%3E%3Cpath%20fill%3D%22%23505A60%22%20d%3D%22M241.958%20339.052c0%2030.311-15.011%2053.116-75.922%20108.542h79.963l-4.619%2034.93H114.363v-32.332c65.529-64.663%2080.829-82.272%2080.829-106.521c0-15.877-9.815-25.403-25.115-25.403c-14.145%200-23.96%206.351-35.218%2020.207l-27.135-21.362c15.588-20.496%2037.816-33.775%2066.973-33.775c43.589%200%2067.261%2025.403%2067.261%2055.714m162.318%20101.325h-21.939v42.147h-44.456l-.289-42.147H255.32v-30.311l55.426-127.594l38.682%2014.434l-47.054%20109.408h35.796l4.907-46.188h39.26v46.188h21.939z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/calendar.svg?color=%231a73e8&size=48
