Skip to the content

Koyomi Calendars暦

Calendar pages as SVG: a day as an icon in 18 original designs, a whole month as a poster or a desk pad, and the page turning from one day to the next.

Koyomi is the Japanese word 暦 for the calendar. About the name

Contents

Reference · /themes/frame

calendarIconfunction

Draws the frame calendar page alone: this theme and what it needs, nothing of the other themes.

Import it

import { calendarIcon } from "@johnmorrisdotca/koyomi-calendars/themes/frame";

Definition

function calendarIcon(options: Omit<CalendarIconOptions, "theme"> & { theme?: undefined; }): string

Parameters

NameTypeDescription
optionsOmit<CalendarIconOptions, "theme"> & { theme?: undefined; }

What the main calendarIcon takes, without theme: the date (month, day, year), scheme, housing, rings, size and the rest.

Returns

string

The icon as SVG text, <svg …>…</svg>.

Examples

import { calendarIcon } from "@johnmorrisdotca/koyomi-calendars/themes/frame";

const svg = calendarIcon({ month: 11, day: 3, year: 2026, scheme: "dark" });
console.log(svg.startsWith("<svg"));
true

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/koyomi-calendars 0.3.0.