calendar number icon
calendar-number-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- calendar-number-sharp
- Set
- IonIcons
- Style
- Sharp
- 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="M32 456a24 24 0 0 0 24 24h400a24 24 0 0 0 24-24V176H32Zm310.17-244H368v200h-32V256.29l-35.39 26.08l-19-25.76ZM222 335.3c-8.54-8.74-22.75-12.67-30.11-12.67h-16v-32h16c4.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.06l-8.13 13.78l-27.56-16.27l8.14-13.77c7.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.25c0 18.06-7.61 34-21.42 44.92c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7l-8.13-13.78l27.56-16.27l8.16 13.75c1.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.88M456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 0 0-24 23.77V144h448V87.77A23.8 23.8 0 0 0 456 64"/></svg>
React
import type { SVGProps } from "react";
export function IonCalendarNumberSharp(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="M32 456a24 24 0 0 0 24 24h400a24 24 0 0 0 24-24V176H32Zm310.17-244H368v200h-32V256.29l-35.39 26.08l-19-25.76ZM222 335.3c-8.54-8.74-22.75-12.67-30.11-12.67h-16v-32h16c4.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.06l-8.13 13.78l-27.56-16.27l8.14-13.77c7.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.25c0 18.06-7.61 34-21.42 44.92c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7l-8.13-13.78l27.56-16.27l8.16 13.75c1.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.88M456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 0 0-24 23.77V144h448V87.77A23.8 23.8 0 0 0 456 64"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M32 456a24 24 0 0 0 24 24h400a24 24 0 0 0 24-24V176H32Zm310.17-244H368v200h-32V256.29l-35.39 26.08l-19-25.76ZM222 335.3c-8.54-8.74-22.75-12.67-30.11-12.67h-16v-32h16c4.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.06l-8.13 13.78l-27.56-16.27l8.14-13.77c7.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.25c0 18.06-7.61 34-21.42 44.92c-12.17 9.61-28.75 14.9-46.7 14.9c-27.87 0-48.48-18.16-57.66-33.7l-8.13-13.78l27.56-16.27l8.16 13.75c1.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.88M456 64h-55.92V32h-48v32H159.92V32h-48v32H56a23.8 23.8 0 0 0-24 23.77V144h448V87.77A23.8 23.8 0 0 0 456 64"/></svg> </template>
CSS
.icon-calendar-number-sharp {
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%22M32%20456a24%2024%200%200%200%2024%2024h400a24%2024%200%200%200%2024-24V176H32Zm310.17-244H368v200h-32V256.29l-35.39%2026.08l-19-25.76ZM222%20335.3c-8.54-8.74-22.75-12.67-30.11-12.67h-16v-32h16c4.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.06l-8.13%2013.78l-27.56-16.27l8.14-13.77c7.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.25c0%2018.06-7.61%2034-21.42%2044.92c-12.17%209.61-28.75%2014.9-46.7%2014.9c-27.87%200-48.48-18.16-57.66-33.7l-8.13-13.78l27.56-16.27l8.16%2013.75c1.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.88M456%2064h-55.92V32h-48v32H159.92V32h-48v32H56a23.8%2023.8%200%200%200-24%2023.77V144h448V87.77A23.8%2023.8%200%200%200%20456%2064%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%22M32%20456a24%2024%200%200%200%2024%2024h400a24%2024%200%200%200%2024-24V176H32Zm310.17-244H368v200h-32V256.29l-35.39%2026.08l-19-25.76ZM222%20335.3c-8.54-8.74-22.75-12.67-30.11-12.67h-16v-32h16c4.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.06l-8.13%2013.78l-27.56-16.27l8.14-13.77c7.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.25c0%2018.06-7.61%2034-21.42%2044.92c-12.17%209.61-28.75%2014.9-46.7%2014.9c-27.87%200-48.48-18.16-57.66-33.7l-8.13-13.78l27.56-16.27l8.16%2013.75c1.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.88M456%2064h-55.92V32h-48v32H159.92V32h-48v32H56a23.8%2023.8%200%200%200-24%2023.77V144h448V87.77A23.8%2023.8%200%200%200%20456%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/calendar-number-sharp.svg?color=%231a73e8&size=48
