calendar number icon
calendar-number from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- calendar-number
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
Related icons in IonIcons
Use the calendar number icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4v-12a64 64 0 0 0-64-64m60 112H36a4 4 0 0 0-4 4v236a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V180a4 4 0 0 0-4-4M239.58 401.1c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7a16 16 0 0 1 27.56-16.3c1.08 1.84 11.15 18 30.1 18c16.66 0 36.12-7.29 36.12-27.82c0-6.25-1.22-14.95-7-20.88c-8.54-8.74-22.75-12.67-30.11-12.67a16 16 0 0 1 0-32c4.85 0 17.41-2.6 25.28-10.65a22 22 0 0 0 6.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34 0-23.8 10.61-24.07 11.06a16 16 0 1 1-27.55-16.26c7.64-13 25.22-26.8 51.62-26.8c16.44 0 31.76 4.77 43.13 13.42c13.39 10.2 20.76 25.28 20.76 42.48A54 54 0 0 1 240 302.35c-1.15 1.18-2.36 2.28-3.59 3.35a66 66 0 0 1 8.42 7.23c10.56 10.8 16.14 25.75 16.14 43.25c.03 18.06-7.58 34.01-21.39 44.92M368 396a16 16 0 0 1-32 0V256.29l-22.51 16.59a16 16 0 1 1-19-25.76l43.42-32a16 16 0 0 1 9.49-3.12h4.6a16 16 0 0 1 16 16Z"/></svg>
React
import type { SVGProps } from "react";
export function IonCalendarNumber(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4v-12a64 64 0 0 0-64-64m60 112H36a4 4 0 0 0-4 4v236a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V180a4 4 0 0 0-4-4M239.58 401.1c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7a16 16 0 0 1 27.56-16.3c1.08 1.84 11.15 18 30.1 18c16.66 0 36.12-7.29 36.12-27.82c0-6.25-1.22-14.95-7-20.88c-8.54-8.74-22.75-12.67-30.11-12.67a16 16 0 0 1 0-32c4.85 0 17.41-2.6 25.28-10.65a22 22 0 0 0 6.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34 0-23.8 10.61-24.07 11.06a16 16 0 1 1-27.55-16.26c7.64-13 25.22-26.8 51.62-26.8c16.44 0 31.76 4.77 43.13 13.42c13.39 10.2 20.76 25.28 20.76 42.48A54 54 0 0 1 240 302.35c-1.15 1.18-2.36 2.28-3.59 3.35a66 66 0 0 1 8.42 7.23c10.56 10.8 16.14 25.75 16.14 43.25c.03 18.06-7.58 34.01-21.39 44.92M368 396a16 16 0 0 1-32 0V256.29l-22.51 16.59a16 16 0 1 1-19-25.76l43.42-32a16 16 0 0 1 9.49-3.12h4.6a16 16 0 0 1 16 16Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M416 64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4v-12a64 64 0 0 0-64-64m60 112H36a4 4 0 0 0-4 4v236a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V180a4 4 0 0 0-4-4M239.58 401.1c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7a16 16 0 0 1 27.56-16.3c1.08 1.84 11.15 18 30.1 18c16.66 0 36.12-7.29 36.12-27.82c0-6.25-1.22-14.95-7-20.88c-8.54-8.74-22.75-12.67-30.11-12.67a16 16 0 0 1 0-32c4.85 0 17.41-2.6 25.28-10.65a22 22 0 0 0 6.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34 0-23.8 10.61-24.07 11.06a16 16 0 1 1-27.55-16.26c7.64-13 25.22-26.8 51.62-26.8c16.44 0 31.76 4.77 43.13 13.42c13.39 10.2 20.76 25.28 20.76 42.48A54 54 0 0 1 240 302.35c-1.15 1.18-2.36 2.28-3.59 3.35a66 66 0 0 1 8.42 7.23c10.56 10.8 16.14 25.75 16.14 43.25c.03 18.06-7.58 34.01-21.39 44.92M368 396a16 16 0 0 1-32 0V256.29l-22.51 16.59a16 16 0 1 1-19-25.76l43.42-32a16 16 0 0 1 9.49-3.12h4.6a16 16 0 0 1 16 16Z"/></svg> </template>
CSS
.icon-calendar-number {
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%22currentColor%22%20d%3D%22M416%2064h-16V48.45c0-8.61-6.62-16-15.23-16.43A16%2016%200%200%200%20368%2048v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16%2016%200%200%200%20112%2048v16H96a64%2064%200%200%200-64%2064v12a4%204%200%200%200%204%204h440a4%204%200%200%200%204-4v-12a64%2064%200%200%200-64-64m60%20112H36a4%204%200%200%200-4%204v236a64%2064%200%200%200%2064%2064h320a64%2064%200%200%200%2064-64V180a4%204%200%200%200-4-4M239.58%20401.1c-12.17%209.61-28.75%2014.9-46.7%2014.9c-27.87%200-48.48-18.16-57.66-33.7a16%2016%200%200%201%2027.56-16.3c1.08%201.84%2011.15%2018%2030.1%2018c16.66%200%2036.12-7.29%2036.12-27.82c0-6.25-1.22-14.95-7-20.88c-8.54-8.74-22.75-12.67-30.11-12.67a16%2016%200%200%201%200-32c4.85%200%2017.41-2.6%2025.28-10.65a22%2022%200%200%200%206.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34%200-23.8%2010.61-24.07%2011.06a16%2016%200%201%201-27.55-16.26c7.64-13%2025.22-26.8%2051.62-26.8c16.44%200%2031.76%204.77%2043.13%2013.42c13.39%2010.2%2020.76%2025.28%2020.76%2042.48A54%2054%200%200%201%20240%20302.35c-1.15%201.18-2.36%202.28-3.59%203.35a66%2066%200%200%201%208.42%207.23c10.56%2010.8%2016.14%2025.75%2016.14%2043.25c.03%2018.06-7.58%2034.01-21.39%2044.92M368%20396a16%2016%200%200%201-32%200V256.29l-22.51%2016.59a16%2016%200%201%201-19-25.76l43.42-32a16%2016%200%200%201%209.49-3.12h4.6a16%2016%200%200%201%2016%2016Z%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%22currentColor%22%20d%3D%22M416%2064h-16V48.45c0-8.61-6.62-16-15.23-16.43A16%2016%200%200%200%20368%2048v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16%2016%200%200%200%20112%2048v16H96a64%2064%200%200%200-64%2064v12a4%204%200%200%200%204%204h440a4%204%200%200%200%204-4v-12a64%2064%200%200%200-64-64m60%20112H36a4%204%200%200%200-4%204v236a64%2064%200%200%200%2064%2064h320a64%2064%200%200%200%2064-64V180a4%204%200%200%200-4-4M239.58%20401.1c-12.17%209.61-28.75%2014.9-46.7%2014.9c-27.87%200-48.48-18.16-57.66-33.7a16%2016%200%200%201%2027.56-16.3c1.08%201.84%2011.15%2018%2030.1%2018c16.66%200%2036.12-7.29%2036.12-27.82c0-6.25-1.22-14.95-7-20.88c-8.54-8.74-22.75-12.67-30.11-12.67a16%2016%200%200%201%200-32c4.85%200%2017.41-2.6%2025.28-10.65a22%2022%200%200%200%206.57-16.08c0-23.23-28.63-23.9-31.89-23.9c-17.34%200-23.8%2010.61-24.07%2011.06a16%2016%200%201%201-27.55-16.26c7.64-13%2025.22-26.8%2051.62-26.8c16.44%200%2031.76%204.77%2043.13%2013.42c13.39%2010.2%2020.76%2025.28%2020.76%2042.48A54%2054%200%200%201%20240%20302.35c-1.15%201.18-2.36%202.28-3.59%203.35a66%2066%200%200%201%208.42%207.23c10.56%2010.8%2016.14%2025.75%2016.14%2043.25c.03%2018.06-7.58%2034.01-21.39%2044.92M368%20396a16%2016%200%200%201-32%200V256.29l-22.51%2016.59a16%2016%200%201%201-19-25.76l43.42-32a16%2016%200%200%201%209.49-3.12h4.6a16%2016%200%200%201%2016%2016Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/calendar-number.svg?color=%231a73e8&size=48
