From 98db7328cbdf81fe5734a4bd4e3ec0a521c56bb2 Mon Sep 17 00:00:00 2001
From: P2Wdisabled <louis1.potevin1@gmail.com>
Date: Fri, 15 May 2026 20:59:28 +0200
Subject: [PATCH] feat: add icon set with size variants

Added icons:
- Arrow2Icon
- BinIcon
- BurgerIcon
- CalendarIcon
- CheckIcon
- CloseIcon
- CodeIcon
- CubeIcon
- DownloadIcon
- FilterIcon
- HelpIcon
- HomeIcon
- LinkIcon
- MinusIcon
- MoreIcon
- OverviewIcon
- PlusIcon
- ProfileIcon
- SearchIcon
- SettingsIcon
- ShareIcon
- ShieldIcon
- SortIcon
- StatsIcon
- UploadIcon

Available sizes:
- 16px
- 24px
- 32px

SortIcon variants:
- default
- ascend
- descend

Notes:
- Added a dedicated icon grid preview in the design system page
- Verified consistency across all supported sizes
---
 src/components/Icons/bin/bin.astro            |  26 +++++
 src/components/Icons/bin/svgs/bin-16.svg      |   3 +
 src/components/Icons/bin/svgs/bin-24.svg      |   3 +
 src/components/Icons/bin/svgs/bin-32.svg      |   3 +
 src/components/Icons/burger/burger.astro      |  26 +++++
 .../Icons/burger/svgs/burger-16.svg           |   3 +
 .../Icons/burger/svgs/burger-24.svg           |   3 +
 .../Icons/burger/svgs/burger-32.svg           |   3 +
 src/components/Icons/calendar/calendar.astro  |  26 +++++
 .../Icons/calendar/svgs/calendar-16.svg       |   3 +
 .../Icons/calendar/svgs/calendar-24.svg       |   3 +
 .../Icons/calendar/svgs/calendar-32.svg       |   3 +
 src/components/Icons/check/check.astro        |  26 +++++
 src/components/Icons/check/svgs/check-16.svg  |   3 +
 src/components/Icons/check/svgs/check-24.svg  |   3 +
 src/components/Icons/check/svgs/check-32.svg  |   3 +
 src/components/Icons/code/code.astro          |  26 +++++
 src/components/Icons/code/svgs/code-16.svg    |   3 +
 src/components/Icons/code/svgs/code-24.svg    |   3 +
 src/components/Icons/code/svgs/code-32.svg    |   3 +
 src/components/Icons/cube/cube.astro          |  26 +++++
 src/components/Icons/cube/svgs/cube-16.svg    |   3 +
 src/components/Icons/cube/svgs/cube-24.svg    |   3 +
 src/components/Icons/cube/svgs/cube-32.svg    |   3 +
 src/components/Icons/download/download.astro  |  26 +++++
 .../Icons/download/svgs/download-16.svg       |   5 +
 .../Icons/download/svgs/download-24.svg       |   4 +
 .../Icons/download/svgs/download-32.svg       |   4 +
 src/components/Icons/filter/filter.astro      |  26 +++++
 .../Icons/filter/svgs/filter-16.svg           |   3 +
 .../Icons/filter/svgs/filter-24.svg           |   3 +
 .../Icons/filter/svgs/filter-32.svg           |   3 +
 src/components/Icons/help/help.astro          |  26 +++++
 src/components/Icons/help/svgs/help-16.svg    |   5 +
 src/components/Icons/help/svgs/help-24.svg    |   5 +
 src/components/Icons/help/svgs/help-32.svg    |   5 +
 src/components/Icons/home/home.astro          |  26 +++++
 src/components/Icons/home/svgs/home-16.svg    |   3 +
 src/components/Icons/home/svgs/home-24.svg    |   3 +
 src/components/Icons/home/svgs/home-32.svg    |   3 +
 src/components/Icons/index.ts                 |  31 ++++-
 src/components/Icons/link/link.astro          |  26 +++++
 src/components/Icons/link/svgs/link-16.svg    |   3 +
 src/components/Icons/link/svgs/link-24.svg    |   3 +
 src/components/Icons/link/svgs/link-32.svg    |   3 +
 src/components/Icons/minus/minus.astro        |  26 +++++
 src/components/Icons/minus/svgs/minus-16.svg  |   3 +
 src/components/Icons/minus/svgs/minus-24.svg  |   3 +
 src/components/Icons/minus/svgs/minus-32.svg  |   3 +
 src/components/Icons/more/more.astro          |  26 +++++
 src/components/Icons/more/svgs/more-16.svg    |   3 +
 src/components/Icons/more/svgs/more-24.svg    |   3 +
 src/components/Icons/more/svgs/more-32.svg    |   3 +
 src/components/Icons/overview/overview.astro  |  26 +++++
 .../Icons/overview/svgs/overview-16.svg       |   3 +
 .../Icons/overview/svgs/overview-24.svg       |   3 +
 .../Icons/overview/svgs/overview-32.svg       |   3 +
 src/components/Icons/plus/plus.astro          |  26 +++++
 src/components/Icons/plus/svgs/plus-16.svg    |   3 +
 src/components/Icons/plus/svgs/plus-24.svg    |   3 +
 src/components/Icons/plus/svgs/plus-32.svg    |   3 +
 src/components/Icons/settings/settings.astro  |  26 +++++
 .../Icons/settings/svgs/settings-16.svg       |   3 +
 .../Icons/settings/svgs/settings-24.svg       |   3 +
 .../Icons/settings/svgs/settings-32.svg       |   3 +
 src/components/Icons/shield/shield.astro      |  26 +++++
 .../Icons/shield/svgs/shield-16.svg           |   3 +
 .../Icons/shield/svgs/shield-24.svg           |   3 +
 .../Icons/shield/svgs/shield-32.svg           |   3 +
 src/components/Icons/sort/sort.astro          |  39 +++++++
 .../Icons/sort/svgs/sort-16-ascend.svg        |   4 +
 .../Icons/sort/svgs/sort-16-default.svg       |   3 +
 .../Icons/sort/svgs/sort-16-descend.svg       |   4 +
 .../Icons/sort/svgs/sort-24-ascend.svg        |   4 +
 .../Icons/sort/svgs/sort-24-default.svg       |   3 +
 .../Icons/sort/svgs/sort-24-descend.svg       |   4 +
 .../Icons/sort/svgs/sort-32-ascend.svg        |   4 +
 .../Icons/sort/svgs/sort-32-default.svg       |   3 +
 .../Icons/sort/svgs/sort-32-descend.svg       |   4 +
 src/components/Icons/stats/stats.astro        |  26 +++++
 src/components/Icons/stats/svgs/stats-16.svg  |   3 +
 src/components/Icons/stats/svgs/stats-24.svg  |   3 +
 src/components/Icons/stats/svgs/stats-32.svg  |   3 +
 src/pages/index.astro                         | 109 +++++++++++++++++-
 84 files changed, 845 insertions(+), 7 deletions(-)
 create mode 100644 src/components/Icons/bin/bin.astro
 create mode 100644 src/components/Icons/bin/svgs/bin-16.svg
 create mode 100644 src/components/Icons/bin/svgs/bin-24.svg
 create mode 100644 src/components/Icons/bin/svgs/bin-32.svg
 create mode 100644 src/components/Icons/burger/burger.astro
 create mode 100644 src/components/Icons/burger/svgs/burger-16.svg
 create mode 100644 src/components/Icons/burger/svgs/burger-24.svg
 create mode 100644 src/components/Icons/burger/svgs/burger-32.svg
 create mode 100644 src/components/Icons/calendar/calendar.astro
 create mode 100644 src/components/Icons/calendar/svgs/calendar-16.svg
 create mode 100644 src/components/Icons/calendar/svgs/calendar-24.svg
 create mode 100644 src/components/Icons/calendar/svgs/calendar-32.svg
 create mode 100644 src/components/Icons/check/check.astro
 create mode 100644 src/components/Icons/check/svgs/check-16.svg
 create mode 100644 src/components/Icons/check/svgs/check-24.svg
 create mode 100644 src/components/Icons/check/svgs/check-32.svg
 create mode 100644 src/components/Icons/code/code.astro
 create mode 100644 src/components/Icons/code/svgs/code-16.svg
 create mode 100644 src/components/Icons/code/svgs/code-24.svg
 create mode 100644 src/components/Icons/code/svgs/code-32.svg
 create mode 100644 src/components/Icons/cube/cube.astro
 create mode 100644 src/components/Icons/cube/svgs/cube-16.svg
 create mode 100644 src/components/Icons/cube/svgs/cube-24.svg
 create mode 100644 src/components/Icons/cube/svgs/cube-32.svg
 create mode 100644 src/components/Icons/download/download.astro
 create mode 100644 src/components/Icons/download/svgs/download-16.svg
 create mode 100644 src/components/Icons/download/svgs/download-24.svg
 create mode 100644 src/components/Icons/download/svgs/download-32.svg
 create mode 100644 src/components/Icons/filter/filter.astro
 create mode 100644 src/components/Icons/filter/svgs/filter-16.svg
 create mode 100644 src/components/Icons/filter/svgs/filter-24.svg
 create mode 100644 src/components/Icons/filter/svgs/filter-32.svg
 create mode 100644 src/components/Icons/help/help.astro
 create mode 100644 src/components/Icons/help/svgs/help-16.svg
 create mode 100644 src/components/Icons/help/svgs/help-24.svg
 create mode 100644 src/components/Icons/help/svgs/help-32.svg
 create mode 100644 src/components/Icons/home/home.astro
 create mode 100644 src/components/Icons/home/svgs/home-16.svg
 create mode 100644 src/components/Icons/home/svgs/home-24.svg
 create mode 100644 src/components/Icons/home/svgs/home-32.svg
 create mode 100644 src/components/Icons/link/link.astro
 create mode 100644 src/components/Icons/link/svgs/link-16.svg
 create mode 100644 src/components/Icons/link/svgs/link-24.svg
 create mode 100644 src/components/Icons/link/svgs/link-32.svg
 create mode 100644 src/components/Icons/minus/minus.astro
 create mode 100644 src/components/Icons/minus/svgs/minus-16.svg
 create mode 100644 src/components/Icons/minus/svgs/minus-24.svg
 create mode 100644 src/components/Icons/minus/svgs/minus-32.svg
 create mode 100644 src/components/Icons/more/more.astro
 create mode 100644 src/components/Icons/more/svgs/more-16.svg
 create mode 100644 src/components/Icons/more/svgs/more-24.svg
 create mode 100644 src/components/Icons/more/svgs/more-32.svg
 create mode 100644 src/components/Icons/overview/overview.astro
 create mode 100644 src/components/Icons/overview/svgs/overview-16.svg
 create mode 100644 src/components/Icons/overview/svgs/overview-24.svg
 create mode 100644 src/components/Icons/overview/svgs/overview-32.svg
 create mode 100644 src/components/Icons/plus/plus.astro
 create mode 100644 src/components/Icons/plus/svgs/plus-16.svg
 create mode 100644 src/components/Icons/plus/svgs/plus-24.svg
 create mode 100644 src/components/Icons/plus/svgs/plus-32.svg
 create mode 100644 src/components/Icons/settings/settings.astro
 create mode 100644 src/components/Icons/settings/svgs/settings-16.svg
 create mode 100644 src/components/Icons/settings/svgs/settings-24.svg
 create mode 100644 src/components/Icons/settings/svgs/settings-32.svg
 create mode 100644 src/components/Icons/shield/shield.astro
 create mode 100644 src/components/Icons/shield/svgs/shield-16.svg
 create mode 100644 src/components/Icons/shield/svgs/shield-24.svg
 create mode 100644 src/components/Icons/shield/svgs/shield-32.svg
 create mode 100644 src/components/Icons/sort/sort.astro
 create mode 100644 src/components/Icons/sort/svgs/sort-16-ascend.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-16-default.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-16-descend.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-24-ascend.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-24-default.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-24-descend.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-32-ascend.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-32-default.svg
 create mode 100644 src/components/Icons/sort/svgs/sort-32-descend.svg
 create mode 100644 src/components/Icons/stats/stats.astro
 create mode 100644 src/components/Icons/stats/svgs/stats-16.svg
 create mode 100644 src/components/Icons/stats/svgs/stats-24.svg
 create mode 100644 src/components/Icons/stats/svgs/stats-32.svg

diff --git a/src/components/Icons/bin/bin.astro b/src/components/Icons/bin/bin.astro
new file mode 100644
index 0000000..8490857
--- /dev/null
+++ b/src/components/Icons/bin/bin.astro
@@ -0,0 +1,26 @@
+---
+import bin16 from './svgs/bin-16.svg?raw';
+import bin24 from './svgs/bin-24.svg?raw';
+import bin32 from './svgs/bin-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = bin16;
+else if (size === 24) raw = bin24;
+else if (size === 32) raw = bin32;
+else                  raw = '';
+
+const classes = ['nds-icon-bin', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/bin/svgs/bin-16.svg b/src/components/Icons/bin/svgs/bin-16.svg
new file mode 100644
index 0000000..9deaee9
--- /dev/null
+++ b/src/components/Icons/bin/svgs/bin-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.22223 13C4.91667 13 4.65519 12.8913 4.43778 12.6739C4.22037 12.4565 4.11149 12.1948 4.11111 11.8889V4.66667C3.95371 4.66667 3.82186 4.61333 3.71556 4.50667C3.60926 4.4 3.55593 4.26815 3.55556 4.11111C3.55519 3.95407 3.60852 3.82222 3.71556 3.71556C3.8226 3.60889 3.95445 3.55556 4.11111 3.55556H6.33334C6.33334 3.39815 6.38667 3.2663 6.49334 3.16C6.6 3.0537 6.73186 3.00037 6.88889 3H9.11111C9.26852 3 9.40056 3.05333 9.50723 3.16C9.61389 3.26667 9.66704 3.39852 9.66667 3.55556H11.8889C12.0463 3.55556 12.1783 3.60889 12.285 3.71556C12.3917 3.82222 12.4448 3.95407 12.4444 4.11111C12.4441 4.26815 12.3907 4.40018 12.2844 4.50722C12.1782 4.61426 12.0463 4.66741 11.8889 4.66667V11.8889C11.8889 12.1944 11.7802 12.4561 11.5628 12.6739C11.3454 12.8917 11.0837 13.0004 10.7778 13H5.22223ZM7.285 10.6178C7.3913 10.5119 7.44445 10.38 7.44445 10.2222V6.33333C7.44445 6.17593 7.39111 6.04407 7.28445 5.93778C7.17778 5.83148 7.04593 5.77815 6.88889 5.77778C6.73186 5.77741 6.6 5.83074 6.49334 5.93778C6.38667 6.04481 6.33334 6.17667 6.33334 6.33333V10.2222C6.33334 10.3796 6.38667 10.5117 6.49334 10.6183C6.6 10.725 6.73186 10.7781 6.88889 10.7778C7.04593 10.7774 7.17797 10.7241 7.285 10.6178ZM9.50723 10.6178C9.61352 10.5119 9.66667 10.38 9.66667 10.2222V6.33333C9.66667 6.17593 9.61334 6.04407 9.50667 5.93778C9.4 5.83148 9.26815 5.77815 9.11111 5.77778C8.95408 5.77741 8.82223 5.83074 8.71556 5.93778C8.60889 6.04481 8.55556 6.17667 8.55556 6.33333V10.2222C8.55556 10.3796 8.60889 10.5117 8.71556 10.6183C8.82223 10.725 8.95408 10.7781 9.11111 10.7778C9.26815 10.7774 9.40019 10.7241 9.50723 10.6178Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/bin/svgs/bin-24.svg b/src/components/Icons/bin/svgs/bin-24.svg
new file mode 100644
index 0000000..c572eac
--- /dev/null
+++ b/src/components/Icons/bin/svgs/bin-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 21C6.45 21 5.97934 20.8043 5.588 20.413C5.19667 20.0217 5.00067 19.5507 5 19V6C4.71667 6 4.47934 5.904 4.288 5.712C4.09667 5.52 4.00067 5.28267 4 5C3.99934 4.71733 4.09534 4.48 4.288 4.288C4.48067 4.096 4.718 4 5 4H9C9 3.71667 9.096 3.47933 9.288 3.288C9.48 3.09667 9.71734 3.00067 10 3H14C14.2833 3 14.521 3.096 14.713 3.288C14.905 3.48 15.0007 3.71733 15 4H19C19.2833 4 19.521 4.096 19.713 4.288C19.905 4.48 20.0007 4.71733 20 5C19.9993 5.28267 19.9033 5.52033 19.712 5.713C19.5207 5.90567 19.2833 6.00133 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.0217 20.805 17.5507 21.0007 17 21H7ZM10.713 16.712C10.9043 16.5213 11 16.284 11 16V9C11 8.71667 10.904 8.47933 10.712 8.288C10.52 8.09667 10.2827 8.00067 10 8C9.71734 7.99933 9.48 8.09533 9.288 8.288C9.096 8.48067 9 8.718 9 9V16C9 16.2833 9.096 16.521 9.288 16.713C9.48 16.905 9.71734 17.0007 10 17C10.2827 16.9993 10.5203 16.9033 10.713 16.712ZM14.713 16.712C14.9043 16.5213 15 16.284 15 16V9C15 8.71667 14.904 8.47933 14.712 8.288C14.52 8.09667 14.2827 8.00067 14 8C13.7173 7.99933 13.48 8.09533 13.288 8.288C13.096 8.48067 13 8.718 13 9V16C13 16.2833 13.096 16.521 13.288 16.713C13.48 16.905 13.7173 17.0007 14 17C14.2827 16.9993 14.5203 16.9033 14.713 16.712Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/bin/svgs/bin-32.svg b/src/components/Icons/bin/svgs/bin-32.svg
new file mode 100644
index 0000000..559f28e
--- /dev/null
+++ b/src/components/Icons/bin/svgs/bin-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.77778 29C7.98334 29 7.30348 28.7174 6.73822 28.1521C6.17297 27.5868 5.88985 26.9065 5.88889 26.1111V7.33333C5.47963 7.33333 5.13682 7.19467 4.86045 6.91733C4.58408 6.64 4.44541 6.29718 4.44445 5.88889C4.44348 5.48059 4.58215 5.13778 4.86045 4.86044C5.13874 4.58311 5.48156 4.44444 5.88889 4.44444H11.6667C11.6667 4.03519 11.8053 3.69237 12.0827 3.416C12.36 3.13963 12.7028 3.00096 13.1111 3H18.8889C19.2981 3 19.6414 3.13867 19.9188 3.416C20.1961 3.69333 20.3343 4.03615 20.3333 4.44444H26.1111C26.5204 4.44444 26.8637 4.58311 27.141 4.86044C27.4183 5.13778 27.5565 5.48059 27.5556 5.88889C27.5546 6.29718 27.4159 6.64048 27.1396 6.91878C26.8632 7.19707 26.5204 7.33526 26.1111 7.33333V26.1111C26.1111 26.9056 25.8285 27.5859 25.2632 28.1521C24.698 28.7183 24.0176 29.001 23.2222 29H8.77778ZM14.141 22.8062C14.4174 22.5308 14.5556 22.188 14.5556 21.7778V11.6667C14.5556 11.2574 14.4169 10.9146 14.1396 10.6382C13.8622 10.3619 13.5194 10.2232 13.1111 10.2222C12.7028 10.2213 12.36 10.3599 12.0827 10.6382C11.8053 10.9165 11.6667 11.2593 11.6667 11.6667V21.7778C11.6667 22.187 11.8053 22.5303 12.0827 22.8077C12.36 23.085 12.7028 23.2232 13.1111 23.2222C13.5194 23.2213 13.8627 23.0826 14.141 22.8062ZM19.9188 22.8062C20.1951 22.5308 20.3333 22.188 20.3333 21.7778V11.6667C20.3333 11.2574 20.1947 10.9146 19.9173 10.6382C19.64 10.3619 19.2972 10.2232 18.8889 10.2222C18.4806 10.2213 18.1378 10.3599 17.8604 10.6382C17.5831 10.9165 17.4444 11.2593 17.4444 11.6667V21.7778C17.4444 22.187 17.5831 22.5303 17.8604 22.8077C18.1378 23.085 18.4806 23.2232 18.8889 23.2222C19.2972 23.2213 19.6405 23.0826 19.9188 22.8062Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/burger/burger.astro b/src/components/Icons/burger/burger.astro
new file mode 100644
index 0000000..e9a46b4
--- /dev/null
+++ b/src/components/Icons/burger/burger.astro
@@ -0,0 +1,26 @@
+---
+import burger16 from './svgs/burger-16.svg?raw';
+import burger24 from './svgs/burger-24.svg?raw';
+import burger32 from './svgs/burger-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = burger16;
+else if (size === 24) raw = burger24;
+else if (size === 32) raw = burger32;
+else                  raw = '';
+
+const classes = ['nds-icon-burger', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/burger/svgs/burger-16.svg b/src/components/Icons/burger/svgs/burger-16.svg
new file mode 100644
index 0000000..da069d3
--- /dev/null
+++ b/src/components/Icons/burger/svgs/burger-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 4H14M2 8H14M2 12H14" stroke="#F4F2EF" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/burger/svgs/burger-24.svg b/src/components/Icons/burger/svgs/burger-24.svg
new file mode 100644
index 0000000..298e86d
--- /dev/null
+++ b/src/components/Icons/burger/svgs/burger-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 6H21M3 12H21M3 18H21" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/burger/svgs/burger-32.svg b/src/components/Icons/burger/svgs/burger-32.svg
new file mode 100644
index 0000000..c62382d
--- /dev/null
+++ b/src/components/Icons/burger/svgs/burger-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 8H28M4 16H28M4 24H28" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/calendar/calendar.astro b/src/components/Icons/calendar/calendar.astro
new file mode 100644
index 0000000..5079db2
--- /dev/null
+++ b/src/components/Icons/calendar/calendar.astro
@@ -0,0 +1,26 @@
+---
+import calendar16 from './svgs/calendar-16.svg?raw';
+import calendar24 from './svgs/calendar-24.svg?raw';
+import calendar32 from './svgs/calendar-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = calendar16;
+else if (size === 24) raw = calendar24;
+else if (size === 32) raw = calendar32;
+else                  raw = '';
+
+const classes = ['nds-icon-calendar', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/calendar/svgs/calendar-16.svg b/src/components/Icons/calendar/svgs/calendar-16.svg
new file mode 100644
index 0000000..38126b1
--- /dev/null
+++ b/src/components/Icons/calendar/svgs/calendar-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 5.14283C13 4.76395 12.8495 4.40059 12.5816 4.13268C12.3137 3.86477 11.9503 3.71426 11.5714 3.71426H11.2143V3.36716C11.2143 3.17497 11.0665 3.01001 10.8743 3.00041C10.8261 2.99809 10.7778 3.00559 10.7325 3.02246C10.6872 3.03934 10.6458 3.06524 10.6108 3.09859C10.5758 3.13194 10.5479 3.17205 10.5289 3.21649C10.5098 3.26093 10.5 3.30877 10.5 3.35711V3.71426H5.49999V3.36716C5.49999 3.17497 5.35222 3.01001 5.16004 3.00041C5.11175 2.99809 5.06349 3.00559 5.01818 3.02246C4.97288 3.03934 4.93147 3.06524 4.89647 3.09859C4.86147 3.13194 4.83361 3.17205 4.81457 3.21649C4.79553 3.26093 4.78571 3.30877 4.7857 3.35711V3.71426H4.42856C4.04968 3.71426 3.68632 3.86477 3.41841 4.13268C3.1505 4.40059 2.99998 4.76395 2.99998 5.14283V5.41069C2.99998 5.43437 3.00939 5.45708 3.02614 5.47382C3.04288 5.49057 3.06559 5.49998 3.08927 5.49998H12.9107C12.9344 5.49998 12.9571 5.49057 12.9739 5.47382C12.9906 5.45708 13 5.43437 13 5.41069V5.14283ZM2.99998 11.5714C2.99998 11.9503 3.1505 12.3137 3.41841 12.5816C3.68632 12.8495 4.04968 13 4.42856 13H11.5714C11.9503 13 12.3137 12.8495 12.5816 12.5816C12.8495 12.3137 13 11.9503 13 11.5714V6.28123C13 6.26347 12.993 6.24644 12.9804 6.23388C12.9678 6.22132 12.9508 6.21426 12.9331 6.21426H3.06695C3.04919 6.21426 3.03216 6.22132 3.0196 6.23388C3.00704 6.24644 2.99998 6.26347 2.99998 6.28123V11.5714ZM10.6786 6.92855C10.7845 6.92855 10.8881 6.95997 10.9762 7.01884C11.0643 7.0777 11.133 7.16137 11.1735 7.25926C11.2141 7.35715 11.2247 7.46486 11.204 7.56878C11.1833 7.6727 11.1323 7.76816 11.0574 7.84308C10.9825 7.918 10.887 7.96902 10.7831 7.98969C10.6792 8.01036 10.5715 7.99975 10.4736 7.9592C10.3757 7.91866 10.292 7.84999 10.2332 7.7619C10.1743 7.6738 10.1429 7.57022 10.1429 7.46427C10.1429 7.32219 10.1993 7.18593 10.2998 7.08546C10.4002 6.98499 10.5365 6.92855 10.6786 6.92855ZM10.6786 8.71427C10.7845 8.71427 10.8881 8.74569 10.9762 8.80456C11.0643 8.86342 11.133 8.94709 11.1735 9.04498C11.2141 9.14287 11.2247 9.25058 11.204 9.3545C11.1833 9.45842 11.1323 9.55387 11.0574 9.6288C10.9825 9.70372 10.887 9.75474 10.7831 9.77541C10.6792 9.79608 10.5715 9.78547 10.4736 9.74492C10.3757 9.70438 10.292 9.63571 10.2332 9.54762C10.1743 9.45952 10.1429 9.35594 10.1429 9.24999C10.1429 9.10791 10.1993 8.97165 10.2998 8.87118C10.4002 8.77071 10.5365 8.71427 10.6786 8.71427ZM8.89286 6.92855C8.99882 6.92855 9.10239 6.95997 9.19049 7.01884C9.27859 7.0777 9.34725 7.16137 9.3878 7.25926C9.42835 7.35715 9.43895 7.46486 9.41828 7.56878C9.39761 7.6727 9.34659 7.76816 9.27167 7.84308C9.19675 7.918 9.10129 7.96902 8.99737 7.98969C8.89346 8.01036 8.78574 7.99975 8.68785 7.9592C8.58996 7.91866 8.5063 7.84999 8.44743 7.7619C8.38856 7.6738 8.35715 7.57022 8.35715 7.46427C8.35715 7.32219 8.41359 7.18593 8.51405 7.08546C8.61452 6.98499 8.75078 6.92855 8.89286 6.92855ZM8.89286 8.71427C8.99882 8.71427 9.10239 8.74569 9.19049 8.80456C9.27859 8.86342 9.34725 8.94709 9.3878 9.04498C9.42835 9.14287 9.43895 9.25058 9.41828 9.3545C9.39761 9.45842 9.34659 9.55387 9.27167 9.6288C9.19675 9.70372 9.10129 9.75474 8.99737 9.77541C8.89346 9.79608 8.78574 9.78547 8.68785 9.74492C8.58996 9.70438 8.5063 9.63571 8.44743 9.54762C8.38856 9.45952 8.35715 9.35594 8.35715 9.24999C8.35715 9.10791 8.41359 8.97165 8.51405 8.87118C8.61452 8.77071 8.75078 8.71427 8.89286 8.71427ZM8.89286 10.5C8.99882 10.5 9.10239 10.5314 9.19049 10.5903C9.27859 10.6491 9.34725 10.7328 9.3878 10.8307C9.42835 10.9286 9.43895 11.0363 9.41828 11.1402C9.39761 11.2441 9.34659 11.3396 9.27167 11.4145C9.19675 11.4894 9.10129 11.5405 8.99737 11.5611C8.89346 11.5818 8.78574 11.5712 8.68785 11.5306C8.58996 11.4901 8.5063 11.4214 8.44743 11.3333C8.38856 11.2452 8.35715 11.1417 8.35715 11.0357C8.35715 10.8936 8.41359 10.7574 8.51405 10.6569C8.61452 10.5564 8.75078 10.5 8.89286 10.5ZM7.10714 8.71427C7.2131 8.71427 7.31667 8.74569 7.40477 8.80456C7.49287 8.86342 7.56153 8.94709 7.60208 9.04498C7.64263 9.14287 7.65323 9.25058 7.63256 9.3545C7.61189 9.45842 7.56087 9.55387 7.48595 9.6288C7.41103 9.70372 7.31557 9.75474 7.21165 9.77541C7.10774 9.79608 7.00002 9.78547 6.90213 9.74492C6.80424 9.70438 6.72057 9.63571 6.66171 9.54762C6.60284 9.45952 6.57142 9.35594 6.57142 9.24999C6.57142 9.10791 6.62787 8.97165 6.72833 8.87118C6.8288 8.77071 6.96506 8.71427 7.10714 8.71427ZM7.10714 10.5C7.2131 10.5 7.31667 10.5314 7.40477 10.5903C7.49287 10.6491 7.56153 10.7328 7.60208 10.8307C7.64263 10.9286 7.65323 11.0363 7.63256 11.1402C7.61189 11.2441 7.56087 11.3396 7.48595 11.4145C7.41103 11.4894 7.31557 11.5405 7.21165 11.5611C7.10774 11.5818 7.00002 11.5712 6.90213 11.5306C6.80424 11.4901 6.72057 11.4214 6.66171 11.3333C6.60284 11.2452 6.57142 11.1417 6.57142 11.0357C6.57142 10.8936 6.62787 10.7574 6.72833 10.6569C6.8288 10.5564 6.96506 10.5 7.10714 10.5ZM5.32142 8.71427C5.42738 8.71427 5.53095 8.74569 5.61905 8.80456C5.70715 8.86342 5.77581 8.94709 5.81636 9.04498C5.85691 9.14287 5.86751 9.25058 5.84684 9.3545C5.82617 9.45842 5.77515 9.55387 5.70023 9.6288C5.62531 9.70372 5.52985 9.75474 5.42593 9.77541C5.32202 9.79608 5.2143 9.78547 5.11641 9.74492C5.01852 9.70438 4.93485 9.63571 4.87599 9.54762C4.81712 9.45952 4.7857 9.35594 4.7857 9.24999C4.7857 9.10791 4.84215 8.97165 4.94261 8.87118C5.04308 8.77071 5.17934 8.71427 5.32142 8.71427ZM5.32142 10.5C5.42738 10.5 5.53095 10.5314 5.61905 10.5903C5.70715 10.6491 5.77581 10.7328 5.81636 10.8307C5.85691 10.9286 5.86751 11.0363 5.84684 11.1402C5.82617 11.2441 5.77515 11.3396 5.70023 11.4145C5.62531 11.4894 5.52985 11.5405 5.42593 11.5611C5.32202 11.5818 5.2143 11.5712 5.11641 11.5306C5.01852 11.4901 4.93485 11.4214 4.87599 11.3333C4.81712 11.2452 4.7857 11.1417 4.7857 11.0357C4.7857 10.8936 4.84215 10.7574 4.94261 10.6569C5.04308 10.5564 5.17934 10.5 5.32142 10.5Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/calendar/svgs/calendar-24.svg b/src/components/Icons/calendar/svgs/calendar-24.svg
new file mode 100644
index 0000000..37fdde6
--- /dev/null
+++ b/src/components/Icons/calendar/svgs/calendar-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 6.8571C21 6.17511 20.7291 5.52105 20.2469 5.03882C19.7646 4.55658 19.1106 4.28566 18.4286 4.28566H17.7857V3.66088C17.7857 3.31494 17.5197 3.01802 17.1738 3.00074C17.0869 2.99656 17 3.01006 16.9185 3.04044C16.8369 3.07081 16.7624 3.11743 16.6994 3.17746C16.6364 3.23749 16.5862 3.30969 16.552 3.38968C16.5177 3.46967 16.5 3.55578 16.5 3.6428V4.28566H7.49998V3.66088C7.49998 3.31494 7.234 3.01802 6.88806 3.00074C6.80114 2.99656 6.71428 3.01006 6.63273 3.04044C6.55118 3.07081 6.47665 3.11743 6.41365 3.17746C6.35065 3.23749 6.30049 3.30969 6.26622 3.38968C6.23195 3.46967 6.21427 3.55578 6.21427 3.6428V4.28566H5.57141C4.88942 4.28566 4.23536 4.55658 3.75313 5.03882C3.27089 5.52105 2.99997 6.17511 2.99997 6.8571V7.33924C2.99997 7.38187 3.0169 7.42274 3.04704 7.45288C3.07718 7.48302 3.11806 7.49996 3.16068 7.49996H20.8393C20.8819 7.49996 20.9228 7.48302 20.953 7.45288C20.9831 7.42274 21 7.38187 21 7.33924V6.8571ZM2.99997 18.4286C2.99997 19.1105 3.27089 19.7646 3.75313 20.2468C4.23536 20.7291 4.88942 21 5.57141 21H18.4286C19.1106 21 19.7646 20.7291 20.2469 20.2468C20.7291 19.7646 21 19.1105 21 18.4286V8.90621C21 8.87424 20.9873 8.84358 20.9647 8.82098C20.9421 8.79837 20.9115 8.78567 20.8795 8.78567H3.12051C3.08854 8.78567 3.05788 8.79837 3.03527 8.82098C3.01267 8.84358 2.99997 8.87424 2.99997 8.90621V18.4286ZM16.8214 10.0714C17.0122 10.0714 17.1986 10.1279 17.3572 10.2339C17.5157 10.3399 17.6393 10.4905 17.7123 10.6667C17.7853 10.8429 17.8044 11.0368 17.7672 11.2238C17.73 11.4109 17.6382 11.5827 17.5033 11.7175C17.3684 11.8524 17.1966 11.9442 17.0096 11.9814C16.8225 12.0186 16.6286 11.9996 16.4524 11.9266C16.2762 11.8536 16.1256 11.73 16.0197 11.5714C15.9137 11.4128 15.8572 11.2264 15.8572 11.0357C15.8572 10.7799 15.9587 10.5347 16.1396 10.3538C16.3204 10.173 16.5657 10.0714 16.8214 10.0714ZM16.8214 13.2857C17.0122 13.2857 17.1986 13.3422 17.3572 13.4482C17.5157 13.5542 17.6393 13.7048 17.7123 13.881C17.7853 14.0572 17.8044 14.251 17.7672 14.4381C17.73 14.6252 17.6382 14.797 17.5033 14.9318C17.3684 15.0667 17.1966 15.1585 17.0096 15.1957C16.8225 15.2329 16.6286 15.2138 16.4524 15.1409C16.2762 15.0679 16.1256 14.9443 16.0197 14.7857C15.9137 14.6271 15.8572 14.4407 15.8572 14.25C15.8572 13.9942 15.9587 13.749 16.1396 13.5681C16.3204 13.3873 16.5657 13.2857 16.8214 13.2857ZM13.6071 10.0714C13.7979 10.0714 13.9843 10.1279 14.1429 10.2339C14.3015 10.3399 14.425 10.4905 14.498 10.6667C14.571 10.8429 14.5901 11.0368 14.5529 11.2238C14.5157 11.4109 14.4239 11.5827 14.289 11.7175C14.1541 11.8524 13.9823 11.9442 13.7953 11.9814C13.6082 12.0186 13.4143 11.9996 13.2381 11.9266C13.0619 11.8536 12.9113 11.73 12.8054 11.5714C12.6994 11.4128 12.6429 11.2264 12.6429 11.0357C12.6429 10.7799 12.7445 10.5347 12.9253 10.3538C13.1061 10.173 13.3514 10.0714 13.6071 10.0714ZM13.6071 13.2857C13.7979 13.2857 13.9843 13.3422 14.1429 13.4482C14.3015 13.5542 14.425 13.7048 14.498 13.881C14.571 14.0572 14.5901 14.251 14.5529 14.4381C14.5157 14.6252 14.4239 14.797 14.289 14.9318C14.1541 15.0667 13.9823 15.1585 13.7953 15.1957C13.6082 15.2329 13.4143 15.2138 13.2381 15.1409C13.0619 15.0679 12.9113 14.9443 12.8054 14.7857C12.6994 14.6271 12.6429 14.4407 12.6429 14.25C12.6429 13.9942 12.7445 13.749 12.9253 13.5681C13.1061 13.3873 13.3514 13.2857 13.6071 13.2857ZM13.6071 16.5C13.7979 16.5 13.9843 16.5565 14.1429 16.6625C14.3015 16.7685 14.425 16.9191 14.498 17.0953C14.571 17.2715 14.5901 17.4653 14.5529 17.6524C14.5157 17.8395 14.4239 18.0113 14.289 18.1461C14.1541 18.281 13.9823 18.3728 13.7953 18.41C13.6082 18.4472 13.4143 18.4281 13.2381 18.3552C13.0619 18.2822 12.9113 18.1586 12.8054 18C12.6994 17.8414 12.6429 17.655 12.6429 17.4643C12.6429 17.2085 12.7445 16.9633 12.9253 16.7824C13.1061 16.6016 13.3514 16.5 13.6071 16.5ZM10.3928 13.2857C10.5836 13.2857 10.77 13.3422 10.9286 13.4482C11.0872 13.5542 11.2108 13.7048 11.2837 13.881C11.3567 14.0572 11.3758 14.251 11.3386 14.4381C11.3014 14.6252 11.2096 14.797 11.0747 14.9318C10.9398 15.0667 10.768 15.1585 10.581 15.1957C10.3939 15.2329 10.2 15.2138 10.0238 15.1409C9.84763 15.0679 9.69703 14.9443 9.59107 14.7857C9.48512 14.6271 9.42856 14.4407 9.42856 14.25C9.42856 13.9942 9.53016 13.749 9.71099 13.5681C9.89183 13.3873 10.1371 13.2857 10.3928 13.2857ZM10.3928 16.5C10.5836 16.5 10.77 16.5565 10.9286 16.6625C11.0872 16.7685 11.2108 16.9191 11.2837 17.0953C11.3567 17.2715 11.3758 17.4653 11.3386 17.6524C11.3014 17.8395 11.2096 18.0113 11.0747 18.1461C10.9398 18.281 10.768 18.3728 10.581 18.41C10.3939 18.4472 10.2 18.4281 10.0238 18.3552C9.84763 18.2822 9.69703 18.1586 9.59107 18C9.48512 17.8414 9.42856 17.655 9.42856 17.4643C9.42856 17.2085 9.53016 16.9633 9.71099 16.7824C9.89183 16.6016 10.1371 16.5 10.3928 16.5ZM7.17855 13.2857C7.36927 13.2857 7.55571 13.3422 7.71428 13.4482C7.87286 13.5542 7.99646 13.7048 8.06944 13.881C8.14243 14.0572 8.16152 14.251 8.12431 14.4381C8.08711 14.6252 7.99527 14.797 7.86041 14.9318C7.72555 15.0667 7.55373 15.1585 7.36668 15.1957C7.17962 15.2329 6.98574 15.2138 6.80954 15.1409C6.63334 15.0679 6.48273 14.9443 6.37678 14.7857C6.27082 14.6271 6.21427 14.4407 6.21427 14.25C6.21427 13.9942 6.31586 13.749 6.4967 13.5681C6.67754 13.3873 6.92281 13.2857 7.17855 13.2857ZM7.17855 16.5C7.36927 16.5 7.55571 16.5565 7.71428 16.6625C7.87286 16.7685 7.99646 16.9191 8.06944 17.0953C8.14243 17.2715 8.16152 17.4653 8.12431 17.6524C8.08711 17.8395 7.99527 18.0113 7.86041 18.1461C7.72555 18.281 7.55373 18.3728 7.36668 18.41C7.17962 18.4472 6.98574 18.4281 6.80954 18.3552C6.63334 18.2822 6.48273 18.1586 6.37678 18C6.27082 17.8414 6.21427 17.655 6.21427 17.4643C6.21427 17.2085 6.31586 16.9633 6.4967 16.7824C6.67754 16.6016 6.92281 16.5 7.17855 16.5Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/calendar/svgs/calendar-32.svg b/src/components/Icons/calendar/svgs/calendar-32.svg
new file mode 100644
index 0000000..5cb2ec7
--- /dev/null
+++ b/src/components/Icons/calendar/svgs/calendar-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29 8.57136C29 7.58627 28.6087 6.64152 27.9121 5.94496C27.2156 5.24839 26.2708 4.85706 25.2857 4.85706H24.3572V3.95461C24.3572 3.45492 23.973 3.02603 23.4733 3.00108C23.3477 2.99503 23.2223 3.01453 23.1045 3.05841C22.9867 3.10228 22.879 3.16962 22.788 3.25633C22.697 3.34304 22.6246 3.44733 22.5751 3.56287C22.5256 3.67841 22.5 3.80279 22.5 3.92849V4.85706H9.49998V3.95461C9.49998 3.45492 9.11578 3.02603 8.61609 3.00108C8.49054 2.99503 8.36507 3.01453 8.24728 3.05841C8.12948 3.10228 8.02183 3.16962 7.93083 3.25633C7.83983 3.34304 7.76738 3.44733 7.71788 3.56287C7.66837 3.67841 7.64284 3.80279 7.64283 3.92849V4.85706H6.71426C5.72916 4.85706 4.78442 5.24839 4.08785 5.94496C3.39128 6.64152 2.99996 7.58627 2.99996 8.57136V9.26779C2.99996 9.32936 3.02442 9.38841 3.06795 9.43194C3.11149 9.47548 3.17053 9.49994 3.2321 9.49994H28.7679C28.8295 9.49994 28.8885 9.47548 28.932 9.43194C28.9756 9.38841 29 9.32936 29 9.26779V8.57136ZM2.99996 25.2857C2.99996 26.2708 3.39128 27.2155 4.08785 27.9121C4.78442 28.6087 5.72916 29 6.71426 29H25.2857C26.2708 29 27.2156 28.6087 27.9121 27.9121C28.6087 27.2155 29 26.2708 29 25.2857V11.5312C29 11.485 28.9817 11.4407 28.949 11.4081C28.9164 11.3754 28.8721 11.3571 28.8259 11.3571H3.17407C3.12789 11.3571 3.0836 11.3754 3.05095 11.4081C3.0183 11.4407 2.99996 11.485 2.99996 11.5312V25.2857ZM22.9643 13.2142C23.2398 13.2142 23.5091 13.2959 23.7381 13.449C23.9672 13.602 24.1457 13.8196 24.2511 14.0741C24.3566 14.3286 24.3842 14.6086 24.3304 14.8788C24.2767 15.149 24.144 15.3972 23.9492 15.592C23.7544 15.7868 23.5062 15.9194 23.236 15.9732C22.9659 16.0269 22.6858 15.9994 22.4313 15.8939C22.1768 15.7885 21.9592 15.61 21.8062 15.3809C21.6531 15.1519 21.5714 14.8826 21.5714 14.6071C21.5714 14.2377 21.7182 13.8834 21.9794 13.6222C22.2406 13.361 22.5949 13.2142 22.9643 13.2142ZM22.9643 17.8571C23.2398 17.8571 23.5091 17.9388 23.7381 18.0918C23.9672 18.2449 24.1457 18.4624 24.2511 18.7169C24.3566 18.9715 24.3842 19.2515 24.3304 19.5217C24.2767 19.7919 24.144 20.0401 23.9492 20.2349C23.7544 20.4297 23.5062 20.5623 23.236 20.6161C22.9659 20.6698 22.6858 20.6422 22.4313 20.5368C22.1768 20.4314 21.9592 20.2529 21.8062 20.0238C21.6531 19.7947 21.5714 19.5254 21.5714 19.25C21.5714 18.8806 21.7182 18.5263 21.9794 18.2651C22.2406 18.0039 22.5949 17.8571 22.9643 17.8571ZM18.3214 13.2142C18.5969 13.2142 18.8662 13.2959 19.0953 13.449C19.3243 13.602 19.5028 13.8196 19.6083 14.0741C19.7137 14.3286 19.7413 14.6086 19.6875 14.8788C19.6338 15.149 19.5011 15.3972 19.3063 15.592C19.1115 15.7868 18.8634 15.9194 18.5932 15.9732C18.323 16.0269 18.0429 15.9994 17.7884 15.8939C17.5339 15.7885 17.3164 15.61 17.1633 15.3809C17.0103 15.1519 16.9286 14.8826 16.9286 14.6071C16.9286 14.2377 17.0753 13.8834 17.3365 13.6222C17.5977 13.361 17.952 13.2142 18.3214 13.2142ZM18.3214 17.8571C18.5969 17.8571 18.8662 17.9388 19.0953 18.0918C19.3243 18.2449 19.5028 18.4624 19.6083 18.7169C19.7137 18.9715 19.7413 19.2515 19.6875 19.5217C19.6338 19.7919 19.5011 20.0401 19.3063 20.2349C19.1115 20.4297 18.8634 20.5623 18.5932 20.6161C18.323 20.6698 18.0429 20.6422 17.7884 20.5368C17.5339 20.4314 17.3164 20.2529 17.1633 20.0238C17.0103 19.7947 16.9286 19.5254 16.9286 19.25C16.9286 18.8806 17.0753 18.5263 17.3365 18.2651C17.5977 18.0039 17.952 17.8571 18.3214 17.8571ZM18.3214 22.5C18.5969 22.5 18.8662 22.5817 19.0953 22.7347C19.3243 22.8878 19.5028 23.1053 19.6083 23.3598C19.7137 23.6143 19.7413 23.8944 19.6875 24.1646C19.6338 24.4348 19.5011 24.6829 19.3063 24.8777C19.1115 25.0725 18.8634 25.2052 18.5932 25.2589C18.323 25.3127 18.0429 25.2851 17.7884 25.1797C17.5339 25.0743 17.3164 24.8957 17.1633 24.6667C17.0103 24.4376 16.9286 24.1683 16.9286 23.8928C16.9286 23.5234 17.0753 23.1692 17.3365 22.9079C17.5977 22.6467 17.952 22.5 18.3214 22.5ZM13.6786 17.8571C13.954 17.8571 14.2233 17.9388 14.4524 18.0918C14.6815 18.2449 14.86 18.4624 14.9654 18.7169C15.0708 18.9715 15.0984 19.2515 15.0447 19.5217C14.9909 19.7919 14.8583 20.0401 14.6635 20.2349C14.4687 20.4297 14.2205 20.5623 13.9503 20.6161C13.6801 20.6698 13.4001 20.6422 13.1455 20.5368C12.891 20.4314 12.6735 20.2529 12.5204 20.0238C12.3674 19.7947 12.2857 19.5254 12.2857 19.25C12.2857 18.8806 12.4324 18.5263 12.6937 18.2651C12.9549 18.0039 13.3092 17.8571 13.6786 17.8571ZM13.6786 22.5C13.954 22.5 14.2233 22.5817 14.4524 22.7347C14.6815 22.8878 14.86 23.1053 14.9654 23.3598C15.0708 23.6143 15.0984 23.8944 15.0447 24.1646C14.9909 24.4348 14.8583 24.6829 14.6635 24.8777C14.4687 25.0725 14.2205 25.2052 13.9503 25.2589C13.6801 25.3127 13.4001 25.2851 13.1455 25.1797C12.891 25.0743 12.6735 24.8957 12.5204 24.6667C12.3674 24.4376 12.2857 24.1683 12.2857 23.8928C12.2857 23.5234 12.4324 23.1692 12.6937 22.9079C12.9549 22.6467 13.3092 22.5 13.6786 22.5ZM9.03569 17.8571C9.31117 17.8571 9.58047 17.9388 9.80952 18.0918C10.0386 18.2449 10.2171 18.4624 10.3225 18.7169C10.428 18.9715 10.4555 19.2515 10.4018 19.5217C10.348 19.7919 10.2154 20.0401 10.0206 20.2349C9.8258 20.4297 9.57761 20.5623 9.30743 20.6161C9.03724 20.6698 8.75718 20.6422 8.50267 20.5368C8.24815 20.4314 8.03062 20.2529 7.87757 20.0238C7.72452 19.7947 7.64283 19.5254 7.64283 19.25C7.64283 18.8806 7.78958 18.5263 8.05079 18.2651C8.312 18.0039 8.66628 17.8571 9.03569 17.8571ZM9.03569 22.5C9.31117 22.5 9.58047 22.5817 9.80952 22.7347C10.0386 22.8878 10.2171 23.1053 10.3225 23.3598C10.428 23.6143 10.4555 23.8944 10.4018 24.1646C10.348 24.4348 10.2154 24.6829 10.0206 24.8777C9.8258 25.0725 9.57761 25.2052 9.30743 25.2589C9.03724 25.3127 8.75718 25.2851 8.50267 25.1797C8.24815 25.0743 8.03062 24.8957 7.87757 24.6667C7.72452 24.4376 7.64283 24.1683 7.64283 23.8928C7.64283 23.5234 7.78958 23.1692 8.05079 22.9079C8.312 22.6467 8.66628 22.5 9.03569 22.5Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/check/check.astro b/src/components/Icons/check/check.astro
new file mode 100644
index 0000000..3b3a234
--- /dev/null
+++ b/src/components/Icons/check/check.astro
@@ -0,0 +1,26 @@
+---
+import check16 from './svgs/check-16.svg?raw';
+import check24 from './svgs/check-24.svg?raw';
+import check32 from './svgs/check-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = check16;
+else if (size === 24) raw = check24;
+else if (size === 32) raw = check32;
+else                  raw = '';
+
+const classes = ['nds-icon-check', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/check/svgs/check-16.svg b/src/components/Icons/check/svgs/check-16.svg
new file mode 100644
index 0000000..48c612e
--- /dev/null
+++ b/src/components/Icons/check/svgs/check-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.41997 10.0451L11.9006 4.56449C12.03 4.43515 12.1809 4.37048 12.3533 4.37048C12.5258 4.37048 12.6767 4.43515 12.806 4.56449C12.9353 4.69383 13 4.84752 13 5.02558C13 5.20363 12.9353 5.35711 12.806 5.48602L6.87265 11.4355C6.74332 11.5649 6.59242 11.6295 6.41997 11.6295C6.24752 11.6295 6.09663 11.5649 5.96729 11.4355L3.18654 8.65478C3.05721 8.52544 2.99512 8.37196 3.0003 8.19434C3.00547 8.01671 3.07294 7.86302 3.20271 7.73325C3.33248 7.60348 3.48618 7.53881 3.6638 7.53924C3.84142 7.53967 3.9949 7.60434 4.12424 7.73325L6.41997 10.0451Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/check/svgs/check-24.svg b/src/components/Icons/check/svgs/check-24.svg
new file mode 100644
index 0000000..d2acd8b
--- /dev/null
+++ b/src/components/Icons/check/svgs/check-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.15595 15.6813L19.0211 5.81607C19.2539 5.58326 19.5256 5.46686 19.836 5.46686C20.1464 5.46686 20.418 5.58326 20.6508 5.81607C20.8836 6.04888 21 6.32553 21 6.64602C21 6.96652 20.8836 7.24279 20.6508 7.47482L9.97077 18.1839C9.73797 18.4167 9.46636 18.5331 9.15595 18.5331C8.84554 18.5331 8.57393 18.4167 8.34113 18.1839L3.33578 13.1786C3.10297 12.9458 2.99122 12.6695 3.00054 12.3498C3.00985 12.0301 3.1313 11.7534 3.36488 11.5198C3.59846 11.2863 3.87512 11.1698 4.19484 11.1706C4.51456 11.1714 4.79082 11.2878 5.02363 11.5198L9.15595 15.6813Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/check/svgs/check-32.svg b/src/components/Icons/check/svgs/check-32.svg
new file mode 100644
index 0000000..fe22306
--- /dev/null
+++ b/src/components/Icons/check/svgs/check-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8919 21.3174L26.1416 7.06765C26.4779 6.73137 26.8702 6.56323 27.3186 6.56323C27.767 6.56323 28.1593 6.73137 28.4956 7.06765C28.8319 7.40392 29 7.80353 29 8.26647C29 8.72941 28.8319 9.12846 28.4956 9.46362L13.0689 24.9323C12.7326 25.2686 12.3403 25.4368 11.8919 25.4368C11.4436 25.4368 11.0512 25.2686 10.715 24.9323L3.48501 17.7024C3.14874 17.3661 2.98732 16.9671 3.00078 16.5052C3.01423 16.0434 3.18965 15.6438 3.52705 15.3064C3.86445 14.969 4.26406 14.8009 4.72588 14.802C5.18769 14.8031 5.58674 14.9713 5.92302 15.3064L11.8919 21.3174Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/code/code.astro b/src/components/Icons/code/code.astro
new file mode 100644
index 0000000..0ee8b9c
--- /dev/null
+++ b/src/components/Icons/code/code.astro
@@ -0,0 +1,26 @@
+---
+import code16 from './svgs/code-16.svg?raw';
+import code24 from './svgs/code-24.svg?raw';
+import code32 from './svgs/code-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = code16;
+else if (size === 24) raw = code24;
+else if (size === 32) raw = code32;
+else                  raw = '';
+
+const classes = ['nds-icon-code', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/code/svgs/code-16.svg b/src/components/Icons/code/svgs/code-16.svg
new file mode 100644
index 0000000..de25b07
--- /dev/null
+++ b/src/components/Icons/code/svgs/code-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.22222 5.77778L3 8L5.22222 10.2222M10.7778 5.77778L13 8L10.7778 10.2222M9.11111 3.55556L6.88889 12.4444" stroke="#F4F2EF" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/code/svgs/code-24.svg b/src/components/Icons/code/svgs/code-24.svg
new file mode 100644
index 0000000..1c7aa56
--- /dev/null
+++ b/src/components/Icons/code/svgs/code-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 8L3 12L7 16M17 8L21 12L17 16M14 4L10 20" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/code/svgs/code-32.svg b/src/components/Icons/code/svgs/code-32.svg
new file mode 100644
index 0000000..6e7450f
--- /dev/null
+++ b/src/components/Icons/code/svgs/code-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.77778 10.2222L3 16L8.77778 21.7778M23.2222 10.2222L29 16L23.2222 21.7778M18.8889 4.44444L13.1111 27.5556" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/cube/cube.astro b/src/components/Icons/cube/cube.astro
new file mode 100644
index 0000000..b061376
--- /dev/null
+++ b/src/components/Icons/cube/cube.astro
@@ -0,0 +1,26 @@
+---
+import cube16 from './svgs/cube-16.svg?raw';
+import cube24 from './svgs/cube-24.svg?raw';
+import cube32 from './svgs/cube-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = cube16;
+else if (size === 24) raw = cube24;
+else if (size === 32) raw = cube32;
+else                  raw = '';
+
+const classes = ['nds-icon-cube', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/cube/svgs/cube-16.svg b/src/components/Icons/cube/svgs/cube-16.svg
new file mode 100644
index 0000000..a586aa3
--- /dev/null
+++ b/src/components/Icons/cube/svgs/cube-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9024 0.210691L14.7691 2.93523C15.1362 3.10556 15.4469 3.37628 15.6649 3.71571C15.8829 4.05515 15.9991 4.44926 16 4.85194V11.1597C15.9991 11.5624 15.8829 11.9565 15.6649 12.2959C15.4469 12.6354 15.1362 12.9061 14.7691 13.0764L8.9024 15.801C8.61985 15.9321 8.31182 16 8 16C7.68818 16 7.38015 15.9321 7.0976 15.801L1.23093 13.0764C0.8638 12.9061 0.553063 12.6354 0.335075 12.2959C0.117087 11.9565 0.000863304 11.5624 0 11.1597V4.85194C0 4.44803 0.1152 4.0526 0.333867 3.707C0.552533 3.3614 0.862933 3.09425 1.23093 2.92356L7.0976 0.19903C7.38015 0.0679377 7.68818 0 8 0C8.31182 0 8.61985 0.0679377 8.9024 0.19903V0.210691ZM1.0624 4.85406V11.1618C1.06243 11.3635 1.12035 11.561 1.22937 11.7312C1.33838 11.9013 1.49397 12.037 1.67787 12.1223L7.4592 14.8044V7.55315L1.08053 4.62719C1.06453 4.70176 1.05666 4.77782 1.05707 4.85406H1.0624ZM14.9291 4.62825L8.5504 7.55421V14.8055L14.3317 12.1234C14.5158 12.038 14.6715 11.9021 14.7805 11.7318C14.8896 11.5615 14.9474 11.3637 14.9472 11.1618V4.85406C14.9472 4.77814 14.939 4.70243 14.9227 4.62825H14.9291ZM7.56907 1.17223L1.87307 3.81195L8.01707 6.6319L14.1611 3.81195L8.46507 1.17223C8.32379 1.10668 8.16978 1.07271 8.01387 1.07271C7.85796 1.07271 7.70394 1.10668 7.56267 1.17223H7.56907Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/cube/svgs/cube-24.svg b/src/components/Icons/cube/svgs/cube-24.svg
new file mode 100644
index 0000000..c44a3d5
--- /dev/null
+++ b/src/components/Icons/cube/svgs/cube-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3536 0.316037L22.1536 4.40284C22.7043 4.65834 23.1704 5.06442 23.4974 5.57357C23.8244 6.08272 23.9987 6.67389 24 7.27791V16.7396C23.9987 17.3436 23.8244 17.9348 23.4974 18.4439C23.1704 18.9531 22.7043 19.3592 22.1536 19.6147L13.3536 23.7015C12.9298 23.8981 12.4677 24 12 24C11.5323 24 11.0702 23.8981 10.6464 23.7015L1.8464 19.6147C1.2957 19.3592 0.829595 18.9531 0.502613 18.4439C0.175631 17.9348 0.00129496 17.3436 0 16.7396V7.27791C0 6.67205 0.1728 6.07891 0.5008 5.5605C0.8288 5.0421 1.2944 4.64137 1.8464 4.38535L10.6464 0.298544C11.0702 0.101907 11.5323 0 12 0C12.4677 0 12.9298 0.101907 13.3536 0.298544V0.316037ZM1.5936 7.28109V16.7428C1.59364 17.0453 1.68052 17.3416 1.84405 17.5968C2.00757 17.852 2.24096 18.0555 2.5168 18.1835L11.1888 22.2067V11.3297L1.6208 6.94079C1.59679 7.05264 1.58499 7.16673 1.5856 7.28109H1.5936ZM22.3936 6.94238L12.8256 11.3313V22.2083L21.4976 18.1851C21.7737 18.057 22.0072 17.8532 22.1708 17.5977C22.3343 17.3422 22.4211 17.0456 22.4208 16.7428V7.28109C22.4208 7.16721 22.4084 7.05365 22.384 6.94238H22.3936ZM11.3536 1.75834L2.8096 5.71793L12.0256 9.94785L21.2416 5.71793L12.6976 1.75834C12.4857 1.66003 12.2547 1.60907 12.0208 1.60907C11.7869 1.60907 11.5559 1.66003 11.344 1.75834H11.3536Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/cube/svgs/cube-32.svg b/src/components/Icons/cube/svgs/cube-32.svg
new file mode 100644
index 0000000..f6f50f6
--- /dev/null
+++ b/src/components/Icons/cube/svgs/cube-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.8048 0.421382L29.5381 5.87045C30.2724 6.21112 30.8939 6.75256 31.3299 7.43143C31.7658 8.1103 31.9983 8.89852 32 9.70388V22.3194C31.9983 23.1248 31.7658 23.913 31.3299 24.5919C30.8939 25.2708 30.2724 25.8122 29.5381 26.1529L17.8048 31.6019C17.2397 31.8641 16.6236 32 16 32C15.3764 32 14.7603 31.8641 14.1952 31.6019L2.46187 26.1529C1.7276 25.8122 1.10613 25.2708 0.670151 24.5919C0.234175 23.913 0.00172661 23.1248 0 22.3194V9.70388C0 8.89606 0.2304 8.10521 0.667733 7.414C1.10507 6.7228 1.72587 6.18849 2.46187 5.84713L14.1952 0.398059C14.7603 0.135875 15.3764 0 16 0C16.6236 0 17.2397 0.135875 17.8048 0.398059V0.421382ZM2.1248 9.70813V22.3237C2.12485 22.7271 2.2407 23.1221 2.45873 23.4624C2.67677 23.8026 2.98794 24.074 3.35573 24.2446L14.9184 29.6089V15.1063L2.16107 9.25439C2.12905 9.40352 2.11332 9.55564 2.11413 9.70813H2.1248ZM29.8581 9.25651L17.1008 15.1084V29.611L28.6635 24.2468C29.0316 24.076 29.343 23.8043 29.561 23.4636C29.7791 23.1229 29.8948 22.7274 29.8944 22.3237V9.70813C29.8944 9.55627 29.8779 9.40487 29.8453 9.25651H29.8581ZM15.1381 2.34446L3.74613 7.62391L16.0341 13.2638L28.3221 7.62391L16.9301 2.34446C16.6476 2.21337 16.3396 2.14543 16.0277 2.14543C15.7159 2.14543 15.4079 2.21337 15.1253 2.34446H15.1381Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/download/download.astro b/src/components/Icons/download/download.astro
new file mode 100644
index 0000000..7a296fc
--- /dev/null
+++ b/src/components/Icons/download/download.astro
@@ -0,0 +1,26 @@
+---
+import download16 from './svgs/download-16.svg?raw';
+import download24 from './svgs/download-24.svg?raw';
+import download32 from './svgs/download-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = download16;
+else if (size === 24) raw = download24;
+else if (size === 32) raw = download32;
+else                  raw = '';
+
+const classes = ['nds-icon-download', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/download/svgs/download-16.svg b/src/components/Icons/download/svgs/download-16.svg
new file mode 100644
index 0000000..45495a9
--- /dev/null
+++ b/src/components/Icons/download/svgs/download-16.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00001 3H9.67067V8.01199H11.759L8.00001 11.771M8.00001 3H6.32934V8.01199H4.24101L8.00001 11.771" fill="#F4F2EF"/>
+<path d="M8.00001 3H9.67067V8.01199H11.759L8.00001 11.771L4.24101 8.01199H6.32934V3H8.00001Z" stroke="#F4F2EF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.72905 13.5H11.271" stroke="#F4F2EF" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/download/svgs/download-24.svg b/src/components/Icons/download/svgs/download-24.svg
new file mode 100644
index 0000000..3c136d1
--- /dev/null
+++ b/src/components/Icons/download/svgs/download-24.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 4.5H13.7778V10.7857H16L12 15.5M12 4.5H10.2222V10.7857H8L12 15.5" fill="#F4F2EF" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 19.5H17" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/download/svgs/download-32.svg b/src/components/Icons/download/svgs/download-32.svg
new file mode 100644
index 0000000..4529b10
--- /dev/null
+++ b/src/components/Icons/download/svgs/download-32.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 4.5H19.1111V14.2143H23L16 21.5M16 4.5H12.8889V14.2143H9L16 21.5" fill="#F4F2EF" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.5 27.5H22.5" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/filter/filter.astro b/src/components/Icons/filter/filter.astro
new file mode 100644
index 0000000..1db2490
--- /dev/null
+++ b/src/components/Icons/filter/filter.astro
@@ -0,0 +1,26 @@
+---
+import filter16 from './svgs/filter-16.svg?raw';
+import filter24 from './svgs/filter-24.svg?raw';
+import filter32 from './svgs/filter-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = filter16;
+else if (size === 24) raw = filter24;
+else if (size === 32) raw = filter32;
+else                  raw = '';
+
+const classes = ['nds-icon-filter', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/filter/svgs/filter-16.svg b/src/components/Icons/filter/svgs/filter-16.svg
new file mode 100644
index 0000000..82f22aa
--- /dev/null
+++ b/src/components/Icons/filter/svgs/filter-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 4.66667H13M4.66667 8H11.3333M6.66667 11.3333H9.33333" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/filter/svgs/filter-24.svg b/src/components/Icons/filter/svgs/filter-24.svg
new file mode 100644
index 0000000..f4cf108
--- /dev/null
+++ b/src/components/Icons/filter/svgs/filter-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 6H21M6 12H18M9.6 18H14.4" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/filter/svgs/filter-32.svg b/src/components/Icons/filter/svgs/filter-32.svg
new file mode 100644
index 0000000..ff53e7e
--- /dev/null
+++ b/src/components/Icons/filter/svgs/filter-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 7.33333H29M7.33333 16H24.6667M12.5333 24.6667H19.4667" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/help/help.astro b/src/components/Icons/help/help.astro
new file mode 100644
index 0000000..2cad781
--- /dev/null
+++ b/src/components/Icons/help/help.astro
@@ -0,0 +1,26 @@
+---
+import help16 from './svgs/help-16.svg?raw';
+import help24 from './svgs/help-24.svg?raw';
+import help32 from './svgs/help-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = help16;
+else if (size === 24) raw = help24;
+else if (size === 32) raw = help32;
+else                  raw = '';
+
+const classes = ['nds-icon-help', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/help/svgs/help-16.svg b/src/components/Icons/help/svgs/help-16.svg
new file mode 100644
index 0000000..cc67d22
--- /dev/null
+++ b/src/components/Icons/help/svgs/help-16.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13Z" stroke="#F4F2EF"/>
+<path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" stroke="#F4F2EF" stroke-width="1.5"/>
+<path d="M9.5 6.5L11.5 4.5M4.5 11.5L6.5 9.5M6.5 6.5L4.5 4.5M11.5 11.5L9.5 9.5" stroke="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/help/svgs/help-24.svg b/src/components/Icons/help/svgs/help-24.svg
new file mode 100644
index 0000000..bf21f37
--- /dev/null
+++ b/src/components/Icons/help/svgs/help-24.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#F4F2EF" stroke-width="1.5"/>
+<path d="M12 15.6C13.9882 15.6 15.6 13.9882 15.6 12C15.6 10.0118 13.9882 8.4 12 8.4C10.0118 8.4 8.39999 10.0118 8.39999 12C8.39999 13.9882 10.0118 15.6 12 15.6Z" stroke="#F4F2EF" stroke-width="1.5"/>
+<path d="M14.7 9.3L18.3 5.7M5.7 18.3L9.3 14.7M9.3 9.3L5.7 5.7M18.3 18.3L14.7 14.7" stroke="#F4F2EF" stroke-width="1.5"/>
+</svg>
diff --git a/src/components/Icons/help/svgs/help-32.svg b/src/components/Icons/help/svgs/help-32.svg
new file mode 100644
index 0000000..8fc9e5f
--- /dev/null
+++ b/src/components/Icons/help/svgs/help-32.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 29C23.1797 29 29 23.1797 29 16C29 8.8203 23.1797 3 16 3C8.8203 3 3 8.8203 3 16C3 23.1797 8.8203 29 16 29Z" stroke="#F4F2EF" stroke-width="1.5"/>
+<path d="M16 21.2C18.8719 21.2 21.2 18.8719 21.2 16C21.2 13.1281 18.8719 10.8 16 10.8C13.1281 10.8 10.8 13.1281 10.8 16C10.8 18.8719 13.1281 21.2 16 21.2Z" stroke="#F4F2EF" stroke-width="1.5"/>
+<path d="M19.9 12.1L25.1 6.89999M6.89999 25.1L12.1 19.9M12.1 12.1L6.89999 6.89999M25.1 25.1L19.9 19.9" stroke="#F4F2EF" stroke-width="1.5"/>
+</svg>
diff --git a/src/components/Icons/home/home.astro b/src/components/Icons/home/home.astro
new file mode 100644
index 0000000..e0cca17
--- /dev/null
+++ b/src/components/Icons/home/home.astro
@@ -0,0 +1,26 @@
+---
+import home16 from './svgs/home-16.svg?raw';
+import home24 from './svgs/home-24.svg?raw';
+import home32 from './svgs/home-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = home16;
+else if (size === 24) raw = home24;
+else if (size === 32) raw = home32;
+else                  raw = '';
+
+const classes = ['nds-icon-home', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/home/svgs/home-16.svg b/src/components/Icons/home/svgs/home-16.svg
new file mode 100644
index 0000000..35fb4b3
--- /dev/null
+++ b/src/components/Icons/home/svgs/home-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.57143 11.8571H6.28572V9C6.28572 8.83809 6.34057 8.70247 6.45029 8.59314C6.56 8.48381 6.69562 8.42895 6.85714 8.42857H9.14286C9.30476 8.42857 9.44057 8.48343 9.55029 8.59314C9.66 8.70286 9.71467 8.83847 9.71429 9V11.8571H11.4286V6.71428L8 4.14286L4.57143 6.71428V11.8571ZM3.42857 11.8571V6.71428C3.42857 6.53333 3.46914 6.3619 3.55029 6.2C3.63143 6.03809 3.74324 5.90476 3.88572 5.8L7.31429 3.22857C7.51429 3.07619 7.74286 3 8 3C8.25714 3 8.48572 3.07619 8.68572 3.22857L12.1143 5.8C12.2571 5.90476 12.3691 6.03809 12.4503 6.2C12.5314 6.3619 12.5718 6.53333 12.5714 6.71428V11.8571C12.5714 12.1714 12.4594 12.4406 12.2354 12.6646C12.0114 12.8886 11.7425 13.0004 11.4286 13H9.14286C8.98095 13 8.84533 12.9451 8.736 12.8354C8.62667 12.7257 8.57181 12.5901 8.57143 12.4286V9.57143H7.42857V12.4286C7.42857 12.5905 7.37372 12.7263 7.264 12.836C7.15429 12.9457 7.01867 13.0004 6.85714 13H4.57143C4.25714 13 3.98819 12.8882 3.76457 12.6646C3.54095 12.4409 3.42895 12.1718 3.42857 11.8571Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/home/svgs/home-24.svg b/src/components/Icons/home/svgs/home-24.svg
new file mode 100644
index 0000000..5b20383
--- /dev/null
+++ b/src/components/Icons/home/svgs/home-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.82857 18.9429H8.91428V13.8C8.91428 13.5086 9.01302 13.2645 9.21051 13.0677C9.40799 12.8709 9.65211 12.7721 9.94285 12.7714H14.0571C14.3486 12.7714 14.593 12.8702 14.7905 13.0677C14.988 13.2651 15.0864 13.5093 15.0857 13.8V18.9429H18.1714V9.68571L12 5.05714L5.82857 9.68571V18.9429ZM3.77142 18.9429V9.68571C3.77142 9.36 3.84445 9.05143 3.99051 8.76C4.13657 8.46857 4.33782 8.22857 4.59428 8.04L10.7657 3.41143C11.1257 3.13714 11.5371 3 12 3C12.4629 3 12.8743 3.13714 13.2343 3.41143L19.4057 8.04C19.6629 8.22857 19.8644 8.46857 20.0105 8.76C20.1566 9.05143 20.2292 9.36 20.2286 9.68571V18.9429C20.2286 19.5086 20.027 19.993 19.6238 20.3962C19.2206 20.7994 18.7364 21.0007 18.1714 21H14.0571C13.7657 21 13.5216 20.9013 13.3248 20.7038C13.128 20.5063 13.0293 20.2622 13.0286 19.9714V14.8286H10.9714V19.9714C10.9714 20.2629 10.8727 20.5073 10.6752 20.7048C10.4777 20.9023 10.2336 21.0007 9.94285 21H5.82857C5.26285 21 4.77874 20.7987 4.37622 20.3962C3.97371 19.9937 3.77211 19.5093 3.77142 18.9429Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/home/svgs/home-32.svg b/src/components/Icons/home/svgs/home-32.svg
new file mode 100644
index 0000000..5a31466
--- /dev/null
+++ b/src/components/Icons/home/svgs/home-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.08572 26.0286H11.5429V18.6C11.5429 18.179 11.6855 17.8264 11.9707 17.5422C12.256 17.2579 12.6086 17.1153 13.0286 17.1143H18.9714C19.3924 17.1143 19.7455 17.2569 20.0307 17.5422C20.316 17.8274 20.4581 18.18 20.4571 18.6V26.0286H24.9143V12.6571L16 5.97143L7.08572 12.6571V26.0286ZM4.11429 26.0286V12.6571C4.11429 12.1867 4.21977 11.741 4.43075 11.32C4.64172 10.899 4.93242 10.5524 5.30286 10.28L14.2171 3.59429C14.7371 3.1981 15.3314 3 16 3C16.6686 3 17.2629 3.1981 17.7829 3.59429L26.6971 10.28C27.0686 10.5524 27.3598 10.899 27.5707 11.32C27.7817 11.741 27.8867 12.1867 27.8857 12.6571V26.0286C27.8857 26.8457 27.5945 27.5455 27.0121 28.1279C26.4297 28.7103 25.7304 29.001 24.9143 29H18.9714C18.5505 29 18.1979 28.8574 17.9136 28.5721C17.6293 28.2869 17.4867 27.9342 17.4857 27.5143V20.0857H14.5143V27.5143C14.5143 27.9352 14.3717 28.2883 14.0864 28.5736C13.8011 28.8589 13.4485 29.001 13.0286 29H7.08572C6.26857 29 5.5693 28.7093 4.98789 28.1279C4.40648 27.5465 4.11528 26.8467 4.11429 26.0286Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/index.ts b/src/components/Icons/index.ts
index c4360ee..8bf50ba 100644
--- a/src/components/Icons/index.ts
+++ b/src/components/Icons/index.ts
@@ -1,6 +1,25 @@
-export { default as Arrow2Icon } from './Arrow2/Arrow2.astro';
-export { default as ProfileIcon } from './profile/profile.astro';
-export { default as ShareIcon } from './share/share.astro';
-export { default as SearchIcon } from './search/search.astro';
-export { default as CloseIcon } from './close/close.astro';
-export { default as UploadIcon } from './upload/upload.astro';
\ No newline at end of file
+export { default as Arrow2Icon }   from './Arrow2/Arrow2.astro';
+export { default as BinIcon }      from './bin/bin.astro';
+export { default as BurgerIcon }   from './burger/burger.astro';
+export { default as CalendarIcon } from './calendar/calendar.astro';
+export { default as CheckIcon }    from './check/check.astro';
+export { default as CloseIcon }    from './close/close.astro';
+export { default as CodeIcon }     from './code/code.astro';
+export { default as CubeIcon }     from './cube/cube.astro';
+export { default as DownloadIcon } from './download/download.astro';
+export { default as FilterIcon }   from './filter/filter.astro';
+export { default as HelpIcon }     from './help/help.astro';
+export { default as HomeIcon }     from './home/home.astro';
+export { default as LinkIcon }     from './link/link.astro';
+export { default as MinusIcon }    from './minus/minus.astro';
+export { default as MoreIcon }     from './more/more.astro';
+export { default as OverviewIcon } from './overview/overview.astro';
+export { default as PlusIcon }     from './plus/plus.astro';
+export { default as ProfileIcon }  from './profile/profile.astro';
+export { default as SearchIcon }   from './search/search.astro';
+export { default as SettingsIcon } from './settings/settings.astro';
+export { default as ShareIcon }    from './share/share.astro';
+export { default as ShieldIcon }   from './shield/shield.astro';
+export { default as SortIcon }     from './sort/sort.astro';
+export { default as StatsIcon }    from './stats/stats.astro';
+export { default as UploadIcon }   from './upload/upload.astro';
diff --git a/src/components/Icons/link/link.astro b/src/components/Icons/link/link.astro
new file mode 100644
index 0000000..96207b9
--- /dev/null
+++ b/src/components/Icons/link/link.astro
@@ -0,0 +1,26 @@
+---
+import link16 from './svgs/link-16.svg?raw';
+import link24 from './svgs/link-24.svg?raw';
+import link32 from './svgs/link-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = link16;
+else if (size === 24) raw = link24;
+else if (size === 32) raw = link32;
+else                  raw = '';
+
+const classes = ['nds-icon-link', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/link/svgs/link-16.svg b/src/components/Icons/link/svgs/link-16.svg
new file mode 100644
index 0000000..c671d47
--- /dev/null
+++ b/src/components/Icons/link/svgs/link-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.57143 4.57143L9.71429 3.42857C10.2857 2.85714 11.4286 2.85714 12 3.42857L12.5714 4C13.1429 4.57143 13.1429 5.71429 12.5714 6.28571L9.71429 9.14286C9.14286 9.71429 8 9.71429 7.42857 9.14286M7.42857 11.4286L6.28571 12.5714C5.71429 13.1429 4.57143 13.1429 4 12.5714L3.42857 12C2.85714 11.4286 2.85714 10.2857 3.42857 9.71429L6.28571 6.85714C6.85714 6.28571 8 6.28571 8.57143 6.85714" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/link/svgs/link-24.svg b/src/components/Icons/link/svgs/link-24.svg
new file mode 100644
index 0000000..638588e
--- /dev/null
+++ b/src/components/Icons/link/svgs/link-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0286 5.82857L15.0857 3.77143C16.1143 2.74286 18.1714 2.74286 19.2 3.77143L20.2286 4.8C21.2571 5.82857 21.2571 7.88571 20.2286 8.91429L15.0857 14.0571C14.0571 15.0857 12 15.0857 10.9714 14.0571M10.9714 18.1714L8.91429 20.2286C7.88571 21.2571 5.82857 21.2571 4.8 20.2286L3.77143 19.2C2.74286 18.1714 2.74286 16.1143 3.77143 15.0857L8.91429 9.94286C9.94286 8.91429 12 8.91429 13.0286 9.94286" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/link/svgs/link-32.svg b/src/components/Icons/link/svgs/link-32.svg
new file mode 100644
index 0000000..81472fe
--- /dev/null
+++ b/src/components/Icons/link/svgs/link-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4857 7.08571L20.4571 4.11429C21.9429 2.62857 24.9143 2.62857 26.4 4.11429L27.8857 5.6C29.3714 7.08571 29.3714 10.0571 27.8857 11.5429L20.4571 18.9714C18.9714 20.4571 16 20.4571 14.5143 18.9714M14.5143 24.9143L11.5429 27.8857C10.0571 29.3714 7.08571 29.3714 5.6 27.8857L4.11429 26.4C2.62857 24.9143 2.62857 21.9429 4.11429 20.4571L11.5429 13.0286C13.0286 11.5429 16 11.5429 17.4857 13.0286" stroke="#F4F2EF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/minus/minus.astro b/src/components/Icons/minus/minus.astro
new file mode 100644
index 0000000..375c308
--- /dev/null
+++ b/src/components/Icons/minus/minus.astro
@@ -0,0 +1,26 @@
+---
+import minus16 from './svgs/minus-16.svg?raw';
+import minus24 from './svgs/minus-24.svg?raw';
+import minus32 from './svgs/minus-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = minus16;
+else if (size === 24) raw = minus24;
+else if (size === 32) raw = minus32;
+else                  raw = '';
+
+const classes = ['nds-icon-minus', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/minus/svgs/minus-16.svg b/src/components/Icons/minus/svgs/minus-16.svg
new file mode 100644
index 0000000..6059b5f
--- /dev/null
+++ b/src/components/Icons/minus/svgs/minus-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 8H13" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/minus/svgs/minus-24.svg b/src/components/Icons/minus/svgs/minus-24.svg
new file mode 100644
index 0000000..ea66d61
--- /dev/null
+++ b/src/components/Icons/minus/svgs/minus-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12H21" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/minus/svgs/minus-32.svg b/src/components/Icons/minus/svgs/minus-32.svg
new file mode 100644
index 0000000..c4477d7
--- /dev/null
+++ b/src/components/Icons/minus/svgs/minus-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 16H29" stroke="#F4F2EF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/Icons/more/more.astro b/src/components/Icons/more/more.astro
new file mode 100644
index 0000000..ff60dab
--- /dev/null
+++ b/src/components/Icons/more/more.astro
@@ -0,0 +1,26 @@
+---
+import more16 from './svgs/more-16.svg?raw';
+import more24 from './svgs/more-24.svg?raw';
+import more32 from './svgs/more-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = more16;
+else if (size === 24) raw = more24;
+else if (size === 32) raw = more32;
+else                  raw = '';
+
+const classes = ['nds-icon-more', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/more/svgs/more-16.svg b/src/components/Icons/more/svgs/more-16.svg
new file mode 100644
index 0000000..f96b639
--- /dev/null
+++ b/src/components/Icons/more/svgs/more-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="3" viewBox="0 0 16 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33333 0C0.6 0 0 0.675 0 1.5C0 2.325 0.6 3 1.33333 3C2.06667 3 2.66667 2.325 2.66667 1.5C2.66667 0.675 2.06667 0 1.33333 0ZM14.6667 0C13.9333 0 13.3333 0.675 13.3333 1.5C13.3333 2.325 13.9333 3 14.6667 3C15.4 3 16 2.325 16 1.5C16 0.675 15.4 0 14.6667 0ZM8 0C7.26667 0 6.66667 0.675 6.66667 1.5C6.66667 2.325 7.26667 3 8 3C8.73333 3 9.33333 2.325 9.33333 1.5C9.33333 0.675 8.73333 0 8 0Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/more/svgs/more-24.svg b/src/components/Icons/more/svgs/more-24.svg
new file mode 100644
index 0000000..60664c7
--- /dev/null
+++ b/src/components/Icons/more/svgs/more-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="4" viewBox="0 0 24 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM22 0C20.9 0 20 0.9 20 2C20 3.1 20.9 4 22 4C23.1 4 24 3.1 24 2C24 0.9 23.1 0 22 0ZM12 0C10.9 0 10 0.9 10 2C10 3.1 10.9 4 12 4C13.1 4 14 3.1 14 2C14 0.9 13.1 0 12 0Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/more/svgs/more-32.svg b/src/components/Icons/more/svgs/more-32.svg
new file mode 100644
index 0000000..3dc82da
--- /dev/null
+++ b/src/components/Icons/more/svgs/more-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="5" viewBox="0 0 32 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66667 0C1.2 0 0 1.125 0 2.5C0 3.875 1.2 5 2.66667 5C4.13333 5 5.33333 3.875 5.33333 2.5C5.33333 1.125 4.13333 0 2.66667 0ZM29.3333 0C27.8667 0 26.6667 1.125 26.6667 2.5C26.6667 3.875 27.8667 5 29.3333 5C30.8 5 32 3.875 32 2.5C32 1.125 30.8 0 29.3333 0ZM16 0C14.5333 0 13.3333 1.125 13.3333 2.5C13.3333 3.875 14.5333 5 16 5C17.4667 5 18.6667 3.875 18.6667 2.5C18.6667 1.125 17.4667 0 16 0Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/overview/overview.astro b/src/components/Icons/overview/overview.astro
new file mode 100644
index 0000000..c8001ae
--- /dev/null
+++ b/src/components/Icons/overview/overview.astro
@@ -0,0 +1,26 @@
+---
+import overview16 from './svgs/overview-16.svg?raw';
+import overview24 from './svgs/overview-24.svg?raw';
+import overview32 from './svgs/overview-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = overview16;
+else if (size === 24) raw = overview24;
+else if (size === 32) raw = overview32;
+else                  raw = '';
+
+const classes = ['nds-icon-overview', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/overview/svgs/overview-16.svg b/src/components/Icons/overview/svgs/overview-16.svg
new file mode 100644
index 0000000..7cdb428
--- /dev/null
+++ b/src/components/Icons/overview/svgs/overview-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.55556 6.33333V3H13V6.33333H8.55556ZM3 8.55556V3H7.44444V8.55556H3ZM8.55556 13V7.44444H13V13H8.55556ZM3 13V9.66667H7.44444V13H3Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/overview/svgs/overview-24.svg b/src/components/Icons/overview/svgs/overview-24.svg
new file mode 100644
index 0000000..0a4614e
--- /dev/null
+++ b/src/components/Icons/overview/svgs/overview-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 9V3H21V9H13ZM3 13V3H11V13H3ZM13 21V11H21V21H13ZM3 21V15H11V21H3Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/overview/svgs/overview-32.svg b/src/components/Icons/overview/svgs/overview-32.svg
new file mode 100644
index 0000000..82e3a7a
--- /dev/null
+++ b/src/components/Icons/overview/svgs/overview-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4444 11.8333V3.5H29V11.8333H17.4444ZM3 17.3889V3.5H14.5556V17.3889H3ZM17.4444 28.5V14.6111H29V28.5H17.4444ZM3 28.5V20.1667H14.5556V28.5H3Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/plus/plus.astro b/src/components/Icons/plus/plus.astro
new file mode 100644
index 0000000..8612d8e
--- /dev/null
+++ b/src/components/Icons/plus/plus.astro
@@ -0,0 +1,26 @@
+---
+import plus16 from './svgs/plus-16.svg?raw';
+import plus24 from './svgs/plus-24.svg?raw';
+import plus32 from './svgs/plus-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = plus16;
+else if (size === 24) raw = plus24;
+else if (size === 32) raw = plus32;
+else                  raw = '';
+
+const classes = ['nds-icon-plus', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/plus/svgs/plus-16.svg b/src/components/Icons/plus/svgs/plus-16.svg
new file mode 100644
index 0000000..755b703
--- /dev/null
+++ b/src/components/Icons/plus/svgs/plus-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.375 7.375H8.625V3.625C8.625 3.45924 8.55915 3.30027 8.44194 3.18306C8.32473 3.06585 8.16576 3 8 3C7.83424 3 7.67527 3.06585 7.55806 3.18306C7.44085 3.30027 7.375 3.45924 7.375 3.625V7.375H3.625C3.45924 7.375 3.30027 7.44085 3.18306 7.55806C3.06585 7.67527 3 7.83424 3 8C3 8.16576 3.06585 8.32473 3.18306 8.44194C3.30027 8.55915 3.45924 8.625 3.625 8.625H7.375V12.375C7.375 12.5408 7.44085 12.6997 7.55806 12.8169C7.67527 12.9342 7.83424 13 8 13C8.16576 13 8.32473 12.9342 8.44194 12.8169C8.55915 12.6997 8.625 12.5408 8.625 12.375V8.625H12.375C12.5408 8.625 12.6997 8.55915 12.8169 8.44194C12.9342 8.32473 13 8.16576 13 8C13 7.83424 12.9342 7.67527 12.8169 7.55806C12.6997 7.44085 12.5408 7.375 12.375 7.375Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/plus/svgs/plus-24.svg b/src/components/Icons/plus/svgs/plus-24.svg
new file mode 100644
index 0000000..cdecb09
--- /dev/null
+++ b/src/components/Icons/plus/svgs/plus-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.875 10.875H13.125V4.125C13.125 3.82663 13.0065 3.54048 12.7955 3.32951C12.5845 3.11853 12.2984 3 12 3C11.7016 3 11.4155 3.11853 11.2045 3.32951C10.9935 3.54048 10.875 3.82663 10.875 4.125V10.875H4.125C3.82663 10.875 3.54048 10.9935 3.32951 11.2045C3.11853 11.4155 3 11.7016 3 12C3 12.2984 3.11853 12.5845 3.32951 12.7955C3.54048 13.0065 3.82663 13.125 4.125 13.125H10.875V19.875C10.875 20.1734 10.9935 20.4595 11.2045 20.6705C11.4155 20.8815 11.7016 21 12 21C12.2984 21 12.5845 20.8815 12.7955 20.6705C13.0065 20.4595 13.125 20.1734 13.125 19.875V13.125H19.875C20.1734 13.125 20.4595 13.0065 20.6705 12.7955C20.8815 12.5845 21 12.2984 21 12C21 11.7016 20.8815 11.4155 20.6705 11.2045C20.4595 10.9935 20.1734 10.875 19.875 10.875Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/plus/svgs/plus-32.svg b/src/components/Icons/plus/svgs/plus-32.svg
new file mode 100644
index 0000000..d16c010
--- /dev/null
+++ b/src/components/Icons/plus/svgs/plus-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.375 14.375H17.625V4.625C17.625 4.19402 17.4538 3.7807 17.149 3.47595C16.8443 3.17121 16.431 3 16 3C15.569 3 15.1557 3.17121 14.851 3.47595C14.5462 3.7807 14.375 4.19402 14.375 4.625V14.375H4.625C4.19402 14.375 3.7807 14.5462 3.47595 14.851C3.17121 15.1557 3 15.569 3 16C3 16.431 3.17121 16.8443 3.47595 17.149C3.7807 17.4538 4.19402 17.625 4.625 17.625H14.375V27.375C14.375 27.806 14.5462 28.2193 14.851 28.524C15.1557 28.8288 15.569 29 16 29C16.431 29 16.8443 28.8288 17.149 28.524C17.4538 28.2193 17.625 27.806 17.625 27.375V17.625H27.375C27.806 17.625 28.2193 17.4538 28.524 17.149C28.8288 16.8443 29 16.431 29 16C29 15.569 28.8288 15.1557 28.524 14.851C28.2193 14.5462 27.806 14.375 27.375 14.375Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/settings/settings.astro b/src/components/Icons/settings/settings.astro
new file mode 100644
index 0000000..4545c1e
--- /dev/null
+++ b/src/components/Icons/settings/settings.astro
@@ -0,0 +1,26 @@
+---
+import settings16 from './svgs/settings-16.svg?raw';
+import settings24 from './svgs/settings-24.svg?raw';
+import settings32 from './svgs/settings-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = settings16;
+else if (size === 24) raw = settings24;
+else if (size === 32) raw = settings32;
+else                  raw = '';
+
+const classes = ['nds-icon-settings', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/settings/svgs/settings-16.svg b/src/components/Icons/settings/svgs/settings-16.svg
new file mode 100644
index 0000000..5e95204
--- /dev/null
+++ b/src/components/Icons/settings/svgs/settings-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.4125 13C7.1875 13 6.99383 12.925 6.8315 12.775C6.66916 12.625 6.57116 12.4417 6.5375 12.225L6.425 11.4C6.31666 11.3583 6.21466 11.3083 6.119 11.25C6.02333 11.1917 5.9295 11.1292 5.8375 11.0625L5.0625 11.3875C4.85416 11.4792 4.64583 11.4875 4.4375 11.4125C4.22916 11.3375 4.06666 11.2042 3.95 11.0125L3.3625 9.9875C3.24583 9.79583 3.2125 9.59167 3.2625 9.375C3.3125 9.15833 3.425 8.97917 3.6 8.8375L4.2625 8.3375C4.25416 8.27917 4.25 8.22283 4.25 8.1685V7.831C4.25 7.777 4.25416 7.72083 4.2625 7.6625L3.6 7.1625C3.425 7.02083 3.3125 6.84167 3.2625 6.625C3.2125 6.40833 3.24583 6.20417 3.3625 6.0125L3.95 4.9875C4.06666 4.79583 4.22916 4.6625 4.4375 4.5875C4.64583 4.5125 4.85416 4.52083 5.0625 4.6125L5.8375 4.9375C5.92916 4.87083 6.025 4.80833 6.125 4.75C6.225 4.69167 6.325 4.64167 6.425 4.6L6.5375 3.775C6.57083 3.55833 6.66883 3.375 6.8315 3.225C6.99416 3.075 7.18783 3 7.4125 3H8.5875C8.8125 3 9.00633 3.075 9.169 3.225C9.33166 3.375 9.4295 3.55833 9.4625 3.775L9.575 4.6C9.68333 4.64167 9.7855 4.69167 9.8815 4.75C9.9775 4.80833 10.0712 4.87083 10.1625 4.9375L10.9375 4.6125C11.1458 4.52083 11.3542 4.5125 11.5625 4.5875C11.7708 4.6625 11.9333 4.79583 12.05 4.9875L12.6375 6.0125C12.7542 6.20417 12.7875 6.40833 12.7375 6.625C12.6875 6.84167 12.575 7.02083 12.4 7.1625L11.7375 7.6625C11.7458 7.72083 11.75 7.77717 11.75 7.8315V8.1685C11.75 8.22283 11.7417 8.27917 11.725 8.3375L12.3875 8.8375C12.5625 8.97917 12.675 9.15833 12.725 9.375C12.775 9.59167 12.7417 9.79583 12.625 9.9875L12.025 11.0125C11.9083 11.2042 11.7458 11.3375 11.5375 11.4125C11.3292 11.4875 11.1208 11.4792 10.9125 11.3875L10.1625 11.0625C10.0708 11.1292 9.975 11.1917 9.875 11.25C9.775 11.3083 9.675 11.3583 9.575 11.4L9.4625 12.225C9.42916 12.4417 9.33133 12.625 9.169 12.775C9.00666 12.925 8.81283 13 8.5875 13H7.4125ZM8.025 9.75C8.50833 9.75 8.92083 9.57917 9.2625 9.2375C9.60416 8.89583 9.775 8.48333 9.775 8C9.775 7.51667 9.60416 7.10417 9.2625 6.7625C8.92083 6.42083 8.50833 6.25 8.025 6.25C7.53333 6.25 7.11866 6.42083 6.781 6.7625C6.44333 7.10417 6.27466 7.51667 6.275 8C6.27533 8.48333 6.44416 8.89583 6.7815 9.2375C7.11883 9.57917 7.53333 9.75 8.025 9.75Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/settings/svgs/settings-24.svg b/src/components/Icons/settings/svgs/settings-24.svg
new file mode 100644
index 0000000..f121a19
--- /dev/null
+++ b/src/components/Icons/settings/svgs/settings-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9425 21C10.5375 21 10.1889 20.865 9.8967 20.595C9.6045 20.325 9.4281 19.995 9.3675 19.605L9.165 18.12C8.97 18.045 8.7864 17.955 8.6142 17.85C8.442 17.745 8.2731 17.6325 8.1075 17.5125L6.7125 18.0975C6.3375 18.2625 5.9625 18.2775 5.5875 18.1425C5.2125 18.0075 4.92 17.7675 4.71 17.4225L3.6525 15.5775C3.4425 15.2325 3.3825 14.865 3.4725 14.475C3.5625 14.085 3.765 13.7625 4.08 13.5075L5.2725 12.6075C5.2575 12.5025 5.25 12.4011 5.25 12.3033V11.6958C5.25 11.5986 5.2575 11.4975 5.2725 11.3925L4.08 10.4925C3.765 10.2375 3.5625 9.915 3.4725 9.525C3.3825 9.135 3.4425 8.7675 3.6525 8.4225L4.71 6.5775C4.92 6.2325 5.2125 5.9925 5.5875 5.8575C5.9625 5.7225 6.3375 5.7375 6.7125 5.9025L8.1075 6.4875C8.2725 6.3675 8.445 6.255 8.625 6.15C8.805 6.045 8.985 5.955 9.165 5.88L9.3675 4.395C9.4275 4.005 9.6039 3.675 9.8967 3.405C10.1895 3.135 10.5381 3 10.9425 3H13.0575C13.4625 3 13.8114 3.135 14.1042 3.405C14.397 3.675 14.5731 4.005 14.6325 4.395L14.835 5.88C15.03 5.955 15.2139 6.045 15.3867 6.15C15.5595 6.255 15.7281 6.3675 15.8925 6.4875L17.2875 5.9025C17.6625 5.7375 18.0375 5.7225 18.4125 5.8575C18.7875 5.9925 19.08 6.2325 19.29 6.5775L20.3475 8.4225C20.5575 8.7675 20.6175 9.135 20.5275 9.525C20.4375 9.915 20.235 10.2375 19.92 10.4925L18.7275 11.3925C18.7425 11.4975 18.75 11.5989 18.75 11.6967V12.3033C18.75 12.4011 18.735 12.5025 18.705 12.6075L19.8975 13.5075C20.2125 13.7625 20.415 14.085 20.505 14.475C20.595 14.865 20.535 15.2325 20.325 15.5775L19.245 17.4225C19.035 17.7675 18.7425 18.0075 18.3675 18.1425C17.9925 18.2775 17.6175 18.2625 17.2425 18.0975L15.8925 17.5125C15.7275 17.6325 15.555 17.745 15.375 17.85C15.195 17.955 15.015 18.045 14.835 18.12L14.6325 19.605C14.5725 19.995 14.3964 20.325 14.1042 20.595C13.812 20.865 13.4631 21 13.0575 21H10.9425ZM12.045 15.15C12.915 15.15 13.6575 14.8425 14.2725 14.2275C14.8875 13.6125 15.195 12.87 15.195 12C15.195 11.13 14.8875 10.3875 14.2725 9.7725C13.6575 9.1575 12.915 8.85 12.045 8.85C11.16 8.85 10.4136 9.1575 9.8058 9.7725C9.198 10.3875 8.8944 11.13 8.895 12C8.8956 12.87 9.1995 13.6125 9.8067 14.2275C10.4139 14.8425 11.16 15.15 12.045 15.15Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/settings/svgs/settings-32.svg b/src/components/Icons/settings/svgs/settings-32.svg
new file mode 100644
index 0000000..39283cc
--- /dev/null
+++ b/src/components/Icons/settings/svgs/settings-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4725 29C13.8875 29 13.384 28.805 12.9619 28.415C12.5398 28.025 12.285 27.5483 12.1975 26.985L11.905 24.84C11.6233 24.7317 11.3581 24.6017 11.1094 24.45C10.8607 24.2983 10.6167 24.1358 10.3775 23.9625L8.3625 24.8075C7.82083 25.0458 7.27917 25.0675 6.7375 24.8725C6.19583 24.6775 5.77333 24.3308 5.47 23.8325L3.9425 21.1675C3.63917 20.6692 3.5525 20.1383 3.6825 19.575C3.8125 19.0117 4.105 18.5458 4.56 18.1775L6.2825 16.8775C6.26083 16.7258 6.25 16.5794 6.25 16.4381V15.5606C6.25 15.4202 6.26083 15.2742 6.2825 15.1225L4.56 13.8225C4.105 13.4542 3.8125 12.9883 3.6825 12.425C3.5525 11.8617 3.63917 11.3308 3.9425 10.8325L5.47 8.1675C5.77333 7.66917 6.19583 7.3225 6.7375 7.1275C7.27917 6.9325 7.82083 6.95417 8.3625 7.1925L10.3775 8.0375C10.6158 7.86417 10.865 7.70167 11.125 7.55C11.385 7.39833 11.645 7.26833 11.905 7.16L12.1975 5.015C12.2842 4.45167 12.539 3.975 12.9619 3.585C13.3848 3.195 13.8884 3 14.4725 3H17.5275C18.1125 3 18.6165 3.195 19.0394 3.585C19.4623 3.975 19.7167 4.45167 19.8025 5.015L20.095 7.16C20.3767 7.26833 20.6423 7.39833 20.8919 7.55C21.1415 7.70167 21.385 7.86417 21.6225 8.0375L23.6375 7.1925C24.1792 6.95417 24.7208 6.9325 25.2625 7.1275C25.8042 7.3225 26.2267 7.66917 26.53 8.1675L28.0575 10.8325C28.3608 11.3308 28.4475 11.8617 28.3175 12.425C28.1875 12.9883 27.895 13.4542 27.44 13.8225L25.7175 15.1225C25.7392 15.2742 25.75 15.4206 25.75 15.5619V16.4381C25.75 16.5794 25.7283 16.7258 25.685 16.8775L27.4075 18.1775C27.8625 18.5458 28.155 19.0117 28.285 19.575C28.415 20.1383 28.3283 20.6692 28.025 21.1675L26.465 23.8325C26.1617 24.3308 25.7392 24.6775 25.1975 24.8725C24.6558 25.0675 24.1142 25.0458 23.5725 24.8075L21.6225 23.9625C21.3842 24.1358 21.135 24.2983 20.875 24.45C20.615 24.6017 20.355 24.7317 20.095 24.84L19.8025 26.985C19.7158 27.5483 19.4615 28.025 19.0394 28.415C18.6173 28.805 18.1134 29 17.5275 29H14.4725ZM16.065 20.55C17.3217 20.55 18.3942 20.1058 19.2825 19.2175C20.1708 18.3292 20.615 17.2567 20.615 16C20.615 14.7433 20.1708 13.6708 19.2825 12.7825C18.3942 11.8942 17.3217 11.45 16.065 11.45C14.7867 11.45 13.7085 11.8942 12.8306 12.7825C11.9527 13.6708 11.5141 14.7433 11.515 16C11.5159 17.2567 11.9548 18.3292 12.8319 19.2175C13.709 20.1058 14.7867 20.55 16.065 20.55Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/shield/shield.astro b/src/components/Icons/shield/shield.astro
new file mode 100644
index 0000000..608e46d
--- /dev/null
+++ b/src/components/Icons/shield/shield.astro
@@ -0,0 +1,26 @@
+---
+import shield16 from './svgs/shield-16.svg?raw';
+import shield24 from './svgs/shield-24.svg?raw';
+import shield32 from './svgs/shield-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = shield16;
+else if (size === 24) raw = shield24;
+else if (size === 32) raw = shield32;
+else                  raw = '';
+
+const classes = ['nds-icon-shield', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/shield/svgs/shield-16.svg b/src/components/Icons/shield/svgs/shield-16.svg
new file mode 100644
index 0000000..6c5b265
--- /dev/null
+++ b/src/components/Icons/shield/svgs/shield-16.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 16C4.61771 15.5333 3.06367 14.4699 1.83788 12.8096C0.612084 11.1493 -0.000541308 9.30613 3.58878e-07 7.28V2.4L6.5 0L13 2.4V7.28C13 9.30667 12.3874 11.1501 11.1621 12.8104C9.93688 14.4707 8.38283 15.5339 6.5 16ZM6.5 14.32C7.90833 13.88 9.07292 13 9.99375 11.68C10.9146 10.36 11.375 8.89333 11.375 7.28V3.5L6.5 1.7L1.625 3.5V7.28C1.625 8.89333 2.08542 10.36 3.00625 11.68C3.92708 13 5.09167 13.88 6.5 14.32Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/shield/svgs/shield-24.svg b/src/components/Icons/shield/svgs/shield-24.svg
new file mode 100644
index 0000000..d43926e
--- /dev/null
+++ b/src/components/Icons/shield/svgs/shield-24.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 24C6.74896 23.3 4.47767 21.7048 2.68613 19.2144C0.894584 16.724 -0.000791142 13.9592 5.24514e-07 10.92V3.6L9.5 0L19 3.6V10.92C19 13.96 18.1046 16.7252 16.3139 19.2156C14.5231 21.706 12.2518 23.3008 9.5 24ZM9.5 21.48C11.5583 20.82 13.2604 19.5 14.6062 17.52C15.9521 15.54 16.625 13.34 16.625 10.92V5.25L9.5 2.55L2.375 5.25V10.92C2.375 13.34 3.04792 15.54 4.39375 17.52C5.73958 19.5 7.44167 20.82 9.5 21.48Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/shield/svgs/shield-32.svg b/src/components/Icons/shield/svgs/shield-32.svg
new file mode 100644
index 0000000..ec165a6
--- /dev/null
+++ b/src/components/Icons/shield/svgs/shield-32.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="32" viewBox="0 0 26 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 32C9.23542 31.0667 6.12733 28.9397 3.67575 25.6192C1.22417 22.2987 -0.00108262 18.6123 7.17756e-07 14.56V4.8L13 0L26 4.8V14.56C26 18.6133 24.7748 22.3003 22.3243 25.6208C19.8738 28.9413 16.7657 31.0677 13 32ZM13 29.64C15.8167 28.76 19.1458 27 20.9875 24.36C22.8292 21.72 23.75 17.7867 23.75 14.56V6L13 2.4L2.25 6V14.56C2.25 17.7867 3.17083 21.72 5.0125 24.36C6.85417 27 10.1833 28.76 13 29.64Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/sort/sort.astro b/src/components/Icons/sort/sort.astro
new file mode 100644
index 0000000..26774af
--- /dev/null
+++ b/src/components/Icons/sort/sort.astro
@@ -0,0 +1,39 @@
+---
+import sort16ascend  from './svgs/sort-16-ascend.svg?raw';
+import sort16default from './svgs/sort-16-default.svg?raw';
+import sort16descend from './svgs/sort-16-descend.svg?raw';
+import sort24ascend  from './svgs/sort-24-ascend.svg?raw';
+import sort24default from './svgs/sort-24-default.svg?raw';
+import sort24descend from './svgs/sort-24-descend.svg?raw';
+import sort32ascend  from './svgs/sort-32-ascend.svg?raw';
+import sort32default from './svgs/sort-32-default.svg?raw';
+import sort32descend from './svgs/sort-32-descend.svg?raw';
+
+export interface Props {
+  size:     16 | 24 | 32;
+  variant:  'ascend' | 'default' | 'descend';
+  label?:   string;
+  class?:   string;
+}
+
+const { size = 24, variant = 'default', label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16 && variant === 'ascend')  raw = sort16ascend;
+else if (size === 16 && variant === 'default') raw = sort16default;
+else if (size === 16 && variant === 'descend') raw = sort16descend;
+else if (size === 24 && variant === 'ascend')  raw = sort24ascend;
+else if (size === 24 && variant === 'default') raw = sort24default;
+else if (size === 24 && variant === 'descend') raw = sort24descend;
+else if (size === 32 && variant === 'ascend')  raw = sort32ascend;
+else if (size === 32 && variant === 'default') raw = sort32default;
+else if (size === 32 && variant === 'descend') raw = sort32descend;
+else                                           raw = '';
+
+const classes = ['nds-icon-sort', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/sort/svgs/sort-16-ascend.svg b/src/components/Icons/sort/svgs/sort-16-ascend.svg
new file mode 100644
index 0000000..4ce50cb
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-16-ascend.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83333 11.46L6.31333 10.98C6.35911 10.9309 6.41431 10.8915 6.47564 10.8641C6.53697 10.8368 6.60318 10.8221 6.67032 10.8209C6.73745 10.8198 6.80414 10.8321 6.8664 10.8572C6.92866 10.8824 6.98521 10.9198 7.03269 10.9673C7.08017 11.0148 7.1176 11.0713 7.14275 11.1336C7.16789 11.1959 7.18024 11.2625 7.17906 11.3297C7.17788 11.3968 7.16318 11.463 7.13585 11.5244C7.10852 11.5857 7.06912 11.6409 7.02 11.6867L5.68666 13.02C5.59291 13.1136 5.46583 13.1662 5.33333 13.1662C5.20083 13.1662 5.07375 13.1136 4.98 13.02L3.64666 11.6867C3.59754 11.6409 3.55814 11.5857 3.53081 11.5244C3.50348 11.463 3.48879 11.3968 3.4876 11.3297C3.48642 11.2625 3.49877 11.1959 3.52392 11.1336C3.54906 11.0713 3.58649 11.0148 3.63397 10.9673C3.68145 10.9198 3.73801 10.8824 3.80027 10.8572C3.86252 10.8321 3.92921 10.8198 3.99635 10.8209C4.06348 10.8221 4.12969 10.8368 4.19102 10.8641C4.25236 10.8915 4.30756 10.9309 4.35333 10.98L4.83333 11.46V4.66666C4.83333 4.53406 4.88601 4.40688 4.97978 4.31311C5.07355 4.21934 5.20072 4.16666 5.33333 4.16666C5.46594 4.16666 5.59312 4.21934 5.68688 4.31311C5.78065 4.40688 5.83333 4.53406 5.83333 4.66666V11.46Z" fill="#F4F2EF"/>
+<path d="M9.33333 5.16622C9.20083 5.16622 9.07375 5.11363 8.98 5.02C8.88636 4.92625 8.83377 4.79916 8.83377 4.66666C8.83377 4.53416 8.88636 4.40708 8.98 4.31333L10.3133 2.98C10.4071 2.88636 10.5342 2.83377 10.6667 2.83377C10.7992 2.83377 10.9262 2.88636 11.02 2.98L12.3533 4.31333C12.4025 4.35911 12.4419 4.41431 12.4692 4.47564C12.4965 4.53697 12.5112 4.60318 12.5124 4.67032C12.5136 4.73745 12.5012 4.80414 12.4761 4.8664C12.4509 4.92865 12.4135 4.98521 12.366 5.03269C12.3185 5.08017 12.262 5.1176 12.1997 5.14275C12.1375 5.16789 12.0708 5.18024 12.0036 5.17906C11.9365 5.17787 11.8703 5.16318 11.809 5.13585C11.7476 5.10852 11.6924 5.06912 11.6467 5.02L11.1667 4.54V11.3333C11.1667 11.4659 11.114 11.5931 11.0202 11.6869C10.9264 11.7807 10.7993 11.8333 10.6667 11.8333C10.5341 11.8333 10.4069 11.7807 10.3131 11.6869C10.2193 11.5931 10.1667 11.4659 10.1667 11.3333V4.54L9.68666 5.02C9.59291 5.11363 9.46583 5.16622 9.33333 5.16622Z" fill="#7F77DD"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-16-default.svg b/src/components/Icons/sort/svgs/sort-16-default.svg
new file mode 100644
index 0000000..5c3107b
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-16-default.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.98 5.02C9.07375 5.11363 9.20083 5.16622 9.33333 5.16622C9.46583 5.16622 9.59291 5.11363 9.68666 5.02L10.1667 4.54V11.3333C10.1667 11.4659 10.2193 11.5931 10.3131 11.6869C10.4069 11.7807 10.5341 11.8333 10.6667 11.8333C10.7993 11.8333 10.9264 11.7807 11.0202 11.6869C11.114 11.5931 11.1667 11.4659 11.1667 11.3333V4.54L11.6467 5.02C11.6924 5.06912 11.7476 5.10852 11.809 5.13585C11.8703 5.16318 11.9365 5.17787 12.0036 5.17906C12.0708 5.18024 12.1375 5.16789 12.1997 5.14275C12.262 5.1176 12.3185 5.08017 12.366 5.03269C12.4135 4.98521 12.4509 4.92865 12.4761 4.8664C12.5012 4.80414 12.5136 4.73745 12.5124 4.67032C12.5112 4.60318 12.4965 4.53697 12.4692 4.47564C12.4419 4.41431 12.4025 4.35911 12.3533 4.31333L11.02 2.98C10.9262 2.88636 10.7992 2.83377 10.6667 2.83377C10.5342 2.83377 10.4071 2.88636 10.3133 2.98L8.98 4.31333C8.88636 4.40708 8.83377 4.53416 8.83377 4.66666C8.83377 4.79916 8.88636 4.92625 8.98 5.02ZM5.83333 11.46L6.31333 10.98C6.35911 10.9309 6.41431 10.8915 6.47564 10.8641C6.53697 10.8368 6.60318 10.8221 6.67032 10.8209C6.73745 10.8198 6.80414 10.8321 6.8664 10.8572C6.92866 10.8824 6.98521 10.9198 7.03269 10.9673C7.08017 11.0148 7.1176 11.0713 7.14275 11.1336C7.16789 11.1959 7.18024 11.2625 7.17906 11.3297C7.17787 11.3968 7.16318 11.463 7.13585 11.5244C7.10852 11.5857 7.06912 11.6409 7.02 11.6867L5.68666 13.02C5.59291 13.1136 5.46583 13.1662 5.33333 13.1662C5.20083 13.1662 5.07375 13.1136 4.98 13.02L3.64666 11.6867C3.59754 11.6409 3.55814 11.5857 3.53081 11.5244C3.50348 11.463 3.48879 11.3968 3.4876 11.3297C3.48642 11.2625 3.49877 11.1959 3.52392 11.1336C3.54906 11.0713 3.58649 11.0148 3.63397 10.9673C3.68145 10.9198 3.73801 10.8824 3.80027 10.8572C3.86252 10.8321 3.92921 10.8198 3.99635 10.8209C4.06348 10.8221 4.12969 10.8368 4.19102 10.8641C4.25236 10.8915 4.30756 10.9309 4.35333 10.98L4.83333 11.46V4.66666C4.83333 4.53406 4.88601 4.40688 4.97978 4.31311C5.07355 4.21934 5.20072 4.16666 5.33333 4.16666C5.46594 4.16666 5.59312 4.21934 5.68688 4.31311C5.78065 4.40688 5.83333 4.53406 5.83333 4.66666V11.46Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-16-descend.svg b/src/components/Icons/sort/svgs/sort-16-descend.svg
new file mode 100644
index 0000000..bfd1469
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-16-descend.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1667 4.54L9.68667 5.02C9.64089 5.06912 9.58569 5.10852 9.52436 5.13585C9.46303 5.16318 9.39682 5.17787 9.32968 5.17906C9.26255 5.18024 9.19586 5.16789 9.1336 5.14275C9.07134 5.1176 9.01479 5.08017 8.96731 5.03269C8.91983 4.98521 8.8824 4.92866 8.85725 4.8664C8.83211 4.80414 8.81976 4.73745 8.82094 4.67032C8.82212 4.60318 8.83682 4.53697 8.86415 4.47564C8.89148 4.41431 8.93088 4.35911 8.98 4.31333L10.3133 2.98C10.4071 2.88636 10.5342 2.83377 10.6667 2.83377C10.7992 2.83377 10.9263 2.88636 11.02 2.98L12.3533 4.31333C12.4025 4.35911 12.4419 4.41431 12.4692 4.47564C12.4965 4.53697 12.5112 4.60318 12.5124 4.67032C12.5136 4.73745 12.5012 4.80414 12.4761 4.8664C12.4509 4.92866 12.4135 4.98521 12.366 5.03269C12.3185 5.08017 12.262 5.1176 12.1997 5.14275C12.1375 5.16789 12.0708 5.18024 12.0037 5.17906C11.9365 5.17787 11.8703 5.16318 11.809 5.13585C11.7476 5.10852 11.6924 5.06912 11.6467 5.02L11.1667 4.54V11.3333C11.1667 11.4659 11.114 11.5931 11.0202 11.6869C10.9265 11.7807 10.7993 11.8333 10.6667 11.8333C10.5341 11.8333 10.4069 11.7807 10.3131 11.6869C10.2193 11.5931 10.1667 11.4659 10.1667 11.3333V4.54Z" fill="#F4F2EF"/>
+<path d="M6.66667 10.8338C6.79917 10.8338 6.92625 10.8864 7.02 10.98C7.11364 11.0737 7.16623 11.2008 7.16623 11.3333C7.16623 11.4658 7.11364 11.5929 7.02 11.6867L5.68667 13.02C5.59292 13.1136 5.46584 13.1662 5.33334 13.1662C5.20084 13.1662 5.07375 13.1136 4.98 13.02L3.64667 11.6867C3.59754 11.6409 3.55814 11.5857 3.53082 11.5244C3.50349 11.463 3.48879 11.3968 3.48761 11.3297C3.48642 11.2625 3.49877 11.1959 3.52392 11.1336C3.54907 11.0713 3.5865 11.0148 3.63398 10.9673C3.68146 10.9198 3.73801 10.8824 3.80027 10.8573C3.86253 10.8321 3.92922 10.8198 3.99635 10.8209C4.06349 10.8221 4.1297 10.8368 4.19103 10.8641C4.25236 10.8915 4.30756 10.9309 4.35334 10.98L4.83334 11.46L4.83334 4.66667C4.83334 4.53406 4.88601 4.40688 4.97978 4.31311C5.07355 4.21934 5.20073 4.16667 5.33334 4.16667C5.46594 4.16667 5.59312 4.21934 5.68689 4.31311C5.78066 4.40688 5.83334 4.53406 5.83334 4.66667L5.83334 11.46L6.31334 10.98C6.40709 10.8864 6.53417 10.8338 6.66667 10.8338Z" fill="#7F77DD"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-24-ascend.svg b/src/components/Icons/sort/svgs/sort-24-ascend.svg
new file mode 100644
index 0000000..708fcfa
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-24-ascend.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.75 17.19L9.47 16.47C9.53866 16.3963 9.62146 16.3372 9.71346 16.2962C9.80546 16.2552 9.90478 16.2332 10.0055 16.2314C10.1062 16.2296 10.2062 16.2482 10.2996 16.2859C10.393 16.3236 10.4778 16.3797 10.549 16.451C10.6203 16.5222 10.6764 16.607 10.7141 16.7004C10.7518 16.7938 10.7704 16.8938 10.7686 16.9945C10.7668 17.0952 10.7448 17.1945 10.7038 17.2865C10.6628 17.3785 10.6037 17.4613 10.53 17.53L8.53 19.53C8.38938 19.6705 8.19875 19.7493 8 19.7493C7.80125 19.7493 7.61063 19.6705 7.47 19.53L5.47 17.53C5.39631 17.4613 5.33721 17.3785 5.29622 17.2865C5.25523 17.1945 5.23319 17.0952 5.23141 16.9945C5.22963 16.8938 5.24816 16.7938 5.28588 16.7004C5.3236 16.607 5.37974 16.5222 5.45096 16.451C5.52218 16.3797 5.60701 16.3236 5.7004 16.2859C5.79379 16.2482 5.89382 16.2296 5.99452 16.2314C6.09523 16.2332 6.19454 16.2552 6.28654 16.2962C6.37854 16.3372 6.46134 16.3963 6.53 16.47L7.25 17.19V7C7.25 6.80109 7.32902 6.61032 7.46967 6.46967C7.61032 6.32902 7.80109 6.25 8 6.25C8.19891 6.25 8.38968 6.32902 8.53033 6.46967C8.67098 6.61032 8.75 6.80109 8.75 7V17.19Z" fill="#F4F2EF"/>
+<path d="M14 7.74934C13.8012 7.74934 13.6106 7.67045 13.47 7.53C13.3295 7.38937 13.2507 7.19875 13.2507 7C13.2507 6.80125 13.3295 6.61062 13.47 6.47L15.47 4.47C15.6106 4.32955 15.8012 4.25066 16 4.25066C16.1988 4.25066 16.3894 4.32955 16.53 4.47L18.53 6.47C18.6037 6.53866 18.6628 6.62146 18.7038 6.71346C18.7448 6.80546 18.7668 6.90477 18.7686 7.00547C18.7704 7.10618 18.7518 7.20621 18.7141 7.29959C18.6764 7.39298 18.6203 7.47782 18.549 7.54903C18.4778 7.62025 18.393 7.6764 18.2996 7.71412C18.2062 7.75184 18.1062 7.77036 18.0055 7.76859C17.9048 7.76681 17.8055 7.74477 17.7135 7.70378C17.6215 7.66279 17.5387 7.60368 17.47 7.53L16.75 6.81V17C16.75 17.1989 16.671 17.3897 16.5303 17.5303C16.3897 17.671 16.1989 17.75 16 17.75C15.8011 17.75 15.6103 17.671 15.4697 17.5303C15.329 17.3897 15.25 17.1989 15.25 17V6.81L14.53 7.53C14.3894 7.67045 14.1988 7.74934 14 7.74934Z" fill="#7F77DD"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-24-default.svg b/src/components/Icons/sort/svgs/sort-24-default.svg
new file mode 100644
index 0000000..f5d4cc7
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-24-default.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.47 7.53C13.6106 7.67045 13.8013 7.74934 14 7.74934C14.1988 7.74934 14.3894 7.67045 14.53 7.53L15.25 6.81V17C15.25 17.1989 15.329 17.3897 15.4697 17.5303C15.6103 17.671 15.8011 17.75 16 17.75C16.1989 17.75 16.3897 17.671 16.5303 17.5303C16.671 17.3897 16.75 17.1989 16.75 17V6.81L17.47 7.53C17.5387 7.60368 17.6215 7.66279 17.7135 7.70378C17.8055 7.74477 17.9048 7.76681 18.0055 7.76859C18.1062 7.77036 18.2062 7.75184 18.2996 7.71412C18.393 7.6764 18.4778 7.62025 18.549 7.54903C18.6203 7.47782 18.6764 7.39298 18.7141 7.29959C18.7518 7.20621 18.7704 7.10618 18.7686 7.00547C18.7668 6.90477 18.7448 6.80546 18.7038 6.71346C18.6628 6.62146 18.6037 6.53866 18.53 6.47L16.53 4.47C16.3894 4.32955 16.1988 4.25066 16 4.25066C15.8013 4.25066 15.6106 4.32955 15.47 4.47L13.47 6.47C13.3296 6.61062 13.2507 6.80125 13.2507 7C13.2507 7.19875 13.3296 7.38937 13.47 7.53ZM8.75 17.19L9.47 16.47C9.53866 16.3963 9.62146 16.3372 9.71346 16.2962C9.80546 16.2552 9.90478 16.2332 10.0055 16.2314C10.1062 16.2296 10.2062 16.2482 10.2996 16.2859C10.393 16.3236 10.4778 16.3797 10.549 16.451C10.6203 16.5222 10.6764 16.607 10.7141 16.7004C10.7518 16.7938 10.7704 16.8938 10.7686 16.9945C10.7668 17.0952 10.7448 17.1945 10.7038 17.2865C10.6628 17.3785 10.6037 17.4613 10.53 17.53L8.53 19.53C8.38938 19.6704 8.19875 19.7493 8 19.7493C7.80125 19.7493 7.61063 19.6704 7.47 19.53L5.47 17.53C5.39631 17.4613 5.33721 17.3785 5.29622 17.2865C5.25523 17.1945 5.23319 17.0952 5.23141 16.9945C5.22963 16.8938 5.24816 16.7938 5.28588 16.7004C5.3236 16.607 5.37974 16.5222 5.45096 16.451C5.52218 16.3797 5.60701 16.3236 5.7004 16.2859C5.79379 16.2482 5.89382 16.2296 5.99452 16.2314C6.09523 16.2332 6.19454 16.2552 6.28654 16.2962C6.37854 16.3372 6.46134 16.3963 6.53 16.47L7.25 17.19V7C7.25 6.80108 7.32902 6.61032 7.46967 6.46967C7.61032 6.32901 7.80109 6.25 8 6.25C8.19891 6.25 8.38968 6.32901 8.53033 6.46967C8.67098 6.61032 8.75 6.80108 8.75 7V17.19Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-24-descend.svg b/src/components/Icons/sort/svgs/sort-24-descend.svg
new file mode 100644
index 0000000..092fe9c
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-24-descend.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.25 6.81L14.53 7.53C14.4613 7.60368 14.3785 7.66279 14.2865 7.70378C14.1945 7.74477 14.0952 7.76681 13.9945 7.76859C13.8938 7.77036 13.7938 7.75184 13.7004 7.71412C13.607 7.6764 13.5222 7.62025 13.451 7.54903C13.3797 7.47782 13.3236 7.39298 13.2859 7.29959C13.2482 7.2062 13.2296 7.10618 13.2314 7.00547C13.2332 6.90477 13.2552 6.80546 13.2962 6.71346C13.3372 6.62146 13.3963 6.53866 13.47 6.47L15.47 4.47C15.6106 4.32955 15.8012 4.25066 16 4.25066C16.1987 4.25066 16.3894 4.32955 16.53 4.47L18.53 6.47C18.6037 6.53866 18.6628 6.62146 18.7038 6.71346C18.7448 6.80546 18.7668 6.90477 18.7686 7.00547C18.7704 7.10618 18.7518 7.2062 18.7141 7.29959C18.6764 7.39298 18.6203 7.47782 18.549 7.54903C18.4778 7.62025 18.393 7.6764 18.2996 7.71412C18.2062 7.75184 18.1062 7.77036 18.0055 7.76859C17.9048 7.76681 17.8055 7.74477 17.7135 7.70378C17.6215 7.66279 17.5387 7.60368 17.47 7.53L16.75 6.81V17C16.75 17.1989 16.671 17.3897 16.5303 17.5303C16.3897 17.671 16.1989 17.75 16 17.75C15.8011 17.75 15.6103 17.671 15.4697 17.5303C15.329 17.3897 15.25 17.1989 15.25 17L15.25 6.81Z" fill="#F4F2EF"/>
+<path d="M10 16.2507C10.1988 16.2507 10.3894 16.3295 10.53 16.47C10.6705 16.6106 10.7493 16.8012 10.7493 17C10.7493 17.1988 10.6705 17.3894 10.53 17.53L8.53 19.53C8.38937 19.6705 8.19875 19.7493 8 19.7493C7.80125 19.7493 7.61062 19.6705 7.47 19.53L5.47 17.53C5.39631 17.4613 5.33721 17.3785 5.29622 17.2865C5.25523 17.1945 5.23319 17.0952 5.23141 16.9945C5.22963 16.8938 5.24816 16.7938 5.28588 16.7004C5.3236 16.607 5.37974 16.5222 5.45096 16.451C5.52218 16.3797 5.60702 16.3236 5.7004 16.2859C5.79379 16.2482 5.89382 16.2296 5.99452 16.2314C6.09522 16.2332 6.19454 16.2552 6.28654 16.2962C6.37854 16.3372 6.46134 16.3963 6.53 16.47L7.25 17.19L7.25 7C7.25 6.80109 7.32902 6.61032 7.46967 6.46967C7.61032 6.32902 7.80109 6.25 8 6.25C8.19891 6.25 8.38968 6.32902 8.53033 6.46967C8.67098 6.61032 8.75 6.80109 8.75 7L8.75 17.19L9.47 16.47C9.61063 16.3295 9.80125 16.2507 10 16.2507Z" fill="#7F77DD"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-32-ascend.svg b/src/components/Icons/sort/svgs/sort-32-ascend.svg
new file mode 100644
index 0000000..5d067eb
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-32-ascend.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6667 22.92L12.6267 21.96C12.7182 21.8618 12.8286 21.783 12.9513 21.7283C13.0739 21.6736 13.2064 21.6443 13.3406 21.6419C13.4749 21.6395 13.6083 21.6642 13.7328 21.7145C13.8573 21.7648 13.9704 21.8397 14.0654 21.9346C14.1603 22.0296 14.2352 22.1427 14.2855 22.2672C14.3358 22.3917 14.3605 22.5251 14.3581 22.6594C14.3558 22.7936 14.3264 22.9261 14.2717 23.0487C14.2171 23.1714 14.1382 23.2818 14.04 23.3733L11.3733 26.04C11.1858 26.2273 10.9317 26.3325 10.6667 26.3325C10.4017 26.3325 10.1475 26.2273 9.96 26.04L7.29333 23.3733C7.19508 23.2818 7.11628 23.1714 7.06163 23.0487C7.00697 22.9261 6.97758 22.7936 6.97521 22.6594C6.97284 22.5251 6.99754 22.3917 7.04784 22.2672C7.09813 22.1427 7.17299 22.0296 7.26795 21.9346C7.36291 21.8397 7.47602 21.7648 7.60054 21.7145C7.72505 21.6642 7.85843 21.6395 7.9927 21.6419C8.12697 21.6443 8.25938 21.6736 8.38205 21.7283C8.50472 21.783 8.61512 21.8618 8.70667 21.96L9.66667 22.92V9.33334C9.66667 9.06812 9.77202 8.81377 9.95956 8.62623C10.1471 8.43869 10.4015 8.33334 10.6667 8.33334C10.9319 8.33334 11.1862 8.43869 11.3738 8.62623C11.5613 8.81377 11.6667 9.06812 11.6667 9.33334V22.92Z" fill="#F4F2EF"/>
+<path d="M18.6667 10.3324C18.4017 10.3324 18.1475 10.2273 17.96 10.04C17.7727 9.85249 17.6675 9.59833 17.6675 9.33333C17.6675 9.06833 17.7727 8.81416 17.96 8.62666L20.6267 5.95999C20.8142 5.77273 21.0683 5.66754 21.3333 5.66754C21.5983 5.66754 21.8525 5.77273 22.04 5.95999L24.7067 8.62666C24.8049 8.71821 24.8837 8.82861 24.9384 8.95128C24.993 9.07394 25.0224 9.20636 25.0248 9.34063C25.0272 9.4749 25.0025 9.60827 24.9522 9.73279C24.9019 9.85731 24.827 9.97042 24.7321 10.0654C24.6371 10.1603 24.524 10.2352 24.3995 10.2855C24.2749 10.3358 24.1416 10.3605 24.0073 10.3581C23.873 10.3557 23.7406 10.3264 23.6179 10.2717C23.4953 10.217 23.3849 10.1382 23.2933 10.04L22.3333 9.07999V22.6667C22.3333 22.9319 22.228 23.1862 22.0404 23.3738C21.8529 23.5613 21.5986 23.6667 21.3333 23.6667C21.0681 23.6667 20.8138 23.5613 20.6262 23.3738C20.4387 23.1862 20.3333 22.9319 20.3333 22.6667V9.07999L19.3733 10.04C19.1858 10.2273 18.9317 10.3324 18.6667 10.3324Z" fill="#7F77DD"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-32-default.svg b/src/components/Icons/sort/svgs/sort-32-default.svg
new file mode 100644
index 0000000..57e4b89
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-32-default.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.96 10.04C18.1475 10.2273 18.4017 10.3324 18.6667 10.3324C18.9317 10.3324 19.1858 10.2273 19.3733 10.04L20.3333 9.07999V22.6667C20.3333 22.9319 20.4387 23.1862 20.6262 23.3738C20.8138 23.5613 21.0681 23.6667 21.3333 23.6667C21.5985 23.6667 21.8529 23.5613 22.0404 23.3738C22.228 23.1862 22.3333 22.9319 22.3333 22.6667V9.07999L23.2933 10.04C23.3849 10.1382 23.4953 10.217 23.6179 10.2717C23.7406 10.3264 23.873 10.3557 24.0073 10.3581C24.1416 10.3605 24.2749 10.3358 24.3995 10.2855C24.524 10.2352 24.6371 10.1603 24.732 10.0654C24.827 9.97042 24.9019 9.85731 24.9522 9.73279C25.0025 9.60827 25.0272 9.4749 25.0248 9.34063C25.0224 9.20636 24.993 9.07394 24.9384 8.95128C24.8837 8.82861 24.8049 8.71821 24.7067 8.62666L22.04 5.95999C21.8525 5.77273 21.5983 5.66754 21.3333 5.66754C21.0683 5.66754 20.8142 5.77273 20.6267 5.95999L17.96 8.62666C17.7727 8.81416 17.6675 9.06833 17.6675 9.33333C17.6675 9.59833 17.7727 9.85249 17.96 10.04ZM11.6667 22.92L12.6267 21.96C12.7182 21.8617 12.8286 21.7829 12.9513 21.7283C13.0739 21.6736 13.2064 21.6442 13.3406 21.6419C13.4749 21.6395 13.6083 21.6642 13.7328 21.7145C13.8573 21.7648 13.9704 21.8397 14.0654 21.9346C14.1603 22.0296 14.2352 22.1427 14.2855 22.2672C14.3358 22.3917 14.3605 22.5251 14.3581 22.6594C14.3558 22.7936 14.3264 22.926 14.2717 23.0487C14.2171 23.1714 14.1382 23.2818 14.04 23.3733L11.3733 26.04C11.1858 26.2273 10.9317 26.3324 10.6667 26.3324C10.4017 26.3324 10.1475 26.2273 9.96 26.04L7.29333 23.3733C7.19508 23.2818 7.11628 23.1714 7.06163 23.0487C7.00697 22.926 6.97758 22.7936 6.97521 22.6594C6.97284 22.5251 6.99754 22.3917 7.04784 22.2672C7.09813 22.1427 7.17299 22.0296 7.26795 21.9346C7.36291 21.8397 7.47602 21.7648 7.60054 21.7145C7.72505 21.6642 7.85843 21.6395 7.9927 21.6419C8.12697 21.6442 8.25938 21.6736 8.38205 21.7283C8.50472 21.7829 8.61512 21.8617 8.70667 21.96L9.66667 22.92V9.33333C9.66667 9.06811 9.77202 8.81376 9.95956 8.62622C10.1471 8.43868 10.4014 8.33333 10.6667 8.33333C10.9319 8.33333 11.1862 8.43868 11.3738 8.62622C11.5613 8.81376 11.6667 9.06811 11.6667 9.33333V22.92Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/sort/svgs/sort-32-descend.svg b/src/components/Icons/sort/svgs/sort-32-descend.svg
new file mode 100644
index 0000000..916fb74
--- /dev/null
+++ b/src/components/Icons/sort/svgs/sort-32-descend.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3333 9.08L19.3733 10.04C19.2818 10.1382 19.1714 10.217 19.0487 10.2717C18.926 10.3264 18.7936 10.3557 18.6594 10.3581C18.5251 10.3605 18.3917 10.3358 18.2672 10.2855C18.1427 10.2352 18.0296 10.1603 17.9346 10.0654C17.8397 9.97042 17.7648 9.85731 17.7145 9.73279C17.6642 9.60828 17.6395 9.47491 17.6419 9.34063C17.6442 9.20636 17.6736 9.07394 17.7283 8.95128C17.7829 8.82861 17.8617 8.71821 17.96 8.62666L20.6267 5.96C20.8142 5.77273 21.0683 5.66754 21.3333 5.66754C21.5983 5.66754 21.8525 5.77273 22.04 5.96L24.7067 8.62666C24.8049 8.71821 24.8837 8.82861 24.9384 8.95128C24.993 9.07394 25.0224 9.20636 25.0248 9.34063C25.0272 9.47491 25.0025 9.60828 24.9522 9.73279C24.9019 9.85731 24.827 9.97042 24.732 10.0654C24.6371 10.1603 24.524 10.2352 24.3995 10.2855C24.2749 10.3358 24.1416 10.3605 24.0073 10.3581C23.873 10.3557 23.7406 10.3264 23.6179 10.2717C23.4953 10.217 23.3849 10.1382 23.2933 10.04L22.3333 9.08V22.6667C22.3333 22.9319 22.228 23.1862 22.0404 23.3738C21.8529 23.5613 21.5985 23.6667 21.3333 23.6667C21.0681 23.6667 20.8138 23.5613 20.6262 23.3738C20.4387 23.1862 20.3333 22.9319 20.3333 22.6667V9.08Z" fill="#F4F2EF"/>
+<path d="M13.3333 21.6675C13.5983 21.6675 13.8525 21.7727 14.04 21.96C14.2273 22.1475 14.3325 22.4017 14.3325 22.6667C14.3325 22.9317 14.2273 23.1858 14.04 23.3733L11.3733 26.04C11.1858 26.2273 10.9317 26.3325 10.6667 26.3325C10.4017 26.3325 10.1475 26.2273 9.96 26.04L7.29333 23.3733C7.19508 23.2818 7.11628 23.1714 7.06162 23.0487C7.00697 22.926 6.97758 22.7936 6.97521 22.6594C6.97284 22.5251 6.99754 22.3917 7.04784 22.2672C7.09813 22.1427 7.17299 22.0296 7.26795 21.9346C7.36291 21.8397 7.47602 21.7648 7.60054 21.7145C7.72505 21.6642 7.85842 21.6395 7.9927 21.6419C8.12697 21.6442 8.25939 21.6736 8.38205 21.7283C8.50472 21.7829 8.61512 21.8617 8.70667 21.96L9.66667 22.92L9.66667 9.33333C9.66667 9.06811 9.77202 8.81376 9.95956 8.62622C10.1471 8.43869 10.4014 8.33333 10.6667 8.33333C10.9319 8.33333 11.1862 8.43869 11.3738 8.62622C11.5613 8.81376 11.6667 9.06811 11.6667 9.33333L11.6667 22.92L12.6267 21.96C12.8142 21.7727 13.0683 21.6675 13.3333 21.6675Z" fill="#7F77DD"/>
+</svg>
diff --git a/src/components/Icons/stats/stats.astro b/src/components/Icons/stats/stats.astro
new file mode 100644
index 0000000..99e95e6
--- /dev/null
+++ b/src/components/Icons/stats/stats.astro
@@ -0,0 +1,26 @@
+---
+import stats16 from './svgs/stats-16.svg?raw';
+import stats24 from './svgs/stats-24.svg?raw';
+import stats32 from './svgs/stats-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = stats16;
+else if (size === 24) raw = stats24;
+else if (size === 32) raw = stats32;
+else                  raw = '';
+
+const classes = ['nds-icon-stats', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />
diff --git a/src/components/Icons/stats/svgs/stats-16.svg b/src/components/Icons/stats/svgs/stats-16.svg
new file mode 100644
index 0000000..f6a8e54
--- /dev/null
+++ b/src/components/Icons/stats/svgs/stats-16.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.96 5.30933C12.9093 5.18719 12.8122 5.09013 12.6901 5.03941C12.63 5.0138 12.5655 5.00021 12.5001 4.99942H10.0009C9.8683 4.99942 9.74116 5.05208 9.64742 5.14582C9.55368 5.23957 9.50101 5.36671 9.50101 5.49928C9.50101 5.63185 9.55368 5.75899 9.64742 5.85273C9.74116 5.94647 9.8683 5.99913 10.0009 5.99913H11.2955L8.5013 8.79332L6.85678 7.1438C6.81031 7.09695 6.75503 7.05976 6.69412 7.03438C6.6332 7.00901 6.56787 6.99594 6.50188 6.99594C6.4359 6.99594 6.37056 7.00901 6.30965 7.03438C6.24874 7.05976 6.19345 7.09695 6.14699 7.1438L3.14786 10.1429C3.10101 10.1894 3.06382 10.2447 3.03844 10.3056C3.01307 10.3665 3 10.4318 3 10.4978C3 10.5638 3.01307 10.6291 3.03844 10.6901C3.06382 10.751 3.10101 10.8063 3.14786 10.8527C3.19432 10.8996 3.24961 10.9368 3.31052 10.9621C3.37143 10.9875 3.43677 11.0006 3.50275 11.0006C3.56874 11.0006 3.63407 10.9875 3.69499 10.9621C3.7559 10.9368 3.81118 10.8996 3.85765 10.8527L6.50188 8.20349L8.14641 9.85301C8.19287 9.89986 8.24816 9.93705 8.30907 9.96243C8.36998 9.9878 8.43532 10.0009 8.5013 10.0009C8.56729 10.0009 8.63262 9.9878 8.69354 9.96243C8.75445 9.93705 8.80973 9.89986 8.8562 9.85301L12.0003 6.70393V7.99855C12.0003 8.13112 12.053 8.25826 12.1467 8.352C12.2404 8.44574 12.3676 8.49841 12.5001 8.49841C12.6327 8.49841 12.7599 8.44574 12.8536 8.352C12.9473 8.25826 13 8.13112 13 7.99855V5.49928C12.9992 5.43396 12.9856 5.36942 12.96 5.30933Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/stats/svgs/stats-24.svg b/src/components/Icons/stats/svgs/stats-24.svg
new file mode 100644
index 0000000..c5455ba
--- /dev/null
+++ b/src/components/Icons/stats/svgs/stats-24.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.928 7.15679C20.8367 6.93694 20.662 6.76223 20.4422 6.67093C20.334 6.62483 20.2178 6.60037 20.1003 6.59895H15.6016C15.3629 6.59895 15.1341 6.69375 14.9654 6.86248C14.7966 7.03121 14.7018 7.26007 14.7018 7.49869C14.7018 7.73732 14.7966 7.96617 14.9654 8.1349C15.1341 8.30364 15.3629 8.39843 15.6016 8.39843H17.9319L12.9023 13.428L9.94221 10.4588C9.85856 10.3745 9.75905 10.3076 9.64941 10.2619C9.53977 10.2162 9.42217 10.1927 9.30339 10.1927C9.18461 10.1927 9.06701 10.2162 8.95737 10.2619C8.84773 10.3076 8.74822 10.3745 8.66458 10.4588L3.26614 15.8573C3.18181 15.9409 3.11487 16.0404 3.0692 16.1501C3.02352 16.2597 3 16.3773 3 16.4961C3 16.6149 3.02352 16.7325 3.0692 16.8421C3.11487 16.9517 3.18181 17.0513 3.26614 17.1349C3.34978 17.2192 3.4493 17.2862 3.55894 17.3318C3.66858 17.3775 3.78618 17.401 3.90496 17.401C4.02373 17.401 4.14133 17.3775 4.25097 17.3318C4.36062 17.2862 4.46013 17.2192 4.54377 17.1349L9.30339 12.3663L12.2635 15.3354C12.3472 15.4198 12.4467 15.4867 12.5563 15.5324C12.666 15.578 12.7836 15.6016 12.9023 15.6016C13.0211 15.6016 13.1387 15.578 13.2484 15.5324C13.358 15.4867 13.4575 15.4198 13.5412 15.3354L19.2005 9.66706V11.9974C19.2005 12.236 19.2953 12.4649 19.464 12.6336C19.6328 12.8023 19.8616 12.8971 20.1003 12.8971C20.3389 12.8971 20.5677 12.8023 20.7365 12.6336C20.9052 12.4649 21 12.236 21 11.9974V7.49869C20.9986 7.38112 20.9741 7.26496 20.928 7.15679Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/components/Icons/stats/svgs/stats-32.svg b/src/components/Icons/stats/svgs/stats-32.svg
new file mode 100644
index 0000000..dc0b06a
--- /dev/null
+++ b/src/components/Icons/stats/svgs/stats-32.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.896 9.00426C28.7642 8.6867 28.5118 8.43434 28.1942 8.30246C28.038 8.23587 27.8702 8.20055 27.7004 8.19849H21.2023C20.8576 8.19849 20.527 8.33542 20.2833 8.57915C20.0396 8.82287 19.9026 9.15344 19.9026 9.49812C19.9026 9.8428 20.0396 10.1734 20.2833 10.4171C20.527 10.6608 20.8576 10.7977 21.2023 10.7977H24.5683L17.3034 18.0626L13.0276 13.7739C12.9068 13.6521 12.7631 13.5554 12.6047 13.4894C12.4463 13.4234 12.2765 13.3895 12.1049 13.3895C11.9333 13.3895 11.7635 13.4234 11.6051 13.4894C11.4467 13.5554 11.303 13.6521 11.1822 13.7739L3.38443 21.5716C3.26261 21.6924 3.16593 21.8362 3.09995 21.9945C3.03397 22.1529 3 22.3228 3 22.4943C3 22.6659 3.03397 22.8358 3.09995 22.9942C3.16593 23.1525 3.26261 23.2963 3.38443 23.4171C3.50524 23.5389 3.64898 23.6356 3.80735 23.7016C3.96573 23.7675 4.13559 23.8015 4.30716 23.8015C4.47872 23.8015 4.64859 23.7675 4.80696 23.7016C4.96533 23.6356 5.10907 23.5389 5.22989 23.4171L12.1049 16.5291L16.3807 20.8178C16.5015 20.9396 16.6452 21.0363 16.8036 21.1023C16.962 21.1683 17.1318 21.2023 17.3034 21.2023C17.475 21.2023 17.6448 21.1683 17.8032 21.1023C17.9616 21.0363 18.1053 20.9396 18.2261 20.8178L26.4008 12.6302V15.9962C26.4008 16.3409 26.5377 16.6715 26.7814 16.9152C27.0251 17.1589 27.3557 17.2959 27.7004 17.2959C28.0451 17.2959 28.3756 17.1589 28.6194 16.9152C28.8631 16.6715 29 16.3409 29 15.9962V9.49812C28.9979 9.32829 28.9626 9.1605 28.896 9.00426Z" fill="#F4F2EF"/>
+</svg>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ca4c8b2..8eb774d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,12 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import { Arrow2Icon, ProfileIcon, ShareIcon, SearchIcon, CloseIcon, UploadIcon } from '../components/Icons/index.ts';
+import {
+  Arrow2Icon, BinIcon, BurgerIcon, CalendarIcon, CheckIcon, CloseIcon,
+  CodeIcon, CubeIcon, DownloadIcon, FilterIcon, HelpIcon, HomeIcon,
+  LinkIcon, MinusIcon, MoreIcon, OverviewIcon, PlusIcon, ProfileIcon,
+  SearchIcon, SettingsIcon, ShareIcon, ShieldIcon, SortIcon, StatsIcon,
+  UploadIcon,
+} from '../components/Icons/index.ts';
 ---
 
 <Layout>
@@ -52,6 +58,107 @@ import { Arrow2Icon, ProfileIcon, ShareIcon, SearchIcon, CloseIcon, UploadIcon }
           <UploadIcon size={24} />
           <UploadIcon size={32} />
         </div>
+        <div class="icon-row">
+          <BinIcon size={16} />
+          <BinIcon size={24} />
+          <BinIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <BurgerIcon size={16} />
+          <BurgerIcon size={24} />
+          <BurgerIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <CalendarIcon size={16} />
+          <CalendarIcon size={24} />
+          <CalendarIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <CheckIcon size={16} />
+          <CheckIcon size={24} />
+          <CheckIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <CodeIcon size={16} />
+          <CodeIcon size={24} />
+          <CodeIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <CubeIcon size={16} />
+          <CubeIcon size={24} />
+          <CubeIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <DownloadIcon size={16} />
+          <DownloadIcon size={24} />
+          <DownloadIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <FilterIcon size={16} />
+          <FilterIcon size={24} />
+          <FilterIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <HelpIcon size={16} />
+          <HelpIcon size={24} />
+          <HelpIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <HomeIcon size={16} />
+          <HomeIcon size={24} />
+          <HomeIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <LinkIcon size={16} />
+          <LinkIcon size={24} />
+          <LinkIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <MinusIcon size={16} />
+          <MinusIcon size={24} />
+          <MinusIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <MoreIcon size={16} />
+          <MoreIcon size={24} />
+          <MoreIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <OverviewIcon size={16} />
+          <OverviewIcon size={24} />
+          <OverviewIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <PlusIcon size={16} />
+          <PlusIcon size={24} />
+          <PlusIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <SettingsIcon size={16} />
+          <SettingsIcon size={24} />
+          <SettingsIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <ShieldIcon size={16} />
+          <ShieldIcon size={24} />
+          <ShieldIcon size={32} />
+        </div>
+        <div class="icon-row">
+          <SortIcon size={16} variant="default" />
+          <SortIcon size={16} variant="ascend" />
+          <SortIcon size={16} variant="descend" />
+          <SortIcon size={24} variant="default" />
+          <SortIcon size={24} variant="ascend" />
+          <SortIcon size={24} variant="descend" />
+          <SortIcon size={32} variant="default" />
+          <SortIcon size={32} variant="ascend" />
+          <SortIcon size={32} variant="descend" />
+        </div>
+        <div class="icon-row">
+          <StatsIcon size={16} />
+          <StatsIcon size={24} />
+          <StatsIcon size={32} />
+        </div>
       </div>
     </section>
   </main>