feat(icons): added clock/calendar-arrow-up/down icons

[karsa-mistmere]

closes #2177

What is the purpose of this pull request?

• New Icon

Icon use case

see #2177

Icon Design Checklist

Concept

• I have provided valid use cases for each icon.
• I have not added any a brand or logo icon.
• I have not used any hate symbols.
• I have not included any religious or political imagery.

Author, credits & license

• The icons are solely my own creation.
• The icons were originally created in # by @
• I've based them on the following Lucide icons:
• I've based them on the following design:

Naming

• I've read and followed the naming conventions
• I've named icons by what they are rather than their use case.
• I've provided meta JSON files in icons/[iconName].json.

Design

• I've read and followed the icon design guidelines
• I've made sure that the icons look sharp on low DPI displays.
• I've made sure that the icons look consistent with the icon set in size, optical volume and density.
• I've made sure that the icons are visually centered.
• I've correctly optimized all icons to three points of precision.

Before Submitting

• I've read the Contribution Guidelines.
• I've checked if there was an existing PR that solves the same issue.

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const CalendarArrowDownIcon = createLucideIcon('CalendarArrowDown', [
  ["path",{"d":"m14 18 4 4 4-4"}],
  ["path",{"d":"M16 2v4"}],
  ["path",{"d":"M18 14v8"}],
  ["path",{"d":"M21 11.354V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.343"}],
  ["path",{"d":"M3 10h18"}],
  ["path",{"d":"M8 2v4"}]
])

const CalendarArrowUpIcon = createLucideIcon('CalendarArrowUp', [
  ["path",{"d":"m14 18 4-4 4 4"}],
  ["path",{"d":"M16 2v4"}],
  ["path",{"d":"M18 22v-8"}],
  ["path",{"d":"M21 11.343V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h9"}],
  ["path",{"d":"M3 10h18"}],
  ["path",{"d":"M8 2v4"}]
])

const ClockArrowDownIcon = createLucideIcon('ClockArrowDown', [
  ["path",{"d":"M12.338 21.994A10 10 0 1 1 21.925 13.227"}],
  ["path",{"d":"M12 6v6l2 1"}],
  ["path",{"d":"m14 18 4 4 4-4"}],
  ["path",{"d":"M18 14v8"}]
])

const ClockArrowUpIcon = createLucideIcon('ClockArrowUp', [
  ["path",{"d":"M13.228 21.925A10 10 0 1 1 21.994 12.338"}],
  ["path",{"d":"M12 6v6l1.562.781"}],
  ["path",{"d":"m14 18 4-4 4 4"}],
  ["path",{"d":"M18 22v-8"}]
])

[karsa-mistmere]

@ericfennis, @jguddas Not sure about these, I followed the tags from earlier sort icons, but to me arrow-down would mean ascending and arrow-up descending. 🤔

Maybe we should add both tags to both, just in case. 🤷‍♂️

[jguddas]

Maybe we should add both tags to both, just in case. 🤷‍♂️

I say yes to adding both.

[karsa-mistmere]

I say yes to adding both.

Done!