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
2026-05-15 20:59:28 +02:00
parent 68641ef5fe
commit 98db7328cb
84 changed files with 845 additions and 7 deletions
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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 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';
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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} />
@@ -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>
@@ -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>
@@ -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>
@@ -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>