16
24
32
48
calendar-days
Time
Badges
import { CalendarDays } from "kubai-icons-react";
<CalendarDays size={24} color="#22C55E" /><script setup>
import { CalendarDays } from "kubai-icons-vue";
</script>
<template>
<CalendarDays :size="24" color="#22C55E" />
</template><script type="module" src="https://cdn.jsdelivr.net/npm/kubai-icons/dist/element.js"></script>
<kubai-icon name="calendar-days" size="24" color="#22C55E"></kubai-icon>import { createIcon, CalendarDays } from "kubai-icons";
document.body.append(createIcon(CalendarDays, { size: 24, color: "#22C55E" }));<img src="https://cdn.jsdelivr.net/npm/kubai-icons-static/svg/calendar-days.svg" width="24" height="24" alt="calendar-days" />import { CalendarDays } from "kubai-icons-react";
<CalendarDays size={24} color="#22C55E" />Calendar days is an open-source animated icon from the Time set. It plays its hover motion as a React or Vue component or a web component, and is also available as a static SVG.
Related terms: calendar, month, date, schedule, days, planner.
Badged versions: calendar-days-plus, calendar-days-minus, calendar-days-check, calendar-days-x, calendar-days-alert, calendar-days-clock, calendar-days-star, calendar-days-heart, calendar-days-search, calendar-days-lock, calendar-days-sync.