From 75791f2cbd5a5a6f52f5ce780f5b4e0f9ec47769 Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Tue, 28 May 2024 19:54:31 +0200
Subject: [PATCH] chore(icons,toolbox): Update icons (#7505)

---
 .../components/layout/nav-item/nav-item.tsx   |  2 +-
 .../src/components/layout/shell/shell.tsx     |  6 +-
 .../__tests__/adjustments-done.spec.tsx       | 17 ++++
 .../__tests__/arrow-up-right-micro.spec.tsx   | 17 ++++
 ...e-mini.spec.tsx => bottom-to-top.spec.tsx} |  6 +-
 .../__tests__/descending-sorting.spec.tsx     | 17 ++++
 .../components/__tests__/keyboard.spec.tsx    | 17 ++++
 .../__tests__/list-checkbox.spec.tsx          | 17 ++++
 .../components/__tests__/list-tree.spec.tsx   | 17 ++++
 .../__tests__/open-rect-arrow-out.spec.tsx    | 17 ++++
 .../{ellipse.spec.tsx => receipt.spec.tsx}    |  6 +-
 .../{twitter.spec.tsx => share.spec.tsx}      |  6 +-
 .../__tests__/timeline-vertical.spec.tsx      | 17 ++++
 .../__tests__/top-to-bottom.spec.tsx          | 17 ++++
 .../triangle-right-mini-hover.spec.tsx        | 17 ++++
 .../components/__tests__/user-mini.spec.tsx   | 17 ++++
 .../src/components/academic-cap-solid.tsx     | 19 ++--
 .../icons/src/components/academic-cap.tsx     | 18 +++-
 .../icons/src/components/adjustments-done.tsx | 38 ++++++++
 .../icons/src/components/adjustments.tsx      | 19 ++--
 .../icons/src/components/apple.tsx            |  8 +-
 .../icons/src/components/archive-box.tsx      | 17 +++-
 .../src/components/arrow-down-circle.tsx      | 25 +++--
 .../src/components/arrow-down-left-mini.tsx   |  8 +-
 .../icons/src/components/arrow-down-left.tsx  |  8 +-
 .../icons/src/components/arrow-down-mini.tsx  |  6 +-
 .../src/components/arrow-down-right-mini.tsx  | 13 ++-
 .../icons/src/components/arrow-down-tray.tsx  |  6 +-
 .../icons/src/components/arrow-down.tsx       |  6 +-
 .../icons/src/components/arrow-left-mini.tsx  |  6 +-
 .../icons/src/components/arrow-left.tsx       |  6 +-
 .../icons/src/components/arrow-long-down.tsx  |  6 +-
 .../icons/src/components/arrow-long-left.tsx  |  6 +-
 .../icons/src/components/arrow-long-right.tsx |  6 +-
 .../icons/src/components/arrow-long-up.tsx    |  6 +-
 .../icons/src/components/arrow-path-mini.tsx  | 19 +++-
 .../icons/src/components/arrow-path.tsx       | 19 +++-
 .../icons/src/components/arrow-right-mini.tsx |  6 +-
 .../components/arrow-right-on-rectangle.tsx   | 13 ++-
 .../src/components/arrow-up-circle-solid.tsx  | 21 +++--
 .../icons/src/components/arrow-up-down.tsx    |  6 +-
 .../icons/src/components/arrow-up-mini.tsx    |  6 +-
 ...rcle-mini.tsx => arrow-up-right-micro.tsx} | 12 +--
 .../src/components/arrow-up-right-mini.tsx    |  6 +-
 .../src/components/arrow-up-right-on-box.tsx  |  6 +-
 .../icons/src/components/arrow-up-tray.tsx    |  6 +-
 .../icons/src/components/arrow-uturn-left.tsx | 18 +++-
 .../components/arrows-pointing-out-mini.tsx   |  6 +-
 .../src/components/arrows-pointing-out.tsx    |  6 +-
 .../icons/src/components/arrrow-right.tsx     |  6 +-
 .../icons/src/components/at-symbol.tsx        | 19 +++-
 .../icons/src/components/backward-solid.tsx   | 19 ++--
 .../icons/src/components/bars-arrow-down.tsx  |  6 +-
 .../icons/src/components/bars-three.tsx       | 30 ++++--
 .../icons/src/components/beaker.tsx           |  8 +-
 .../icons/src/components/bell-alert-solid.tsx | 12 +--
 .../icons/src/components/bell-alert.tsx       | 13 ++-
 .../icons/src/components/bolt-solid.tsx       |  8 +-
 .../icons/src/components/bolt.tsx             |  6 +-
 .../icons/src/components/book-open.tsx        | 18 +++-
 .../icons/src/components/bottom-to-top.tsx    | 34 +++++++
 .../icons/src/components/bug-ant-solid.tsx    | 21 +++--
 .../icons/src/components/bug.tsx              | 18 +++-
 .../src/components/building-storefront.tsx    | 17 +++-
 .../icons/src/components/building-tax.tsx     | 19 ++--
 .../icons/src/components/buildings-mini.tsx   | 31 +++----
 .../icons/src/components/buildings-solid.tsx  | 19 ++--
 .../icons/src/components/buildings.tsx        | 17 +++-
 .../icons/src/components/calendar-mini.tsx    | 18 ++--
 .../icons/src/components/calendar-solid.tsx   | 14 +--
 .../icons/src/components/calendar.tsx         | 17 ++--
 .../icons/src/components/camera.tsx           | 36 ++++----
 .../icons/src/components/cash-solid.tsx       | 19 ++--
 .../icons/src/components/cash.tsx             | 18 +++-
 .../icons/src/components/channels-solid.tsx   | 19 ++--
 .../icons/src/components/channels.tsx         | 18 +++-
 .../icons/src/components/chart-bar.tsx        | 17 +++-
 .../icons/src/components/chart-pie.tsx        | 25 ++---
 .../chat-bubble-left-right-solid.tsx          | 21 +++--
 .../src/components/chat-bubble-left-right.tsx | 18 +++-
 .../icons/src/components/chat-bubble.tsx      | 24 +++--
 .../components/check-circle-mini-solid.tsx    | 21 +++--
 .../src/components/check-circle-solid.tsx     | 21 +++--
 .../icons/src/components/check-mini.tsx       |  6 +-
 .../icons/src/components/check.tsx            |  6 +-
 .../chevron-double-left-mini-solid.tsx        | 13 +--
 .../src/components/chevron-double-left.tsx    |  6 +-
 .../chevron-double-right-mini-solid.tsx       | 30 +++---
 .../src/components/chevron-double-right.tsx   |  6 +-
 .../src/components/chevron-down-mini.tsx      | 30 ++++--
 .../icons/src/components/chevron-down.tsx     |  6 +-
 .../src/components/chevron-left-mini.tsx      |  6 +-
 .../icons/src/components/chevron-left.tsx     | 30 ++++--
 .../src/components/chevron-right-mini.tsx     |  6 +-
 .../icons/src/components/chevron-right.tsx    |  6 +-
 .../icons/src/components/chevron-up-down.tsx  | 11 +--
 .../icons/src/components/chevron-up-mini.tsx  |  6 +-
 .../src/components/circle-dotted-line.tsx     | 17 +++-
 .../src/components/circle-filled-solid.tsx    | 21 ++++-
 .../src/components/circle-half-solid.tsx      | 21 ++++-
 .../components/circle-mini-filled-solid.tsx   | 21 ++++-
 .../src/components/circle-mini-solid.tsx      | 18 +++-
 .../src/components/circle-quarter-solid.tsx   | 21 ++++-
 .../icons/src/components/circle-solid.tsx     | 18 +++-
 .../src/components/circle-stack-solid.tsx     | 18 +---
 .../icons/src/components/circle-stack.tsx     | 22 ++++-
 .../circle-three-quarters-solid.tsx           | 19 +++-
 .../components/clock-changed-solid-mini.tsx   | 18 ++--
 .../icons/src/components/clock-solid-mini.tsx | 18 ++--
 .../icons/src/components/clock-solid.tsx      | 18 ++--
 .../icons/src/components/clock.tsx            | 18 +++-
 .../icons/src/components/cloud-arrow-down.tsx | 17 +++-
 .../icons/src/components/cloud-arrow-up.tsx   | 18 +++-
 .../src/components/cog-six-tooth-solid.tsx    | 21 +++--
 .../icons/src/components/cog-six-tooth.tsx    | 25 ++---
 .../src/components/command-line-solid.tsx     |  8 +-
 .../icons/src/components/command-line.tsx     | 18 +++-
 .../icons/src/components/component-solid.tsx  | 23 +++--
 .../icons/src/components/component.tsx        | 17 +++-
 .../src/components/computer-desktop-solid.tsx | 19 ++--
 .../icons/src/components/computer-desktop.tsx | 19 ++--
 .../src/components/credit-card-solid.tsx      | 22 ++---
 .../icons/src/components/credit-card.tsx      | 17 +++-
 .../icons/src/components/cube-solid.tsx       |  8 +-
 .../src/components/currency-dollar-solid.tsx  | 25 ++---
 .../icons/src/components/currency-dollar.tsx  | 18 +++-
 .../src/components/cursor-arrow-rays.tsx      | 17 +++-
 .../src/components/descending-sorting.tsx     | 26 ++++++
 .../icons/src/components/discord.tsx          |  6 +-
 .../icons/src/components/document-series.tsx  | 20 +++-
 .../src/components/document-text-solid.tsx    | 12 +--
 .../icons/src/components/document-text.tsx    | 13 ++-
 .../icons/src/components/dots-six.tsx         | 13 ++-
 .../src/components/ellipse-blue-solid.tsx     | 23 +++--
 .../src/components/ellipse-green-solid.tsx    | 23 +++--
 .../src/components/ellipse-grey-solid.tsx     | 23 +++--
 .../src/components/ellipse-mini-solid.tsx     |  6 +-
 .../src/components/ellipse-orange-solid.tsx   | 23 +++--
 .../src/components/ellipse-purple-solid.tsx   | 23 +++--
 .../src/components/ellipse-red-solid.tsx      | 23 +++--
 .../icons/src/components/ellipse-solid.tsx    | 16 +++-
 .../icons/src/components/ellipse.tsx          | 20 ----
 .../src/components/ellipsis-horizontal.tsx    | 11 ++-
 .../src/components/ellipsis-vertical.tsx      | 11 ++-
 .../icons/src/components/envelope-solid.tsx   | 21 +++--
 .../icons/src/components/envelope.tsx         | 18 +++-
 .../components/exclamation-circle-solid.tsx   | 21 +++--
 .../src/components/exclamation-circle.tsx     | 35 +++----
 .../icons/src/components/eye-mini.tsx         | 25 ++---
 .../icons/src/components/eye-slash-mini.tsx   | 18 +++-
 .../icons/src/components/eye-slash.tsx        | 18 +++-
 .../icons/src/components/eye.tsx              | 25 ++---
 .../icons/src/components/face-smile.tsx       | 31 +++++--
 .../icons/src/components/facebook.tsx         | 14 +--
 .../icons/src/components/figma.tsx            | 51 ++++++-----
 .../icons/src/components/flag-mini.tsx        | 30 ++++--
 .../icons/src/components/flying-box.tsx       | 25 ++---
 .../src/components/folder-illustration.tsx    | 38 ++++----
 .../components/folder-open-illustration.tsx   | 91 ++++++++++---------
 .../icons/src/components/folder-open.tsx      | 18 +++-
 .../icons/src/components/folder.tsx           | 13 ++-
 .../icons/src/components/forward-solid.tsx    | 19 ++--
 .../icons/src/components/funnel.tsx           |  6 +-
 .../icons/src/components/gatsby-ex.tsx        | 23 +++--
 .../icons/src/components/gatsby.tsx           | 24 +++--
 .../icons/src/components/gift-solid.tsx       | 22 ++---
 .../icons/src/components/gift.tsx             | 18 +++-
 .../icons/src/components/github.tsx           |  6 +-
 .../src/components/globe-europe-solid.tsx     | 19 ++--
 .../icons/src/components/globe-europe.tsx     | 19 +++-
 .../icons/src/components/google.tsx           | 12 +--
 .../icons/src/components/hashtag.tsx          |  8 +-
 .../icons/src/components/heart.tsx            | 25 +++--
 .../icons/src/components/inbox-solid.tsx      | 21 +++--
 .../icons/src/components/index.ts             | 17 +++-
 .../components/information-circle-solid.tsx   | 23 +++--
 .../src/components/information-circle.tsx     | 24 +++--
 .../icons/src/components/javascript-ex.tsx    |  6 +-
 .../icons/src/components/javascript.tsx       |  8 +-
 .../icons/src/components/key-solid.tsx        | 21 +++--
 .../icons/src/components/key.tsx              | 25 +++--
 .../icons/src/components/keyboard.tsx         | 32 +++++++
 .../icons/src/components/klarna-ex.tsx        |  6 +-
 .../icons/src/components/klarna.tsx           | 15 +--
 .../icons/src/components/klaviyo.tsx          | 14 +--
 .../icons/src/components/lifebuoy.tsx         | 18 +++-
 .../icons/src/components/light-bulb-solid.tsx | 12 +--
 .../icons/src/components/light-bulb.tsx       | 13 ++-
 .../icons/src/components/link.tsx             | 13 ++-
 .../icons/src/components/linkedin.tsx         |  6 +-
 .../icons/src/components/list-bullet.tsx      |  6 +-
 .../icons/src/components/list-checkbox.tsx    | 26 ++++++
 .../icons/src/components/list-tree.tsx        | 33 +++++++
 .../icons/src/components/loader.tsx           | 64 +++++--------
 .../src/components/lock-closed-solid-mini.tsx |  8 +-
 .../src/components/lock-closed-solid.tsx      |  8 +-
 .../icons/src/components/lock-open-solid.tsx  | 10 +-
 .../src/components/magnifying-glass-mini.tsx  |  6 +-
 .../icons/src/components/magnifying-glass.tsx |  6 +-
 .../icons/src/components/map-pin.tsx          | 15 ++-
 .../icons/src/components/map.tsx              | 17 +++-
 .../icons/src/components/mastercard.tsx       | 10 +-
 .../icons/src/components/medusa.tsx           |  8 +-
 .../icons/src/components/meta.tsx             | 19 ++--
 .../icons/src/components/minus-mini.tsx       |  6 +-
 .../icons/src/components/minus.tsx            |  6 +-
 .../icons/src/components/moon-solid.tsx       | 21 +++--
 .../icons/src/components/moon.tsx             | 25 +++--
 .../icons/src/components/newspaper.tsx        | 19 +++-
 .../icons/src/components/next-js.tsx          |  8 +-
 .../src/components/open-rect-arrow-out.tsx    | 26 ++++++
 .../icons/src/components/paper-clip.tsx       |  6 +-
 .../icons/src/components/pause-solid.tsx      | 20 +---
 .../src/components/pencil-square-solid.tsx    | 20 ++--
 .../icons/src/components/pencil-square.tsx    | 17 +++-
 .../icons/src/components/pencil.tsx           |  6 +-
 .../icons/src/components/phone.tsx            | 13 ++-
 .../icons/src/components/photo-solid.tsx      | 20 ++--
 .../icons/src/components/photo.tsx            | 30 ++++--
 .../icons/src/components/play-mini-solid.tsx  |  8 +-
 .../icons/src/components/play-solid.tsx       |  8 +-
 .../icons/src/components/plus-mini.tsx        |  6 +-
 .../icons/src/components/plus.tsx             |  6 +-
 .../icons/src/components/puzzle-solid.tsx     |  6 +-
 .../icons/src/components/puzzle.tsx           | 25 +++--
 .../src/components/question-mark-circle.tsx   | 24 +++--
 .../icons/src/components/question-mark.tsx    | 24 +++--
 .../icons/src/components/queue-list.tsx       |  6 +-
 .../icons/src/components/react-js-ex.tsx      |  6 +-
 .../icons/src/components/react-js.tsx         | 17 ++--
 .../icons/src/components/receipt-percent.tsx  | 24 +++--
 .../icons/src/components/receipt.tsx          | 33 +++++++
 .../icons/src/components/replay-solid.tsx     |  9 +-
 .../icons/src/components/resize.tsx           |  6 +-
 .../src/components/rocket-launch-solid.tsx    | 25 +++--
 .../icons/src/components/rocket-launch.tsx    | 36 ++++++--
 .../icons/src/components/rss.tsx              |  6 +-
 .../icons/src/components/sanity.tsx           |  6 +-
 .../icons/src/components/server-solid.tsx     | 23 +++--
 .../src/components/server-stack-solid.tsx     | 22 ++---
 .../icons/src/components/server-stack.tsx     | 24 +++--
 .../icons/src/components/server.tsx           | 18 +++-
 .../icons/src/components/share.tsx            | 26 ++++++
 .../icons/src/components/shopping-bag.tsx     | 13 ++-
 .../src/components/shopping-cart-solid.tsx    |  6 +-
 .../icons/src/components/shopping-cart.tsx    | 24 +++--
 .../icons/src/components/sidebar-left.tsx     | 17 +++-
 .../icons/src/components/sidebar-right.tsx    | 17 +++-
 .../icons/src/components/slack.tsx            | 12 +--
 .../icons/src/components/snooze.tsx           | 17 +++-
 .../src/components/sparkles-mini-solid.tsx    |  8 +-
 .../icons/src/components/sparkles-mini.tsx    | 11 ++-
 .../icons/src/components/sparkles-solid.tsx   |  8 +-
 .../icons/src/components/sparkles.tsx         | 11 ++-
 .../icons/src/components/spinner.tsx          | 29 ++++--
 .../src/components/square-blue-solid.tsx      | 49 +++-------
 .../src/components/square-green-solid.tsx     | 49 +++-------
 .../src/components/square-grey-solid.tsx      | 49 +++-------
 .../src/components/square-orange-solid.tsx    | 49 +++-------
 .../src/components/square-purple-solid.tsx    | 49 +++-------
 .../icons/src/components/square-red-solid.tsx | 49 +++-------
 .../src/components/square-two-stack-mini.tsx  | 18 +++-
 .../src/components/square-two-stack-solid.tsx | 10 +-
 .../icons/src/components/square-two-stack.tsx | 18 +++-
 .../src/components/squares-plus-solid.tsx     |  6 +-
 .../icons/src/components/squares-plus.tsx     |  6 +-
 .../icons/src/components/star-solid.tsx       | 21 +++--
 .../icons/src/components/star.tsx             | 25 +++--
 .../icons/src/components/stopwatch.tsx        |  6 +-
 .../icons/src/components/stripe.tsx           |  6 +-
 .../icons/src/components/sun-solid.tsx        | 16 ++--
 .../icons/src/components/sun.tsx              | 17 +++-
 .../icons/src/components/swatch-solid.tsx     |  8 +-
 .../icons/src/components/swatch.tsx           | 25 +++--
 .../icons/src/components/tag-solid.tsx        |  8 +-
 .../icons/src/components/tag.tsx              | 31 +++----
 .../icons/src/components/tailwind.tsx         | 26 ++----
 .../icons/src/components/text.tsx             | 18 +++-
 .../icons/src/components/thumb-down.tsx       | 17 +++-
 .../icons/src/components/thumb-up.tsx         | 17 +++-
 .../icons/src/components/thumbnail-badge.tsx  | 65 ++++++-------
 .../src/components/timeline-vertical.tsx      | 33 +++++++
 .../icons/src/components/tools-solid.tsx      | 28 ++----
 .../icons/src/components/tools.tsx            | 17 +++-
 .../icons/src/components/top-to-bottom.tsx    | 34 +++++++
 .../icons/src/components/trash.tsx            |  6 +-
 .../src/components/triangle-down-mini.tsx     |  6 +-
 .../src/components/triangle-left-mini.tsx     |  6 +-
 .../components/triangle-right-mini-hover.tsx  | 23 +++++
 .../src/components/triangle-right-mini.tsx    |  6 +-
 .../icons/src/components/triangle-up-mini.tsx |  6 +-
 .../icons/src/components/triangles-mini.tsx   |  6 +-
 .../icons/src/components/twitter.tsx          | 23 -----
 .../icons/src/components/typescript-ex.tsx    |  6 +-
 .../icons/src/components/typescript.tsx       |  8 +-
 .../icons/src/components/user-group.tsx       | 17 +++-
 .../icons/src/components/user-mini.tsx        | 26 ++++++
 .../icons/src/components/user.tsx             |  6 +-
 .../icons/src/components/users-solid.tsx      | 16 ++--
 .../icons/src/components/users.tsx            | 17 +++-
 .../icons/src/components/vercel.tsx           |  6 +-
 .../icons/src/components/verified-badge.tsx   | 71 +++++++--------
 .../icons/src/components/visa.tsx             | 19 ++--
 .../icons/src/components/wand-sparkle.tsx     | 10 +-
 .../icons/src/components/window.tsx           | 29 ++++--
 .../icons/src/components/x-circle-solid.tsx   | 21 +++--
 .../icons/src/components/x-circle.tsx         | 17 +++-
 .../icons/src/components/x-mark-mini.tsx      |  6 +-
 .../icons/src/components/x-mark.tsx           |  6 +-
 .../design-system/icons/src/components/x.tsx  |  6 +-
 packages/design-system/toolbox/package.json   |  2 +-
 .../toolbox/src/transformers/transform-svg.ts |  2 +-
 yarn.lock                                     | 11 +--
 313 files changed, 3325 insertions(+), 2079 deletions(-)
 create mode 100644 packages/design-system/icons/src/components/__tests__/adjustments-done.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/arrow-up-right-micro.spec.tsx
 rename packages/design-system/icons/src/components/__tests__/{user-circle-mini.spec.tsx => bottom-to-top.spec.tsx} (67%)
 create mode 100644 packages/design-system/icons/src/components/__tests__/descending-sorting.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/keyboard.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/list-checkbox.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/list-tree.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/open-rect-arrow-out.spec.tsx
 rename packages/design-system/icons/src/components/__tests__/{ellipse.spec.tsx => receipt.spec.tsx} (72%)
 rename packages/design-system/icons/src/components/__tests__/{twitter.spec.tsx => share.spec.tsx} (72%)
 create mode 100644 packages/design-system/icons/src/components/__tests__/timeline-vertical.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/top-to-bottom.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/triangle-right-mini-hover.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/__tests__/user-mini.spec.tsx
 create mode 100644 packages/design-system/icons/src/components/adjustments-done.tsx
 rename packages/design-system/icons/src/components/{user-circle-mini.tsx => arrow-up-right-micro.tsx} (56%)
 create mode 100644 packages/design-system/icons/src/components/bottom-to-top.tsx
 create mode 100644 packages/design-system/icons/src/components/descending-sorting.tsx
 delete mode 100644 packages/design-system/icons/src/components/ellipse.tsx
 create mode 100644 packages/design-system/icons/src/components/keyboard.tsx
 create mode 100644 packages/design-system/icons/src/components/list-checkbox.tsx
 create mode 100644 packages/design-system/icons/src/components/list-tree.tsx
 create mode 100644 packages/design-system/icons/src/components/open-rect-arrow-out.tsx
 create mode 100644 packages/design-system/icons/src/components/receipt.tsx
 create mode 100644 packages/design-system/icons/src/components/share.tsx
 create mode 100644 packages/design-system/icons/src/components/timeline-vertical.tsx
 create mode 100644 packages/design-system/icons/src/components/top-to-bottom.tsx
 create mode 100644 packages/design-system/icons/src/components/triangle-right-mini-hover.tsx
 delete mode 100644 packages/design-system/icons/src/components/twitter.tsx
 create mode 100644 packages/design-system/icons/src/components/user-mini.tsx

diff --git a/packages/admin-next/dashboard/src/components/layout/nav-item/nav-item.tsx b/packages/admin-next/dashboard/src/components/layout/nav-item/nav-item.tsx
index d24162482a..3f97904b97 100644
--- a/packages/admin-next/dashboard/src/components/layout/nav-item/nav-item.tsx
+++ b/packages/admin-next/dashboard/src/components/layout/nav-item/nav-item.tsx
@@ -149,7 +149,7 @@ const Icon = ({ icon, type }: { icon?: ReactNode; type: ItemType }) => {
 
   return type === "extension" ? (
     <div className="shadow-borders-base bg-ui-bg-base flex h-5 w-5 items-center justify-center rounded-[4px]">
-      <div className="h-4 w-4 overflow-hidden rounded-sm">{icon}</div>
+      <div className="h-[15px] w-[15px] overflow-hidden rounded-sm">{icon}</div>
     </div>
   ) : (
     icon
diff --git a/packages/admin-next/dashboard/src/components/layout/shell/shell.tsx b/packages/admin-next/dashboard/src/components/layout/shell/shell.tsx
index 9c3d3498ca..21ddb5194a 100644
--- a/packages/admin-next/dashboard/src/components/layout/shell/shell.tsx
+++ b/packages/admin-next/dashboard/src/components/layout/shell/shell.tsx
@@ -8,7 +8,7 @@ import {
   CircleHalfSolid,
   CogSixTooth,
   MagnifyingGlass,
-  SidebarRight,
+  SidebarLeft,
   User as UserIcon,
 } from "@medusajs/icons"
 import { Avatar, DropdownMenu, IconButton, Kbd, Text, clx } from "@medusajs/ui"
@@ -334,14 +334,14 @@ const ToggleSidebar = () => {
         variant="transparent"
         onClick={() => toggle("desktop")}
       >
-        <SidebarRight className="text-ui-fg-muted" />
+        <SidebarLeft className="text-ui-fg-muted" />
       </IconButton>
       <IconButton
         className="hidden max-lg:flex"
         variant="transparent"
         onClick={() => toggle("mobile")}
       >
-        <SidebarRight className="text-ui-fg-muted" />
+        <SidebarLeft className="text-ui-fg-muted" />
       </IconButton>
     </div>
   )
diff --git a/packages/design-system/icons/src/components/__tests__/adjustments-done.spec.tsx b/packages/design-system/icons/src/components/__tests__/adjustments-done.spec.tsx
new file mode 100644
index 0000000000..5070ce630b
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/adjustments-done.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import AdjustmentsDone from "../adjustments-done"
+
+  describe("AdjustmentsDone", () => {
+    it("should render the icon without errors", async () => {
+      render(<AdjustmentsDone data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/arrow-up-right-micro.spec.tsx b/packages/design-system/icons/src/components/__tests__/arrow-up-right-micro.spec.tsx
new file mode 100644
index 0000000000..a15b30ed01
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/arrow-up-right-micro.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import ArrowUpRightMicro from "../arrow-up-right-micro"
+
+  describe("ArrowUpRightMicro", () => {
+    it("should render the icon without errors", async () => {
+      render(<ArrowUpRightMicro data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/user-circle-mini.spec.tsx b/packages/design-system/icons/src/components/__tests__/bottom-to-top.spec.tsx
similarity index 67%
rename from packages/design-system/icons/src/components/__tests__/user-circle-mini.spec.tsx
rename to packages/design-system/icons/src/components/__tests__/bottom-to-top.spec.tsx
index 5beab8b5bf..66c6bd6c1b 100644
--- a/packages/design-system/icons/src/components/__tests__/user-circle-mini.spec.tsx
+++ b/packages/design-system/icons/src/components/__tests__/bottom-to-top.spec.tsx
@@ -1,11 +1,11 @@
   import * as React from "react"
   import { cleanup, render, screen } from "@testing-library/react"
 
-  import UserCircleMini from "../user-circle-mini"
+  import BottomToTop from "../bottom-to-top"
 
-  describe("UserCircleMini", () => {
+  describe("BottomToTop", () => {
     it("should render the icon without errors", async () => {
-      render(<UserCircleMini data-testid="icon" />)
+      render(<BottomToTop data-testid="icon" />)
 
 
       const svgElement = screen.getByTestId("icon")
diff --git a/packages/design-system/icons/src/components/__tests__/descending-sorting.spec.tsx b/packages/design-system/icons/src/components/__tests__/descending-sorting.spec.tsx
new file mode 100644
index 0000000000..27ca343193
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/descending-sorting.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import DescendingSorting from "../descending-sorting"
+
+  describe("DescendingSorting", () => {
+    it("should render the icon without errors", async () => {
+      render(<DescendingSorting data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/keyboard.spec.tsx b/packages/design-system/icons/src/components/__tests__/keyboard.spec.tsx
new file mode 100644
index 0000000000..a56cd46794
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/keyboard.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Keyboard from "../keyboard"
+
+  describe("Keyboard", () => {
+    it("should render the icon without errors", async () => {
+      render(<Keyboard data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/list-checkbox.spec.tsx b/packages/design-system/icons/src/components/__tests__/list-checkbox.spec.tsx
new file mode 100644
index 0000000000..99b0804bdd
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/list-checkbox.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import ListCheckbox from "../list-checkbox"
+
+  describe("ListCheckbox", () => {
+    it("should render the icon without errors", async () => {
+      render(<ListCheckbox data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/list-tree.spec.tsx b/packages/design-system/icons/src/components/__tests__/list-tree.spec.tsx
new file mode 100644
index 0000000000..41670111bf
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/list-tree.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import ListTree from "../list-tree"
+
+  describe("ListTree", () => {
+    it("should render the icon without errors", async () => {
+      render(<ListTree data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/open-rect-arrow-out.spec.tsx b/packages/design-system/icons/src/components/__tests__/open-rect-arrow-out.spec.tsx
new file mode 100644
index 0000000000..d89bf09f88
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/open-rect-arrow-out.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import OpenRectArrowOut from "../open-rect-arrow-out"
+
+  describe("OpenRectArrowOut", () => {
+    it("should render the icon without errors", async () => {
+      render(<OpenRectArrowOut data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/ellipse.spec.tsx b/packages/design-system/icons/src/components/__tests__/receipt.spec.tsx
similarity index 72%
rename from packages/design-system/icons/src/components/__tests__/ellipse.spec.tsx
rename to packages/design-system/icons/src/components/__tests__/receipt.spec.tsx
index 89f67c83d9..953edb2b8a 100644
--- a/packages/design-system/icons/src/components/__tests__/ellipse.spec.tsx
+++ b/packages/design-system/icons/src/components/__tests__/receipt.spec.tsx
@@ -1,11 +1,11 @@
   import * as React from "react"
   import { cleanup, render, screen } from "@testing-library/react"
 
-  import Ellipse from "../ellipse"
+  import Receipt from "../receipt"
 
-  describe("Ellipse", () => {
+  describe("Receipt", () => {
     it("should render the icon without errors", async () => {
-      render(<Ellipse data-testid="icon" />)
+      render(<Receipt data-testid="icon" />)
 
 
       const svgElement = screen.getByTestId("icon")
diff --git a/packages/design-system/icons/src/components/__tests__/twitter.spec.tsx b/packages/design-system/icons/src/components/__tests__/share.spec.tsx
similarity index 72%
rename from packages/design-system/icons/src/components/__tests__/twitter.spec.tsx
rename to packages/design-system/icons/src/components/__tests__/share.spec.tsx
index da805c4673..f18a9f842f 100644
--- a/packages/design-system/icons/src/components/__tests__/twitter.spec.tsx
+++ b/packages/design-system/icons/src/components/__tests__/share.spec.tsx
@@ -1,11 +1,11 @@
   import * as React from "react"
   import { cleanup, render, screen } from "@testing-library/react"
 
-  import Twitter from "../twitter"
+  import Share from "../share"
 
-  describe("Twitter", () => {
+  describe("Share", () => {
     it("should render the icon without errors", async () => {
-      render(<Twitter data-testid="icon" />)
+      render(<Share data-testid="icon" />)
 
 
       const svgElement = screen.getByTestId("icon")
diff --git a/packages/design-system/icons/src/components/__tests__/timeline-vertical.spec.tsx b/packages/design-system/icons/src/components/__tests__/timeline-vertical.spec.tsx
new file mode 100644
index 0000000000..c957ff6124
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/timeline-vertical.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import TimelineVertical from "../timeline-vertical"
+
+  describe("TimelineVertical", () => {
+    it("should render the icon without errors", async () => {
+      render(<TimelineVertical data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/top-to-bottom.spec.tsx b/packages/design-system/icons/src/components/__tests__/top-to-bottom.spec.tsx
new file mode 100644
index 0000000000..0fd614505a
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/top-to-bottom.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import TopToBottom from "../top-to-bottom"
+
+  describe("TopToBottom", () => {
+    it("should render the icon without errors", async () => {
+      render(<TopToBottom data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/triangle-right-mini-hover.spec.tsx b/packages/design-system/icons/src/components/__tests__/triangle-right-mini-hover.spec.tsx
new file mode 100644
index 0000000000..e9184f872a
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/triangle-right-mini-hover.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import TriangleRightMiniHover from "../triangle-right-mini-hover"
+
+  describe("TriangleRightMiniHover", () => {
+    it("should render the icon without errors", async () => {
+      render(<TriangleRightMiniHover data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/__tests__/user-mini.spec.tsx b/packages/design-system/icons/src/components/__tests__/user-mini.spec.tsx
new file mode 100644
index 0000000000..5524cc42ce
--- /dev/null
+++ b/packages/design-system/icons/src/components/__tests__/user-mini.spec.tsx
@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import UserMini from "../user-mini"
+
+  describe("UserMini", () => {
+    it("should render the icon without errors", async () => {
+      render(<UserMini data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })
\ No newline at end of file
diff --git a/packages/design-system/icons/src/components/academic-cap-solid.tsx b/packages/design-system/icons/src/components/academic-cap-solid.tsx
index aba3634a49..4e29018907 100644
--- a/packages/design-system/icons/src/components/academic-cap-solid.tsx
+++ b/packages/design-system/icons/src/components/academic-cap-solid.tsx
@@ -5,18 +5,21 @@ const AcademicCapSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M9.679 1.93a.717.717 0 0 1 .642 0 39.23 39.23 0 0 1 7.832 5.182.717.717 0 0 1-.242 1.228A29.973 29.973 0 0 0 10.4 12a.717.717 0 0 1-.802 0 30.118 30.118 0 0 0-1.987-1.23V9.645c0-.233.11-.442.288-.566a33.926 33.926 0 0 1 3.158-1.942.716.716 0 0 0-.682-1.26 35.349 35.349 0 0 0-3.293 2.025 2.117 2.117 0 0 0-.905 1.742v.363A29.902 29.902 0 0 0 2.09 8.34a.717.717 0 0 1-.242-1.228A39.228 39.228 0 0 1 9.679 1.93v.001Zm-3.5 9.688a28.53 28.53 0 0 0-2.346-1.106 39.2 39.2 0 0 0-.373 2.975.716.716 0 0 0 .4.707c.505.244 1 .506 1.485.783-.2.31-.434.602-.706.873a.716.716 0 1 0 1.013 1.013 6.7 6.7 0 0 0 .917-1.14 25.423 25.423 0 0 1 2.957 2.244.717.717 0 0 0 .948 0 25.36 25.36 0 0 1 5.665-3.774.717.717 0 0 0 .402-.706 39.293 39.293 0 0 0-.373-2.975 28.596 28.596 0 0 0-4.967 2.676 2.15 2.15 0 0 1-2.402 0c-.392-.263-.79-.517-1.194-.762a6.677 6.677 0 0 1-1.036 3.297c-.4-.26-.809-.51-1.224-.746a5.242 5.242 0 0 0 .833-2.842v-.517Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M8.823 10.513c-.408.21-.866.32-1.323.32s-.916-.11-1.324-.32L2.611 8.677v3.267c0 1.605 2.46 2.445 4.889 2.445s4.889-.84 4.889-2.445V8.678z" />
+          <path d="M14.361 7.7a9.3 9.3 0 0 1 .192-2.134c.016-.116.058-.17.058-.4 0-.534-.295-1.018-.77-1.262L8.213 1.006a1.56 1.56 0 0 0-1.426 0L1.16 3.905c-.475.244-.77.728-.77 1.262s.295 1.018.77 1.263l5.628 2.897a1.56 1.56 0 0 0 1.426 0l4.845-2.495c-.017.304-.04.607-.03.91.021.687.112 1.375.268 2.046a.666.666 0 1 0 1.298-.3 9.2 9.2 0 0 1-.233-1.787" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/academic-cap.tsx b/packages/design-system/icons/src/components/academic-cap.tsx
index 0d593a5c1f..ffafbc3bcf 100644
--- a/packages/design-system/icons/src/components/academic-cap.tsx
+++ b/packages/design-system/icons/src/components/academic-cap.tsx
@@ -5,19 +5,27 @@ const AcademicCap = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M3.55 8.456a50.366 50.366 0 0 0-.41 5.289A40.52 40.52 0 0 1 10 17.42a40.528 40.528 0 0 1 6.86-3.675 50.374 50.374 0 0 0-.41-5.29m0 0c.73-.244 1.47-.471 2.216-.678A49.919 49.919 0 0 0 10 2.911a49.922 49.922 0 0 0-8.666 4.867A42.152 42.152 0 0 1 10 11.241a42.27 42.27 0 0 1 6.45-2.785ZM5.626 12.5a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Zm0 0V9.437A46.151 46.151 0 0 1 10 7.036M4.16 16.66a4.983 4.983 0 0 0 1.465-3.536v-1.25"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="m7.907 1.599 5.629 2.897a.754.754 0 0 1 0 1.34L7.907 8.736a.89.89 0 0 1-.814 0L1.464 5.837a.754.754 0 0 1 0-1.34l5.629-2.898a.89.89 0 0 1 .814 0" />
+          <path d="M13.944 5.167a9.94 9.94 0 0 0 0 4.472M3.278 9.056v2.889c0 .98 1.89 1.777 4.222 1.777s4.222-.796 4.222-1.777v-2.89" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/adjustments-done.tsx b/packages/design-system/icons/src/components/adjustments-done.tsx
new file mode 100644
index 0000000000..d9b92a521c
--- /dev/null
+++ b/packages/design-system/icons/src/components/adjustments-done.tsx
@@ -0,0 +1,38 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const AdjustmentsDone = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M8.5 2.528h-.778a.75.75 0 1 0 0 1.5h1.08a4 4 0 0 1-.302-1.5M10.695 6.07a4 4 0 0 1-1.21-.94.75.75 0 0 0-.29.592V6.75H1.5a.75.75 0 0 0 0 1.5h7.694v1.028a.75.75 0 0 0 1.5 0zM5.806 1.5a.75.75 0 1 0-1.5 0v1.028H1.5a.75.75 0 0 0 0 1.5h2.806v1.028a.75.75 0 0 0 1.5 0V1.5M12.611 6.75a.75.75 0 0 0 0 1.5h.889a.75.75 0 0 0 0-1.5zM6.972 11.722a.75.75 0 0 1 .75-.75H13.5a.75.75 0 1 1 0 1.5H7.722a.75.75 0 0 1-.75-.75M1.5 10.972a.75.75 0 0 0 0 1.5h2.806V13.5a.75.75 0 0 0 1.5 0V9.944a.75.75 0 1 0-1.5 0v1.028z"
+          />
+          <circle cx={12.5} cy={2.5} r={2.5} fill="#3B82F6" />
+          <circle
+            cx={12.5}
+            cy={2.5}
+            r={2}
+            stroke={color}
+            strokeOpacity={0.12}
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+AdjustmentsDone.displayName = "AdjustmentsDone"
+export default AdjustmentsDone
diff --git a/packages/design-system/icons/src/components/adjustments.tsx b/packages/design-system/icons/src/components/adjustments.tsx
index 50d6c30060..165cea9b20 100644
--- a/packages/design-system/icons/src/components/adjustments.tsx
+++ b/packages/design-system/icons/src/components/adjustments.tsx
@@ -5,19 +5,26 @@ const Adjustments = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth={1.25}
-          d="M8.75 5h8.125M8.75 5a1.25 1.25 0 0 1-2.5 0m2.5 0a1.25 1.25 0 0 0-2.5 0M3.125 5H6.25m2.5 10h8.125M8.75 15a1.25 1.25 0 0 1-2.5 0m2.5 0a1.25 1.25 0 0 0-2.5 0m-3.125 0H6.25m7.5-5h3.125m-3.125 0a1.25 1.25 0 0 1-2.5 0m2.5 0a1.25 1.25 0 0 0-2.5 0m-8.125 0h8.125"
-        />
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M12.611 7.5h.889M1.5 7.5h8.444M7.722 3.278H13.5M1.5 3.278h3.556M7.722 11.722H13.5M1.5 11.722h3.556M9.944 5.722v3.556M5.056 1.5v3.556M5.056 9.944V13.5" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/apple.tsx b/packages/design-system/icons/src/components/apple.tsx
index 6751de5cc0..dc687e59fc 100644
--- a/packages/design-system/icons/src/components/apple.tsx
+++ b/packages/design-system/icons/src/components/apple.tsx
@@ -5,19 +5,19 @@ const Apple = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#000"
-          d="M13.26 1.038c-.838.097-2.022.835-2.61 1.625-.34.453-.54.885-.713 1.535l-.086.325.004.345c.004.19.015.367.025.395.027.068.078.078.44.08.3.003.319 0 .576-.076.687-.2 1.191-.5 1.549-.925.086-.105.216-.245.284-.315.226-.222.516-.716.677-1.144.16-.43.232-.829.253-1.396l.012-.365-.053-.053c-.06-.06-.093-.062-.358-.03Z"
+          d="M9.945.778c-.628.073-1.517.627-1.958 1.22-.255.339-.404.663-.534 1.15l-.065.244.003.26c.003.141.011.274.019.295.02.051.058.059.33.06.225.002.24 0 .432-.057.515-.15.893-.375 1.162-.694a5 5 0 0 1 .213-.236c.17-.167.387-.537.507-.858.12-.322.174-.621.19-1.047l.01-.273-.041-.04c-.045-.045-.07-.047-.268-.024"
         />
         <path
           fill="#000"
-          d="M13.068 5.29c-.407.02-1.503.325-2.291.633-.478.187-.478.187-.572.204-.165.027-.568-.09-1.261-.37a8.54 8.54 0 0 0-1.306-.385c-.235-.051-.624-.058-.792-.01a7.254 7.254 0 0 1-.476.094c-.415.074-.65.146-.962.3-.944.461-1.588 1.124-2.098 2.16a7.04 7.04 0 0 0-.517 1.379c-.183.705-.187 2.059-.008 2.88.02.1.04.22.04.267 0 .099.018.173.19.854.16.63.144.578.45 1.347.43 1.08.567 1.319 1.445 2.53.36.496.543.722.808.992.278.284.502.448.82.605.357.174.513.213.842.211.422 0 .762-.086 1.407-.358.408-.17.434-.178 1.175-.33.222-.048.428-.044.74.008l.354.053c.175.025.352.082.809.265.551.223.94.321 1.347.346.593.037 1.165-.226 1.775-.813.624-.602 1.206-1.427 1.794-2.54.159-.3.412-.915.455-1.1a.955.955 0 0 1 .072-.204.314.314 0 0 0 .039-.111c0-.074-.15-.192-.416-.325a3.7 3.7 0 0 1-1.322-1.193c-.237-.356-.476-.89-.535-1.204-.101-.518-.13-1.086-.072-1.48a4.13 4.13 0 0 1 .115-.484c.212-.714.358-1 .69-1.354.1-.105.182-.201.182-.21 0-.035.504-.456.628-.524.067-.04.154-.099.19-.136.114-.111.098-.154-.186-.487a4.348 4.348 0 0 0-1.424-1.087 3.589 3.589 0 0 0-.934-.325 5.3 5.3 0 0 0-1.195-.098Z"
+          d="M9.801 3.967c-.305.016-1.127.244-1.718.475-.358.14-.358.14-.43.153-.123.02-.425-.068-.945-.278a6.4 6.4 0 0 0-.98-.288c-.175-.039-.467-.043-.594-.008-.05.014-.21.047-.356.071a2.4 2.4 0 0 0-.722.225c-.708.346-1.191.843-1.574 1.62-.17.343-.294.678-.387 1.034-.137.53-.14 1.544-.006 2.16.015.076.03.165.03.2 0 .075.013.13.143.64.12.473.108.434.338 1.011.322.81.424.99 1.083 1.898.27.372.407.541.606.743.208.213.376.337.614.454.268.131.386.16.633.159.316 0 .57-.065 1.055-.268.305-.129.325-.135.88-.249.167-.035.322-.032.556.006l.266.04c.13.019.263.062.606.2.413.166.705.24 1.01.259.445.027.874-.17 1.332-.61.467-.452.904-1.07 1.345-1.905a5.6 5.6 0 0 0 .341-.825.7.7 0 0 1 .054-.153.2.2 0 0 0 .03-.083c0-.056-.113-.144-.312-.244a2.8 2.8 0 0 1-.992-.895c-.178-.267-.357-.667-.401-.903-.076-.388-.098-.814-.054-1.11.01-.078.049-.24.086-.363.159-.535.268-.75.517-1.015.075-.079.137-.151.137-.157 0-.027.378-.343.47-.394a1 1 0 0 0 .144-.102c.085-.083.073-.115-.14-.365a3.3 3.3 0 0 0-1.068-.815 2.7 2.7 0 0 0-.7-.244 4 4 0 0 0-.897-.074"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/archive-box.tsx b/packages/design-system/icons/src/components/archive-box.tsx
index 1852499415..373524e09a 100644
--- a/packages/design-system/icons/src/components/archive-box.tsx
+++ b/packages/design-system/icons/src/components/archive-box.tsx
@@ -5,19 +5,26 @@ const ArchiveBox = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m16.875 6.25-.52 8.86a1.875 1.875 0 0 1-1.873 1.765H5.518a1.875 1.875 0 0 1-1.872-1.765l-.521-8.86m5.208 3.125h3.334M2.813 6.25h14.374c.518 0 .938-.42.938-.938v-1.25a.938.938 0 0 0-.938-.937H2.813a.938.938 0 0 0-.937.938v1.25c0 .517.42.937.938.937Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.611 5.056v6.222c0 .982-.795 1.778-1.778 1.778H4.167a1.777 1.777 0 0 1-1.778-1.778V5.056M13.056 1.944H1.944a.89.89 0 0 0-.888.89v1.333c0 .49.398.888.888.888h11.112a.89.89 0 0 0 .888-.888V2.833a.89.89 0 0 0-.889-.889M5.722 7.722h3.556" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/arrow-down-circle.tsx b/packages/design-system/icons/src/components/arrow-down-circle.tsx
index 90c452e9df..037c065540 100644
--- a/packages/design-system/icons/src/components/arrow-down-circle.tsx
+++ b/packages/design-system/icons/src/components/arrow-down-circle.tsx
@@ -5,18 +5,27 @@ const ArrowDownCircle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18Zm.75-11.25a.75.75 0 1 0-1.5 0v4.59L7.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5a.752.752 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75Z"
-          clipRule="evenodd"
-        />
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M9.722 8.167 7.5 10.389 5.278 8.167M7.5 10.389V4.61" />
+          <path d="M7.5 13.945a6.444 6.444 0 1 0 0-12.89 6.444 6.444 0 0 0 0 12.89" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/arrow-down-left-mini.tsx b/packages/design-system/icons/src/components/arrow-down-left-mini.tsx
index 58d5cb3763..7f362ccc7b 100644
--- a/packages/design-system/icons/src/components/arrow-down-left-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-down-left-mini.tsx
@@ -5,8 +5,8 @@ const ArrowDownLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,14 +16,14 @@ const ArrowDownLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M8 8.667 4.667 12 8 15.333"
+          d="M1.944 8.167h9.334c.982 0 1.778-.796 1.778-1.778V2.833"
         />
         <path
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M15.333 4.667v4.666A2.667 2.667 0 0 1 12.667 12h-8"
+          d="M5.722 4.389 1.944 8.167l3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-down-left.tsx b/packages/design-system/icons/src/components/arrow-down-left.tsx
index 06ccc8f648..17c68fc6f4 100644
--- a/packages/design-system/icons/src/components/arrow-down-left.tsx
+++ b/packages/design-system/icons/src/components/arrow-down-left.tsx
@@ -5,8 +5,8 @@ const ArrowDownLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,14 +16,14 @@ const ArrowDownLeft = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M7.502 8.333 3.335 12.5l4.167 4.166"
+          d="M1.944 8.167h9.334c.982 0 1.778-.796 1.778-1.778V2.833"
         />
         <path
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.668 3.333v5.833a3.333 3.333 0 0 1-3.333 3.334h-10"
+          d="M5.722 4.389 1.944 8.167l3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-down-mini.tsx b/packages/design-system/icons/src/components/arrow-down-mini.tsx
index a397408ba5..37783ad220 100644
--- a/packages/design-system/icons/src/components/arrow-down-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-down-mini.tsx
@@ -5,8 +5,8 @@ const ArrowDownMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowDownMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m15 11-5 5m0 0-5-5m5 5V4"
+          d="M7.5 13.056V1.944M11.278 9.278 7.5 13.056 3.722 9.278"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-down-right-mini.tsx b/packages/design-system/icons/src/components/arrow-down-right-mini.tsx
index b91fe103ac..8c4b27f532 100644
--- a/packages/design-system/icons/src/components/arrow-down-right-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-down-right-mini.tsx
@@ -5,8 +5,8 @@ const ArrowDownRightMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const ArrowDownRightMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12 8.667 15.333 12m0 0L12 15.333M15.333 12h-8a2.667 2.667 0 0 1-2.666-2.667V4.667"
+          d="M13.056 8.167H3.722a1.777 1.777 0 0 1-1.778-1.778V2.833"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="m9.278 4.389 3.778 3.778-3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-down-tray.tsx b/packages/design-system/icons/src/components/arrow-down-tray.tsx
index dc91728095..9b033013a0 100644
--- a/packages/design-system/icons/src/components/arrow-down-tray.tsx
+++ b/packages/design-system/icons/src/components/arrow-down-tray.tsx
@@ -5,8 +5,8 @@ const ArrowDownTray = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowDownTray = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.5 13.75v1.875A1.875 1.875 0 0 0 4.375 17.5h11.25a1.875 1.875 0 0 0 1.875-1.875V13.75M13.75 10 10 13.75m0 0L6.25 10M10 13.75V2.5"
+          d="M13.056 9.944v1.334c0 .982-.796 1.778-1.778 1.778H3.722a1.777 1.777 0 0 1-1.778-1.778V9.944M4.389 5.5 7.5 8.611 10.611 5.5M7.5 8.611V1.944"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-down.tsx b/packages/design-system/icons/src/components/arrow-down.tsx
index f164ca83e0..5ae76afb09 100644
--- a/packages/design-system/icons/src/components/arrow-down.tsx
+++ b/packages/design-system/icons/src/components/arrow-down.tsx
@@ -5,8 +5,8 @@ const ArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.25 11.25 10 17.5m0 0-6.25-6.25M10 17.5v-15"
+          d="M7.667 13.056V1.944M11.445 9.278l-3.778 3.778-3.778-3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-left-mini.tsx b/packages/design-system/icons/src/components/arrow-left-mini.tsx
index f83857e9b0..f8bac07555 100644
--- a/packages/design-system/icons/src/components/arrow-left-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-left-mini.tsx
@@ -5,8 +5,8 @@ const ArrowLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M9.5 5.5 5 10m0 0 4.5 4.5M5 10h10"
+          d="M1.944 7.5h11.112M5.722 11.278 1.944 7.5l3.778-3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-left.tsx b/packages/design-system/icons/src/components/arrow-left.tsx
index 77b43be6bc..1ce493f851 100644
--- a/packages/design-system/icons/src/components/arrow-left.tsx
+++ b/packages/design-system/icons/src/components/arrow-left.tsx
@@ -5,8 +5,8 @@ const ArrowLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowLeft = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M8.75 16.25 2.5 10m0 0 6.25-6.25M2.5 10h15"
+          d="M1.944 7.5h11.112M5.722 11.278 1.944 7.5l3.778-3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-long-down.tsx b/packages/design-system/icons/src/components/arrow-long-down.tsx
index 0a69a75011..7914d39b71 100644
--- a/packages/design-system/icons/src/components/arrow-long-down.tsx
+++ b/packages/design-system/icons/src/components/arrow-long-down.tsx
@@ -5,8 +5,8 @@ const ArrowLongDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowLongDown = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.125 14.375 10 17.5m0 0-3.125-3.125M10 17.5v-15"
+          d="M7.5 13.055V1.945M11.278 9.278 7.5 13.056 3.722 9.278"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-long-left.tsx b/packages/design-system/icons/src/components/arrow-long-left.tsx
index 83fd6471cb..8b01591de0 100644
--- a/packages/design-system/icons/src/components/arrow-long-left.tsx
+++ b/packages/design-system/icons/src/components/arrow-long-left.tsx
@@ -5,8 +5,8 @@ const ArrowLongLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowLongLeft = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M5.625 13.125 2.5 10m0 0 3.125-3.125M2.5 10h15"
+          d="M1.944 7.5h11.112M5.722 11.278 1.944 7.5l3.778-3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-long-right.tsx b/packages/design-system/icons/src/components/arrow-long-right.tsx
index 880028e3e8..75dac3307d 100644
--- a/packages/design-system/icons/src/components/arrow-long-right.tsx
+++ b/packages/design-system/icons/src/components/arrow-long-right.tsx
@@ -5,8 +5,8 @@ const ArrowLongRight = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowLongRight = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M14.375 6.875 17.5 10m0 0-3.125 3.125M17.5 10h-15"
+          d="M13.056 7.5H1.944M9.278 3.722 13.056 7.5l-3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-long-up.tsx b/packages/design-system/icons/src/components/arrow-long-up.tsx
index 25fe2df0e1..c916cacb3f 100644
--- a/packages/design-system/icons/src/components/arrow-long-up.tsx
+++ b/packages/design-system/icons/src/components/arrow-long-up.tsx
@@ -5,8 +5,8 @@ const ArrowLongUp = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowLongUp = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M6.875 5.625 10 2.5m0 0 3.125 3.125M10 2.5v15"
+          d="M7.667 1.944v11.111M3.889 5.722l3.778-3.778 3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-path-mini.tsx b/packages/design-system/icons/src/components/arrow-path-mini.tsx
index ecdcb3a8de..cf870ea70e 100644
--- a/packages/design-system/icons/src/components/arrow-path-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-path-mini.tsx
@@ -5,19 +5,28 @@ const ArrowPathMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12.682 8.232h3.328L13.89 6.11a5.5 5.5 0 0 0-9.202 2.467m-.698 6.519v-3.328m0 0h3.328m-3.328 0 2.12 2.122a5.5 5.5 0 0 0 9.202-2.467m.698-6.519v3.327"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M13.944 7.5A6.444 6.444 0 0 1 1.536 9.944" />
+          <path d="m1.171 12.562.363-2.618 2.617.362M1.056 7.5a6.445 6.445 0 0 1 12.409-2.444" />
+          <path d="m13.829 2.438-.363 2.618-2.617-.362" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/arrow-path.tsx b/packages/design-system/icons/src/components/arrow-path.tsx
index c9c5555b8c..680cfff7de 100644
--- a/packages/design-system/icons/src/components/arrow-path.tsx
+++ b/packages/design-system/icons/src/components/arrow-path.tsx
@@ -5,19 +5,28 @@ const ArrowPath = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.352 7.79h4.16v0M2.489 16.37v-4.16m0 0h4.16m-4.161 0 2.65 2.652A6.874 6.874 0 0 0 16.64 11.78M3.36 8.221a6.875 6.875 0 0 1 11.502-3.083l2.65 2.651m0-4.159v4.158"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M13.944 7.5A6.444 6.444 0 0 1 1.536 9.944" />
+          <path d="m1.171 12.562.363-2.618 2.617.362M1.056 7.5a6.445 6.445 0 0 1 12.408-2.444" />
+          <path d="m13.829 2.438-.363 2.618-2.617-.362" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/arrow-right-mini.tsx b/packages/design-system/icons/src/components/arrow-right-mini.tsx
index 848e7ed171..d13f98a4a2 100644
--- a/packages/design-system/icons/src/components/arrow-right-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-right-mini.tsx
@@ -5,8 +5,8 @@ const ArrowRightMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowRightMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M5 10h10m0 0-4.5-4.5M15 10l-4.5 4.5"
+          d="M13.056 7.5H1.944M9.278 3.722 13.056 7.5l-3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-right-on-rectangle.tsx b/packages/design-system/icons/src/components/arrow-right-on-rectangle.tsx
index fca7f388ab..67b45e4488 100644
--- a/packages/design-system/icons/src/components/arrow-right-on-rectangle.tsx
+++ b/packages/design-system/icons/src/components/arrow-right-on-rectangle.tsx
@@ -5,8 +5,8 @@ const ArrowRightOnRectangle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const ArrowRightOnRectangle = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.125 7.5V4.375A1.875 1.875 0 0 0 11.25 2.5h-5a1.875 1.875 0 0 0-1.875 1.875v11.25A1.875 1.875 0 0 0 6.25 17.5h5a1.875 1.875 0 0 0 1.875-1.875V12.5m2.5 0 2.5-2.5m0 0-2.5-2.5m2.5 2.5H7.5"
+          d="M8.167 1.944h3.11c.983 0 1.779.796 1.779 1.778v7.556c0 .982-.796 1.778-1.778 1.778H8.167"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M5.5 10.611 8.611 7.5 5.5 4.389M8.611 7.5H1.944"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-up-circle-solid.tsx b/packages/design-system/icons/src/components/arrow-up-circle-solid.tsx
index 90e5618272..ab8d1059ff 100644
--- a/packages/design-system/icons/src/components/arrow-up-circle-solid.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-circle-solid.tsx
@@ -5,18 +5,23 @@ const ArrowUpCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18Zm-.75-4.75a.75.75 0 1 0 1.5 0V8.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L6.2 9.74a.75.75 0 0 0 1.1 1.02l1.95-2.1v4.59Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m2.693 6.915a.665.665 0 0 1-.942 0L8.167 6.22v4.168a.667.667 0 0 1-1.334 0V6.221L5.75 7.305a.667.667 0 1 1-.943-.943L7.028 4.14c.26-.26.683-.26.943 0l2.222 2.222c.26.26.26.683 0 .943"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/arrow-up-down.tsx b/packages/design-system/icons/src/components/arrow-up-down.tsx
index ef7bbab4ad..cd4e1a59fe 100644
--- a/packages/design-system/icons/src/components/arrow-up-down.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-down.tsx
@@ -5,8 +5,8 @@ const ArrowUpDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowUpDown = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.5 6.25 6.25 2.5m0 0L10 6.25M6.25 2.5v11.25m11.25 0-3.75 3.75m0 0L10 13.75m3.75 3.75V6.25"
+          d="M7.056 10.611 9.944 13.5l2.89-2.889M9.944 13.5V6.389M2.167 4.389 5.056 1.5l2.888 2.889M5.056 1.5v7.111"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-up-mini.tsx b/packages/design-system/icons/src/components/arrow-up-mini.tsx
index c8dab018eb..9b752fc7f4 100644
--- a/packages/design-system/icons/src/components/arrow-up-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-mini.tsx
@@ -5,8 +5,8 @@ const ArrowUpMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowUpMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m5 9 5-5m0 0 5 5m-5-5v12"
+          d="M7.5 1.944v11.112M3.722 5.722 7.5 1.944l3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/user-circle-mini.tsx b/packages/design-system/icons/src/components/arrow-up-right-micro.tsx
similarity index 56%
rename from packages/design-system/icons/src/components/user-circle-mini.tsx
rename to packages/design-system/icons/src/components/arrow-up-right-micro.tsx
index fcf6d09811..864fa3f4fd 100644
--- a/packages/design-system/icons/src/components/user-circle-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-right-micro.tsx
@@ -1,12 +1,12 @@
 import * as React from "react"
 import type { IconProps } from "../types"
-const UserCircleMini = React.forwardRef<SVGSVGElement, IconProps>(
+const ArrowUpRightMicro = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, ref) => {
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,11 +16,11 @@ const UserCircleMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12.5 6a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM5 15.412a5 5 0 0 1 10 0 11.956 11.956 0 0 1-5 1.088c-1.784 0-3.477-.39-5-1.088Z"
+          d="m12.167 2.833-9.334 9.334M6.824 2.833h5.343v5.342"
         />
       </svg>
     )
   }
 )
-UserCircleMini.displayName = "UserCircleMini"
-export default UserCircleMini
+ArrowUpRightMicro.displayName = "ArrowUpRightMicro"
+export default ArrowUpRightMicro
diff --git a/packages/design-system/icons/src/components/arrow-up-right-mini.tsx b/packages/design-system/icons/src/components/arrow-up-right-mini.tsx
index 1b681d8f14..a455b29845 100644
--- a/packages/design-system/icons/src/components/arrow-up-right-mini.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-right-mini.tsx
@@ -5,8 +5,8 @@ const ArrowUpRightMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowUpRightMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m5.75 14.25 8.5-8.5m0 0h-7.5m7.5 0v7.5"
+          d="m12.167 2.833-9.334 9.334M6.824 2.833h5.343v5.342"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-up-right-on-box.tsx b/packages/design-system/icons/src/components/arrow-up-right-on-box.tsx
index 70ce538495..f5375be5ab 100644
--- a/packages/design-system/icons/src/components/arrow-up-right-on-box.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-right-on-box.tsx
@@ -5,8 +5,8 @@ const ArrowUpRightOnBox = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowUpRightOnBox = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M9.054 5.327H4.743A1.752 1.752 0 0 0 2.99 7.079v8.178a1.752 1.752 0 0 0 1.753 1.753h8.178a1.752 1.752 0 0 0 1.752-1.753v-4.236m-7.67 1.993L17.01 2.99m0 0h-4.09m4.09 0v4.09"
+          d="M8.833 1.944h4.223v4.223M13.056 1.944 7.5 7.5M11.278 8.833v2.445c0 .982-.796 1.778-1.778 1.778H3.722a1.777 1.777 0 0 1-1.778-1.778V5.5c0-.982.796-1.778 1.778-1.778h2.445"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-up-tray.tsx b/packages/design-system/icons/src/components/arrow-up-tray.tsx
index 01c5322439..dea54a4bd5 100644
--- a/packages/design-system/icons/src/components/arrow-up-tray.tsx
+++ b/packages/design-system/icons/src/components/arrow-up-tray.tsx
@@ -5,8 +5,8 @@ const ArrowUpTray = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowUpTray = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.5 13.75v1.875A1.875 1.875 0 0 0 4.375 17.5h11.25a1.875 1.875 0 0 0 1.875-1.875V13.75M6.25 6.25 10 2.5m0 0 3.75 3.75M10 2.5v11.25"
+          d="M13.056 9.944v1.334c0 .982-.796 1.777-1.778 1.777H3.722a1.777 1.777 0 0 1-1.778-1.777V9.944M10.611 5.055 7.5 1.945l-3.111 3.11M7.5 1.944v6.667"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrow-uturn-left.tsx b/packages/design-system/icons/src/components/arrow-uturn-left.tsx
index 67f6d153fb..062a99704e 100644
--- a/packages/design-system/icons/src/components/arrow-uturn-left.tsx
+++ b/packages/design-system/icons/src/components/arrow-uturn-left.tsx
@@ -5,19 +5,27 @@ const ArrowUturnLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M7.667 12.333 3.001 7.667m0 0 4.666-4.666M3.001 7.667h9.332a4.666 4.666 0 1 1 0 9.332H10"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.5 5.056h8.667a3.333 3.333 0 0 1 0 6.666H6.833" />
+          <path d="M4.611 8.167 1.5 5.056l3.111-3.112" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/arrows-pointing-out-mini.tsx b/packages/design-system/icons/src/components/arrows-pointing-out-mini.tsx
index adaaaa420d..3c281472cf 100644
--- a/packages/design-system/icons/src/components/arrows-pointing-out-mini.tsx
+++ b/packages/design-system/icons/src/components/arrows-pointing-out-mini.tsx
@@ -5,8 +5,8 @@ const ArrowsPointingOutMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowsPointingOutMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M4.5 15.5v-3m0 3h3m-3 0L8 12m7.5-7.5h-3m3 0v3m0-3L12 8"
+          d="M9.056 1.944h4v4M13.056 1.944l-4 4M1.944 9.056v4h4M1.944 13.056l4-4"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrows-pointing-out.tsx b/packages/design-system/icons/src/components/arrows-pointing-out.tsx
index 633c8315d1..f4c2ee11b2 100644
--- a/packages/design-system/icons/src/components/arrows-pointing-out.tsx
+++ b/packages/design-system/icons/src/components/arrows-pointing-out.tsx
@@ -5,8 +5,8 @@ const ArrowsPointingOut = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrowsPointingOut = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M3.125 16.875v-3.75m0 3.75h3.75m-3.75 0L7.5 12.5m9.375-9.375h-3.75m3.75 0v3.75m0-3.75L12.5 7.5"
+          d="M9.056 1.944h4v4M13.056 1.944l-4 4M1.944 9.056v4h4M1.944 13.056l4-4"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/arrrow-right.tsx b/packages/design-system/icons/src/components/arrrow-right.tsx
index 5fbda90faf..6ca4dc6e2e 100644
--- a/packages/design-system/icons/src/components/arrrow-right.tsx
+++ b/packages/design-system/icons/src/components/arrrow-right.tsx
@@ -5,8 +5,8 @@ const ArrrowRight = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ArrrowRight = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M11.25 3.75 17.5 10m0 0-6.25 6.25M17.5 10h-15"
+          d="M13.056 7.5H1.944M9.278 3.722 13.056 7.5l-3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/at-symbol.tsx b/packages/design-system/icons/src/components/at-symbol.tsx
index e27a7b740b..619064f9bd 100644
--- a/packages/design-system/icons/src/components/at-symbol.tsx
+++ b/packages/design-system/icons/src/components/at-symbol.tsx
@@ -5,18 +5,27 @@ const AtSymbol = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
+          strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.75 10c0 1.38.84 2.5 1.875 2.5 1.036 0 1.875-1.12 1.875-2.5a7.5 7.5 0 1 0-2.197 5.303M13.75 10V6.875m0 3.125a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0v0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.389 10.167c1.411 0 2.555-1.244 2.555-2.778S8.8 4.61 7.39 4.61 4.833 5.855 4.833 7.39s1.144 2.778 2.556 2.778" />
+          <path d="M9.944 4.611v4.607c0 1.382 2.077 1.62 3.175-.248.932-1.58.704-3.99-.46-5.577C10.947 1.058 6.99.185 4.114 2.115 1.472 3.89.531 7.478 1.991 10.378c1.444 2.87 4.835 4.262 7.905 3.223" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/backward-solid.tsx b/packages/design-system/icons/src/components/backward-solid.tsx
index a44c2c0408..5084ef4f81 100644
--- a/packages/design-system/icons/src/components/backward-solid.tsx
+++ b/packages/design-system/icons/src/components/backward-solid.tsx
@@ -5,16 +5,23 @@ const BackwardSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M7.662 14.742A1.563 1.563 0 0 0 10 13.384v-1.95l5.787 3.307a1.562 1.562 0 0 0 2.338-1.357V6.615c0-1.2-1.296-1.951-2.338-1.356L10 8.567v-1.95c0-1.2-1.296-1.953-2.338-1.358L1.74 8.644a1.562 1.562 0 0 0 0 2.714l5.923 3.384Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M14.255 3.285a1 1 0 0 0-1-.014l-4.95 2.743V4.152a1 1 0 0 0-.495-.867 1 1 0 0 0-.999-.013L.77 6.619a1.008 1.008 0 0 0 0 1.762l6.041 3.347a1 1 0 0 0 1-.012 1 1 0 0 0 .495-.868V8.986l4.95 2.742a1 1 0 0 0 .999-.012 1 1 0 0 0 .495-.868V4.152a1 1 0 0 0-.495-.867"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/bars-arrow-down.tsx b/packages/design-system/icons/src/components/bars-arrow-down.tsx
index aa325fc831..5d97ac68c3 100644
--- a/packages/design-system/icons/src/components/bars-arrow-down.tsx
+++ b/packages/design-system/icons/src/components/bars-arrow-down.tsx
@@ -5,8 +5,8 @@ const BarsArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const BarsArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.5 3.75h11.875M2.5 7.5h8.125M2.5 11.25h8.125m3.75-3.75v10m0 0-3.125-3.125m3.125 3.125 3.125-3.125"
+          d="m8.611 10.834 2.222 2.222 2.223-2.222M10.833 13.056v-8M1.944 8.166h5.778M1.944 5.056h5.778M1.944 1.944h8.89"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/bars-three.tsx b/packages/design-system/icons/src/components/bars-three.tsx
index 9cf3b95fd9..773211cc40 100644
--- a/packages/design-system/icons/src/components/bars-three.tsx
+++ b/packages/design-system/icons/src/components/bars-three.tsx
@@ -5,19 +5,31 @@ const BarsThree = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M3.125 5h13.75m-13.75 5h13.75m-13.75 5h13.75"
-        />
+        <g clipPath="url(#a)">
+          <g
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            clipPath="url(#b)"
+          >
+            <path d="M1.5 7.5h12M1.5 2.833h12M1.5 12.167h12" />
+          </g>
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+          <clipPath id="b">
+            <path fill="#fff" d="M-.5-.5h16v16h-16z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/beaker.tsx b/packages/design-system/icons/src/components/beaker.tsx
index 4345e71289..e019878af8 100644
--- a/packages/design-system/icons/src/components/beaker.tsx
+++ b/packages/design-system/icons/src/components/beaker.tsx
@@ -5,8 +5,8 @@ const Beaker = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -15,8 +15,8 @@ const Beaker = React.forwardRef<SVGSVGElement, IconProps>(
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth={1.25}
-          d="M8.125 2.587v4.761a1.875 1.875 0 0 1-.55 1.326l-3.408 3.41m3.958-9.498c-.21.02-.418.042-.625.069m.625-.068a20.252 20.252 0 0 1 3.75 0m-7.708 9.496.641-.16A7.554 7.554 0 0 1 10 12.5a7.554 7.554 0 0 0 5.192.577l1.308-.327m-12.333-.667L2.332 13.92c-1.028 1.026-.543 2.764.889 3.008 2.203.377 4.468.573 6.779.573 2.272 0 4.54-.19 6.78-.573 1.43-.244 1.915-1.982.888-3.009L16.5 12.75M11.875 2.587v4.761c0 .498.197.975.55 1.326L16.5 12.75M11.875 2.587c.21.019.418.041.625.068"
+          strokeWidth={1.5}
+          d="M4.005 9.5h6.99M5.944 1.056v4.666l-3.224 6.28a1.333 1.333 0 0 0 1.185 1.943h7.19a1.333 1.333 0 0 0 1.185-1.943l-3.224-6.28V1.056M4.611 1.056h5.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/bell-alert-solid.tsx b/packages/design-system/icons/src/components/bell-alert-solid.tsx
index 75b3b82fb9..9f3053a622 100644
--- a/packages/design-system/icons/src/components/bell-alert-solid.tsx
+++ b/packages/design-system/icons/src/components/bell-alert-solid.tsx
@@ -5,21 +5,15 @@ const BellAlertSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M4.875 2.917a.625.625 0 0 0-.93-.834 8.1 8.1 0 0 0-1.957 4.064.625.625 0 0 0 1.232.206 6.85 6.85 0 0 1 1.655-3.436Zm11.18-.834a.625.625 0 1 0-.93.834 6.85 6.85 0 0 1 1.655 3.436.625.625 0 0 0 1.233-.206 8.098 8.098 0 0 0-1.957-4.064Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10 1.875A5.625 5.625 0 0 0 4.375 7.5v.625a6.847 6.847 0 0 1-1.766 4.6.625.625 0 0 0 .248 1.005 20.46 20.46 0 0 0 4.026 1.036 3.125 3.125 0 1 0 6.234 0 20.488 20.488 0 0 0 4.025-1.037.625.625 0 0 0 .248-1.004 6.847 6.847 0 0 1-1.765-4.6V7.5A5.625 5.625 0 0 0 10 1.875ZM8.125 15c0-.028 0-.056.002-.083 1.246.112 2.5.112 3.746 0l.002.083a1.875 1.875 0 1 1-3.75 0Z"
-          clipRule="evenodd"
+          d="M13.5 10.611A1.113 1.113 0 0 1 12.389 9.5V5.278a4.894 4.894 0 0 0-4.89-4.89 4.894 4.894 0 0 0-4.888 4.89V9.5c0 .613-.499 1.111-1.111 1.111a.667.667 0 0 0 0 1.333h12a.667.667 0 0 0 0-1.333M8.567 12.833H6.434A.444.444 0 0 0 6 13.37c.153.731.771 1.242 1.5 1.242.73 0 1.348-.511 1.502-1.242a.445.445 0 0 0-.434-.536z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/bell-alert.tsx b/packages/design-system/icons/src/components/bell-alert.tsx
index 53487e117c..03cc7c1190 100644
--- a/packages/design-system/icons/src/components/bell-alert.tsx
+++ b/packages/design-system/icons/src/components/bell-alert.tsx
@@ -5,18 +5,17 @@ const BellAlert = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12.38 14.235a19.872 19.872 0 0 0 4.546-1.092A7.472 7.472 0 0 1 15 8.125V7.5a5 5 0 0 0-10 0v.625a7.472 7.472 0 0 1-1.927 5.018c1.445.534 2.967.904 4.546 1.092m4.762 0c-1.582.188-3.18.188-4.762 0m4.762 0a2.5 2.5 0 1 1-4.762 0M2.603 6.25A7.474 7.474 0 0 1 4.41 2.5m11.18 0a7.474 7.474 0 0 1 1.807 3.75"
+          fill={color}
+          fillRule="evenodd"
+          d="M7.5.347A4.973 4.973 0 0 0 2.528 5.32v4.222c0 .568-.46 1.027-1.028 1.027a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5c-.568 0-1.028-.46-1.028-1.027V5.32A4.973 4.973 0 0 0 7.5.347m3.472 9.195c0 .366.078.713.218 1.027H3.81a2.5 2.5 0 0 0 .218-1.027V5.32a3.473 3.473 0 0 1 6.944 0zm-2.405 3.333a.444.444 0 0 1 .435.536c-.154.73-.771 1.242-1.501 1.242S6.153 14.142 6 13.41a.445.445 0 0 1 .434-.536z"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/bolt-solid.tsx b/packages/design-system/icons/src/components/bolt-solid.tsx
index 8b4bedf1cb..e113cf0e8f 100644
--- a/packages/design-system/icons/src/components/bolt-solid.tsx
+++ b/packages/design-system/icons/src/components/bolt-solid.tsx
@@ -5,17 +5,15 @@ const BoltSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M12.034 1.577a.6.6 0 0 1 .254.295.63.63 0 0 1 .025.394l-1.55 5.912h5.654c.113 0 .225.035.32.1a.6.6 0 0 1 .215.266.63.63 0 0 1-.11.656l-8.166 9.107a.564.564 0 0 1-.711.116.6.6 0 0 1-.254-.296.63.63 0 0 1-.024-.395l1.55-5.911H3.582a.567.567 0 0 1-.32-.1.602.602 0 0 1-.215-.265.63.63 0 0 1 .11-.657l8.166-9.106a.564.564 0 0 1 .71-.116Z"
-          clipRule="evenodd"
+          d="M12.716 5.003a1.11 1.11 0 0 0-.994-.614H9.364l.967-2.487A1.113 1.113 0 0 0 9.296.389H5.589c-.464 0-.884.292-1.044.728l-2.12 5.779A1.112 1.112 0 0 0 3.47 8.388h3.369l-1.535 5.373a.666.666 0 0 0 1.174.583l6.135-8.177c.253-.339.293-.784.104-1.164"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/bolt.tsx b/packages/design-system/icons/src/components/bolt.tsx
index e8fb7f3e5d..4d5a7a09ae 100644
--- a/packages/design-system/icons/src/components/bolt.tsx
+++ b/packages/design-system/icons/src/components/bolt.tsx
@@ -5,8 +5,8 @@ const Bolt = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Bolt = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m3.125 11.25 8.75-9.375L10 8.75h6.875l-8.75 9.375L10 11.25H3.125Z"
+          d="m5.944 13.945 1.778-6.223H3.47a.444.444 0 0 1-.417-.597L5.17 1.347a.44.44 0 0 1 .417-.291h3.707c.313 0 .527.313.414.605l-1.32 3.395h3.333c.366 0 .575.417.356.71z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/book-open.tsx b/packages/design-system/icons/src/components/book-open.tsx
index 7a4cf9c894..744b0de102 100644
--- a/packages/design-system/icons/src/components/book-open.tsx
+++ b/packages/design-system/icons/src/components/book-open.tsx
@@ -5,19 +5,27 @@ const BookOpen = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 5.035a7.473 7.473 0 0 0-5-1.91 7.48 7.48 0 0 0-2.5.427v11.875A7.49 7.49 0 0 1 5 15c1.92 0 3.673.723 5 1.91m0-11.875a7.472 7.472 0 0 1 5-1.91c.877 0 1.718.15 2.5.427v11.875A7.49 7.49 0 0 0 15 15a7.473 7.473 0 0 0-5 1.91m0-11.875V16.91"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 12.96a.9.9 0 0 0 .44-.118 5.6 5.6 0 0 1 2.791-.751 5.5 5.5 0 0 1 2.018.386c.576.227 1.194-.213 1.194-.833V3.571a.88.88 0 0 0-.431-.765 5.5 5.5 0 0 0-2.792-.767c-1.68 0-2.842.775-3.22 1.05" />
+          <path d="M7.5 12.96a.9.9 0 0 1-.44-.118 5.6 5.6 0 0 0-2.791-.751 5.5 5.5 0 0 0-2.018.386c-.576.227-1.195-.21-1.195-.829v-8.08c0-.315.161-.6.432-.76A5.5 5.5 0 0 1 4.28 2.04c1.68 0 2.842.775 3.22 1.05z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/bottom-to-top.tsx b/packages/design-system/icons/src/components/bottom-to-top.tsx
new file mode 100644
index 0000000000..7fd5b7f355
--- /dev/null
+++ b/packages/design-system/icons/src/components/bottom-to-top.tsx
@@ -0,0 +1,34 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const BottomToTop = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="m5.5 5.278 2-2-2-2M13.944 7.5h-4M13.944 3.278h-4M13.944 11.722h-4" />
+          <path d="M7.5 3.278H5.278a4.223 4.223 0 0 0 0 8.444h1.555" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+BottomToTop.displayName = "BottomToTop"
+export default BottomToTop
diff --git a/packages/design-system/icons/src/components/bug-ant-solid.tsx b/packages/design-system/icons/src/components/bug-ant-solid.tsx
index 3f143a2299..89b5fb404c 100644
--- a/packages/design-system/icons/src/components/bug-ant-solid.tsx
+++ b/packages/design-system/icons/src/components/bug-ant-solid.tsx
@@ -5,18 +5,23 @@ const BugAntSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M6.788 1.727a.7.7 0 0 1 .165.976 3.725 3.725 0 0 0-.433.803c.173.159.357.307.551.441A3.728 3.728 0 0 1 10 2.53c1.188 0 2.245.555 2.929 1.417.194-.134.378-.281.55-.441a3.72 3.72 0 0 0-.433-.803.7.7 0 0 1 1.141-.811c.345.484.607 1.031.768 1.62a.7.7 0 0 1-.163.66c-.36.39-.768.734-1.213 1.026.103.346.156.705.155 1.067 0 .485-.28.899-.675 1.108a6.501 6.501 0 0 1-1.08.454c.12.194.215.407.276.634a18.057 18.057 0 0 0 3.81-.897A18.349 18.349 0 0 0 15.98 5.4a.7.7 0 0 1 1.394-.136c.092.94.117 1.884.075 2.827a.7.7 0 0 1-.45.623 19.49 19.49 0 0 1-4.812 1.166c-.029.079-.062.156-.1.23 1.68.178 3.328.572 4.905 1.174a.7.7 0 0 1 .448.691 19.55 19.55 0 0 1-.847 4.768.701.701 0 0 1-1.338-.414c.388-1.251.645-2.561.753-3.912a17.588 17.588 0 0 0-1.412-.43c.047.264.071.536.071.814 0 1.694-.482 3.093-1.331 4.08A4.333 4.333 0 0 1 10 18.402a4.333 4.333 0 0 1-3.337-1.521c-.85-.99-1.331-2.388-1.331-4.08 0-.279.024-.551.07-.816-.478.125-.949.268-1.411.43a18.06 18.06 0 0 0 .752 3.913.7.7 0 1 1-1.338.414 19.55 19.55 0 0 1-.847-4.768.7.7 0 0 1 .45-.69A19.478 19.478 0 0 1 7.91 10.11a2.315 2.315 0 0 1-.1-.231 19.49 19.49 0 0 1-4.81-1.166.7.7 0 0 1-.45-.623 19.927 19.927 0 0 1 .074-2.827.7.7 0 1 1 1.394.136c-.07.72-.099 1.443-.084 2.166 1.215.429 2.49.733 3.81.896.06-.227.154-.44.276-.634a6.5 6.5 0 0 1-1.08-.454 1.259 1.259 0 0 1-.676-1.108c0-.362.052-.721.155-1.067a6.565 6.565 0 0 1-1.214-1.026.7.7 0 0 1-.161-.66c.158-.58.418-1.13.767-1.62a.7.7 0 0 1 .976-.165Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M11.945 8.833h2a.667.667 0 0 0 0-1.333h-2v-.964A3.114 3.114 0 0 0 14.389 3.5a.667.667 0 0 0-1.333 0 1.78 1.78 0 0 1-1.412 1.739 2.43 2.43 0 0 0-1.477-1.19V3.5A2.67 2.67 0 0 0 7.5.833 2.67 2.67 0 0 0 4.833 3.5v.548a2.44 2.44 0 0 0-1.477 1.19A1.78 1.78 0 0 1 1.944 3.5a.667.667 0 0 0-1.333 0 3.114 3.114 0 0 0 2.445 3.036V7.5h-2a.667.667 0 0 0 0 1.333h2v.445c0 .173.027.34.046.507a3.116 3.116 0 0 0-2.49 3.048.667.667 0 0 0 1.332 0c0-.89.66-1.622 1.514-1.75a4.45 4.45 0 0 0 3.375 2.572v-4.6a.667.667 0 0 1 1.334 0v4.6a4.45 4.45 0 0 0 3.375-2.573 1.776 1.776 0 0 1 1.514 1.751.667.667 0 0 0 1.333 0 3.116 3.116 0 0 0-2.49-3.048c.019-.168.046-.333.046-.507zM6.167 3.944V3.5c0-.735.598-1.333 1.333-1.333s1.333.598 1.333 1.333v.444z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/bug.tsx b/packages/design-system/icons/src/components/bug.tsx
index 561ea63011..f0c3d3c6fe 100644
--- a/packages/design-system/icons/src/components/bug.tsx
+++ b/packages/design-system/icons/src/components/bug.tsx
@@ -5,19 +5,27 @@ const Bug = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 10.615c.942 0 1.868.066 2.774.195.85.12 1.53.792 1.53 1.65 0 3.056-1.927 5.534-4.304 5.534-2.378 0-4.304-2.478-4.304-5.534 0-.858.68-1.53 1.53-1.65.92-.13 1.846-.195 2.774-.195Zm0 0c2.364 0 4.63.417 6.729 1.18a19.604 19.604 0 0 1-.944 4.97M10 10.614c-2.363 0-4.63.417-6.729 1.18.103 1.726.426 3.392.945 4.97M10 10.614a1.845 1.845 0 0 0 1.843-1.93M10 10.615a1.845 1.845 0 0 1-1.843-1.93m3.686 0A1.845 1.845 0 0 0 10 6.926m1.843 1.76a19.586 19.586 0 0 0 4.283-.888 19.735 19.735 0 0 0-.321-2.717M8.157 8.685A1.845 1.845 0 0 1 10 6.926m-1.843 1.76a19.578 19.578 0 0 1-4.282-.888c.044-.912.152-1.82.322-2.717M10 6.926c.816 0 1.616-.066 2.396-.193.33-.055.607-.294.652-.625a3.098 3.098 0 0 0-.327-1.845M10 6.926c-.816 0-1.616-.066-2.396-.193-.33-.055-.607-.294-.652-.625a3.061 3.061 0 0 1 .328-1.847m0 0a4.94 4.94 0 0 1-.947-.821 3.662 3.662 0 0 1 .47-1.432m.477 2.253a3.072 3.072 0 0 1 4.308-1.199c.48.29.87.704 1.132 1.2.35-.233.668-.509.947-.82a3.666 3.666 0 0 0-.472-1.436"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 13.056v-4M5.5 4.611V3.5a2 2 0 1 1 4 0v1.111M3.722 8.167H1.056M3.722 5.944A2.444 2.444 0 0 1 1.278 3.5M3.722 10.389a2.444 2.444 0 0 0-2.444 2.444M11.278 8.167h2.666M11.278 5.944A2.444 2.444 0 0 0 13.722 3.5M11.278 10.389a2.444 2.444 0 0 1 2.444 2.444" />
+          <path d="M5.5 4.611h4c.981 0 1.778.797 1.778 1.778v2.889A3.78 3.78 0 0 1 7.5 13.056a3.78 3.78 0 0 1-3.778-3.778v-2.89c0-.98.797-1.777 1.778-1.777" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/building-storefront.tsx b/packages/design-system/icons/src/components/building-storefront.tsx
index b76da450f2..fee8660ecc 100644
--- a/packages/design-system/icons/src/components/building-storefront.tsx
+++ b/packages/design-system/icons/src/components/building-storefront.tsx
@@ -5,19 +5,26 @@ const BuildingStorefront = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M11.25 17.5v-6.25a.625.625 0 0 1 .625-.625h2.5a.625.625 0 0 1 .625.625v6.25m-3.75 0H1.967m9.283 0H15m0 0h3.033m-1.158 0V7.79a2.499 2.499 0 0 0 .517-3.933l-.991-.99a1.25 1.25 0 0 0-.883-.367H4.482c-.332 0-.65.132-.884.367l-.99.99a2.503 2.503 0 0 0 .517 3.933m0 9.71V7.791a2.5 2.5 0 0 0 3.125-.513 2.494 2.494 0 0 0 1.875.846c.747 0 1.417-.327 1.875-.847a2.494 2.494 0 0 0 1.875.847c.747 0 1.417-.327 1.875-.847a2.5 2.5 0 0 0 3.125.512M5.625 15H8.75a.625.625 0 0 0 .625-.626V11.25a.625.625 0 0 0-.625-.625H5.625A.625.625 0 0 0 5 11.25v3.125c0 .346.28.624.625.624Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M2.833 13.945v-6M12.167 7.944v6M11.65 1.056h-8.3a.89.89 0 0 0-.773.448L1.061 4.167a2.66 2.66 0 0 0 2.418 1.555 2.65 2.65 0 0 0 2.01-.932 2.65 2.65 0 0 0 2.011.932c.807 0 1.52-.365 2.01-.931a2.65 2.65 0 0 0 2.01.931c1.074 0 1.995-.639 2.417-1.555l-1.514-2.663a.89.89 0 0 0-.774-.448M5.944 13.722v-2.666a1.556 1.556 0 0 1 3.112 0v2.666M1.056 13.945h12.888" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/building-tax.tsx b/packages/design-system/icons/src/components/building-tax.tsx
index 6fe45b8f2d..f6adf843c0 100644
--- a/packages/design-system/icons/src/components/building-tax.tsx
+++ b/packages/design-system/icons/src/components/building-tax.tsx
@@ -5,16 +5,23 @@ const BuildingTax = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M2.5 7.5h-.75c0 .414.336.75.75.75V7.5Zm15 0v.75a.75.75 0 0 0 .75-.75h-.75Zm0-1.667h.75a.75.75 0 0 0-.445-.685l-.305.685ZM10 2.5l.305-.685a.75.75 0 0 0-.61 0L10 2.5ZM2.5 5.833l-.305-.685a.75.75 0 0 0-.445.685h.75Zm5.833 11.584a.75.75 0 0 0 0-1.5v1.5Zm-5.833-.75-.72-.21a.75.75 0 0 0 .72.96v-.75Zm.73-2.5v-.75a.75.75 0 0 0-.72.54l.72.21Zm5.103.75a.75.75 0 0 0 0-1.5v1.5Zm9.333-3.189a.75.75 0 1 0-1.06-1.06l1.06 1.06ZM11.5 15.772a.75.75 0 1 0 1.06 1.06l-1.06-1.06ZM2.5 8.25h15v-1.5h-15v1.5Zm15.75-.75V5.833h-1.5V7.5h1.5Zm-.445-2.352-7.5-3.333-.61 1.37 7.5 3.334.61-1.371Zm-8.11-3.333-7.5 3.333.61 1.37 7.5-3.333-.61-1.37ZM1.75 5.833V7.5h1.5V5.833h-1.5Zm6.583 10.084H2.5v1.5h5.833v-1.5Zm-5.113.96.73-2.5-1.44-.42-.73 2.5 1.44.42Zm.01-1.96h5.103v-1.5H3.23v1.5ZM3.416 7.5v6.667h1.5V7.5h-1.5Zm4.833 6.667V7.5h-1.5v6.667h1.5Zm8.355-3.5-5.104 5.105 1.06 1.06 5.105-5.104-1.06-1.06Zm-4.438.791c0-.069.056-.125.125-.125v1.5c.76 0 1.375-.615 1.375-1.375h-1.5Zm.125-.125c.069 0 .125.056.125.125h-1.5c0 .76.615 1.375 1.375 1.375v-1.5Zm.125.125c0 .07-.056.125-.125.125v-1.5c-.76 0-1.375.616-1.375 1.375h1.5Zm-.125.125a.125.125 0 0 1-.125-.125h1.5c0-.76-.616-1.375-1.375-1.375v1.5Zm4.458 4.459c0-.07.056-.125.125-.125v1.5c.76 0 1.375-.616 1.375-1.375h-1.5Zm.125-.125c.069 0 .125.056.125.125h-1.5c0 .76.616 1.375 1.375 1.375v-1.5Zm.125.125a.125.125 0 0 1-.125.125v-1.5c-.76 0-1.375.615-1.375 1.375H17Zm-.125.125a.125.125 0 0 1-.125-.125h1.5c0-.76-.616-1.375-1.375-1.375v1.5Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M1 5.694H.25c0 .415.336.75.75.75zm13 0v.75a.75.75 0 0 0 .75-.75zm0-1.444h.75a.75.75 0 0 0-.445-.685zM7.5 1.361l.305-.685a.75.75 0 0 0-.61 0zM1 4.25l-.305-.685a.75.75 0 0 0-.445.685zm5.056 10.139a.75.75 0 0 0 0-1.5zM1 13.639l-.72-.21a.75.75 0 0 0 .72.96zm.632-2.167v-.75a.75.75 0 0 0-.72.54zm4.424.75a.75.75 0 0 0 0-1.5zm8.158-2.792a.75.75 0 1 0-1.06-1.061zM8.73 12.793a.75.75 0 1 0 1.06 1.06zM1 6.444h13v-1.5H1zm13.75-.75V4.25h-1.5v1.444zm-.445-2.13L7.805.677l-.61 1.37 6.5 2.89zM7.195.677l-6.5 2.889.61 1.37 6.5-2.889zM.25 4.25v1.444h1.5V4.25zm5.806 8.639H1v1.5h5.056zm-4.336.96.632-2.167-1.44-.42L.28 13.43zm-.088-1.627h4.424v-1.5H1.632zm.062-6.528v5.778h1.5V5.694zm4.39 5.778V5.694h-1.5v5.778zm7.07-3.103L8.73 12.793l1.06 1.06 4.424-4.423zm-3.876.756c0-.115.093-.208.208-.208v1.5c.713 0 1.292-.579 1.292-1.292zm.208-.208c.115 0 .208.093.208.208h-1.5c0 .713.579 1.292 1.292 1.292zm.208.208a.21.21 0 0 1-.208.208v-1.5c-.713 0-1.292.579-1.292 1.292zm-.208.208a.21.21 0 0 1-.208-.208h1.5c0-.713-.578-1.292-1.292-1.292zm3.764 3.764c0-.115.093-.208.208-.208v1.5c.714 0 1.292-.578 1.292-1.292zm.208-.208c.115 0 .209.093.209.208h-1.5c0 .714.578 1.292 1.291 1.292zm.209.208a.21.21 0 0 1-.209.209v-1.5c-.713 0-1.291.578-1.291 1.291zm-.209.209a.21.21 0 0 1-.208-.209h1.5c0-.713-.578-1.291-1.292-1.291z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/buildings-mini.tsx b/packages/design-system/icons/src/components/buildings-mini.tsx
index 347090012f..f13bb4a6b4 100644
--- a/packages/design-system/icons/src/components/buildings-mini.tsx
+++ b/packages/design-system/icons/src/components/buildings-mini.tsx
@@ -5,33 +5,26 @@ const BuildingsMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M15.575 15.265V9.071a.62.62 0 0 0-.62-.62h-2.478"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M4.425 15.265v-9.91a.62.62 0 0 1 .62-.62h6.813a.62.62 0 0 1 .62.62v9.91M6.748 7.353h3.406M6.748 10h3.406"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M6.748 15.265h3.407v-2.667H6.748v2.667ZM16.194 15.265H3.806"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M6.389 13.944V6.39a.89.89 0 0 1 .889-.889h4.889a.89.89 0 0 1 .889.889v7.555M1.944 13.944V3.422c0-.358.214-.68.543-.819l4-1.691a.89.89 0 0 1 1.235.818v1.548M1.056 13.945h12.888M8.611 8.611v-.444M10.833 8.611v-.444M8.611 11.278v-.445M10.833 11.278v-.445" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/buildings-solid.tsx b/packages/design-system/icons/src/components/buildings-solid.tsx
index 1d20a57762..5c1f70010d 100644
--- a/packages/design-system/icons/src/components/buildings-solid.tsx
+++ b/packages/design-system/icons/src/components/buildings-solid.tsx
@@ -5,18 +5,21 @@ const BuildingsSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M13.893 4.154v3.121h2.347A1.524 1.524 0 0 1 17.764 8.8v6.992h.024a.75.75 0 0 1 0 1.5H2.303a.75.75 0 0 1 0-1.5h.024V4.154A1.524 1.524 0 0 1 3.852 2.63h8.516a1.524 1.524 0 0 1 1.525 1.524Zm-3.654 11.732a.65.65 0 0 1-.65-.65V13.86H6.631v1.377a.65.65 0 1 1-1.3 0V13.21a.65.65 0 0 1 .65-.65h4.258a.65.65 0 0 1 .65.65v2.027a.65.65 0 0 1-.65.65ZM5.981 9.211a.75.75 0 1 0 0 1.5h4.258a.75.75 0 1 0 0-1.5H5.981Zm9.48 6.673a.75.75 0 0 1-.75-.75V9.961a.75.75 0 0 1 1.5 0v5.173a.75.75 0 0 1-.75.75Zm-9.48-9.982a.75.75 0 0 0 0 1.5h4.258a.75.75 0 0 0 0-1.5H5.981Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M1.945 14.611a.667.667 0 0 1-.667-.667V3.422c0-.626.372-1.189.95-1.432l4-1.693a1.55 1.55 0 0 1 1.464.136c.437.29.696.775.696 1.297v1.548a.667.667 0 0 1-1.333 0V1.73a.22.22 0 0 0-.1-.186.21.21 0 0 0-.21-.018l-4 1.691a.22.22 0 0 0-.135.205v10.523a.666.666 0 0 1-.665.666" />
+          <path d="M13.945 13.278h-.223v-6.89c0-.857-.697-1.555-1.555-1.555h-4.89c-.857 0-1.555.698-1.555 1.556v6.889H1.056a.667.667 0 0 0 0 1.333h12.888a.667.667 0 0 0 0-1.333m-4.667-2a.667.667 0 0 1-1.334 0v-.445a.667.667 0 0 1 1.334 0zm0-2.667a.667.667 0 0 1-1.334 0v-.444a.667.667 0 0 1 1.334 0zm2.222 2.667a.667.667 0 0 1-1.333 0v-.445a.667.667 0 0 1 1.333 0zm0-2.667a.667.667 0 0 1-1.333 0v-.444a.667.667 0 0 1 1.333 0z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/buildings.tsx b/packages/design-system/icons/src/components/buildings.tsx
index 684aad7039..5c20144d1f 100644
--- a/packages/design-system/icons/src/components/buildings.tsx
+++ b/packages/design-system/icons/src/components/buildings.tsx
@@ -5,19 +5,26 @@ const Buildings = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M17.014 16.542V8.8a.774.774 0 0 0-.774-.775h-3.097M3.077 16.542V4.154a.774.774 0 0 1 .775-.774h8.516a.774.774 0 0 1 .775.774v12.388M5.98 6.652h4.258M5.981 9.961h4.258m7.55 6.581H2.302m7.936 0H5.981V13.21h4.258v3.333Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M6.389 13.944V6.39a.89.89 0 0 1 .889-.889h4.889a.89.89 0 0 1 .889.889v7.555M1.944 13.944V3.422c0-.358.214-.68.543-.819l4-1.691a.89.89 0 0 1 1.235.818v1.548M1.056 13.945h12.888M8.611 8.611v-.444M10.833 8.611v-.444M8.611 11.278v-.445M10.833 11.278v-.445" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/calendar-mini.tsx b/packages/design-system/icons/src/components/calendar-mini.tsx
index 33490857bd..0be47a9b86 100644
--- a/packages/design-system/icons/src/components/calendar-mini.tsx
+++ b/packages/design-system/icons/src/components/calendar-mini.tsx
@@ -5,23 +5,21 @@ const CalendarMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M6.5 4v1.5m7-1.5v1.5m-9.5 9V7a1.5 1.5 0 0 1 1.5-1.5h9A1.5 1.5 0 0 1 16 7v7.5m-12 0A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5m-12 0v-5A1.5 1.5 0 0 1 5.5 8h9A1.5 1.5 0 0 1 16 9.5v5"
+          fill={color}
+          d="M6.611 8.611c0-.49.4-.889.889-.889a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.889M10.611 9.5c.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889.89.89 0 0 0-.889.89c0 .489.4.888.89.888M6.611 11.278c0-.49.4-.89.889-.89a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.888M4.389 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M9.722 11.278a.89.89 0 0 1 1.778 0c0 .49-.4.889-.889.889a.89.89 0 0 1-.889-.89"
         />
         <path
-          stroke={color}
-          strokeWidth={0.75}
-          d="M7.875 10.868a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM7.875 13.194a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM12.875 10.868a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM10.375 10.868a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM10.375 13.194a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
+          fill={color}
+          fillRule="evenodd"
+          d="M4.611.306a.75.75 0 0 1 .75.75v1.027H9.64V1.056a.75.75 0 1 1 1.5 0v1.027h.583a2.53 2.53 0 0 1 2.528 2.528v7.556a2.53 2.53 0 0 1-2.528 2.527H3.278A2.53 2.53 0 0 1 .75 12.167V4.61a2.53 2.53 0 0 1 2.528-2.528h.583V1.056a.75.75 0 0 1 .75-.75M12.75 4.61v.584H2.25V4.61c0-.568.46-1.028 1.028-1.028h8.444c.568 0 1.028.46 1.028 1.028m0 2.084H2.25v5.472c0 .567.46 1.027 1.028 1.027h8.444c.568 0 1.028-.46 1.028-1.027z"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/calendar-solid.tsx b/packages/design-system/icons/src/components/calendar-solid.tsx
index 654f7d9787..8deb3a232d 100644
--- a/packages/design-system/icons/src/components/calendar-solid.tsx
+++ b/packages/design-system/icons/src/components/calendar-solid.tsx
@@ -5,21 +5,23 @@ const CalendarSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M10.625 10.625a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm-4.375 2.5a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Zm.625 1.25a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Zm1.25-1.25a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Zm.625 1.25a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Zm1.25-1.25a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm.625 1.25a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm1.25-1.25a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm.625 1.25a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm1.25-1.25a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm-1.25-2.5a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm1.25.625a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Z"
+          d="M4.611 3.5a.667.667 0 0 1-.667-.667V1.056a.667.667 0 0 1 1.334 0v1.777a.667.667 0 0 1-.667.667M10.389 3.5a.667.667 0 0 1-.667-.667V1.056a.667.667 0 0 1 1.334 0v1.777a.667.667 0 0 1-.667.667"
         />
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M5.625 1.875a.625.625 0 0 1 .625.625v1.25h7.5V2.5a.625.625 0 1 1 1.25 0v1.25h.625a2.5 2.5 0 0 1 2.5 2.5v9.375a2.5 2.5 0 0 1-2.5 2.5H4.375a2.5 2.5 0 0 1-2.5-2.5V6.25a2.5 2.5 0 0 1 2.5-2.5H5V2.5a.625.625 0 0 1 .625-.625Zm11.25 7.5a1.25 1.25 0 0 0-1.25-1.25H4.375a1.25 1.25 0 0 0-1.25 1.25v6.25a1.25 1.25 0 0 0 1.25 1.25h11.25a1.25 1.25 0 0 0 1.25-1.25v-6.25Z"
-          clipRule="evenodd"
+          d="M11.722 2.167H3.278A2.446 2.446 0 0 0 .833 4.61v7.556a2.446 2.446 0 0 0 2.445 2.444h8.444a2.447 2.447 0 0 0 2.445-2.444V4.61a2.446 2.446 0 0 0-2.445-2.444m0 11.11H3.278a1.113 1.113 0 0 1-1.111-1.11V6.61h10.666v5.556c0 .612-.498 1.11-1.11 1.11"
+        />
+        <path
+          fill={color}
+          d="M7.5 7.722a.89.89 0 0 0-.889.89c0 .489.4.888.889.888.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889M10.611 9.5c.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889.89.89 0 0 0-.889.89c0 .489.4.888.89.888M7.5 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M4.389 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M10.611 10.389a.89.89 0 0 0-.889.889.89.89 0 0 0 1.778 0 .89.89 0 0 0-.889-.89"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/calendar.tsx b/packages/design-system/icons/src/components/calendar.tsx
index 5c25b1ad96..5dc81c1bb5 100644
--- a/packages/design-system/icons/src/components/calendar.tsx
+++ b/packages/design-system/icons/src/components/calendar.tsx
@@ -5,18 +5,21 @@ const Calendar = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M5.625 2.5v1.875m8.75-1.875v1.875M2.5 15.625V6.25a1.875 1.875 0 0 1 1.875-1.875h11.25A1.875 1.875 0 0 1 17.5 6.25v9.375m-15 0A1.875 1.875 0 0 0 4.375 17.5h11.25a1.875 1.875 0 0 0 1.875-1.875m-15 0v-6.25A1.875 1.875 0 0 1 4.375 7.5h11.25A1.875 1.875 0 0 1 17.5 9.375v6.25m-7.5-5h.007v.007H10v-.007Zm0 1.875h.007v.007H10V12.5Zm0 1.875h.007v.007H10v-.007ZM8.125 12.5h.007v.007h-.007V12.5Zm0 1.875h.007v.007h-.007v-.007ZM6.25 12.5h.007v.007H6.25V12.5Zm0 1.875h.007v.007H6.25v-.007Zm5.625-3.75h.007v.007h-.007v-.007Zm0 1.875h.007v.007h-.007V12.5Zm0 1.875h.007v.007h-.007v-.007Zm1.875-3.75h.007v.007h-.007v-.007Zm0 1.875h.007v.007h-.007V12.5Z"
+          fill={color}
+          d="M6.611 8.611c0-.49.4-.889.889-.889a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.889M10.611 9.5c.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889.89.89 0 0 0-.889.89c0 .489.4.888.89.888M6.611 11.278c0-.49.4-.89.889-.89a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.888M4.389 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M9.722 11.278a.89.89 0 0 1 1.778 0c0 .49-.4.889-.889.889a.89.89 0 0 1-.889-.89"
+        />
+        <path
+          fill={color}
+          fillRule="evenodd"
+          d="M4.611.306a.75.75 0 0 1 .75.75v1.027H9.64V1.056a.75.75 0 1 1 1.5 0v1.027h.583a2.53 2.53 0 0 1 2.528 2.528v7.556a2.53 2.53 0 0 1-2.528 2.527H3.278A2.53 2.53 0 0 1 .75 12.167V4.61a2.53 2.53 0 0 1 2.528-2.528h.583V1.056a.75.75 0 0 1 .75-.75M12.75 4.61v.584H2.25V4.61c0-.568.46-1.028 1.028-1.028h8.444c.568 0 1.028.46 1.028 1.028m0 2.084H2.25v5.472c0 .567.46 1.027 1.028 1.027h8.444c.568 0 1.028-.46 1.028-1.027z"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/camera.tsx b/packages/design-system/icons/src/components/camera.tsx
index f39beaefef..b2a9e0a5f9 100644
--- a/packages/design-system/icons/src/components/camera.tsx
+++ b/packages/design-system/icons/src/components/camera.tsx
@@ -5,26 +5,30 @@ const Camera = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M5.69 5.146a1.925 1.925 0 0 1-1.368.879c-.317.045-.631.093-.945.146-.878.146-1.502.918-1.502 1.807V15a1.875 1.875 0 0 0 1.875 1.875h12.5A1.875 1.875 0 0 0 18.125 15V7.978c0-.889-.625-1.661-1.502-1.807-.314-.053-.63-.101-.945-.146a1.925 1.925 0 0 1-1.366-.88l-.685-1.096a1.827 1.827 0 0 0-1.447-.866 40.643 40.643 0 0 0-4.36 0 1.827 1.827 0 0 0-1.447.866L5.69 5.146Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M13.75 10.625a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Zm1.875-1.875h.007v.007h-.007V8.75Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path
+            fillRule="evenodd"
+            d="M4.582 1.869c.24-.64.85-1.063 1.534-1.063h2.768c.684 0 1.295.424 1.534 1.064l.268.713h1.48a2.527 2.527 0 0 1 2.529 2.528v5.778a2.527 2.527 0 0 1-2.528 2.528H2.833a2.527 2.527 0 0 1-2.527-2.528V5.111a2.527 2.527 0 0 1 2.527-2.528h1.48zm1.534.437a.14.14 0 0 0-.13.09l-.45 1.201a.75.75 0 0 1-.703.486h-2c-.568 0-1.027.46-1.027 1.028v5.778c0 .568.46 1.028 1.027 1.028h9.334c.568 0 1.028-.46 1.028-1.028V5.111c0-.568-.46-1.028-1.028-1.028h-2a.75.75 0 0 1-.702-.486l-.451-1.2a.14.14 0 0 0-.13-.091z"
+            clipRule="evenodd"
+          />
+          <path
+            fillRule="evenodd"
+            d="M7.5 6.306a1.694 1.694 0 1 0 0 3.389 1.694 1.694 0 0 0 0-3.39M4.306 8a3.194 3.194 0 1 1 6.389 0 3.194 3.194 0 0 1-6.39 0"
+            clipRule="evenodd"
+          />
+          <path d="M3.278 6.222a.667.667 0 1 0 0-1.333.667.667 0 0 0 0 1.333" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cash-solid.tsx b/packages/design-system/icons/src/components/cash-solid.tsx
index 887811d9cc..dcd8894637 100644
--- a/packages/design-system/icons/src/components/cash-solid.tsx
+++ b/packages/design-system/icons/src/components/cash-solid.tsx
@@ -5,18 +5,21 @@ const CashSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 1 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 1 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.041 49.041 0 0 0 1.75 14.5Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M7.61 6.837q-.656-.117-.686-.413c-.014-.15.03-.198.05-.22.113-.125.393-.192.553-.192.372 0 .488.187.531.257a.667.667 0 1 0 1.133-.702 1.8 1.8 0 0 0-1.034-.786.66.66 0 0 0-.656-.614.663.663 0 0 0-.659.627c-.308.096-.62.255-.855.513-.301.333-.436.763-.39 1.245.048.486.342 1.341 1.78 1.597.798.143.804.352.806.463.003.1-.029.182-.1.256-.12.124-.328.197-.556.197-.542 0-.647-.208-.691-.296a.666.666 0 1 0-1.19.602c.185.364.543.779 1.22.947.07.292.321.515.635.515a.66.66 0 0 0 .638-.528c.347-.096.66-.264.897-.506.32-.33.492-.762.48-1.22-.022-.936-.664-1.522-1.906-1.744z" />
+          <path d="M12.167 2.167H2.833A2.446 2.446 0 0 0 .39 4.61v5.778a2.446 2.446 0 0 0 2.444 2.444h9.334a2.446 2.446 0 0 0 2.444-2.444V4.611a2.446 2.446 0 0 0-2.444-2.444m-1.43 9.333H4.263a3.55 3.55 0 0 0-2.54-2.54V6.04a3.55 3.55 0 0 0 2.54-2.54h6.474a3.55 3.55 0 0 0 2.54 2.54v2.92a3.55 3.55 0 0 0-2.54 2.54" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cash.tsx b/packages/design-system/icons/src/components/cash.tsx
index 6bf77c8e9e..e432a71bf3 100644
--- a/packages/design-system/icons/src/components/cash.tsx
+++ b/packages/design-system/icons/src/components/cash.tsx
@@ -5,19 +5,27 @@ const Cash = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2 14.967a49.288 49.288 0 0 1 12.962 1.724.94.94 0 0 0 1.192-.9v-.824M3.23 3.275v.615a.615.615 0 0 1-.616.616H2m0 0v-.308c0-.51.414-.923.923-.923H16.77M2 4.505v7.385m14.77-8.615v.615c0 .34.275.616.615.616H18m-1.23-1.231h.307c.51 0 .923.413.923.923v8c0 .51-.413.923-.923.923h-.308M2 11.891v.307a.923.923 0 0 0 .923.923h.308M2 11.891h.615a.615.615 0 0 1 .616.615v.615m13.538 0v-.615a.616.616 0 0 1 .616-.616H18m-1.23 1.231H3.23m9.231-4.923a2.462 2.462 0 1 1-4.923 0 2.462 2.462 0 0 1 4.923 0Zm2.462 0h.007v.007h-.007v-.007Zm-9.846 0h.006v.007h-.006v-.007Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M8.624 5.918c-.286-.462-.743-.573-1.098-.573-.374 0-1.357.2-1.265 1.142.064.663.688.909 1.233 1.006s1.337.305 1.356 1.103c.017.675-.59 1.135-1.323 1.135-.608 0-1.055-.204-1.286-.661M7.5 4.833v.512M7.5 9.732v.435M3.944 2.833a2.89 2.89 0 0 1-2.888 2.89M11.056 2.833a2.89 2.89 0 0 0 2.888 2.89M3.944 12.167a2.89 2.89 0 0 0-2.888-2.89M11.056 12.167a2.89 2.89 0 0 1 2.888-2.89" />
+          <path d="M12.167 2.833H2.833c-.982 0-1.777.796-1.777 1.778v5.778c0 .982.795 1.778 1.777 1.778h9.334c.982 0 1.777-.796 1.777-1.778V4.61c0-.982-.796-1.778-1.777-1.778" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/channels-solid.tsx b/packages/design-system/icons/src/components/channels-solid.tsx
index 8cbd2e1502..77ac3f8a7c 100644
--- a/packages/design-system/icons/src/components/channels-solid.tsx
+++ b/packages/design-system/icons/src/components/channels-solid.tsx
@@ -5,18 +5,21 @@ const ChannelsSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M12.399 3.438a2.439 2.439 0 1 1 0 1.5h-1.243a.75.75 0 0 0-.75.75V9.25h1.993a2.439 2.439 0 1 1 0 1.5h-1.993v3.563c0 .414.335.75.75.75h1.243a2.439 2.439 0 1 1 0 1.5h-1.243a2.25 2.25 0 0 1-2.25-2.25V10.75H6.913a2.439 2.439 0 1 1 0-1.5h1.993V5.688a2.25 2.25 0 0 1 2.25-2.25h1.243Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M11.056 11.278a.667.667 0 0 0-.667-.667H9.5a1.113 1.113 0 0 1-1.111-1.11v-4c0-.613.499-1.112 1.111-1.112h.889a.667.667 0 0 0 0-1.333H9.5A2.446 2.446 0 0 0 7.056 5.5v1.333H4.61a.667.667 0 0 0 0 1.334h2.445V9.5A2.446 2.446 0 0 0 9.5 11.945h.889a.667.667 0 0 0 .667-.667" />
+          <path d="M9.944 3.722a2.222 2.222 0 1 0 4.445 0 2.222 2.222 0 0 0-4.445 0M9.944 11.278a2.222 2.222 0 1 0 4.445 0 2.222 2.222 0 0 0-4.445 0M.611 7.5a2.222 2.222 0 1 0 4.445 0 2.222 2.222 0 0 0-4.445 0" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/channels.tsx b/packages/design-system/icons/src/components/channels.tsx
index ed3be94880..2bc12c048a 100644
--- a/packages/design-system/icons/src/components/channels.tsx
+++ b/packages/design-system/icons/src/components/channels.tsx
@@ -5,19 +5,27 @@ const Channels = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.031 4.188a1.687 1.687 0 1 0 3.375 0 1.687 1.687 0 0 0-3.375 0Zm0 0h-1.875a1.5 1.5 0 0 0-1.5 1.5v8.625a1.5 1.5 0 0 0 1.5 1.5h1.875M6.281 10a1.687 1.687 0 1 1-3.375 0 1.687 1.687 0 0 1 3.375 0Zm0 0h6.75m0 5.813a1.688 1.688 0 1 0 3.375 0 1.688 1.688 0 0 0-3.375 0ZM16.406 10a1.687 1.687 0 1 1-3.375 0 1.687 1.687 0 0 1 3.375 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.722 7.5h-3.11M10.389 3.722H9.5c-.982 0-1.778.796-1.778 1.778v4c0 .982.796 1.778 1.778 1.778h.889" />
+          <path d="M10.389 3.722a1.778 1.778 0 1 0 3.555 0 1.778 1.778 0 0 0-3.555 0M10.389 11.278a1.778 1.778 0 1 0 3.556 0 1.778 1.778 0 0 0-3.556 0M1.056 7.5a1.778 1.778 0 1 0 3.555 0 1.778 1.778 0 0 0-3.555 0" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chart-bar.tsx b/packages/design-system/icons/src/components/chart-bar.tsx
index 29ca59d82c..1e33f3b83c 100644
--- a/packages/design-system/icons/src/components/chart-bar.tsx
+++ b/packages/design-system/icons/src/components/chart-bar.tsx
@@ -5,19 +5,26 @@ const ChartBar = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.5 10.938c0-.518.42-.938.938-.938h1.874c.518 0 .938.42.938.938v5.624c0 .518-.42.938-.938.938H3.438a.938.938 0 0 1-.937-.938v-5.625Zm5.625-3.75c0-.518.42-.938.938-.938h1.874c.518 0 .938.42.938.938v9.375c0 .517-.42.937-.938.937H9.063a.938.938 0 0 1-.938-.938V7.188Zm5.625-3.75c0-.518.42-.938.938-.938h1.874c.518 0 .938.42.938.938v13.124c0 .518-.42.938-.938.938h-1.875a.938.938 0 0 1-.937-.938V3.438Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.722 1.944h-.444a.89.89 0 0 0-.89.89v9.333c0 .49.399.888.89.888h.444c.491 0 .89-.397.89-.888V2.833a.89.89 0 0 0-.89-.889M2.833 6.389H2.39a.89.89 0 0 0-.889.889v4.889c0 .49.398.889.889.889h.444c.491 0 .89-.398.89-.89V7.279a.89.89 0 0 0-.89-.89M12.611 7.55h-.444c-.491 0-.889.328-.889.733v4.038c0 .406.398.734.889.734h.444c.491 0 .89-.328.89-.734V8.283c0-.405-.399-.734-.89-.734" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chart-pie.tsx b/packages/design-system/icons/src/components/chart-pie.tsx
index 83d01f5ed0..981da8f71f 100644
--- a/packages/design-system/icons/src/components/chart-pie.tsx
+++ b/packages/design-system/icons/src/components/chart-pie.tsx
@@ -5,26 +5,27 @@ const ChartPie = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M8.75 5A6.25 6.25 0 1 0 15 11.25H8.75V5Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M11.25 8.75h6.25a6.25 6.25 0 0 0-6.25-6.25v6.25Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M13.368 10.167a6.446 6.446 0 1 1-8.535-8.535" />
+          <path d="M13.944 7.5A6.444 6.444 0 0 0 7.5 1.056V7.5z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chat-bubble-left-right-solid.tsx b/packages/design-system/icons/src/components/chat-bubble-left-right-solid.tsx
index 226f8d90f8..f31398e507 100644
--- a/packages/design-system/icons/src/components/chat-bubble-left-right-solid.tsx
+++ b/packages/design-system/icons/src/components/chat-bubble-left-right-solid.tsx
@@ -5,20 +5,21 @@ const ChatBubbleLeftRightSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M4.094 2.215a41.058 41.058 0 0 1 10.562 0c1.602.208 2.742 1.55 2.837 3.106a3.67 3.67 0 0 0-.86-.176 42.408 42.408 0 0 0-7.016 0C7.652 5.308 6.25 6.97 6.25 8.84v3.572a3.725 3.725 0 0 0 2.027 3.32l-2.21 2.21A.625.625 0 0 1 5 17.5v-3.358a40.495 40.495 0 0 1-.906-.107c-1.673-.218-2.844-1.674-2.844-3.317V5.532c0-1.642 1.17-3.1 2.844-3.317Z"
-        />
-        <path
-          fill={color}
-          d="M13.125 6.25c-1.147 0-2.283.048-3.405.14-1.283.107-2.22 1.196-2.22 2.45v3.572c0 1.255.94 2.345 2.225 2.45 1.036.085 2.083.13 3.14.137l2.318 2.318a.625.625 0 0 0 1.067-.442v-1.992l.275-.021c1.285-.104 2.225-1.194 2.225-2.45V8.84c0-1.254-.938-2.343-2.22-2.45a41.163 41.163 0 0 0-3.405-.14Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M12.611 4.389H7.722c-1.102 0-2 .897-2 2v4c0 1.103.898 2 2 2h1.742l2.254 2.049a.67.67 0 0 0 .719.116.67.67 0 0 0 .396-.61v-1.568a2.003 2.003 0 0 0 1.778-1.987v-4c0-1.103-.898-2-2-2" />
+          <path d="m3.675 10.262-.175.19V9.5a.664.664 0 0 0-.667-.667c-.297 0-.575-.115-.785-.325a1.1 1.1 0 0 1-.325-.785V3.278c0-.613.499-1.111 1.111-1.111H8.39c.506 0 .95.342 1.075.832a.667.667 0 0 0 1.292-.332A2.44 2.44 0 0 0 8.39.833H2.833A2.446 2.446 0 0 0 .39 3.278v4.445c0 .652.254 1.267.716 1.728.3.3.664.512 1.062.624v2.092a.665.665 0 0 0 1.158.45l1.333-1.454a.666.666 0 1 0-.983-.901" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chat-bubble-left-right.tsx b/packages/design-system/icons/src/components/chat-bubble-left-right.tsx
index 4211d5ffcb..75ef94324d 100644
--- a/packages/design-system/icons/src/components/chat-bubble-left-right.tsx
+++ b/packages/design-system/icons/src/components/chat-bubble-left-right.tsx
@@ -5,19 +5,27 @@ const ChatBubbleLeftRight = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.875 7.093c.737.236 1.25.94 1.25 1.747v3.572c0 .946-.706 1.75-1.65 1.827-.283.023-.567.043-.85.06v2.576l-2.5-2.5a41.25 41.25 0 0 1-3.35-.136 1.763 1.763 0 0 1-.688-.202m7.788-6.945a1.772 1.772 0 0 0-.397-.079 40.532 40.532 0 0 0-6.706 0c-.943.079-1.647.881-1.647 1.827v3.572c0 .697.383 1.316.963 1.625m7.787-6.945V5.532c0-1.351-.96-2.522-2.3-2.696a40.378 40.378 0 0 0-10.4 0c-1.34.174-2.3 1.345-2.3 2.696v5.188c0 1.351.96 2.522 2.3 2.696.48.063.964.117 1.45.162V17.5l3.463-3.463"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.722 5.056h4.89c.735 0 1.332.597 1.332 1.333v4c0 .736-.597 1.333-1.333 1.333h-.444v2.223l-2.445-2.223h-2A1.334 1.334 0 0 1 6.39 10.39v-4c0-.736.597-1.333 1.333-1.333" />
+          <path d="M10.11 2.833A1.78 1.78 0 0 0 8.39 1.5H2.833c-.982 0-1.777.796-1.777 1.778v4.445c0 .981.796 1.778 1.777 1.777v2.667l1.334-1.455" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chat-bubble.tsx b/packages/design-system/icons/src/components/chat-bubble.tsx
index d008cc3c51..caa1862c54 100644
--- a/packages/design-system/icons/src/components/chat-bubble.tsx
+++ b/packages/design-system/icons/src/components/chat-bubble.tsx
@@ -5,19 +5,25 @@ const ChatBubble = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M7.188 8.125h-.313m3.438 0H10m3.438 0h-.313m-5.938 0a.312.312 0 1 1-.624 0 .312.312 0 0 1 .625 0v0Zm3.125 0a.312.312 0 1 1-.624 0 .312.312 0 0 1 .624 0v0Zm3.126 0a.312.312 0 1 1-.625 0 .312.312 0 0 1 .624 0v0ZM1.874 10.633c0 1.334.936 2.495 2.256 2.69.906.133 1.82.235 2.744.307v3.87l3.487-3.486a.95.95 0 0 1 .648-.276 40.242 40.242 0 0 0 4.858-.415c1.321-.195 2.257-1.356 2.257-2.69V5.618c0-1.336-.936-2.496-2.256-2.69A40.329 40.329 0 0 0 10 2.5c-1.993 0-3.953.146-5.87.428-1.32.194-2.255 1.355-2.255 2.69V10.633Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M2.833.75A2.53 2.53 0 0 0 .306 3.278V9.5a2.53 2.53 0 0 0 2.527 2.528h1.028v1.916a.75.75 0 0 0 1.219.586l3.128-2.502h3.959A2.53 2.53 0 0 0 14.695 9.5V3.278A2.53 2.53 0 0 0 12.167.75zM1.806 3.278c0-.568.46-1.028 1.027-1.028h9.334c.568 0 1.028.46 1.028 1.028V9.5c0 .567-.46 1.028-1.028 1.028H7.945a.75.75 0 0 0-.469.164l-2.115 1.692v-1.106a.75.75 0 0 0-.75-.75H2.833c-.567 0-1.027-.46-1.027-1.028zm4.805 3.11a.89.89 0 0 0 1.778 0 .89.89 0 0 0-1.778 0m-2.222.89a.89.89 0 0 1 0-1.778.89.89 0 0 1 0 1.778m5.333-.89a.89.89 0 0 0 1.778 0 .89.89 0 0 0-1.778 0"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/check-circle-mini-solid.tsx b/packages/design-system/icons/src/components/check-circle-mini-solid.tsx
index 3125175792..83e37f3886 100644
--- a/packages/design-system/icons/src/components/check-circle-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/check-circle-mini-solid.tsx
@@ -5,18 +5,23 @@ const CheckCircleMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.235-7.934a.75.75 0 0 0-1.248-.832l-2.626 3.939L7.92 9.73a.75.75 0 1 0-1.06 1.06l2.088 2.09a.75.75 0 0 0 1.155-.115l3.133-4.7Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m3.416 5.074-3.778 4.889a.67.67 0 0 1-.502.258h-.025a.67.67 0 0 1-.496-.22l-2-2.222a.668.668 0 0 1 .992-.893l1.465 1.629 3.29-4.257a.667.667 0 0 1 1.055.815z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/check-circle-solid.tsx b/packages/design-system/icons/src/components/check-circle-solid.tsx
index e9fd87d361..95ee696371 100644
--- a/packages/design-system/icons/src/components/check-circle-solid.tsx
+++ b/packages/design-system/icons/src/components/check-circle-solid.tsx
@@ -5,18 +5,23 @@ const CheckCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18Zm3.857-9.809a.75.75 0 1 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m3.416 5.074-3.778 4.889a.67.67 0 0 1-.502.258h-.025a.67.67 0 0 1-.496-.22l-2-2.222a.668.668 0 0 1 .992-.893l1.465 1.629 3.29-4.257a.667.667 0 0 1 1.055.815z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/check-mini.tsx b/packages/design-system/icons/src/components/check-mini.tsx
index d29452b53f..63ef6a3bed 100644
--- a/packages/design-system/icons/src/components/check-mini.tsx
+++ b/packages/design-system/icons/src/components/check-mini.tsx
@@ -5,8 +5,8 @@ const CheckMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const CheckMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m5.833 10.417 3.334 3.333 5-7.5"
+          d="m3.036 7.679 2.857 3.571 6.071-7.5"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/check.tsx b/packages/design-system/icons/src/components/check.tsx
index 3f37e4aa36..3030ef6afa 100644
--- a/packages/design-system/icons/src/components/check.tsx
+++ b/packages/design-system/icons/src/components/check.tsx
@@ -5,8 +5,8 @@ const Check = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Check = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m3.75 10.625 5 5 7.5-11.25"
+          d="m3.036 7.679 2.857 3.571 6.071-7.5"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-double-left-mini-solid.tsx b/packages/design-system/icons/src/components/chevron-double-left-mini-solid.tsx
index 4392408b40..24b6207e5d 100644
--- a/packages/design-system/icons/src/components/chevron-double-left-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/chevron-double-left-mini-solid.tsx
@@ -5,17 +5,18 @@ const ChevronDoubleLeftMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          fill={color}
-          fillRule="evenodd"
-          d="M15.79 14.77a.75.75 0 0 1-1.06.02l-4.5-4.25a.751.751 0 0 1 0-1.08l4.5-4.25a.75.75 0 1 1 1.04 1.08L11.832 10l3.938 3.71a.75.75 0 0 1 .02 1.06Zm-6 0a.75.75 0 0 1-1.06.02l-4.5-4.25a.75.75 0 0 1 0-1.08l4.5-4.25a.75.75 0 1 1 1.04 1.08L5.832 10l3.938 3.71a.75.75 0 0 1 .02 1.06Z"
-          clipRule="evenodd"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M6.833 11.278 3.056 7.5l3.777-3.778M11.056 11.278 7.278 7.5l3.778-3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-double-left.tsx b/packages/design-system/icons/src/components/chevron-double-left.tsx
index 64e6554eb9..91baeaa6cb 100644
--- a/packages/design-system/icons/src/components/chevron-double-left.tsx
+++ b/packages/design-system/icons/src/components/chevron-double-left.tsx
@@ -5,8 +5,8 @@ const ChevronDoubleLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronDoubleLeft = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M15.625 16.25 9.375 10l6.25-6.25m-5 12.5L4.375 10l6.25-6.25"
+          d="M6.833 11.278 3.056 7.5l3.777-3.778M11.056 11.278 7.278 7.5l3.778-3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-double-right-mini-solid.tsx b/packages/design-system/icons/src/components/chevron-double-right-mini-solid.tsx
index 2df71f8d3e..de03da95c2 100644
--- a/packages/design-system/icons/src/components/chevron-double-right-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/chevron-double-right-mini-solid.tsx
@@ -5,24 +5,26 @@ const ChevronDoubleRightMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10.21 14.77a.75.75 0 0 1 .02-1.06L14.168 10 10.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M4.21 14.77a.75.75 0 0 1 .02-1.06L8.168 10 4.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z"
-          clipRule="evenodd"
-        />
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M8.167 3.722 11.944 7.5l-3.777 3.778M3.944 3.722 7.722 7.5l-3.778 3.778" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chevron-double-right.tsx b/packages/design-system/icons/src/components/chevron-double-right.tsx
index a4d103eb2c..c725e43481 100644
--- a/packages/design-system/icons/src/components/chevron-double-right.tsx
+++ b/packages/design-system/icons/src/components/chevron-double-right.tsx
@@ -5,8 +5,8 @@ const ChevronDoubleRight = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronDoubleRight = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m9.375 3.75 6.25 6.25-6.25 6.25m-5-12.5 6.25 6.25-6.25 6.25"
+          d="M8.167 3.722 11.945 7.5l-3.778 3.778M3.944 3.722 7.722 7.5l-3.778 3.778"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-down-mini.tsx b/packages/design-system/icons/src/components/chevron-down-mini.tsx
index f4a2433451..3b136dd55a 100644
--- a/packages/design-system/icons/src/components/chevron-down-mini.tsx
+++ b/packages/design-system/icons/src/components/chevron-down-mini.tsx
@@ -5,19 +5,31 @@ const ChevronDownMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="m15 8-5 5-5-5"
-        />
+        <g clipPath="url(#a)">
+          <g clipPath="url(#b)">
+            <path
+              stroke={color}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={1.5}
+              d="M13.056 5.278 7.5 10.833 1.944 5.278"
+            />
+          </g>
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+          <clipPath id="b">
+            <path fill="#fff" d="M-.5-.5h16v16h-16z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chevron-down.tsx b/packages/design-system/icons/src/components/chevron-down.tsx
index 0116fbc874..09edb5de37 100644
--- a/packages/design-system/icons/src/components/chevron-down.tsx
+++ b/packages/design-system/icons/src/components/chevron-down.tsx
@@ -5,8 +5,8 @@ const ChevronDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronDown = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.25 6.875 10 13.125l-6.25-6.25"
+          d="M13.056 5.278 7.5 10.833 1.944 5.278"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-left-mini.tsx b/packages/design-system/icons/src/components/chevron-left-mini.tsx
index 8d8f7e6fe1..97528f2019 100644
--- a/packages/design-system/icons/src/components/chevron-left-mini.tsx
+++ b/packages/design-system/icons/src/components/chevron-left-mini.tsx
@@ -5,8 +5,8 @@ const ChevronLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m12 14-4-4 4-4"
+          d="M9.722 13.055 4.167 7.5l5.555-5.556"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-left.tsx b/packages/design-system/icons/src/components/chevron-left.tsx
index 0a5ce71884..4cdc7b4c00 100644
--- a/packages/design-system/icons/src/components/chevron-left.tsx
+++ b/packages/design-system/icons/src/components/chevron-left.tsx
@@ -5,19 +5,31 @@ const ChevronLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M13.125 16.25 6.875 10l6.25-6.25"
-        />
+        <g clipPath="url(#a)">
+          <g clipPath="url(#b)">
+            <path
+              stroke={color}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={1.5}
+              d="M9.722 13.055 4.167 7.5l5.555-5.556"
+            />
+          </g>
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+          <clipPath id="b">
+            <path fill="#fff" d="M-.5-.5h16v16h-16z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/chevron-right-mini.tsx b/packages/design-system/icons/src/components/chevron-right-mini.tsx
index 50e052b7ed..2010d55a4a 100644
--- a/packages/design-system/icons/src/components/chevron-right-mini.tsx
+++ b/packages/design-system/icons/src/components/chevron-right-mini.tsx
@@ -5,8 +5,8 @@ const ChevronRightMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronRightMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m8 6 4 4-4 4"
+          d="M5.278 1.944 10.833 7.5l-5.555 5.555"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-right.tsx b/packages/design-system/icons/src/components/chevron-right.tsx
index f3557a517a..93e72bc22f 100644
--- a/packages/design-system/icons/src/components/chevron-right.tsx
+++ b/packages/design-system/icons/src/components/chevron-right.tsx
@@ -5,8 +5,8 @@ const ChevronRight = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronRight = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m6.875 3.75 6.25 6.25-6.25 6.25"
+          d="M5.278 1.944 10.833 7.5l-5.555 5.555"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-up-down.tsx b/packages/design-system/icons/src/components/chevron-up-down.tsx
index d5319d0e1f..d76000f179 100644
--- a/packages/design-system/icons/src/components/chevron-up-down.tsx
+++ b/packages/design-system/icons/src/components/chevron-up-down.tsx
@@ -5,18 +5,15 @@ const ChevronUpDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="m6 12.75 3.75 3.75 3.75-3.75m-7.5-6L9.75 3l3.75 3.75"
+          fill={color}
+          d="M4.91 5.75c-.163 0-.323-.037-.464-.108a.85.85 0 0 1-.334-.293A.7.7 0 0 1 4 4.952a.7.7 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .9.9 0 0 1 .33.263l2.59 3.455a.7.7 0 0 1 .141.39.7.7 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108zM10.09 9.25c.163 0 .323.037.463.108.14.07.256.172.335.293a.7.7 0 0 1 .111.397.7.7 0 0 1-.141.39l-2.59 3.454a.9.9 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .9.9 0 0 1-.33-.263l-2.59-3.455a.7.7 0 0 1-.142-.39.7.7 0 0 1 .112-.396.85.85 0 0 1 .335-.293c.14-.07.3-.108.463-.108z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/chevron-up-mini.tsx b/packages/design-system/icons/src/components/chevron-up-mini.tsx
index 474639412d..a31bdc85ce 100644
--- a/packages/design-system/icons/src/components/chevron-up-mini.tsx
+++ b/packages/design-system/icons/src/components/chevron-up-mini.tsx
@@ -5,8 +5,8 @@ const ChevronUpMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ChevronUpMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m15 12-5-5-5 5"
+          d="M1.944 9.722 7.5 4.167l5.556 5.555"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/circle-dotted-line.tsx b/packages/design-system/icons/src/components/circle-dotted-line.tsx
index c561363c4a..fdb5d0a538 100644
--- a/packages/design-system/icons/src/components/circle-dotted-line.tsx
+++ b/packages/design-system/icons/src/components/circle-dotted-line.tsx
@@ -5,19 +5,26 @@ const CircleDottedLine = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12.5 2.936a7.387 7.387 0 0 0-5 0M2.63 8.632a7.484 7.484 0 0 1 2.5-4.33M5.13 15.698a7.485 7.485 0 0 1-2.5-4.33M7.5 17.064a7.387 7.387 0 0 0 5 0M17.37 8.632a7.484 7.484 0 0 0-2.501-4.33M14.869 15.698a7.485 7.485 0 0 0 2.5-4.33"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M3.933 2.132a6.4 6.4 0 0 1 2.322-.956M1.17 6.283a6.4 6.4 0 0 1 .97-2.362M3.933 12.868c.691.46 1.477.791 2.322.956M1.17 8.717c.165.86.5 1.66.97 2.362M8.745 1.176c.845.165 1.63.496 2.322.956M12.86 3.921a6.4 6.4 0 0 1 .97 2.362M8.745 13.824a6.4 6.4 0 0 0 2.322-.956M12.86 11.079c.47-.703.805-1.502.97-2.362" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-filled-solid.tsx b/packages/design-system/icons/src/components/circle-filled-solid.tsx
index d2895286ec..96f2c76b40 100644
--- a/packages/design-system/icons/src/components/circle-filled-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-filled-solid.tsx
@@ -5,14 +5,27 @@ const CircleFilledSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
-        <circle cx={10} cy={10} r={5} fill={color} />
+        <g clipPath="url(#a)">
+          <circle
+            cx={7.5}
+            cy={7.5}
+            r={6.443}
+            stroke={color}
+            strokeWidth={1.333}
+          />
+          <circle cx={7.5} cy={7.5} r={4.444} fill={color} />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-half-solid.tsx b/packages/design-system/icons/src/components/circle-half-solid.tsx
index c53d75c3d2..559823bb29 100644
--- a/packages/design-system/icons/src/components/circle-half-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-half-solid.tsx
@@ -5,14 +5,27 @@ const CircleHalfSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
-        <path fill={color} d="M10 15a5 5 0 0 0 0-10v10Z" />
+        <g clipPath="url(#a)">
+          <circle
+            cx={7.5}
+            cy={7.5}
+            r={6.443}
+            stroke={color}
+            strokeWidth={1.333}
+          />
+          <path fill={color} d="M7.5 11.944a4.444 4.444 0 0 0 0-8.888z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-mini-filled-solid.tsx b/packages/design-system/icons/src/components/circle-mini-filled-solid.tsx
index ff7a1943ae..4d8b1f5d69 100644
--- a/packages/design-system/icons/src/components/circle-mini-filled-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-mini-filled-solid.tsx
@@ -5,14 +5,27 @@ const CircleMiniFilledSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={5.25} stroke={color} strokeWidth={1.5} />
-        <circle cx={10} cy={10} r={3} fill={color} />
+        <g clipPath="url(#a)">
+          <circle
+            cx={7.5}
+            cy={7.5}
+            r={6.443}
+            stroke={color}
+            strokeWidth={1.333}
+          />
+          <circle cx={7.5} cy={7.5} r={4.444} fill={color} />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-mini-solid.tsx b/packages/design-system/icons/src/components/circle-mini-solid.tsx
index 36cf60f4ec..e4c7a37aef 100644
--- a/packages/design-system/icons/src/components/circle-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-mini-solid.tsx
@@ -5,13 +5,25 @@ const CircleMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={5.25} stroke={color} strokeWidth={1.5} />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M7.5 1.722a5.778 5.778 0 1 0 0 11.556 5.778 5.778 0 0 0 0-11.556M.389 7.5a7.111 7.111 0 1 1 14.222 0A7.111 7.111 0 0 1 .39 7.5"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-quarter-solid.tsx b/packages/design-system/icons/src/components/circle-quarter-solid.tsx
index 8d522ebc8b..e2c5a9ab57 100644
--- a/packages/design-system/icons/src/components/circle-quarter-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-quarter-solid.tsx
@@ -5,14 +5,27 @@ const CircleQuarterSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
-        <path fill={color} d="M15 10a5 5 0 0 0-5-5v5h5Z" />
+        <g clipPath="url(#a)">
+          <circle
+            cx={7.5}
+            cy={7.5}
+            r={6.443}
+            stroke={color}
+            strokeWidth={1.333}
+          />
+          <path fill={color} d="M11.944 7.5A4.444 4.444 0 0 0 7.5 3.056V7.5z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-solid.tsx b/packages/design-system/icons/src/components/circle-solid.tsx
index 4332efe310..823cc0bcd6 100644
--- a/packages/design-system/icons/src/components/circle-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-solid.tsx
@@ -5,13 +5,25 @@ const CircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M7.5 1.722a5.778 5.778 0 1 0 0 11.556 5.778 5.778 0 0 0 0-11.556M.389 7.5a7.111 7.111 0 1 1 14.222 0A7.111 7.111 0 0 1 .39 7.5"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/circle-stack-solid.tsx b/packages/design-system/icons/src/components/circle-stack-solid.tsx
index 175958d475..597d13e121 100644
--- a/packages/design-system/icons/src/components/circle-stack-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-stack-solid.tsx
@@ -5,27 +5,15 @@ const CircleStackSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M17.5 5.313c0 2.243-3.358 4.062-7.5 4.062-4.142 0-7.5-1.82-7.5-4.063C2.5 3.07 5.858 1.25 10 1.25c4.142 0 7.5 1.82 7.5 4.063Z"
-        />
-        <path
-          fill={color}
-          d="M10 10.625c2.238 0 4.325-.488 5.898-1.34A6.901 6.901 0 0 0 17.48 8.13c.014.1.021.203.021.307 0 2.243-3.358 4.062-7.5 4.062-4.142 0-7.5-1.82-7.5-4.062 0-.104.007-.206.02-.307.47.457 1.003.846 1.582 1.153 1.572.853 3.66 1.341 5.898 1.341Z"
-        />
-        <path
-          fill={color}
-          d="M10 13.75c2.238 0 4.325-.488 5.898-1.34a6.903 6.903 0 0 0 1.581-1.154c.014.1.021.203.021.306 0 2.244-3.358 4.063-7.5 4.063-4.142 0-7.5-1.82-7.5-4.063 0-.103.007-.205.02-.306.47.457 1.003.846 1.582 1.153 1.572.853 3.66 1.341 5.898 1.341Z"
-        />
-        <path
-          fill={color}
-          d="M10 16.875c2.238 0 4.325-.488 5.898-1.34a6.903 6.903 0 0 0 1.581-1.154c.014.1.021.203.021.306 0 2.244-3.358 4.063-7.5 4.063-4.142 0-7.5-1.82-7.5-4.063 0-.103.007-.205.02-.306.47.457 1.003.846 1.582 1.153 1.572.853 3.66 1.341 5.898 1.341Z"
+          d="M7.5.611c-3.092 0-6.222.916-6.222 2.667v8.444c0 1.751 3.13 2.667 6.222 2.667s6.222-.916 6.222-2.667V3.278C13.722 1.527 10.592.61 7.5.61M12.39 7.5c0 .388-1.713 1.333-4.889 1.333S2.611 7.888 2.611 7.5V4.985c1.2.632 3.048.96 4.889.96 1.84 0 3.69-.328 4.889-.96zM7.5 13.056c-3.176 0-4.889-.946-4.889-1.334V9.208c1.2.632 3.048.959 4.889.959 1.84 0 3.69-.327 4.889-.96v2.515c0 .388-1.713 1.334-4.889 1.334"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/circle-stack.tsx b/packages/design-system/icons/src/components/circle-stack.tsx
index a3d682f05e..feccc4cdf5 100644
--- a/packages/design-system/icons/src/components/circle-stack.tsx
+++ b/packages/design-system/icons/src/components/circle-stack.tsx
@@ -5,8 +5,8 @@ const CircleStack = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -15,8 +15,22 @@ const CircleStack = React.forwardRef<SVGSVGElement, IconProps>(
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth={1.25}
-          d="M16.875 5.313c0 1.898-3.078 3.437-6.875 3.437S3.125 7.21 3.125 5.312m13.75 0c0-1.898-3.078-3.437-6.875-3.437s-6.875 1.54-6.875 3.438m13.75 0v9.375c0 1.898-3.078 3.437-6.875 3.437s-6.875-1.54-6.875-3.438V5.313m13.75 0v3.125M3.125 5.312v3.125m13.75 0v3.126C16.875 13.46 13.797 15 10 15s-6.875-1.54-6.875-3.438V8.438m13.75 0c0 1.898-3.078 3.437-6.875 3.437s-6.875-1.54-6.875-3.438"
+          strokeWidth={1.5}
+          d="M7.5 5.278c3.068 0 5.556-.896 5.556-2s-2.488-2-5.556-2-5.556.895-5.556 2 2.488 2 5.556 2"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M1.944 3.278v8.444c0 1.105 2.488 2 5.556 2s5.556-.895 5.556-2V3.278"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M1.944 7.5c0 1.105 2.488 2 5.556 2s5.556-.895 5.556-2"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/circle-three-quarters-solid.tsx b/packages/design-system/icons/src/components/circle-three-quarters-solid.tsx
index 21269a192a..bb6d3c642b 100644
--- a/packages/design-system/icons/src/components/circle-three-quarters-solid.tsx
+++ b/packages/design-system/icons/src/components/circle-three-quarters-solid.tsx
@@ -5,14 +5,25 @@ const CircleThreeQuartersSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
-        <path fill={color} d="M10 15a5 5 0 0 0 0-10v5H5c0 2.739 2.31 5 5 5Z" />
+        <g fill={color} clipPath="url(#a)">
+          <path
+            fillRule="evenodd"
+            d="M7.5 13.277a5.777 5.777 0 1 0 0-11.554 5.777 5.777 0 0 0 0 11.554m0 1.333A7.11 7.11 0 1 0 7.5.39a7.11 7.11 0 0 0 0 14.22"
+            clipRule="evenodd"
+          />
+          <path d="M7.5 11.944a4.444 4.444 0 1 0 0-8.888V7.5H3.056c0 2.434 2.053 4.444 4.444 4.444" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/clock-changed-solid-mini.tsx b/packages/design-system/icons/src/components/clock-changed-solid-mini.tsx
index 7a7227f828..784cf990c6 100644
--- a/packages/design-system/icons/src/components/clock-changed-solid-mini.tsx
+++ b/packages/design-system/icons/src/components/clock-changed-solid-mini.tsx
@@ -5,18 +5,20 @@ const ClockChangedSolidMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M4 10a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm5.542-.386a.75.75 0 0 1 .65-.13l3 .79a.75.75 0 0 1-.383 1.451l-2.059-.543V13.5a.75.75 0 0 1-1.5 0v-3.292a.75.75 0 0 1 .292-.594Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M14.167 3.278a.66.66 0 0 1-.472-.196l-1.777-1.778a.667.667 0 0 1 .943-.943l1.778 1.778a.667.667 0 0 1-.472 1.139M.833 3.278a.667.667 0 0 1-.471-1.139L2.14.362a.667.667 0 1 1 .943.943L1.305 3.083c-.13.13-.3.196-.47.196zM12.342 11.399a6.2 6.2 0 0 0 1.38-3.899A6.23 6.23 0 0 0 7.5 1.278 6.23 6.23 0 0 0 1.278 7.5a6.2 6.2 0 0 0 1.38 3.899l-1.185 1.185a.667.667 0 0 0 .943.943L3.6 12.342a6.2 6.2 0 0 0 3.899 1.38 6.2 6.2 0 0 0 3.9-1.38l1.185 1.185a.665.665 0 0 0 .942 0 .667.667 0 0 0 0-.943zm-1.835-1.986a.665.665 0 0 1-.92.204L7.143 8.062a.67.67 0 0 1-.309-.563V4.61a.667.667 0 0 1 1.334 0v2.523l2.136 1.36c.31.197.4.609.203.92" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/clock-solid-mini.tsx b/packages/design-system/icons/src/components/clock-solid-mini.tsx
index 2035a07a0d..9c1f2987fa 100644
--- a/packages/design-system/icons/src/components/clock-solid-mini.tsx
+++ b/packages/design-system/icons/src/components/clock-solid-mini.tsx
@@ -5,18 +5,20 @@ const ClockSolidMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M4 10a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm6-4.25a.75.75 0 0 1 .75.75v3.13l2.441.645a.75.75 0 0 1-.382 1.45l-3-.792a.75.75 0 0 1-.559-.725V6.5a.75.75 0 0 1 .75-.75Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M14.167 3.278a.66.66 0 0 1-.472-.196l-1.777-1.778a.667.667 0 0 1 .943-.943l1.778 1.778a.667.667 0 0 1-.472 1.139M.833 3.278a.667.667 0 0 1-.471-1.139L2.14.362a.667.667 0 1 1 .943.943L1.305 3.083c-.13.13-.3.196-.47.196zM12.342 11.399a6.2 6.2 0 0 0 1.38-3.899A6.23 6.23 0 0 0 7.5 1.278 6.23 6.23 0 0 0 1.278 7.5a6.2 6.2 0 0 0 1.38 3.899l-1.185 1.185a.667.667 0 0 0 .943.943L3.6 12.342a6.2 6.2 0 0 0 3.899 1.38 6.2 6.2 0 0 0 3.9-1.38l1.185 1.185a.665.665 0 0 0 .942 0 .667.667 0 0 0 0-.943zm-1.835-1.986a.665.665 0 0 1-.92.204L7.143 8.062a.67.67 0 0 1-.309-.563V4.61a.667.667 0 0 1 1.334 0v2.523l2.136 1.36c.31.197.4.609.203.92" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/clock-solid.tsx b/packages/design-system/icons/src/components/clock-solid.tsx
index 2684772ebd..78970ba852 100644
--- a/packages/design-system/icons/src/components/clock-solid.tsx
+++ b/packages/design-system/icons/src/components/clock-solid.tsx
@@ -5,18 +5,20 @@ const ClockSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1.75 10a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0ZM10 5.083a.75.75 0 0 1 .75.75v3.944l2.128 1.242a.75.75 0 1 1-.756 1.295l-2.5-1.458a.75.75 0 0 1-.372-.648V5.833a.75.75 0 0 1 .75-.75Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M14.167 3.278a.66.66 0 0 1-.472-.196l-1.777-1.778a.667.667 0 0 1 .943-.943l1.778 1.778a.667.667 0 0 1-.472 1.139M.833 3.278a.667.667 0 0 1-.471-1.139L2.14.362a.667.667 0 1 1 .943.943L1.305 3.083c-.13.13-.3.196-.47.196zM12.342 11.399a6.2 6.2 0 0 0 1.38-3.899A6.23 6.23 0 0 0 7.5 1.278 6.23 6.23 0 0 0 1.278 7.5a6.2 6.2 0 0 0 1.38 3.899l-1.185 1.185a.667.667 0 0 0 .943.943L3.6 12.342a6.2 6.2 0 0 0 3.899 1.38 6.2 6.2 0 0 0 3.9-1.38l1.185 1.185a.665.665 0 0 0 .942 0 .667.667 0 0 0 0-.943zm-1.835-1.986a.665.665 0 0 1-.92.204L7.143 8.062a.67.67 0 0 1-.309-.563V4.61a.667.667 0 0 1 1.334 0v2.523l2.136 1.36c.31.197.4.609.203.92" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/clock.tsx b/packages/design-system/icons/src/components/clock.tsx
index 823975fb83..1280f612d6 100644
--- a/packages/design-system/icons/src/components/clock.tsx
+++ b/packages/design-system/icons/src/components/clock.tsx
@@ -5,19 +5,27 @@ const Clock = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 5.833v4.375l2.5 1.459m5-1.667a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="m12.389.833 1.778 1.778M2.611.833.833 2.611M7.5 13.056a5.556 5.556 0 1 0 0-11.112 5.556 5.556 0 0 0 0 11.112M3.572 11.428l-1.628 1.627M11.428 11.428l1.627 1.627" />
+          <path d="M7.5 4.611V7.5l2.444 1.556" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cloud-arrow-down.tsx b/packages/design-system/icons/src/components/cloud-arrow-down.tsx
index 7c23008d44..9b2ffc7f80 100644
--- a/packages/design-system/icons/src/components/cloud-arrow-down.tsx
+++ b/packages/design-system/icons/src/components/cloud-arrow-down.tsx
@@ -5,19 +5,26 @@ const CloudArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 8.125v5.625m0 0-2.5-2.5m2.5 2.5 2.5-2.5m-6.875 5A3.75 3.75 0 0 1 4.45 8.938a4.375 4.375 0 0 1 8.527-1.942 2.5 2.5 0 0 1 3.132 3.207A3.126 3.126 0 0 1 15 16.25H5.625Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M10.167 10h.444c1.841 0 3.333-1.314 3.333-2.935 0-1.358-1.053-2.49-2.476-2.824C11.303 2.43 9.6 1 7.5 1c-2.209 0-4 1.577-4 3.522 0 .274.044.537.11.793-1.42.052-2.554 1.075-2.554 2.337C1.056 8.95 2.249 10 3.722 10h1.111M9.5 12.11l-2 2-2-2M7.5 14.11V6.554" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cloud-arrow-up.tsx b/packages/design-system/icons/src/components/cloud-arrow-up.tsx
index 78140775ce..3b35e441c4 100644
--- a/packages/design-system/icons/src/components/cloud-arrow-up.tsx
+++ b/packages/design-system/icons/src/components/cloud-arrow-up.tsx
@@ -5,19 +5,27 @@ const CloudArrowUp = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 13.75V8.125m0 0 2.5 2.5m-2.5-2.5-2.5 2.5M5.625 16.25A3.75 3.75 0 0 1 4.45 8.937a4.375 4.375 0 0 1 8.527-1.941 2.5 2.5 0 0 1 3.132 3.207A3.127 3.127 0 0 1 15 16.25H5.625Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M10.167 11.722h.444a3.333 3.333 0 0 0 3.333-3.333 3.324 3.324 0 0 0-2.476-3.208C11.303 3.124 9.6 1.5 7.5 1.5a4 4 0 0 0-4 4c0 .311.044.61.11.9a2.66 2.66 0 0 0 .112 5.322h1.111" />
+          <path d="m5.5 8.833 2-2 2 2M7.5 6.833v7.2" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cog-six-tooth-solid.tsx b/packages/design-system/icons/src/components/cog-six-tooth-solid.tsx
index 3cf195aabe..eb04e924d2 100644
--- a/packages/design-system/icons/src/components/cog-six-tooth-solid.tsx
+++ b/packages/design-system/icons/src/components/cog-six-tooth-solid.tsx
@@ -5,18 +5,23 @@ const CogSixToothSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M9.232 1.875c-.765 0-1.416.553-1.542 1.306l-.148.893c-.017.1-.096.217-.248.29-.285.137-.56.296-.822.475-.138.096-.278.105-.375.07L5.25 4.59a1.563 1.563 0 0 0-1.902.683l-.768 1.33a1.563 1.563 0 0 0 .36 1.988l.7.577c.08.065.142.19.128.358a6.334 6.334 0 0 0 0 .949c.013.167-.049.293-.127.358l-.701.577a1.562 1.562 0 0 0-.36 1.988l.768 1.33a1.562 1.562 0 0 0 1.902.682l.85-.318c.095-.036.235-.026.374.068.26.178.534.338.821.475.152.073.23.19.247.292l.149.892a1.563 1.563 0 0 0 1.541 1.306h1.537c.764 0 1.416-.552 1.542-1.306l.148-.893c.017-.1.095-.217.248-.291.286-.137.56-.297.82-.475.14-.095.28-.104.376-.068l.85.318a1.562 1.562 0 0 0 1.9-.683l.769-1.33a1.563 1.563 0 0 0-.36-1.988l-.7-.577c-.08-.065-.142-.19-.129-.358a6.345 6.345 0 0 0 0-.949c-.013-.167.05-.293.128-.358l.7-.577c.59-.485.742-1.325.36-1.987l-.768-1.331a1.562 1.562 0 0 0-1.901-.682l-.85.318c-.095.036-.235.026-.374-.069a6.246 6.246 0 0 0-.821-.475c-.153-.072-.231-.189-.248-.29l-.149-.893a1.563 1.563 0 0 0-1.542-1.306H9.232ZM10 13.125a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="m13.434 5.664-.806-.285a6 6 0 0 0-.318-.657c-.117-.202-.263-.378-.401-.56l.163-.874a1.77 1.77 0 0 0-.853-1.853l-.313-.18a1.77 1.77 0 0 0-2.03.187l-.648.555a5.5 5.5 0 0 0-1.443-.009l-.647-.554a1.77 1.77 0 0 0-2.03-.187l-.313.18a1.77 1.77 0 0 0-.852 1.853l.154.829c-.29.376-.51.8-.697 1.243l-.834.295A1.77 1.77 0 0 0 .389 7.312v.36c0 .747.473 1.416 1.177 1.664l.805.285c.093.223.195.443.318.656.117.203.263.379.402.562l-.163.873a1.77 1.77 0 0 0 .853 1.853l.313.18a1.76 1.76 0 0 0 2.03-.187l.644-.551q.37.05.74.05.354 0 .706-.046l.648.555a1.77 1.77 0 0 0 2.03.187l.313-.18c.647-.373.99-1.117.852-1.853l-.154-.83c.29-.376.51-.799.696-1.242l.835-.295a1.77 1.77 0 0 0 1.177-1.665v-.36c0-.747-.473-1.416-1.177-1.664M7.5 10.167a2.666 2.666 0 1 1 0-5.333 2.666 2.666 0 0 1 0 5.333"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cog-six-tooth.tsx b/packages/design-system/icons/src/components/cog-six-tooth.tsx
index 0ef297e28d..90ba10b3fb 100644
--- a/packages/design-system/icons/src/components/cog-six-tooth.tsx
+++ b/packages/design-system/icons/src/components/cog-six-tooth.tsx
@@ -5,26 +5,27 @@ const CogSixTooth = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M7.995 3.283A.938.938 0 0 1 8.92 2.5h2.16c.46 0 .85.332.926.783l.177 1.068c.053.311.261.572.538.725.062.033.122.069.183.106.27.163.6.214.896.103l1.014-.38a.937.937 0 0 1 1.142.408l1.08 1.873a.937.937 0 0 1-.217 1.192l-.836.69c-.244.2-.365.51-.359.826.002.071.002.142 0 .213-.006.315.115.625.359.825l.837.69a.938.938 0 0 1 .217 1.191l-1.082 1.873a.938.938 0 0 1-1.14.409l-1.015-.38a1.039 1.039 0 0 0-.897.103c-.06.037-.121.073-.183.107a1.04 1.04 0 0 0-.537.724l-.177 1.067a.938.938 0 0 1-.925.784H8.919a.938.938 0 0 1-.925-.783l-.177-1.068a1.037 1.037 0 0 0-.537-.725 5.398 5.398 0 0 1-.183-.106c-.271-.163-.6-.214-.897-.103l-1.014.38a.938.938 0 0 1-1.14-.408l-1.082-1.873a.938.938 0 0 1 .217-1.192l.837-.69c.243-.2.364-.51.358-.826a5.788 5.788 0 0 1 0-.213 1.034 1.034 0 0 0-.358-.825l-.837-.69a.938.938 0 0 1-.217-1.191l1.081-1.873a.938.938 0 0 1 1.142-.409l1.013.38c.297.11.626.06.897-.103.06-.037.121-.073.183-.107.277-.152.485-.413.537-.724l.178-1.068v0Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0v0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4" />
+          <path d="m12.989 5.97-.826-.292a5 5 0 0 0-.323-.685 5 5 0 0 0-.43-.621l.16-.86a1.43 1.43 0 0 0-.692-1.503l-.312-.18a1.43 1.43 0 0 0-1.647.152l-.663.566a5 5 0 0 0-1.513 0L6.08 1.98a1.43 1.43 0 0 0-1.647-.152l-.312.18a1.43 1.43 0 0 0-.691 1.503l.16.857c-.32.4-.574.841-.758 1.31l-.82.29a1.43 1.43 0 0 0-.956 1.35v.36c0 .608.383 1.15.955 1.35l.826.292c.09.232.194.462.323.684.128.222.275.427.43.622l-.16.86c-.111.597.166 1.2.691 1.503l.312.18a1.43 1.43 0 0 0 1.647-.152l.663-.567a5 5 0 0 0 1.512 0l.663.568a1.43 1.43 0 0 0 1.647.152l.312-.18c.526-.304.803-.906.691-1.502l-.16-.86c.32-.398.575-.84.757-1.308l.822-.29c.572-.202.956-.743.956-1.35v-.36c0-.608-.383-1.149-.956-1.35z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/command-line-solid.tsx b/packages/design-system/icons/src/components/command-line-solid.tsx
index f764672027..32c94ca03c 100644
--- a/packages/design-system/icons/src/components/command-line-solid.tsx
+++ b/packages/design-system/icons/src/components/command-line-solid.tsx
@@ -5,17 +5,15 @@ const CommandLineSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M1.875 5a2.5 2.5 0 0 1 2.5-2.5h11.25a2.5 2.5 0 0 1 2.5 2.5v10a2.5 2.5 0 0 1-2.5 2.5H4.375a2.5 2.5 0 0 1-2.5-2.5V5Zm3.308.808a.625.625 0 0 1 .884 0l1.875 1.875a.625.625 0 0 1 0 .884l-1.875 1.875a.625.625 0 0 1-.884-.884l1.434-1.433-1.434-1.433a.625.625 0 0 1 0-.884ZM8.75 9.375a.625.625 0 0 0 0 1.25h2.5a.624.624 0 1 0 0-1.25h-2.5Z"
-          clipRule="evenodd"
+          d="M11.278 1.278H3.722a2.446 2.446 0 0 0-2.444 2.444v7.556a2.446 2.446 0 0 0 2.444 2.444h7.556a2.447 2.447 0 0 0 2.444-2.444V3.722a2.446 2.446 0 0 0-2.444-2.444M5.082 10.86a.665.665 0 1 1-.942-.943l1.751-1.751L4.14 6.415a.667.667 0 1 1 .943-.943l2.222 2.222c.26.26.26.683 0 .943l-2.222 2.222zm5.307.196H8.167a.667.667 0 0 1 0-1.334h2.222a.667.667 0 0 1 0 1.334"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/command-line.tsx b/packages/design-system/icons/src/components/command-line.tsx
index c2197d0331..a29cc4be42 100644
--- a/packages/design-system/icons/src/components/command-line.tsx
+++ b/packages/design-system/icons/src/components/command-line.tsx
@@ -5,19 +5,27 @@ const CommandLine = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m5.625 6.25 2.5 1.875L5.625 10m3.75 0h2.5m-7.5 6.875h11.25A1.875 1.875 0 0 0 17.5 15V5a1.875 1.875 0 0 0-1.875-1.875H4.375A1.875 1.875 0 0 0 2.5 5v10a1.875 1.875 0 0 0 1.875 1.875Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M11.278 1.944H3.722c-.982 0-1.778.796-1.778 1.778v7.556c0 .981.796 1.777 1.778 1.777h7.556c.982 0 1.778-.796 1.778-1.777V3.722c0-.982-.796-1.778-1.778-1.778M8.167 10.389h2.222" />
+          <path d="m4.611 10.389 2.222-2.222-2.222-2.223" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/component-solid.tsx b/packages/design-system/icons/src/components/component-solid.tsx
index 169b78a7b2..68d56cfe8a 100644
--- a/packages/design-system/icons/src/components/component-solid.tsx
+++ b/packages/design-system/icons/src/components/component-solid.tsx
@@ -5,20 +5,25 @@ const ComponentSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           fill={color}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M5.125 7.375 7.75 10l-2.625 2.625L2.5 10l2.625-2.625ZM10 2.5l2.625 2.625L10 7.75 7.375 5.125 10 2.5ZM14.875 7.375 17.5 10l-2.625 2.625L12.25 10l2.625-2.625ZM10 12.25l2.625 2.625L10 17.5l-2.625-2.625L10 12.25Z"
-        />
+          fillRule="evenodd"
+          clipPath="url(#a)"
+          clipRule="evenodd"
+        >
+          <path d="M2.815 4.766a.65.65 0 0 1 .92 0L6.008 7.04a.65.65 0 0 1 0 .92l-2.275 2.275a.65.65 0 0 1-.919 0L.54 7.96a.65.65 0 0 1 0-.92zM7.04.54a.65.65 0 0 1 .92 0l2.274 2.276a.65.65 0 0 1 0 .919L7.96 6.01a.65.65 0 0 1-.919 0L4.765 3.735a.65.65 0 0 1 0-.92zM11.265 4.766a.65.65 0 0 1 .92 0L14.46 7.04a.65.65 0 0 1 0 .92l-2.275 2.275a.65.65 0 0 1-.92 0L8.99 7.96a.65.65 0 0 1 0-.92zM7.04 8.99a.65.65 0 0 1 .92 0l2.274 2.275a.65.65 0 0 1 0 .92L7.96 14.459a.65.65 0 0 1-.919 0l-2.275-2.274a.65.65 0 0 1 0-.92z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/component.tsx b/packages/design-system/icons/src/components/component.tsx
index dca38f8206..a01c1f791e 100644
--- a/packages/design-system/icons/src/components/component.tsx
+++ b/packages/design-system/icons/src/components/component.tsx
@@ -5,19 +5,26 @@ const Component = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M5.125 7.375 7.75 10l-2.625 2.625L2.5 10l2.625-2.625ZM10 2.5l2.625 2.625L10 7.75 7.375 5.125 10 2.5ZM14.875 7.375 17.5 10l-2.625 2.625L12.25 10l2.625-2.625ZM10 12.25l2.625 2.625L10 17.5l-2.625-2.625L10 12.25Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M3.275 5.225 5.55 7.5 3.275 9.775 1 7.5zM7.5 1l2.275 2.275L7.5 5.55 5.225 3.275zM11.725 5.225 14 7.5l-2.275 2.275L9.45 7.5zM7.5 9.45l2.275 2.275L7.5 14l-2.275-2.275z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/computer-desktop-solid.tsx b/packages/design-system/icons/src/components/computer-desktop-solid.tsx
index 0b935762e6..f248bb083b 100644
--- a/packages/design-system/icons/src/components/computer-desktop-solid.tsx
+++ b/packages/design-system/icons/src/components/computer-desktop-solid.tsx
@@ -5,18 +5,21 @@ const ComputerDesktopSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M10.59 13.309a10.3 10.3 0 0 0-2.423-.448v-1.583a.667.667 0 0 0-1.334 0v1.583c-.82.053-1.634.2-2.423.448a.666.666 0 1 0 .401 1.272 9 9 0 0 1 5.377 0q.1.03.2.031a.667.667 0 0 0 .2-1.302z" />
+          <path d="M12.167 11.945H2.833A2.446 2.446 0 0 1 .39 9.5V3.722a2.446 2.446 0 0 1 2.444-2.444h9.334a2.446 2.446 0 0 1 2.444 2.444V9.5a2.446 2.446 0 0 1-2.444 2.444M2.833 2.61c-.612 0-1.11.499-1.11 1.111V9.5c0 .613.498 1.111 1.11 1.111h9.334c.612 0 1.11-.498 1.11-1.111V3.722c0-.612-.498-1.11-1.11-1.11z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/computer-desktop.tsx b/packages/design-system/icons/src/components/computer-desktop.tsx
index 092665edd8..76f0cec284 100644
--- a/packages/design-system/icons/src/components/computer-desktop.tsx
+++ b/packages/design-system/icons/src/components/computer-desktop.tsx
@@ -5,19 +5,26 @@ const ComputerDesktop = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M7.5 14.375v.84a2.5 2.5 0 0 1-.732 1.768l-.518.517h7.5l-.518-.517a2.5 2.5 0 0 1-.732-1.769v-.839m5-10V12.5a1.875 1.875 0 0 1-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 12.5V4.375m15 0A1.875 1.875 0 0 0 15.625 2.5H4.375A1.875 1.875 0 0 0 2.5 4.375m15 0V10a1.875 1.875 0 0 1-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 10V4.375"
-        />
+          strokeWidth={1.333}
+          clipPath="url(#a)"
+        >
+          <path d="M4.611 13.944a9.6 9.6 0 0 1 5.778 0M7.5 11.278V13.5M12.167 1.944H2.833c-.982 0-1.777.796-1.777 1.778V9.5c0 .982.795 1.778 1.777 1.778h9.334c.982 0 1.777-.796 1.777-1.778V3.722c0-.982-.796-1.778-1.777-1.778" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/credit-card-solid.tsx b/packages/design-system/icons/src/components/credit-card-solid.tsx
index 2fd12e6b57..d4cc2c42eb 100644
--- a/packages/design-system/icons/src/components/credit-card-solid.tsx
+++ b/packages/design-system/icons/src/components/credit-card-solid.tsx
@@ -5,22 +5,20 @@ const CreditCardSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M3.976 3.373a2.41 2.41 0 0 0-2.41 2.41v.602h16.868v-.602a2.41 2.41 0 0 0-2.41-2.41H3.976Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M18.434 8.193H1.566v6.024a2.41 2.41 0 0 0 2.41 2.41h12.048a2.41 2.41 0 0 0 2.41-2.41V8.193ZM3.976 11.205a.602.602 0 0 1 .602-.602h4.82a.603.603 0 0 1 0 1.205h-4.82a.603.603 0 0 1-.602-.603Zm.602 1.808a.603.603 0 0 0 0 1.204h2.41a.602.602 0 1 0 0-1.204h-2.41Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M14.611 4.611a2.446 2.446 0 0 0-2.444-2.444H2.833A2.446 2.446 0 0 0 .39 4.61v.667H14.61zM.389 10.389a2.446 2.446 0 0 0 2.444 2.444h9.334a2.446 2.446 0 0 0 2.444-2.444V6.61H.39zm10.444-1.556h.89a.667.667 0 0 1 0 1.334h-.89a.667.667 0 0 1 0-1.334m-7.555 0h2.666a.667.667 0 0 1 0 1.334H3.278a.667.667 0 0 1 0-1.334" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/credit-card.tsx b/packages/design-system/icons/src/components/credit-card.tsx
index 94dbd812ac..116762425d 100644
--- a/packages/design-system/icons/src/components/credit-card.tsx
+++ b/packages/design-system/icons/src/components/credit-card.tsx
@@ -5,19 +5,26 @@ const CreditCard = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={21}
-        height={21}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.163 7.294h16.674m-16.674.641h16.674M4.729 12.113h5.075M4.73 14.348h2.565m-3.207 2.565h12.826a1.924 1.924 0 0 0 1.924-1.924V6.011a1.924 1.924 0 0 0-1.924-1.924H4.087a1.924 1.924 0 0 0-1.924 1.924v8.978a1.924 1.924 0 0 0 1.924 1.924Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.056 5.944h12.888M2.833 12.167h9.334c.982 0 1.777-.796 1.777-1.778V4.61c0-.982-.796-1.778-1.777-1.778H2.833c-.981 0-1.777.796-1.777 1.778v5.778c0 .982.796 1.778 1.777 1.778M3.278 9.5h2.666M10.833 9.5h.89" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cube-solid.tsx b/packages/design-system/icons/src/components/cube-solid.tsx
index 7b24c35611..cc65ce0ca1 100644
--- a/packages/design-system/icons/src/components/cube-solid.tsx
+++ b/packages/design-system/icons/src/components/cube-solid.tsx
@@ -5,17 +5,15 @@ const CubeSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M10.346 1.634a.717.717 0 0 0-.692 0l-6.8 3.751L10 9.328l7.146-3.943-6.8-3.751Zm7.3 5.113-6.93 3.823v7.885l6.56-3.618a.717.717 0 0 0 .37-.628V6.747ZM9.283 18.455V10.57l-6.93-3.823v7.462a.717.717 0 0 0 .372.628l6.558 3.618Z"
-          clipRule="evenodd"
+          d="M13.4 4.095s-.001-.01-.004-.015q-.006-.006-.012-.013c-.21-.359-.509-.666-.879-.88L8.727.996a2.45 2.45 0 0 0-2.454 0L2.496 3.187a2.44 2.44 0 0 0-.88.88q-.005.006-.012.013-.003.008-.004.015a2.44 2.44 0 0 0-.322 1.207v4.396c0 .869.466 1.678 1.218 2.115l3.777 2.191c.376.217.795.325 1.215.327l.012.003q.006-.001.013-.003c.42-.002.84-.11 1.214-.327l3.778-2.191a2.45 2.45 0 0 0 1.217-2.114V5.302c0-.43-.115-.845-.322-1.207M3.165 10.66a1.12 1.12 0 0 1-.554-.962V5.435l4.222 2.449v4.902zm8.67 0-3.668 2.128V7.885l4.222-2.449v4.263c0 .395-.212.763-.554.961"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/currency-dollar-solid.tsx b/packages/design-system/icons/src/components/currency-dollar-solid.tsx
index e9dc5b2ae9..bb8d4eff01 100644
--- a/packages/design-system/icons/src/components/currency-dollar-solid.tsx
+++ b/packages/design-system/icons/src/components/currency-dollar-solid.tsx
@@ -5,22 +5,23 @@ const CurrencyDollarSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M10.75 10.818v2.614A3.13 3.13 0 0 0 11.888 13c.482-.315.612-.648.612-.875 0-.227-.13-.56-.612-.875a3.13 3.13 0 0 0-1.138-.432ZM8.33 8.62c.053.055.115.11.184.164.208.16.46.284.736.363V6.603a2.45 2.45 0 0 0-.35.13 2.01 2.01 0 0 0-.386.233c-.377.292-.514.627-.514.909 0 .184.058.39.202.592.037.051.08.103.128.153Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M18 10a8 8 0 1 1-16.001 0A8 8 0 0 1 18 10Zm-8-6a.75.75 0 0 1 .75.75v.316a3.78 3.78 0 0 1 1.653.713c.426.33.744.74.925 1.2a.75.75 0 0 1-1.395.55 1.35 1.35 0 0 0-.447-.563c-.22-.166-.47-.29-.736-.363V9.3c.698.093 1.383.32 1.959.696.787.514 1.29 1.27 1.29 2.13 0 .86-.504 1.616-1.29 2.13-.576.377-1.261.603-1.96.696v.299a.75.75 0 1 1-1.5 0v-.3c-.697-.092-1.382-.318-1.958-.695-.482-.315-.857-.717-1.078-1.188a.75.75 0 1 1 1.359-.636c.08.173.245.376.54.569.313.205.706.353 1.138.432v-2.748a3.782 3.782 0 0 1-1.653-.713C6.9 9.433 6.5 8.681 6.5 7.875c0-.805.4-1.558 1.097-2.096a3.78 3.78 0 0 1 1.653-.713V4.75A.75.75 0 0 1 10 4Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m1.871 9.994c-.313.32-.736.538-1.204.645v.25a.667.667 0 0 1-1.334 0v-.247c-.876-.183-1.49-.72-1.748-1.568a.666.666 0 1 1 1.275-.389c.106.346.328.699 1.175.699.355 0 .686-.121.883-.322a.66.66 0 0 0 .194-.49c-.007-.288-.11-.612-1.237-.814-1.758-.314-2.114-1.335-2.17-1.916-.055-.575.104-1.086.46-1.478.318-.349.753-.545 1.17-.653v-.378a.667.667 0 0 1 1.333 0v.358A2.23 2.23 0 0 1 9.73 5.42a.667.667 0 0 1-1.228.518c-.064-.15-.258-.61-.967-.61-.246 0-.683.1-.884.321-.063.07-.145.193-.12.454.013.136.053.549 1.077.732 1.522.273 2.309.977 2.336 2.093a2 2 0 0 1-.573 1.455"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/currency-dollar.tsx b/packages/design-system/icons/src/components/currency-dollar.tsx
index d3c351339c..558af4b0b0 100644
--- a/packages/design-system/icons/src/components/currency-dollar.tsx
+++ b/packages/design-system/icons/src/components/currency-dollar.tsx
@@ -5,19 +5,27 @@ const CurrencyDollar = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 5v10m-2.5-2.348.732.549c.976.732 2.559.732 3.536 0 .976-.733.976-1.92 0-2.652C11.28 10.182 10.64 10 10 10c-.604 0-1.208-.183-1.67-.55-.92-.732-.92-1.918 0-2.65.922-.733 2.418-.733 3.34 0l.345.274M17.5 10a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 13.944a6.444 6.444 0 1 0 0-12.888 6.444 6.444 0 0 0 0 12.888" />
+          <path d="M9.115 5.679c-.35-.83-1.051-1.017-1.581-1.017-.493 0-1.787.262-1.667 1.504.084.872.906 1.196 1.624 1.324s1.761.402 1.787 1.454c.021.888-.778 1.495-1.744 1.495-.923 0-1.565-.359-1.812-1.17M7.5 3.722v.94M7.5 10.44v.838" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/cursor-arrow-rays.tsx b/packages/design-system/icons/src/components/cursor-arrow-rays.tsx
index 93d5a5a861..e692f32cca 100644
--- a/packages/design-system/icons/src/components/cursor-arrow-rays.tsx
+++ b/packages/design-system/icons/src/components/cursor-arrow-rays.tsx
@@ -5,19 +5,26 @@ const CursorArrowRays = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m12.535 18.06-1.132-4.227m0 0-2.091 1.854.474-7.891 4.356 6.597-2.739-.56ZM10 1.875V3.75m4.862.138-1.326 1.326m3.339 3.536H15m-8.536 3.536L5.14 13.61M5 8.75H3.125m3.34-3.536L5.138 3.89"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="m6.696 6.414 6.5 2.23c.198.068.202.346.007.419l-2.915 1.096a.22.22 0 0 0-.13.13l-1.095 2.914a.222.222 0 0 1-.418-.006L6.414 6.696a.223.223 0 0 1 .282-.283zM10.194 10.194l3.744 3.744M6.389 1.056v1.777M10.16 2.617 8.904 3.875M2.617 10.16l1.258-1.257M1.056 6.389h1.777M2.617 2.617l1.258 1.258" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/descending-sorting.tsx b/packages/design-system/icons/src/components/descending-sorting.tsx
new file mode 100644
index 0000000000..c0dd30c597
--- /dev/null
+++ b/packages/design-system/icons/src/components/descending-sorting.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const DescendingSorting = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="m8.611 10.833 2.222 2.223 2.223-2.223M10.833 13.056v-8M1.944 8.167h5.778M1.944 5.056h5.778M1.944 1.944h8.89"
+        />
+      </svg>
+    )
+  }
+)
+DescendingSorting.displayName = "DescendingSorting"
+export default DescendingSorting
diff --git a/packages/design-system/icons/src/components/discord.tsx b/packages/design-system/icons/src/components/discord.tsx
index 78a761a684..ef99c437cf 100644
--- a/packages/design-system/icons/src/components/discord.tsx
+++ b/packages/design-system/icons/src/components/discord.tsx
@@ -5,15 +5,15 @@ const Discord = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#5865F2"
-          d="M12.995 12.496c-.886 0-1.617-.814-1.617-1.814s.716-1.813 1.617-1.813c.902 0 1.632.821 1.618 1.813-.014.993-.71 1.814-1.618 1.814Zm-5.98 0c-.887 0-1.618-.814-1.618-1.814S6.113 8.87 7.015 8.87c.901 0 1.631.821 1.618 1.813-.014.993-.718 1.814-1.618 1.814Zm9.22-8.22a14.84 14.84 0 0 0-3.662-1.136.055.055 0 0 0-.06.028c-.167.304-.32.617-.456.937a13.7 13.7 0 0 0-4.114 0 9.482 9.482 0 0 0-.463-.937.058.058 0 0 0-.06-.028 14.8 14.8 0 0 0-3.662 1.136.052.052 0 0 0-.024.021C1.401 7.783.762 11.183 1.074 14.544a.062.062 0 0 0 .024.042 14.925 14.925 0 0 0 4.493 2.272.058.058 0 0 0 .063-.02c.347-.473.655-.973.92-1.496a.057.057 0 0 0-.032-.08 9.836 9.836 0 0 1-1.404-.668.058.058 0 0 1-.006-.099c.099-.07.19-.143.279-.218a.056.056 0 0 1 .058-.008c2.945 1.345 6.134 1.345 9.044 0a.055.055 0 0 1 .06.007c.09.074.184.148.28.218a.057.057 0 0 1 .024.051.058.058 0 0 1-.03.048c-.446.26-.914.483-1.399.665a.058.058 0 0 0-.033.033.056.056 0 0 0 .003.047c.269.52.575 1.02.917 1.495a.057.057 0 0 0 .063.022 14.877 14.877 0 0 0 4.5-2.272.058.058 0 0 0 .024-.041c.376-3.882-.628-7.255-2.66-10.247a.048.048 0 0 0-.026-.019Z"
+          d="M9.996 9.58c-.739 0-1.348-.678-1.348-1.511 0-.834.597-1.512 1.348-1.512s1.36.685 1.348 1.512c-.011.826-.59 1.511-1.348 1.511m-4.984 0c-.739 0-1.348-.678-1.348-1.511 0-.834.597-1.512 1.348-1.512s1.36.685 1.349 1.512c-.012.826-.598 1.511-1.349 1.511m7.684-6.85a12.4 12.4 0 0 0-3.052-.946.05.05 0 0 0-.05.023q-.21.38-.38.78a11.4 11.4 0 0 0-3.428 0 8 8 0 0 0-.386-.78.05.05 0 0 0-.05-.023c-1.054.181-2.08.5-3.052.946a.04.04 0 0 0-.02.017C.334 5.652-.199 8.486.062 11.287a.05.05 0 0 0 .02.034 12.4 12.4 0 0 0 3.744 1.894.05.05 0 0 0 .053-.017q.434-.591.766-1.247a.05.05 0 0 0-.027-.065 8 8 0 0 1-1.17-.558.05.05 0 0 1-.025-.04.05.05 0 0 1 .02-.042c.083-.06.158-.12.233-.182a.05.05 0 0 1 .048-.007c2.454 1.12 5.112 1.12 7.537 0a.05.05 0 0 1 .05.006 5 5 0 0 0 .233.182.05.05 0 0 1 .02.042.05.05 0 0 1-.024.04 7.7 7.7 0 0 1-1.166.555.1.1 0 0 0-.017.01.05.05 0 0 0-.014.037q0 .01.005.019.337.651.765 1.246a.047.047 0 0 0 .053.018 12.4 12.4 0 0 0 3.75-1.893.05.05 0 0 0 .02-.034c.312-3.235-.524-6.046-2.217-8.54a.04.04 0 0 0-.023-.015"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/document-series.tsx b/packages/design-system/icons/src/components/document-series.tsx
index cfae09ad8b..75e06a8341 100644
--- a/packages/design-system/icons/src/components/document-series.tsx
+++ b/packages/design-system/icons/src/components/document-series.tsx
@@ -5,8 +5,8 @@ const DocumentSeries = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,21 @@ const DocumentSeries = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.125 14.375v2.813c0 .517-.42.937-.938.937H4.063a.938.938 0 0 1-.938-.938V6.563c0-.517.42-.937.938-.937h1.562c.419 0 .837.034 1.25.103m6.25 8.647h2.813c.517 0 .937-.42.937-.938V9.375a7.502 7.502 0 0 0-7.5-7.5H7.812a.938.938 0 0 0-.937.938v2.915m6.25 8.647H7.812a.938.938 0 0 1-.937-.938V5.729m10 5.522V9.687a2.812 2.812 0 0 0-2.813-2.812h-1.25a.937.937 0 0 1-.937-.938v-1.25a2.811 2.811 0 0 0-2.813-2.812h-.937"
+          d="M4.389 11.5H3.5a1.777 1.777 0 0 1-1.778-1.778V2.611c0-.982.796-1.778 1.778-1.778h4.444c.983 0 1.778.796 1.778 1.778v.935"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M4.389 12.389V5.278c0-.983.795-1.778 1.778-1.778h3.632c.235 0 .462.093.628.26l2.59 2.59c.168.168.26.393.26.629v5.41c0 .982-.795 1.777-1.777 1.777H6.167a1.777 1.777 0 0 1-1.778-1.777"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M13.278 7.055H10.61a.89.89 0 0 1-.889-.888V3.5"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/document-text-solid.tsx b/packages/design-system/icons/src/components/document-text-solid.tsx
index d75447f37d..16013a7633 100644
--- a/packages/design-system/icons/src/components/document-text-solid.tsx
+++ b/packages/design-system/icons/src/components/document-text-solid.tsx
@@ -5,21 +5,15 @@ const DocumentTextSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M4.915 1.625c-.826 0-1.495.67-1.495 1.496v13.758c0 .826.67 1.496 1.495 1.496h10.17c.825 0 1.495-.67 1.495-1.495v-6.282a2.99 2.99 0 0 0-2.99-2.99h-1.496a1.495 1.495 0 0 1-1.496-1.496V4.616a2.991 2.991 0 0 0-2.99-2.991H4.914Zm1.496 10.768a.598.598 0 0 1 .598-.598h5.982a.598.598 0 0 1 0 1.196H7.01a.599.599 0 0 1-.598-.598Zm.598 1.794a.598.598 0 1 0 0 1.197H10a.598.598 0 1 0 0-1.197H7.009Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill={color}
-          d="M10.774 1.877a4.171 4.171 0 0 1 1.02 2.74v1.495a.3.3 0 0 0 .3.299h1.495a4.172 4.172 0 0 1 2.74 1.02 7.792 7.792 0 0 0-5.555-5.554Z"
+          d="M13.266 4.324 9.787.844a1.55 1.55 0 0 0-1.1-.455H3.723a2.446 2.446 0 0 0-2.444 2.444v9.334a2.446 2.446 0 0 0 2.444 2.444h7.556a2.446 2.446 0 0 0 2.444-2.444V5.424c0-.416-.162-.807-.456-1.1m-8.655.51H6.39a.667.667 0 0 1 0 1.333H4.61a.667.667 0 0 1 0-1.334M10.39 11.5H4.61a.667.667 0 0 1 0-1.333h5.778a.667.667 0 0 1 0 1.333m0-2.667H4.61a.667.667 0 0 1 0-1.333h5.778a.667.667 0 0 1 0 1.333m1.94-3.555H9.721a.89.89 0 0 1-.889-.89V1.793l.012-.004 3.486 3.485z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/document-text.tsx b/packages/design-system/icons/src/components/document-text.tsx
index f4e339bddd..a9c6aa35c3 100644
--- a/packages/design-system/icons/src/components/document-text.tsx
+++ b/packages/design-system/icons/src/components/document-text.tsx
@@ -5,8 +5,8 @@ const DocumentText = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const DocumentText = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.25 11.846V9.692c0-.734-.296-1.438-.824-1.958a2.835 2.835 0 0 0-1.989-.81h-1.25a.945.945 0 0 1-.662-.271A.916.916 0 0 1 11.25 6V4.77c0-.735-.296-1.44-.824-1.959A2.835 2.835 0 0 0 8.437 2H6.875m0 10.461h6.25m-6.25 2.462H10M8.75 2H4.687a.93.93 0 0 0-.937.923v14.154c0 .51.42.923.938.923h10.625a.93.93 0 0 0 .937-.923V9.385c0-1.959-.79-3.837-2.197-5.222A7.56 7.56 0 0 0 8.75 2v0Z"
+          d="M4.611 5.5H6.39M4.611 8.167h5.778M4.611 10.833h5.778M1.944 12.167V2.833c0-.982.796-1.777 1.778-1.777h4.966c.235 0 .462.093.628.26l3.48 3.48c.166.166.26.392.26.628v6.743c0 .982-.796 1.778-1.778 1.778H3.722a1.777 1.777 0 0 1-1.778-1.778"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M12.976 5.056H9.944a.89.89 0 0 1-.888-.89v-3.02"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/dots-six.tsx b/packages/design-system/icons/src/components/dots-six.tsx
index 90d37d7e57..286b4fced7 100644
--- a/packages/design-system/icons/src/components/dots-six.tsx
+++ b/packages/design-system/icons/src/components/dots-six.tsx
@@ -5,18 +5,17 @@ const DotsSix = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M7.5 10.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM7.5 5.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM7.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.5 10.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.5 5.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+          fill={color}
+          fillRule="evenodd"
+          d="M4.306 7.5a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M4.306 2.833a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M4.306 12.167a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M8.306 7.5a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M8.306 2.833a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M8.306 12.167a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/ellipse-blue-solid.tsx b/packages/design-system/icons/src/components/ellipse-blue-solid.tsx
index 74aa5e7e26..e38c3333c7 100644
--- a/packages/design-system/icons/src/components/ellipse-blue-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-blue-solid.tsx
@@ -5,23 +5,26 @@ const EllipseBlueSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={10} height={10} x={5} y={5} fill="#fff" rx={5} />
-          <circle cx={10} cy={10} r={3} fill="#2563EB" />
+        <g clipPath="url(#a)" filter="url(#b)">
+          <rect width={10} height={10} x={2.5} y={2.5} fill="#fff" rx={5} />
+          <circle cx={7.5} cy={7.5} r={3} fill="#3B82F6" />
         </g>
         <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="a"
+            id="b"
             width={14}
             height={14}
-            x={3}
-            y={4}
+            x={0.5}
+            y={1.5}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
@@ -39,7 +42,7 @@ const EllipseBlueSolid = React.forwardRef<SVGSVGElement, IconProps>(
             />
             <feOffset />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.08 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
             <feBlend
               in2="BackgroundImageFix"
               result="effect1_dropShadow_2733_2048"
@@ -52,7 +55,7 @@ const EllipseBlueSolid = React.forwardRef<SVGSVGElement, IconProps>(
             <feOffset dy={1} />
             <feGaussianBlur stdDeviation={1} />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.12 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
             <feBlend
               in2="effect1_dropShadow_2733_2048"
               result="effect2_dropShadow_2733_2048"
diff --git a/packages/design-system/icons/src/components/ellipse-green-solid.tsx b/packages/design-system/icons/src/components/ellipse-green-solid.tsx
index 9e0e1dc8f5..17c5a1151d 100644
--- a/packages/design-system/icons/src/components/ellipse-green-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-green-solid.tsx
@@ -5,23 +5,26 @@ const EllipseGreenSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={10} height={10} x={5} y={5} fill="#fff" rx={5} />
-          <circle cx={10} cy={10} r={3} fill="#059669" />
+        <g clipPath="url(#a)" filter="url(#b)">
+          <rect width={10} height={10} x={2.5} y={2.5} fill="#fff" rx={5} />
+          <circle cx={7.5} cy={7.5} r={3} fill="#10B981" />
         </g>
         <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="a"
+            id="b"
             width={14}
             height={14}
-            x={3}
-            y={4}
+            x={0.5}
+            y={1.5}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
@@ -39,7 +42,7 @@ const EllipseGreenSolid = React.forwardRef<SVGSVGElement, IconProps>(
             />
             <feOffset />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.08 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
             <feBlend
               in2="BackgroundImageFix"
               result="effect1_dropShadow_2733_2026"
@@ -52,7 +55,7 @@ const EllipseGreenSolid = React.forwardRef<SVGSVGElement, IconProps>(
             <feOffset dy={1} />
             <feGaussianBlur stdDeviation={1} />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.12 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
             <feBlend
               in2="effect1_dropShadow_2733_2026"
               result="effect2_dropShadow_2733_2026"
diff --git a/packages/design-system/icons/src/components/ellipse-grey-solid.tsx b/packages/design-system/icons/src/components/ellipse-grey-solid.tsx
index a6501931c6..7d4458c227 100644
--- a/packages/design-system/icons/src/components/ellipse-grey-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-grey-solid.tsx
@@ -5,23 +5,26 @@ const EllipseGreySolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={10} height={10} x={5} y={5} fill="#fff" rx={5} />
-          <circle cx={10} cy={10} r={3} fill="#6B7280" />
+        <g clipPath="url(#a)" filter="url(#b)">
+          <rect width={10} height={10} x={2.5} y={2.5} fill="#fff" rx={5} />
+          <circle cx={7.5} cy={7.5} r={3} fill="#A1A1AA" />
         </g>
         <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="a"
+            id="b"
             width={14}
             height={14}
-            x={3}
-            y={4}
+            x={0.5}
+            y={1.5}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
@@ -39,7 +42,7 @@ const EllipseGreySolid = React.forwardRef<SVGSVGElement, IconProps>(
             />
             <feOffset />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.08 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
             <feBlend
               in2="BackgroundImageFix"
               result="effect1_dropShadow_2733_2049"
@@ -52,7 +55,7 @@ const EllipseGreySolid = React.forwardRef<SVGSVGElement, IconProps>(
             <feOffset dy={1} />
             <feGaussianBlur stdDeviation={1} />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.12 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
             <feBlend
               in2="effect1_dropShadow_2733_2049"
               result="effect2_dropShadow_2733_2049"
diff --git a/packages/design-system/icons/src/components/ellipse-mini-solid.tsx b/packages/design-system/icons/src/components/ellipse-mini-solid.tsx
index f6951b3cb7..59b8392df1 100644
--- a/packages/design-system/icons/src/components/ellipse-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-mini-solid.tsx
@@ -5,13 +5,13 @@ const EllipseMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={2} fill={color} />
+        <circle cx={8} cy={8} r={2} fill={color} />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/ellipse-orange-solid.tsx b/packages/design-system/icons/src/components/ellipse-orange-solid.tsx
index 752388635b..ca4c65e853 100644
--- a/packages/design-system/icons/src/components/ellipse-orange-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-orange-solid.tsx
@@ -5,23 +5,26 @@ const EllipseOrangeSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={10} height={10} x={5} y={5} fill="#fff" rx={5} />
-          <circle cx={10} cy={10} r={3} fill="#D97706" />
+        <g clipPath="url(#a)" filter="url(#b)">
+          <rect width={10} height={10} x={2.5} y={2.5} fill="#fff" rx={5} />
+          <circle cx={7.5} cy={7.5} r={3} fill="#F97316" />
         </g>
         <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="a"
+            id="b"
             width={14}
             height={14}
-            x={3}
-            y={4}
+            x={0.5}
+            y={1.5}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
@@ -39,7 +42,7 @@ const EllipseOrangeSolid = React.forwardRef<SVGSVGElement, IconProps>(
             />
             <feOffset />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.08 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
             <feBlend
               in2="BackgroundImageFix"
               result="effect1_dropShadow_2733_2027"
@@ -52,7 +55,7 @@ const EllipseOrangeSolid = React.forwardRef<SVGSVGElement, IconProps>(
             <feOffset dy={1} />
             <feGaussianBlur stdDeviation={1} />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.12 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
             <feBlend
               in2="effect1_dropShadow_2733_2027"
               result="effect2_dropShadow_2733_2027"
diff --git a/packages/design-system/icons/src/components/ellipse-purple-solid.tsx b/packages/design-system/icons/src/components/ellipse-purple-solid.tsx
index 7c7c1a4e2f..fadf321d70 100644
--- a/packages/design-system/icons/src/components/ellipse-purple-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-purple-solid.tsx
@@ -5,23 +5,26 @@ const EllipsePurpleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={10} height={10} x={5} y={5} fill="#fff" rx={5} />
-          <circle cx={10} cy={10} r={3} fill="#7C3AED" />
+        <g clipPath="url(#a)" filter="url(#b)">
+          <rect width={10} height={10} x={2.5} y={2.5} fill="#fff" rx={5} />
+          <circle cx={7.5} cy={7.5} r={3} fill="#8B5CF6" />
         </g>
         <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="a"
+            id="b"
             width={14}
             height={14}
-            x={3}
-            y={4}
+            x={0.5}
+            y={1.5}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
@@ -39,7 +42,7 @@ const EllipsePurpleSolid = React.forwardRef<SVGSVGElement, IconProps>(
             />
             <feOffset />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.08 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
             <feBlend
               in2="BackgroundImageFix"
               result="effect1_dropShadow_3645_3437"
@@ -52,7 +55,7 @@ const EllipsePurpleSolid = React.forwardRef<SVGSVGElement, IconProps>(
             <feOffset dy={1} />
             <feGaussianBlur stdDeviation={1} />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.12 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
             <feBlend
               in2="effect1_dropShadow_3645_3437"
               result="effect2_dropShadow_3645_3437"
diff --git a/packages/design-system/icons/src/components/ellipse-red-solid.tsx b/packages/design-system/icons/src/components/ellipse-red-solid.tsx
index 07b7eecbaa..92beada104 100644
--- a/packages/design-system/icons/src/components/ellipse-red-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-red-solid.tsx
@@ -5,23 +5,26 @@ const EllipseRedSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={10} height={10} x={5} y={5} fill="#fff" rx={5} />
-          <circle cx={10} cy={10} r={3} fill="#E11D48" />
+        <g clipPath="url(#a)" filter="url(#b)">
+          <rect width={10} height={10} x={2.5} y={2.5} fill="#fff" rx={5} />
+          <circle cx={7.5} cy={7.5} r={3} fill="#F43F5E" />
         </g>
         <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="a"
+            id="b"
             width={14}
             height={14}
-            x={3}
-            y={4}
+            x={0.5}
+            y={1.5}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
@@ -39,7 +42,7 @@ const EllipseRedSolid = React.forwardRef<SVGSVGElement, IconProps>(
             />
             <feOffset />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.08 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
             <feBlend
               in2="BackgroundImageFix"
               result="effect1_dropShadow_2733_2047"
@@ -52,7 +55,7 @@ const EllipseRedSolid = React.forwardRef<SVGSVGElement, IconProps>(
             <feOffset dy={1} />
             <feGaussianBlur stdDeviation={1} />
             <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.027451 0 0 0 0 0.0705882 0 0 0 0.12 0" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
             <feBlend
               in2="effect1_dropShadow_2733_2047"
               result="effect2_dropShadow_2733_2047"
diff --git a/packages/design-system/icons/src/components/ellipse-solid.tsx b/packages/design-system/icons/src/components/ellipse-solid.tsx
index 01054ca641..06b165363b 100644
--- a/packages/design-system/icons/src/components/ellipse-solid.tsx
+++ b/packages/design-system/icons/src/components/ellipse-solid.tsx
@@ -5,13 +5,23 @@ const EllipseSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <circle cx={10} cy={10} r={4} fill={color} />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5 14.611A7.111 7.111 0 1 0 7.5.39a7.111 7.111 0 0 0 0 14.222"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/ellipse.tsx b/packages/design-system/icons/src/components/ellipse.tsx
deleted file mode 100644
index 38a662a589..0000000000
--- a/packages/design-system/icons/src/components/ellipse.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from "react"
-import type { IconProps } from "../types"
-const Ellipse = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, ref) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
-        fill="none"
-        ref={ref}
-        {...props}
-      >
-        <circle cx={10} cy={10} r={2.25} stroke={color} strokeWidth={1.5} />
-      </svg>
-    )
-  }
-)
-Ellipse.displayName = "Ellipse"
-export default Ellipse
diff --git a/packages/design-system/icons/src/components/ellipsis-horizontal.tsx b/packages/design-system/icons/src/components/ellipsis-horizontal.tsx
index 7e1e144b6d..8604060373 100644
--- a/packages/design-system/icons/src/components/ellipsis-horizontal.tsx
+++ b/packages/design-system/icons/src/components/ellipsis-horizontal.tsx
@@ -5,16 +5,17 @@ const EllipsisHorizontal = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeWidth={1.5}
-          d="M3.75 10a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0Zm5.5 0a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0Zm5.72-.53a.75.75 0 1 1 1.06 1.06.75.75 0 0 1-1.06-1.06Z"
+          fill={color}
+          fillRule="evenodd"
+          d="M6.306 7.5a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M1.194 7.5a1.194 1.194 0 1 1 2.39 0 1.194 1.194 0 0 1-2.39 0M11.417 7.5a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/ellipsis-vertical.tsx b/packages/design-system/icons/src/components/ellipsis-vertical.tsx
index 488d10c754..9f62764b70 100644
--- a/packages/design-system/icons/src/components/ellipsis-vertical.tsx
+++ b/packages/design-system/icons/src/components/ellipsis-vertical.tsx
@@ -5,16 +5,17 @@ const EllipsisVertical = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          stroke={color}
-          strokeWidth={1.5}
-          d="M10 3.75a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Zm0 5.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5Zm.53 5.72a.75.75 0 1 1-1.06 1.06.75.75 0 0 1 1.06-1.06Z"
+          fill={color}
+          fillRule="evenodd"
+          d="M6.306 7.5a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M6.306 2.389a1.194 1.194 0 1 1 2.389 0 1.194 1.194 0 0 1-2.39 0M6.306 12.611a1.194 1.194 0 1 1 2.388 0 1.194 1.194 0 0 1-2.388 0"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/envelope-solid.tsx b/packages/design-system/icons/src/components/envelope-solid.tsx
index 8cca0d926e..c124839649 100644
--- a/packages/design-system/icons/src/components/envelope-solid.tsx
+++ b/packages/design-system/icons/src/components/envelope-solid.tsx
@@ -5,20 +5,21 @@ const EnvelopeSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M1.625 7.344v6.844a2.393 2.393 0 0 0 2.393 2.392h11.964a2.393 2.393 0 0 0 2.393-2.392V7.344l-7.121 4.381a2.393 2.393 0 0 1-2.508 0L1.625 7.344Z"
-        />
-        <path
-          fill={color}
-          d="M18.375 5.938v-.126a2.393 2.393 0 0 0-2.393-2.392H4.018a2.393 2.393 0 0 0-2.393 2.392v.126l7.748 4.769a1.196 1.196 0 0 0 1.254 0l7.748-4.769Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M7.393 7.346a.22.22 0 0 0 .214 0l6.912-3.807a2.44 2.44 0 0 0-2.352-1.817H2.833A2.44 2.44 0 0 0 .483 3.53z" />
+          <path d="M8.251 8.513a1.55 1.55 0 0 1-1.502 0L.389 5v5.833a2.446 2.446 0 0 0 2.444 2.445h9.334a2.446 2.446 0 0 0 2.444-2.445V5.011z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/envelope.tsx b/packages/design-system/icons/src/components/envelope.tsx
index 06cdc825d4..20276a6442 100644
--- a/packages/design-system/icons/src/components/envelope.tsx
+++ b/packages/design-system/icons/src/components/envelope.tsx
@@ -5,19 +5,27 @@ const Envelope = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M17.563 5.928v8.144a1.745 1.745 0 0 1-1.746 1.745H4.183a1.745 1.745 0 0 1-1.745-1.745V5.928m15.124 0a1.745 1.745 0 0 0-1.745-1.745H4.183a1.745 1.745 0 0 0-1.745 1.745m15.124 0v.188a1.745 1.745 0 0 1-.83 1.487l-5.817 3.58a1.745 1.745 0 0 1-1.83 0l-5.818-3.58a1.745 1.745 0 0 1-.83-1.486v-.19"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.056 4.611 7.07 7.93a.89.89 0 0 0 .858 0l6.015-3.318" />
+          <path d="M2.833 12.611h9.334c.982 0 1.777-.796 1.777-1.778V4.167c0-.982-.796-1.778-1.777-1.778H2.833c-.981 0-1.777.796-1.777 1.778v6.666c0 .982.796 1.778 1.777 1.778" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/exclamation-circle-solid.tsx b/packages/design-system/icons/src/components/exclamation-circle-solid.tsx
index 9b5e59f869..0458d43c0e 100644
--- a/packages/design-system/icons/src/components/exclamation-circle-solid.tsx
+++ b/packages/design-system/icons/src/components/exclamation-circle-solid.tsx
@@ -5,18 +5,23 @@ const ExclamationCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M18 10a8 8 0 1 1-16.001 0A8 8 0 0 1 18 10Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 1 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m-.667 3.939a.667.667 0 0 1 1.334 0v3.679a.667.667 0 0 1-1.334 0zm.667 7.098a.89.89 0 0 1 0-1.778.89.89 0 0 1 0 1.778"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/exclamation-circle.tsx b/packages/design-system/icons/src/components/exclamation-circle.tsx
index 2158fe9834..fd1fe4258f 100644
--- a/packages/design-system/icons/src/components/exclamation-circle.tsx
+++ b/packages/design-system/icons/src/components/exclamation-circle.tsx
@@ -5,26 +5,29 @@ const ExclamationCircle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M17.5 10a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M9.996 6.621v3.75m0 3h.008v.008h-.008v-.008Z"
-        />
+        <g stroke={color} clipPath="url(#a)">
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M7.5 13.944a6.444 6.444 0 1 0 0-12.888 6.444 6.444 0 0 0 0 12.888M7.5 4.328v3.678"
+          />
+          <path
+            strokeWidth={0.9}
+            d="M7.5 10.976a.44.44 0 0 1 0-.878.44.44 0 0 1 0 .878Z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/eye-mini.tsx b/packages/design-system/icons/src/components/eye-mini.tsx
index 668cfd4960..786276dc17 100644
--- a/packages/design-system/icons/src/components/eye-mini.tsx
+++ b/packages/design-system/icons/src/components/eye-mini.tsx
@@ -5,26 +5,27 @@ const EyeMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M3.357 10.215a.675.675 0 0 1 0-.426 7.001 7.001 0 0 1 13.285-.004.665.665 0 0 1 0 .426 7.003 7.003 0 0 1-13.285.003Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12 10a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.356 8.507c-.4-.607-.4-1.406 0-2.014.905-1.371 2.9-3.66 6.144-3.66s5.24 2.288 6.144 3.66c.4.608.4 1.407 0 2.014-.905 1.371-2.9 3.66-6.144 3.66S2.26 9.88 1.356 8.507" />
+          <path d="M7.5 9.945a2.444 2.444 0 1 0 0-4.889 2.444 2.444 0 0 0 0 4.889" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/eye-slash-mini.tsx b/packages/design-system/icons/src/components/eye-slash-mini.tsx
index fe70596b00..3c2d8981a0 100644
--- a/packages/design-system/icons/src/components/eye-slash-mini.tsx
+++ b/packages/design-system/icons/src/components/eye-slash-mini.tsx
@@ -5,19 +5,27 @@ const EyeSlashMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M4.654 7.482A6.985 6.985 0 0 0 3.29 10a7.004 7.004 0 0 0 8.619 4.737M6.152 6.152A7.004 7.004 0 0 1 16.71 9.999a7.015 7.015 0 0 1-2.862 3.849M6.152 6.152 4 4m2.152 2.152 2.434 2.433m5.262 5.263L16 16m-2.152-2.152-2.433-2.433a2.002 2.002 0 0 0-.649-3.263 2 2 0 0 0-2.18.434m2.828 2.828L8.587 8.587"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.778 5.364c.357.4.645.792.866 1.129.4.607.4 1.406 0 2.013-.905 1.372-2.9 3.66-6.144 3.66q-.732-.002-1.38-.143M3.905 11.095C2.7 10.316 1.86 9.27 1.356 8.506c-.4-.607-.4-1.406 0-2.013.905-1.372 2.9-3.66 6.144-3.66 1.44 0 2.634.45 3.595 1.072" />
+          <path d="M9.792 8.35A2.45 2.45 0 0 1 8.35 9.792M5.771 9.229a2.444 2.444 0 1 1 3.458-3.458M1.278 13.722 13.722 1.278" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/eye-slash.tsx b/packages/design-system/icons/src/components/eye-slash.tsx
index 48f1d9e387..2ecd91f360 100644
--- a/packages/design-system/icons/src/components/eye-slash.tsx
+++ b/packages/design-system/icons/src/components/eye-slash.tsx
@@ -5,19 +5,27 @@ const EyeSlash = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M3.317 6.853A8.731 8.731 0 0 0 1.612 10a8.755 8.755 0 0 0 10.774 5.92M5.19 5.19a8.755 8.755 0 0 1 13.197 4.808 8.77 8.77 0 0 1-3.577 4.812M5.19 5.19 2.5 2.5m2.69 2.69 3.042 3.042m6.578 6.578 2.69 2.69m-2.69-2.69-3.042-3.042a2.5 2.5 0 0 0-3.535-3.536m3.534 3.536L8.233 8.232"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.778 5.364c.357.4.645.792.866 1.129.4.607.4 1.406 0 2.013-.905 1.372-2.9 3.66-6.144 3.66q-.732-.002-1.38-.143M3.905 11.095C2.7 10.316 1.86 9.27 1.356 8.506c-.4-.607-.4-1.406 0-2.013.905-1.372 2.9-3.66 6.144-3.66 1.44 0 2.634.45 3.595 1.071" />
+          <path d="M9.792 8.35A2.45 2.45 0 0 1 8.35 9.792M5.771 9.229A2.444 2.444 0 1 1 9.23 5.77M1.278 13.722 13.722 1.278" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/eye.tsx b/packages/design-system/icons/src/components/eye.tsx
index 81637d2c79..7ec4bab59e 100644
--- a/packages/design-system/icons/src/components/eye.tsx
+++ b/packages/design-system/icons/src/components/eye.tsx
@@ -5,26 +5,27 @@ const Eye = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M1.697 10.268a.843.843 0 0 1 0-.532 8.752 8.752 0 0 1 16.605-.004.831.831 0 0 1 0 .532 8.754 8.754 0 0 1-16.606.004Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.356 8.506c-.4-.607-.4-1.406 0-2.013.905-1.372 2.9-3.66 6.144-3.66s5.24 2.287 6.144 3.66c.4.607.4 1.406 0 2.013-.905 1.372-2.9 3.66-6.144 3.66S2.26 9.88 1.356 8.507" />
+          <path d="M7.5 9.944a2.444 2.444 0 1 0 0-4.888 2.444 2.444 0 0 0 0 4.888" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/face-smile.tsx b/packages/design-system/icons/src/components/face-smile.tsx
index 3f9cf172d0..024295349b 100644
--- a/packages/design-system/icons/src/components/face-smile.tsx
+++ b/packages/design-system/icons/src/components/face-smile.tsx
@@ -5,19 +5,32 @@ const FaceSmile = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12.652 12.652a3.753 3.753 0 0 1-5.304 0M17.5 10a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0ZM8.125 8.125c0 .345-.14.625-.313.625-.172 0-.312-.28-.312-.625s.14-.625.313-.625c.172 0 .312.28.312.625Zm-.313 0h.007v.012h-.006v-.012Zm4.688 0c0 .345-.14.625-.313.625-.172 0-.312-.28-.312-.625s.14-.625.313-.625c.172 0 .312.28.312.625Zm-.313 0h.007v.012h-.007v-.012Z"
-        />
+        <g stroke={color} clipPath="url(#a)">
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M7.5 13.944a6.444 6.444 0 1 0 0-12.888 6.444 6.444 0 0 0 0 12.888"
+          />
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M10.832 9.278a3.78 3.78 0 0 1-3.332 2 3.78 3.78 0 0 1-3.332-2"
+          />
+          <path d="M6.111 6.611a.389.389 0 1 1-.778 0 .389.389 0 0 1 .778 0ZM9.667 6.611a.389.389 0 1 1-.778 0 .389.389 0 0 1 .778 0Z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/facebook.tsx b/packages/design-system/icons/src/components/facebook.tsx
index 2ec0e6d934..936ef7b5a3 100644
--- a/packages/design-system/icons/src/components/facebook.tsx
+++ b/packages/design-system/icons/src/components/facebook.tsx
@@ -5,8 +5,8 @@ const Facebook = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,16 +14,16 @@ const Facebook = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
         <path
           fill="url(#a)"
           fillRule="evenodd"
-          d="M1 10c0 4.455 3.24 8.145 7.515 8.91l.053-.044-.008-.001V12.52H6.31V10h2.25V8.02c0-2.25 1.44-3.51 3.51-3.51.63 0 1.35.09 1.98.18v2.295h-1.17c-1.08 0-1.35.54-1.35 1.26V10h2.385l-.405 2.52h-1.98v6.345l-.082.015.037.03C15.76 18.145 19 14.455 19 10c0-4.95-4.05-9-9-9s-9 4.05-9 9Z"
+          d="M.75 7.5c0 3.341 2.43 6.109 5.636 6.682l.04-.032-.006-.001v-4.76H4.733V7.5H6.42V6.016c0-1.688 1.08-2.633 2.633-2.633.472 0 1.012.068 1.484.135V5.24H9.66c-.81 0-1.012.405-1.012.945V7.5h1.788l-.303 1.89H8.648v4.759l-.062.01.028.023c3.206-.573 5.636-3.34 5.636-6.682 0-3.712-3.037-6.75-6.75-6.75S.75 3.788.75 7.5"
           clipRule="evenodd"
         />
         <defs>
           <linearGradient
             id="a"
-            x1={10}
-            x2={10}
-            y1={18.374}
-            y2={0.997}
+            x1={7.5}
+            x2={7.5}
+            y1={13.78}
+            y2={0.748}
             gradientUnits="userSpaceOnUse"
           >
             <stop stopColor="#0062E0" />
diff --git a/packages/design-system/icons/src/components/figma.tsx b/packages/design-system/icons/src/components/figma.tsx
index 5dd545fffa..9911485b71 100644
--- a/packages/design-system/icons/src/components/figma.tsx
+++ b/packages/design-system/icons/src/components/figma.tsx
@@ -5,32 +5,39 @@ const Figma = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill="#1ABCFE"
-          d="M10 10a2.97 2.97 0 1 1 5.939 0A2.97 2.97 0 0 1 10 10Z"
-        />
-        <path
-          fill="#0ACF83"
-          d="M4.061 15.939a2.97 2.97 0 0 1 2.97-2.97H10v2.97a2.97 2.97 0 1 1-5.94 0Z"
-        />
-        <path
-          fill="#FF7262"
-          d="M10 1.092V7.03h2.97a2.97 2.97 0 1 0 0-5.938H10Z"
-        />
-        <path
-          fill="#F24E1E"
-          d="M4.061 4.061a2.97 2.97 0 0 0 2.97 2.97H10V1.09H7.03a2.97 2.97 0 0 0-2.97 2.97Z"
-        />
-        <path
-          fill="#A259FF"
-          d="M4.061 10a2.97 2.97 0 0 0 2.97 2.97H10V7.03H7.03A2.97 2.97 0 0 0 4.06 10Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill="#1ABCFE"
+            d="M7.5 7.5a2.227 2.227 0 1 1 4.454 0 2.227 2.227 0 0 1-4.454 0"
+          />
+          <path
+            fill="#0ACF83"
+            d="M3.046 11.954c0-1.23.997-2.227 2.227-2.227H7.5v2.227a2.227 2.227 0 1 1-4.454 0"
+          />
+          <path
+            fill="#FF7262"
+            d="M7.5.819v4.454h2.227a2.227 2.227 0 1 0 0-4.454z"
+          />
+          <path
+            fill="#F24E1E"
+            d="M3.046 3.046c0 1.23.997 2.227 2.227 2.227H7.5V.819H5.273c-1.23 0-2.227.997-2.227 2.227"
+          />
+          <path
+            fill="#A259FF"
+            d="M3.046 7.5c0 1.23.997 2.227 2.227 2.227H7.5V5.273H5.273c-1.23 0-2.227.997-2.227 2.227"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M3 .75h9v13.5H3z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/flag-mini.tsx b/packages/design-system/icons/src/components/flag-mini.tsx
index 749a5cdc4b..d8e20df551 100644
--- a/packages/design-system/icons/src/components/flag-mini.tsx
+++ b/packages/design-system/icons/src/components/flag-mini.tsx
@@ -5,19 +5,31 @@ const FlagMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="m4.886 11.667.633-6.97a.4.4 0 0 1 .399-.364h9.196a.4.4 0 0 1 .399.437l-.594 6.533a.4.4 0 0 1-.399.364H4.886Zm0 0-.4 4M7.552 6.667l4.667 2.667"
-        />
+        <g clipPath="url(#a)">
+          <g
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            clipPath="url(#b)"
+          >
+            <path d="M2.833 2.38c1.032-.718 2.006-1.015 2.917-.875 1.502.23 1.995 1.52 3.5 1.75.9.138 1.872-.148 2.917-.874v5.834c-1.045.727-2.016 1.013-2.917.874-1.504-.23-1.998-1.52-3.5-1.75-.912-.14-1.885.157-2.917.875M2.833 1.278v12.444" />
+          </g>
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+          <clipPath id="b">
+            <path fill="#fff" d="M-.5-.5h16v16h-16z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/flying-box.tsx b/packages/design-system/icons/src/components/flying-box.tsx
index c05db89114..ee35820508 100644
--- a/packages/design-system/icons/src/components/flying-box.tsx
+++ b/packages/design-system/icons/src/components/flying-box.tsx
@@ -5,26 +5,27 @@ const FlyingBox = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.623 5.902h-.819M3.442 3.443H1.804M14.098 16.556H2.624M14.323 3.443l-.808 2.694a.82.82 0 0 1-.786.585h-2.55a.82.82 0 0 1-.785-1.055l.667-2.224M6.72 10.82h1.745"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M14.456 13.278H5.78a1.967 1.967 0 0 1-1.884-2.532l1.77-5.901a1.967 1.967 0 0 1 1.884-1.402h8.678a1.967 1.967 0 0 1 1.885 2.533l-1.77 5.9a1.968 1.968 0 0 1-1.886 1.402Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.78 4.232h-.615M2.394 2.388H1.165M10.71 12.612H2.105M10.93 2.388l-.606 2.02a.615.615 0 0 1-.59.44H7.823a.615.615 0 0 1-.589-.792l.5-1.668M5.313 8.157H6.62" />
+          <path d="M11.03 10.248H4.522c-.989 0-1.697-1.015-1.413-2.024l1.327-4.716c.188-.664.762-1.12 1.414-1.12h6.508c.989 0 1.697 1.016 1.414 2.024l-1.328 4.716c-.188.665-.762 1.12-1.414 1.12" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/folder-illustration.tsx b/packages/design-system/icons/src/components/folder-illustration.tsx
index 3ac6e6d86f..c044647112 100644
--- a/packages/design-system/icons/src/components/folder-illustration.tsx
+++ b/packages/design-system/icons/src/components/folder-illustration.tsx
@@ -5,8 +5,8 @@ const FolderIllustration = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,14 +14,14 @@ const FolderIllustration = React.forwardRef<SVGSVGElement, IconProps>(
         <path
           fill="#60A5FA"
           fillRule="evenodd"
-          d="M18.25 14.722a2.972 2.972 0 0 1-2.972 2.972H4.722a2.972 2.972 0 0 1-2.972-2.972V5.278a2.972 2.972 0 0 1 2.972-2.973H6.89c.902 0 1.754.41 2.318 1.112l.445.555h5.625a2.972 2.972 0 0 1 2.972 2.972v7.778Z"
+          d="M13.935 11.183a2.32 2.32 0 0 1-2.318 2.319H3.383a2.32 2.32 0 0 1-2.318-2.319V3.817a2.32 2.32 0 0 1 2.318-2.319h1.691c.704 0 1.368.32 1.808.867l.348.433h4.387a2.32 2.32 0 0 1 2.318 2.319z"
           clipRule="evenodd"
         />
         <path
           fill="url(#a)"
           fillOpacity={0.15}
           fillRule="evenodd"
-          d="M18.25 14.722a2.972 2.972 0 0 1-2.972 2.972H4.722a2.972 2.972 0 0 1-2.972-2.972V5.278a2.972 2.972 0 0 1 2.972-2.973H6.89c.902 0 1.754.41 2.318 1.112l.445.555h5.625a2.972 2.972 0 0 1 2.972 2.972v7.778Z"
+          d="M13.935 11.183a2.32 2.32 0 0 1-2.318 2.319H3.383a2.32 2.32 0 0 1-2.318-2.319V3.817a2.32 2.32 0 0 1 2.318-2.319h1.691c.704 0 1.368.32 1.808.867l.348.433h4.387a2.32 2.32 0 0 1 2.318 2.319z"
           clipRule="evenodd"
         />
         <path
@@ -30,26 +30,26 @@ const FolderIllustration = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinejoin="round"
           strokeOpacity={0.15}
           strokeWidth={0.5}
-          d="M9.458 4.128a.25.25 0 0 0 .195.094h5.625A2.722 2.722 0 0 1 18 6.944v7.778a2.722 2.722 0 0 1-2.722 2.722H4.722A2.722 2.722 0 0 1 2 14.722V5.278a2.722 2.722 0 0 1 2.722-2.723H6.89c.826 0 1.606.375 2.123 1.018l.445.555Z"
+          d="M7.034 2.955a.25.25 0 0 0 .196.093h4.387c1.142 0 2.068.926 2.068 2.069v6.066a2.07 2.07 0 0 1-2.068 2.069H3.383a2.07 2.07 0 0 1-2.068-2.069V3.817c0-1.143.926-2.069 2.068-2.069h1.691c.628 0 1.22.285 1.613.774z"
         />
         <g filter="url(#b)">
           <path
             fill="#60A5FA"
-            d="M1.75 9.722A2.972 2.972 0 0 1 4.722 6.75h10.556a2.972 2.972 0 0 1 2.972 2.972v5a2.972 2.972 0 0 1-2.972 2.972H4.722a2.972 2.972 0 0 1-2.972-2.972v-5Z"
+            d="M1.065 7.283a2.32 2.32 0 0 1 2.318-2.318h8.234a2.32 2.32 0 0 1 2.318 2.318v3.9a2.32 2.32 0 0 1-2.318 2.318H3.383a2.32 2.32 0 0 1-2.318-2.318z"
           />
           <path
             fill="url(#c)"
             fillOpacity={0.2}
-            d="M1.75 9.722A2.972 2.972 0 0 1 4.722 6.75h10.556a2.972 2.972 0 0 1 2.972 2.972v5a2.972 2.972 0 0 1-2.972 2.972H4.722a2.972 2.972 0 0 1-2.972-2.972v-5Z"
+            d="M1.065 7.283a2.32 2.32 0 0 1 2.318-2.318h8.234a2.32 2.32 0 0 1 2.318 2.318v3.9a2.32 2.32 0 0 1-2.318 2.318H3.383a2.32 2.32 0 0 1-2.318-2.318z"
           />
         </g>
         <defs>
           <linearGradient
             id="a"
-            x1={10}
-            x2={10}
-            y1={2.305}
-            y2={17.694}
+            x1={7.5}
+            x2={7.5}
+            y1={1.498}
+            y2={13.502}
             gradientUnits="userSpaceOnUse"
           >
             <stop />
@@ -57,10 +57,10 @@ const FolderIllustration = React.forwardRef<SVGSVGElement, IconProps>(
           </linearGradient>
           <linearGradient
             id="c"
-            x1={10}
-            x2={10}
-            y1={6.75}
-            y2={17.694}
+            x1={7.5}
+            x2={7.5}
+            y1={4.965}
+            y2={13.501}
             gradientUnits="userSpaceOnUse"
           >
             <stop stopColor="#fff" />
@@ -68,10 +68,10 @@ const FolderIllustration = React.forwardRef<SVGSVGElement, IconProps>(
           </linearGradient>
           <filter
             id="b"
-            width={16.5}
-            height={10.944}
-            x={1.75}
-            y={6.75}
+            width={12.87}
+            height={8.537}
+            x={1.065}
+            y={4.965}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
diff --git a/packages/design-system/icons/src/components/folder-open-illustration.tsx b/packages/design-system/icons/src/components/folder-open-illustration.tsx
index d86184609e..49e8a6ee60 100644
--- a/packages/design-system/icons/src/components/folder-open-illustration.tsx
+++ b/packages/design-system/icons/src/components/folder-open-illustration.tsx
@@ -5,73 +5,78 @@ const FolderOpenIllustration = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill="#60A5FA"
-          fillRule="evenodd"
-          d="M18.25 14.722a2.972 2.972 0 0 1-2.972 2.972H4.722a2.972 2.972 0 0 1-2.972-2.972V5.278a2.972 2.972 0 0 1 2.972-2.973H6.89c.902 0 1.754.41 2.318 1.112l.445.555h5.625a2.972 2.972 0 0 1 2.972 2.972v7.778Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="url(#a)"
-          fillOpacity={0.15}
-          fillRule="evenodd"
-          d="M18.25 14.722a2.972 2.972 0 0 1-2.972 2.972H4.722a2.972 2.972 0 0 1-2.972-2.972V5.278a2.972 2.972 0 0 1 2.972-2.973H6.89c.902 0 1.754.41 2.318 1.112l.445.555h5.625a2.972 2.972 0 0 1 2.972 2.972v7.778Z"
-          clipRule="evenodd"
-        />
-        <path
-          stroke="#000"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeOpacity={0.15}
-          strokeWidth={0.5}
-          d="M9.458 4.128a.25.25 0 0 0 .195.094h5.625A2.722 2.722 0 0 1 18 6.944v7.778a2.722 2.722 0 0 1-2.722 2.722H4.722A2.722 2.722 0 0 1 2 14.722V5.278a2.722 2.722 0 0 1 2.722-2.723H6.89c.826 0 1.606.375 2.123 1.018l.445.555Z"
-        />
-        <g fillRule="evenodd" clipRule="evenodd" filter="url(#b)">
+        <g clipPath="url(#a)">
           <path
             fill="#60A5FA"
-            d="M3.002 7.778h13.995a2.5 2.5 0 0 1 2.415 3.143L18.19 15.51a3.055 3.055 0 0 1-2.952 2.269H4.763a3.054 3.054 0 0 1-2.952-2.27L.588 10.922A2.5 2.5 0 0 1 3 7.778h.002Z"
+            fillRule="evenodd"
+            d="M13.935 11.15a2.32 2.32 0 0 1-2.318 2.32H3.383a2.32 2.32 0 0 1-2.318-2.32V3.785a2.32 2.32 0 0 1 2.318-2.318h1.691c.704 0 1.368.319 1.808.867l.348.433h4.387a2.32 2.32 0 0 1 2.318 2.318z"
+            clipRule="evenodd"
           />
           <path
-            fill="url(#c)"
-            fillOpacity={0.2}
-            d="M3.002 7.778h13.995a2.5 2.5 0 0 1 2.415 3.143L18.19 15.51a3.055 3.055 0 0 1-2.952 2.269H4.763a3.054 3.054 0 0 1-2.952-2.27L.588 10.922A2.5 2.5 0 0 1 3 7.778h.002Z"
+            fill="url(#b)"
+            fillOpacity={0.15}
+            fillRule="evenodd"
+            d="M13.935 11.15a2.32 2.32 0 0 1-2.318 2.32H3.383a2.32 2.32 0 0 1-2.318-2.32V3.785a2.32 2.32 0 0 1 2.318-2.318h1.691c.704 0 1.368.319 1.808.867l.348.433h4.387a2.32 2.32 0 0 1 2.318 2.318z"
+            clipRule="evenodd"
           />
+          <path
+            stroke="#000"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeOpacity={0.15}
+            strokeWidth={0.5}
+            d="M7.034 2.922a.25.25 0 0 0 .196.094h4.387c1.142 0 2.068.926 2.068 2.068v6.067a2.07 2.07 0 0 1-2.068 2.068H3.383a2.07 2.07 0 0 1-2.068-2.068V3.784c0-1.142.926-2.068 2.068-2.068h1.691c.628 0 1.22.284 1.613.773z"
+          />
+          <g fillRule="evenodd" clipRule="evenodd" filter="url(#c)">
+            <path
+              fill="#60A5FA"
+              d="M2.041 5.734h10.917a1.95 1.95 0 0 1 1.884 2.452l-.955 3.578a2.38 2.38 0 0 1-2.302 1.77h-8.17a2.38 2.38 0 0 1-2.303-1.77L.158 8.186A1.95 1.95 0 0 1 2.04 5.734z"
+            />
+            <path
+              fill="url(#d)"
+              fillOpacity={0.2}
+              d="M2.041 5.734h10.917a1.95 1.95 0 0 1 1.884 2.452l-.955 3.578a2.38 2.38 0 0 1-2.302 1.77h-8.17a2.38 2.38 0 0 1-2.303-1.77L.158 8.186A1.95 1.95 0 0 1 2.04 5.734z"
+            />
+          </g>
         </g>
         <defs>
           <linearGradient
-            id="a"
-            x1={10}
-            x2={10}
-            y1={2.305}
-            y2={17.694}
+            id="b"
+            x1={7.5}
+            x2={7.5}
+            y1={1.466}
+            y2={13.469}
             gradientUnits="userSpaceOnUse"
           >
             <stop />
             <stop offset={1} stopOpacity={0} />
           </linearGradient>
           <linearGradient
-            id="c"
-            x1={10}
-            x2={10}
-            y1={7.778}
-            y2={17.778}
+            id="d"
+            x1={7.5}
+            x2={7.5}
+            y1={5.734}
+            y2={13.534}
             gradientUnits="userSpaceOnUse"
           >
             <stop stopColor="#fff" />
             <stop offset={1} stopColor="#fff" stopOpacity={0} />
           </linearGradient>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
           <filter
-            id="b"
-            width={18.997}
-            height={10}
-            x={0.502}
-            y={7.778}
+            id="c"
+            width={14.817}
+            height={7.8}
+            x={0.091}
+            y={5.734}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
diff --git a/packages/design-system/icons/src/components/folder-open.tsx b/packages/design-system/icons/src/components/folder-open.tsx
index 49a1281b6e..b4ea31b361 100644
--- a/packages/design-system/icons/src/components/folder-open.tsx
+++ b/packages/design-system/icons/src/components/folder-open.tsx
@@ -5,19 +5,27 @@ const FolderOpen = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M3.495 8.247c.089-.014.18-.02.272-.02h12.466c.092 0 .183.006.27.02m-13.008 0a1.774 1.774 0 0 0-1.484 2.004l.675 4.73a1.774 1.774 0 0 0 1.756 1.523h11.116a1.774 1.774 0 0 0 1.756-1.523l.675-4.73a1.774 1.774 0 0 0-1.485-2.004m-13.009 0 .001-2.977A1.774 1.774 0 0 1 5.27 3.496h3.058c.314 0 .615.125.836.347l1.673 1.671c.222.222.522.347.836.347h3.058a1.774 1.774 0 0 1 1.774 1.774v.612"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M1.875 6.458v-2.5c0-.92.746-1.666 1.667-1.666h1.626c.505 0 .983.229 1.3.623l.502.627h4.488c.921 0 1.667.746 1.667 1.666v1.25" />
+          <path d="M2.252 6.458h10.496c.822 0 1.42.779 1.208 1.572l-.918 3.44a1.666 1.666 0 0 1-1.61 1.238H3.572a1.666 1.666 0 0 1-1.61-1.237L1.045 8.03a1.25 1.25 0 0 1 1.207-1.572z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/folder.tsx b/packages/design-system/icons/src/components/folder.tsx
index 63b65b9292..bfe2fe203e 100644
--- a/packages/design-system/icons/src/components/folder.tsx
+++ b/packages/design-system/icons/src/components/folder.tsx
@@ -5,8 +5,8 @@ const Folder = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const Folder = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.492 10.578V10a1.733 1.733 0 0 1 1.733-1.733h11.55A1.733 1.733 0 0 1 17.508 10v.578m-6.692-4.96L9.184 3.987a1.155 1.155 0 0 0-.817-.339H4.225A1.733 1.733 0 0 0 2.492 5.38v9.24a1.733 1.733 0 0 0 1.733 1.733h11.55a1.733 1.733 0 0 0 1.733-1.733V7.69a1.733 1.733 0 0 0-1.733-1.733h-4.142c-.306 0-.6-.122-.817-.338Z"
+          d="M1.875 7.292V3.958c0-.92.746-1.666 1.667-1.666h1.626c.505 0 .983.229 1.3.623l.502.627h4.488c.921 0 1.667.746 1.667 1.666v2.37"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M3.542 5.625h7.916c.921 0 1.667.746 1.667 1.667v3.75c0 .92-.746 1.666-1.667 1.666H3.542c-.921 0-1.667-.745-1.667-1.666v-3.75c0-.921.746-1.667 1.667-1.667"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/forward-solid.tsx b/packages/design-system/icons/src/components/forward-solid.tsx
index 71a03580aa..30fe03af1b 100644
--- a/packages/design-system/icons/src/components/forward-solid.tsx
+++ b/packages/design-system/icons/src/components/forward-solid.tsx
@@ -5,16 +5,23 @@ const ForwardSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M4.213 5.259a1.563 1.563 0 0 0-2.338 1.356v6.77c0 1.2 1.296 1.951 2.338 1.356L10 11.435v1.95c0 1.2 1.296 1.951 2.338 1.356l5.923-3.384a1.562 1.562 0 0 0 0-2.713l-5.923-3.385A1.563 1.563 0 0 0 10 6.615v1.95L4.213 5.26Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M14.23 6.619 8.19 3.27a1 1 0 0 0-.998.014 1 1 0 0 0-.497.867v1.862l-4.95-2.742a1 1 0 0 0-.999.013 1 1 0 0 0-.496.867v6.696c0 .36.185.685.496.867.16.094.335.142.511.142.168 0 .334-.043.487-.128l4.95-2.743v1.862c0 .36.186.685.497.867.159.094.335.142.51.142.168 0 .335-.043.488-.128l6.042-3.348a1.008 1.008 0 0 0 0-1.762"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/funnel.tsx b/packages/design-system/icons/src/components/funnel.tsx
index fdfb0230ce..442016d6b4 100644
--- a/packages/design-system/icons/src/components/funnel.tsx
+++ b/packages/design-system/icons/src/components/funnel.tsx
@@ -5,8 +5,8 @@ const Funnel = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Funnel = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 2.5c2.296 0 4.546.193 6.736.565a.922.922 0 0 1 .764.913v.87a1.876 1.876 0 0 1-.55 1.326l-4.526 4.527a1.875 1.875 0 0 0-.549 1.326v2.439a1.875 1.875 0 0 1-1.037 1.677L8.125 17.5v-5.473a1.875 1.875 0 0 0-.55-1.326L3.05 6.174A1.875 1.875 0 0 1 2.5 4.848v-.87c0-.45.32-.838.764-.913A40.266 40.266 0 0 1 10 2.5v0Z"
+          d="m8.833 12.611-2.666 1.333V7.5L1.944 1.944h11.112L8.833 7.5z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/gatsby-ex.tsx b/packages/design-system/icons/src/components/gatsby-ex.tsx
index 9f6a530eb8..82471f4605 100644
--- a/packages/design-system/icons/src/components/gatsby-ex.tsx
+++ b/packages/design-system/icons/src/components/gatsby-ex.tsx
@@ -5,18 +5,25 @@ const GatsbyEx = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-16.072.129c0 1.735.708 3.535 2.058 4.885 1.35 1.35 3.15 1.993 4.95 2.057L2.928 10.13Zm.193-1.672 8.422 8.422c3.15-.708 5.528-3.536 5.528-6.879h-4.5v1.286h3.086c-.45 1.928-1.864 3.535-3.729 4.178L4.536 8.071C5.37 5.821 7.493 4.214 10 4.214c1.928 0 3.664.965 4.757 2.443l.964-.836C14.436 4.086 12.38 2.93 10 2.93c-3.343 0-6.172 2.378-6.879 5.528Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M14.25 7.5a6.75 6.75 0 1 1-13.5 0 6.75 6.75 0 0 1 13.5 0m-12.054.097c0 1.301.53 2.651 1.543 3.664 1.013 1.012 2.363 1.495 3.713 1.543zm.145-1.254 6.316 6.316c2.363-.53 4.147-2.652 4.147-5.159H9.429v.964h2.314c-.338 1.447-1.398 2.652-2.797 3.134L3.402 6.054C4.029 4.366 5.62 3.16 7.5 3.16c1.446 0 2.748.723 3.568 1.832l.723-.627A5.32 5.32 0 0 0 7.5 2.196c-2.507 0-4.629 1.784-5.159 4.147"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/gatsby.tsx b/packages/design-system/icons/src/components/gatsby.tsx
index 9ec553f745..a59f6ca3d9 100644
--- a/packages/design-system/icons/src/components/gatsby.tsx
+++ b/packages/design-system/icons/src/components/gatsby.tsx
@@ -5,17 +5,27 @@ const Gatsby = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path fill="#639" d="M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" />
-        <path
-          fill="#fff"
-          d="M4.986 15.014c-1.35-1.35-2.058-3.15-2.058-4.885l7.008 6.942c-1.8-.064-3.6-.707-4.95-2.057Zm6.557 1.865L3.12 8.457C3.828 5.307 6.657 2.93 10 2.93c2.379 0 4.436 1.157 5.721 2.892l-.964.836C13.664 5.18 11.928 4.214 10 4.214c-2.507 0-4.629 1.607-5.464 3.857l7.393 7.393c1.864-.643 3.278-2.25 3.728-4.178h-3.086V10h4.5c0 3.343-2.378 6.171-5.528 6.879Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill="#639"
+            d="M7.5 14.25a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5"
+          />
+          <path
+            fill="#fff"
+            d="M3.74 11.26c-1.013-1.012-1.544-2.362-1.544-3.663l5.256 5.207c-1.35-.049-2.7-.53-3.713-1.543m4.917 1.399L2.341 6.343C2.87 3.98 4.993 2.197 7.5 2.197c1.784 0 3.327.867 4.29 2.17l-.722.626c-.82-1.109-2.122-1.832-3.568-1.832-1.88 0-3.472 1.205-4.098 2.893l5.544 5.544c1.399-.482 2.46-1.687 2.797-3.134H9.428V7.5h3.375c0 2.507-1.783 4.629-4.146 5.159"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/gift-solid.tsx b/packages/design-system/icons/src/components/gift-solid.tsx
index 93c9006e84..49e5ceb849 100644
--- a/packages/design-system/icons/src/components/gift-solid.tsx
+++ b/packages/design-system/icons/src/components/gift-solid.tsx
@@ -5,22 +5,20 @@ const GiftSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M14 6a2.5 2.5 0 1 0-4-3 2.5 2.5 0 1 0-4 3H3.25C2.56 6 2 6.56 2 7.25v.5C2 8.44 2.56 9 3.25 9h6V6h1.5v3h6C17.44 9 18 8.44 18 7.75v-.5C18 6.56 17.44 6 16.75 6H14Zm-1-1.5a1 1 0 0 1-1 1h-1v-1a1 1 0 0 1 2 0Zm-6 0a1 1 0 0 0 1 1h1v-1a1 1 0 0 0-2 0Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill={color}
-          d="M9.25 10.5H3v4.75A2.75 2.75 0 0 0 5.75 18h3.5v-7.5Zm1.5 7.5v-7.5H17v4.75A2.75 2.75 0 0 1 14.25 18h-3.5Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M2.167 7.944v4.223A2.446 2.446 0 0 0 4.61 14.61h2.222V7.944zM8.167 7.944v6.667h2.222a2.446 2.446 0 0 0 2.444-2.444V7.944zM13.056 3.5h-.411a2.2 2.2 0 0 0 .188-.889A2.225 2.225 0 0 0 10.611.39C9.046.389 8.065 1.483 7.5 2.468 6.935 1.484 5.954.388 4.389.388a2.225 2.225 0 0 0-2.222 2.223c0 .317.068.616.188.889h-.41c-.858 0-1.556.69-1.556 1.556 0 .865.698 1.555 1.555 1.555h11.112a1.555 1.555 0 1 0 0-3.111M10.61 1.722a.89.89 0 0 1 0 1.778h-2.15c.36-.764 1.045-1.778 2.15-1.778m-7.111.89a.89.89 0 0 1 .889-.89c1.097 0 1.784 1.014 2.147 1.778H4.389a.89.89 0 0 1-.889-.889" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/gift.tsx b/packages/design-system/icons/src/components/gift.tsx
index 06ab961cf1..4d16005863 100644
--- a/packages/design-system/icons/src/components/gift.tsx
+++ b/packages/design-system/icons/src/components/gift.tsx
@@ -5,19 +5,27 @@ const Gift = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.815 9.7v6.6c0 .318-.125.623-.347.848a1.178 1.178 0 0 1-.838.352H4.37c-.314 0-.615-.126-.838-.352a1.207 1.207 0 0 1-.347-.848V9.7m6.519-5.1c0-.415-.122-.821-.35-1.167a2.08 2.08 0 0 0-.93-.773 2.05 2.05 0 0 0-2.261.455 2.124 2.124 0 0 0-.45 2.289c.157.383.423.711.764.942.341.23.742.354 1.153.354h2.074m0-2.1v2.1m0-2.1c0-.415.121-.821.35-1.167a2.08 2.08 0 0 1 .93-.773 2.05 2.05 0 0 1 2.26.455 2.124 2.124 0 0 1 .45 2.289 2.095 2.095 0 0 1-.764.942c-.341.23-.742.354-1.152.354H9.704m0 0v10.8M2.889 9.7H17.11c.49 0 .889-.403.889-.9V7.6c0-.497-.398-.9-.889-.9H2.89A.895.895 0 0 0 2 7.6v1.2c0 .497.398.9.889.9Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 4.167v9.777M2.833 2.611c0-.859.697-1.555 1.556-1.555 2.301 0 3.111 3.11 3.111 3.11H4.389a1.556 1.556 0 0 1-1.556-1.555M10.611 4.167H7.5s.81-3.111 3.111-3.111a1.556 1.556 0 0 1 0 3.11M12.167 6.833v5.334c0 .982-.796 1.777-1.778 1.777H4.61a1.777 1.777 0 0 1-1.778-1.777V6.833" />
+          <path d="M13.056 4.167H1.944a.89.89 0 0 0-.888.889v.888c0 .491.398.89.888.89h11.112a.89.89 0 0 0 .888-.89v-.888a.89.89 0 0 0-.889-.89" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/github.tsx b/packages/design-system/icons/src/components/github.tsx
index b64e14bd42..1c4e666235 100644
--- a/packages/design-system/icons/src/components/github.tsx
+++ b/packages/design-system/icons/src/components/github.tsx
@@ -5,8 +5,8 @@ const Github = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const Github = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
         <path
           fill="#1B1F23"
           fillRule="evenodd"
-          d="M10 1.222c-4.973 0-9 4.028-9 9a8.994 8.994 0 0 0 6.154 8.539c.45.079.619-.191.619-.428 0-.213-.012-.922-.012-1.676-2.261.416-2.846-.551-3.026-1.057-.101-.26-.54-1.058-.923-1.272-.314-.168-.764-.585-.01-.596.708-.011 1.214.652 1.383.923.81 1.36 2.104.978 2.621.742.079-.585.315-.979.574-1.204-2.003-.225-4.095-1.001-4.095-4.443 0-.98.349-1.79.922-2.42-.09-.224-.404-1.147.09-2.384 0 0 .754-.236 2.476.922a8.351 8.351 0 0 1 2.25-.303c.764 0 1.53.1 2.25.303 1.72-1.17 2.475-.922 2.475-.922.495 1.237.18 2.16.09 2.385.573.63.922 1.429.922 2.419 0 3.453-2.104 4.218-4.106 4.443.326.282.607.822.607 1.665 0 1.204-.011 2.171-.011 2.475 0 .237.169.518.619.428A9.014 9.014 0 0 0 19 10.222c0-4.972-4.027-9-9-9Z"
+          d="M7.5.917C3.77.917.75 3.937.75 7.667a6.75 6.75 0 0 0 4.615 6.404c.338.059.464-.144.464-.321 0-.16-.008-.692-.008-1.257-1.696.312-2.135-.414-2.27-.793-.076-.194-.405-.793-.692-.954-.236-.126-.573-.439-.008-.447.531-.008.911.49 1.038.692.607 1.02 1.578.734 1.966.557.059-.439.236-.734.43-.903-1.502-.169-3.071-.751-3.071-3.333 0-.734.261-1.341.692-1.814-.068-.169-.304-.86.067-1.789 0 0 .565-.177 1.856.692a6.3 6.3 0 0 1 1.688-.228c.574 0 1.147.076 1.687.228 1.291-.877 1.857-.692 1.857-.692.37.928.135 1.62.067 1.79.43.472.692 1.07.692 1.813 0 2.59-1.578 3.164-3.08 3.333.245.21.456.616.456 1.249 0 .902-.008 1.628-.008 1.856 0 .177.126.388.464.32a6.76 6.76 0 0 0 4.598-6.403c0-3.73-3.02-6.75-6.75-6.75"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/globe-europe-solid.tsx b/packages/design-system/icons/src/components/globe-europe-solid.tsx
index 1706d4a55a..c34390903e 100644
--- a/packages/design-system/icons/src/components/globe-europe-solid.tsx
+++ b/packages/design-system/icons/src/components/globe-europe-solid.tsx
@@ -5,18 +5,21 @@ const GlobeEuropeSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M18 10a8 8 0 1 1-16.001 0A8 8 0 0 1 18 10Zm-1.503.204A6.5 6.5 0 1 1 7.95 3.83L6.927 5.62a1.453 1.453 0 0 0 1.91 2.02l.175-.087a.5.5 0 0 1 .224-.053h.146a.5.5 0 0 1 .447.724l-.028.055a.4.4 0 0 1-.357.221h-.502a2.26 2.26 0 0 0-1.88 1.006l-.044.066a2.099 2.099 0 0 0 1.085 3.156.58.58 0 0 1 .397.547v1.05a1.175 1.175 0 0 0 2.093.734l1.611-2.014c.192-.24.296-.536.296-.842 0-.316.128-.624.353-.85a1.362 1.362 0 0 0 .173-1.716l-.464-.696a.369.369 0 0 1 .527-.499l.343.257a1.04 1.04 0 0 0 1.091.098.586.586 0 0 1 .677.11l1.297 1.297Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M11.016 2.825c.181.03.368-.02.513-.132l.136-.106A6.4 6.4 0 0 0 7.5 1.057a6.44 6.44 0 0 0-6.075 4.31c.606 1.364 1.388 2.429 2.354 3.135l.212.15q.119.083.23.164l.021.016c.262.196.488.41.603.728.084.233.074.418.06.652-.018.35-.043.783.26 1.286.278.462.638.652.901.79.201.106.294.159.379.287.248.372.124.943.059 1.17l-.033.111c.336.055.677.09 1.028.09a6.44 6.44 0 0 0 6.006-4.119c-.43-.971-.974-1.517-1.658-1.647-.724-.137-1.267.244-1.705.55-.37.256-.61.415-.853.366-.14-.025-.205-.09-.426-.356-.206-.247-.49-.587-.97-.87-.784-.458-1.756-.575-2.898-.35-.113-.32-.197-.784.02-1.224.047-.095.305-.577.774-.707.372-.103.732.073 1.11.259.424.208 1.004.492 1.564.136.627-.4.559-1.15.504-1.753-.04-.436-.086-.93.11-1.174.24-.301.948-.385 1.939-.23z" />
+          <path d="M7.5 14.611c-3.92 0-7.111-3.19-7.111-7.111S3.579.389 7.5.389s7.111 3.19 7.111 7.111-3.19 7.111-7.111 7.111m0-12.889A5.784 5.784 0 0 0 1.722 7.5 5.784 5.784 0 0 0 7.5 13.278 5.784 5.784 0 0 0 13.278 7.5 5.784 5.784 0 0 0 7.5 1.722" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/globe-europe.tsx b/packages/design-system/icons/src/components/globe-europe.tsx
index ea0b3c85a8..bb3252226d 100644
--- a/packages/design-system/icons/src/components/globe-europe.tsx
+++ b/packages/design-system/icons/src/components/globe-europe.tsx
@@ -5,19 +5,28 @@ const GlobeEurope = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m17.41 11.16-.945-.945a1.875 1.875 0 0 1-.35-.487l-.9-1.8a.346.346 0 0 0-.553-.09.69.69 0 0 1-.677.175l-1.06-.302a.742.742 0 0 0-.616 1.33l.49.324a.938.938 0 0 1 .143 1.443l-.167.167a.937.937 0 0 0-.275.663v.342c0 .34-.092.674-.267.965l-1.096 1.826a1.759 1.759 0 0 1-1.508.854.88.88 0 0 1-.879-.88v-.976c0-.766-.467-1.456-1.178-1.74l-.546-.218a1.875 1.875 0 0 1-1.153-2.05l.006-.035c.039-.232.12-.454.242-.656l.075-.125a1.875 1.875 0 0 1 1.975-.873l.982.196a.938.938 0 0 0 1.085-.662l.173-.608a.937.937 0 0 0-.482-1.096l-.554-.277-.076.076a1.875 1.875 0 0 1-1.326.55h-.15a.784.784 0 0 0-.551.227.776.776 0 0 1-1.215-.947l1.175-1.96c.118-.196.198-.41.239-.634m9.94 8.224A7.499 7.499 0 1 0 2.594 8.834a7.499 7.499 0 0 0 14.817 2.327Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M4.63 8.288C4.59 8.231 3.87 7.112 4.416 6c.06-.122.43-.844 1.195-1.056 1.132-.314 1.958.816 2.493.475.599-.381-.24-1.916.451-2.781.526-.659 1.685-.61 2.563-.472M4.63 8.288c1.412-.39 2.32-.199 2.926.156.835.489.894 1.171 1.61 1.306 1.034.193 1.64-1.091 2.556-.917.426.081.944.482 1.394 1.829" />
+          <path d="M7.145 13.927c.132-.515.208-1.194-.145-1.723-.376-.565-.907-.46-1.264-1.05-.371-.618.013-1.054-.264-1.82-.26-.72-.854-1.044-1.3-1.37-.743-.543-1.666-1.521-2.39-3.43" />
+          <path d="M7.5 13.945a6.444 6.444 0 1 0 0-12.89 6.444 6.444 0 0 0 0 12.89" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/google.tsx b/packages/design-system/icons/src/components/google.tsx
index d1c01e29b1..8d6407b2ec 100644
--- a/packages/design-system/icons/src/components/google.tsx
+++ b/packages/design-system/icons/src/components/google.tsx
@@ -5,27 +5,27 @@ const Google = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#4280EF"
-          d="M18.822 10.215c0-.608-.059-1.236-.157-1.824h-8.491v3.471h4.863a4.092 4.092 0 0 1-1.804 2.726l2.902 2.255c1.707-1.588 2.687-3.902 2.687-6.628Z"
+          d="M14.117 7.661c0-.456-.045-.926-.118-1.368H7.63v2.604h3.648a3.07 3.07 0 0 1-1.353 2.044l2.177 1.692c1.28-1.192 2.015-2.927 2.015-4.972"
         />
         <path
           fill="#34A353"
-          d="M10.174 19.002c2.432 0 4.471-.804 5.962-2.177l-2.903-2.236c-.804.55-1.843.863-3.059.863-2.353 0-4.334-1.588-5.06-3.706l-2.98 2.294a8.992 8.992 0 0 0 8.04 4.962Z"
+          d="M7.63 14.252c1.824 0 3.354-.604 4.472-1.633l-2.177-1.677c-.603.412-1.383.647-2.295.647-1.765 0-3.25-1.191-3.794-2.78L1.6 10.53a6.74 6.74 0 0 0 6.03 3.722"
         />
         <path
           fill="#F6B704"
-          d="M5.115 11.726a5.468 5.468 0 0 1 0-3.452L2.134 5.96a9.013 9.013 0 0 0 0 8.08l2.98-2.314Z"
+          d="M3.836 8.794a4.1 4.1 0 0 1 0-2.588L1.6 4.47a6.76 6.76 0 0 0 0 6.06z"
         />
         <path
           fill="#E54335"
-          d="M10.174 4.568a4.91 4.91 0 0 1 3.452 1.353l2.569-2.589A8.663 8.663 0 0 0 10.175 1 8.992 8.992 0 0 0 2.133 5.96l2.98 2.314c.726-2.138 2.707-3.706 5.06-3.706Z"
+          d="M7.63 3.426A3.68 3.68 0 0 1 10.22 4.44L12.146 2.5A6.5 6.5 0 0 0 7.63.749a6.74 6.74 0 0 0-6.03 3.72l2.236 1.736c.544-1.603 2.03-2.78 3.794-2.78"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/hashtag.tsx b/packages/design-system/icons/src/components/hashtag.tsx
index ca350926f0..e6f458fcb1 100644
--- a/packages/design-system/icons/src/components/hashtag.tsx
+++ b/packages/design-system/icons/src/components/hashtag.tsx
@@ -5,8 +5,8 @@ const Hashtag = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -15,8 +15,8 @@ const Hashtag = React.forwardRef<SVGSVGElement, IconProps>(
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M3.333 7.5h13.334M3.333 12.5h13.334M8.333 2.5l-1.666 15M13.333 2.5l-1.666 15"
+          strokeWidth={1.333}
+          d="M2.833 5.056h10.223M1.944 9.944h10.223M6.285 1.944 4.2 13.056M10.799 1.944 8.715 13.056"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/heart.tsx b/packages/design-system/icons/src/components/heart.tsx
index 755807cc4d..6935702baf 100644
--- a/packages/design-system/icons/src/components/heart.tsx
+++ b/packages/design-system/icons/src/components/heart.tsx
@@ -5,19 +5,26 @@ const Heart = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M17.5 6.875c0-2.07-1.75-3.75-3.907-3.75-1.612 0-2.997.938-3.593 2.277-.596-1.339-1.98-2.277-3.594-2.277-2.156 0-3.906 1.68-3.906 3.75 0 6.017 7.5 10 7.5 10s7.5-3.983 7.5-10Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M7.081 13.03a.9.9 0 0 0 .837 0c1.395-.727 5.803-3.366 5.803-7.655a3.42 3.42 0 0 0-3.4-3.43A3.45 3.45 0 0 0 7.5 3.472a3.45 3.45 0 0 0-2.82-1.529 3.42 3.42 0 0 0-3.401 3.43c0 4.29 4.407 6.929 5.802 7.657"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/inbox-solid.tsx b/packages/design-system/icons/src/components/inbox-solid.tsx
index 4c5ce9ba91..2f5e48feeb 100644
--- a/packages/design-system/icons/src/components/inbox-solid.tsx
+++ b/packages/design-system/icons/src/components/inbox-solid.tsx
@@ -5,20 +5,21 @@ const InboxSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M10 2a.75.75 0 0 1 .75.75v5.59l1.95-2.1a.75.75 0 0 1 1.1 1.02l-3.25 3.5a.752.752 0 0 1-1.1 0L6.2 7.26a.75.75 0 1 1 1.1-1.02l1.95 2.1V2.75A.75.75 0 0 1 10 2Z"
-        />
-        <path
-          fill={color}
-          d="M5.273 4.5a1.25 1.25 0 0 0-1.205.918l-1.523 5.52c-.006.02-.01.041-.015.062H6a1 1 0 0 1 .894.553l.448.894a1 1 0 0 0 .894.553h3.438a1 1 0 0 0 .86-.49l.606-1.02A1 1 0 0 1 14 11h3.47a1.301 1.301 0 0 0-.015-.062l-1.523-5.52a1.25 1.25 0 0 0-1.205-.918h-.977a.75.75 0 1 1 0-1.5h.977a2.75 2.75 0 0 1 2.651 2.019l1.523 5.52c.066.239.099.485.099.732V15a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3.73c0-.246.033-.492.099-.73l1.523-5.521A2.75 2.75 0 0 1 5.273 3h.977a.75.75 0 0 1 0 1.5h-.977Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M4.807 4.14a.667.667 0 0 0 0 .943l2.222 2.222a.665.665 0 0 0 .942 0l2.222-2.222a.667.667 0 1 0-.943-.943L8.166 5.225v-3.28a.667.667 0 0 0-1.334 0v3.279L5.748 4.139a.667.667 0 0 0-.943 0z" />
+          <path d="M12.563 2.828a2.43 2.43 0 0 0-2.275-1.55h-.122a.667.667 0 0 0 0 1.333h.122c.46 0 .865.277 1.033.705L12.965 7.5H9.944a.667.667 0 0 0-.667.667v.889c0 .122-.1.222-.222.222H5.944a.22.22 0 0 1-.223-.222v-.89a.667.667 0 0 0-.666-.666h-3.02l1.643-4.184a1.1 1.1 0 0 1 1.034-.705h.121a.667.667 0 0 0 0-1.333h-.121a2.43 2.43 0 0 0-2.276 1.55L.558 7.609a2.4 2.4 0 0 0-.17.895v2.774a2.446 2.446 0 0 0 2.445 2.444h9.334a2.446 2.446 0 0 0 2.444-2.444V8.504a2.4 2.4 0 0 0-.169-.895z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/index.ts b/packages/design-system/icons/src/components/index.ts
index d6e045e3a2..8d7579201b 100644
--- a/packages/design-system/icons/src/components/index.ts
+++ b/packages/design-system/icons/src/components/index.ts
@@ -1,6 +1,7 @@
 // This file is generated automatically.
 export { default as AcademicCapSolid } from "./academic-cap-solid"
 export { default as AcademicCap } from "./academic-cap"
+export { default as AdjustmentsDone } from "./adjustments-done"
 export { default as Adjustments } from "./adjustments"
 export { default as Apple } from "./apple"
 export { default as ArchiveBox } from "./archive-box"
@@ -24,6 +25,7 @@ export { default as ArrowRightOnRectangle } from "./arrow-right-on-rectangle"
 export { default as ArrowUpCircleSolid } from "./arrow-up-circle-solid"
 export { default as ArrowUpDown } from "./arrow-up-down"
 export { default as ArrowUpMini } from "./arrow-up-mini"
+export { default as ArrowUpRightMicro } from "./arrow-up-right-micro"
 export { default as ArrowUpRightMini } from "./arrow-up-right-mini"
 export { default as ArrowUpRightOnBox } from "./arrow-up-right-on-box"
 export { default as ArrowUpTray } from "./arrow-up-tray"
@@ -41,6 +43,7 @@ export { default as BellAlert } from "./bell-alert"
 export { default as BoltSolid } from "./bolt-solid"
 export { default as Bolt } from "./bolt"
 export { default as BookOpen } from "./book-open"
+export { default as BottomToTop } from "./bottom-to-top"
 export { default as BugAntSolid } from "./bug-ant-solid"
 export { default as Bug } from "./bug"
 export { default as BuildingStorefront } from "./building-storefront"
@@ -107,6 +110,7 @@ export { default as CubeSolid } from "./cube-solid"
 export { default as CurrencyDollarSolid } from "./currency-dollar-solid"
 export { default as CurrencyDollar } from "./currency-dollar"
 export { default as CursorArrowRays } from "./cursor-arrow-rays"
+export { default as DescendingSorting } from "./descending-sorting"
 export { default as Discord } from "./discord"
 export { default as DocumentSeries } from "./document-series"
 export { default as DocumentTextSolid } from "./document-text-solid"
@@ -120,7 +124,6 @@ export { default as EllipseOrangeSolid } from "./ellipse-orange-solid"
 export { default as EllipsePurpleSolid } from "./ellipse-purple-solid"
 export { default as EllipseRedSolid } from "./ellipse-red-solid"
 export { default as EllipseSolid } from "./ellipse-solid"
-export { default as Ellipse } from "./ellipse"
 export { default as EllipsisHorizontal } from "./ellipsis-horizontal"
 export { default as EllipsisVertical } from "./ellipsis-vertical"
 export { default as EnvelopeSolid } from "./envelope-solid"
@@ -159,6 +162,7 @@ export { default as JavascriptEx } from "./javascript-ex"
 export { default as Javascript } from "./javascript"
 export { default as KeySolid } from "./key-solid"
 export { default as Key } from "./key"
+export { default as Keyboard } from "./keyboard"
 export { default as KlarnaEx } from "./klarna-ex"
 export { default as Klarna } from "./klarna"
 export { default as Klaviyo } from "./klaviyo"
@@ -168,6 +172,8 @@ export { default as LightBulb } from "./light-bulb"
 export { default as Link } from "./link"
 export { default as Linkedin } from "./linkedin"
 export { default as ListBullet } from "./list-bullet"
+export { default as ListCheckbox } from "./list-checkbox"
+export { default as ListTree } from "./list-tree"
 export { default as Loader } from "./loader"
 export { default as LockClosedSolidMini } from "./lock-closed-solid-mini"
 export { default as LockClosedSolid } from "./lock-closed-solid"
@@ -185,6 +191,7 @@ export { default as MoonSolid } from "./moon-solid"
 export { default as Moon } from "./moon"
 export { default as Newspaper } from "./newspaper"
 export { default as NextJs } from "./next-js"
+export { default as OpenRectArrowOut } from "./open-rect-arrow-out"
 export { default as PaperClip } from "./paper-clip"
 export { default as PauseSolid } from "./pause-solid"
 export { default as PencilSquareSolid } from "./pencil-square-solid"
@@ -205,6 +212,7 @@ export { default as QueueList } from "./queue-list"
 export { default as ReactJsEx } from "./react-js-ex"
 export { default as ReactJs } from "./react-js"
 export { default as ReceiptPercent } from "./receipt-percent"
+export { default as Receipt } from "./receipt"
 export { default as ReplaySolid } from "./replay-solid"
 export { default as Resize } from "./resize"
 export { default as RocketLaunchSolid } from "./rocket-launch-solid"
@@ -215,6 +223,7 @@ export { default as ServerSolid } from "./server-solid"
 export { default as ServerStackSolid } from "./server-stack-solid"
 export { default as ServerStack } from "./server-stack"
 export { default as Server } from "./server"
+export { default as Share } from "./share"
 export { default as ShoppingBag } from "./shopping-bag"
 export { default as ShoppingCartSolid } from "./shopping-cart-solid"
 export { default as ShoppingCart } from "./shopping-cart"
@@ -253,19 +262,21 @@ export { default as Text } from "./text"
 export { default as ThumbDown } from "./thumb-down"
 export { default as ThumbUp } from "./thumb-up"
 export { default as ThumbnailBadge } from "./thumbnail-badge"
+export { default as TimelineVertical } from "./timeline-vertical"
 export { default as ToolsSolid } from "./tools-solid"
 export { default as Tools } from "./tools"
+export { default as TopToBottom } from "./top-to-bottom"
 export { default as Trash } from "./trash"
 export { default as TriangleDownMini } from "./triangle-down-mini"
 export { default as TriangleLeftMini } from "./triangle-left-mini"
+export { default as TriangleRightMiniHover } from "./triangle-right-mini-hover"
 export { default as TriangleRightMini } from "./triangle-right-mini"
 export { default as TriangleUpMini } from "./triangle-up-mini"
 export { default as TrianglesMini } from "./triangles-mini"
-export { default as Twitter } from "./twitter"
 export { default as TypescriptEx } from "./typescript-ex"
 export { default as Typescript } from "./typescript"
-export { default as UserCircleMini } from "./user-circle-mini"
 export { default as UserGroup } from "./user-group"
+export { default as UserMini } from "./user-mini"
 export { default as User } from "./user"
 export { default as UsersSolid } from "./users-solid"
 export { default as Users } from "./users"
diff --git a/packages/design-system/icons/src/components/information-circle-solid.tsx b/packages/design-system/icons/src/components/information-circle-solid.tsx
index 988afaa01a..868de42e68 100644
--- a/packages/design-system/icons/src/components/information-circle-solid.tsx
+++ b/packages/design-system/icons/src/components/information-circle-solid.tsx
@@ -5,18 +5,25 @@ const InformationCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M18 10a8 8 0 1 1-16.001 0A8 8 0 0 1 18 10Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 1 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M14.61 7.5a7.11 7.11 0 1 1-14.22 0 7.11 7.11 0 0 1 14.22 0M8.389 3.945a.889.889 0 1 1-1.778 0 .889.889 0 0 1 1.778 0M6.61 6.611a.667.667 0 1 0 0 1.333h.225a.222.222 0 0 1 .217.27l-.408 1.837a1.555 1.555 0 0 0 1.519 1.893h.225a.667.667 0 0 0 0-1.333h-.225a.222.222 0 0 1-.217-.27l.408-1.837a1.555 1.555 0 0 0-1.519-1.893z"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/information-circle.tsx b/packages/design-system/icons/src/components/information-circle.tsx
index 0ed7c5a5df..5dadee02a9 100644
--- a/packages/design-system/icons/src/components/information-circle.tsx
+++ b/packages/design-system/icons/src/components/information-circle.tsx
@@ -5,19 +5,25 @@ const InformationCircle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="m9.375 9.375.034-.017a.625.625 0 0 1 .886.71l-.59 2.364a.625.625 0 0 0 .886.71l.034-.017M17.5 10a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0ZM10 6.875h.007v.007H10v-.007Z"
-        />
+        <g stroke={color} strokeWidth={1.5} clipPath="url(#a)">
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="m6.829 6.784.037-.018a.671.671 0 0 1 .95.763l-.633 2.537a.67.67 0 0 0 .951.763l.037-.018M7.5 4.1h.007v.007H7.5z"
+          />
+          <circle cx={7.5} cy={7.5} r={6.36} />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/javascript-ex.tsx b/packages/design-system/icons/src/components/javascript-ex.tsx
index f62db6b3ff..c6b4ee04a1 100644
--- a/packages/design-system/icons/src/components/javascript-ex.tsx
+++ b/packages/design-system/icons/src/components/javascript-ex.tsx
@@ -5,8 +5,8 @@ const JavascriptEx = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const JavascriptEx = React.forwardRef<SVGSVGElement, IconProps>(
         <path
           fill={color}
           fillRule="evenodd"
-          d="M5 1h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4Zm8.625 13.985c-.844 0-1.321-.44-1.688-1.037l-1.39.806c.502.99 1.529 1.746 3.118 1.746 1.625 0 2.835-.842 2.835-2.379 0-1.425-.82-2.06-2.275-2.681l-.427-.183c-.735-.317-1.052-.525-1.052-1.037 0-.414.317-.731.818-.731.492 0 .808.206 1.102.731l1.332-.853C15.434 8.377 14.652 8 13.564 8c-1.528 0-2.505.975-2.505 2.255 0 1.39.82 2.047 2.055 2.572l.427.183c.78.34 1.246.548 1.246 1.133 0 .489-.453.842-1.162.842Zm-6.631-.01c-.588 0-.832-.403-1.101-.879l-1.393.842c.403.851 1.197 1.559 2.567 1.559 1.516 0 2.555-.805 2.555-2.572V8.097H7.91v5.805c0 .853-.355 1.072-.917 1.072Z"
+          d="M3.75.75h7.5a3 3 0 0 1 3 3v7.5a3 3 0 0 1-3 3h-7.5a3 3 0 0 1-3-3v-7.5a3 3 0 0 1 3-3m6.469 10.489c-.633 0-.991-.33-1.266-.778l-1.043.605c.377.742 1.147 1.309 2.338 1.309 1.22 0 2.127-.632 2.127-1.784 0-1.07-.616-1.545-1.706-2.011l-.32-.137c-.552-.238-.79-.394-.79-.778 0-.31.238-.548.614-.548.369 0 .606.155.826.548l1-.64C11.575 6.283 10.988 6 10.172 6c-1.146 0-1.88.73-1.88 1.691 0 1.042.616 1.536 1.542 1.93l.32.136c.586.256.935.411.935.85 0 .367-.34.632-.871.632m-4.974-.008c-.44 0-.624-.302-.826-.659l-1.044.631c.302.64.898 1.17 1.925 1.17 1.137 0 1.916-.604 1.916-1.93v-4.37H5.933v4.353c0 .64-.266.805-.688.805"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/javascript.tsx b/packages/design-system/icons/src/components/javascript.tsx
index f3e7b4684b..77dd642706 100644
--- a/packages/design-system/icons/src/components/javascript.tsx
+++ b/packages/design-system/icons/src/components/javascript.tsx
@@ -5,19 +5,19 @@ const Javascript = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#F7DF1E"
-          d="M15 1H5a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4Z"
+          d="M11.25.75h-7.5a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3"
         />
         <path
           fill="#000"
-          d="M11.937 13.948c.367.598.844 1.037 1.688 1.037.71 0 1.162-.353 1.162-.842 0-.585-.465-.793-1.246-1.133l-.428-.183c-1.234-.525-2.054-1.182-2.054-2.572 0-1.28.977-2.255 2.505-2.255 1.088 0 1.87.378 2.434 1.367l-1.332.853c-.294-.525-.61-.731-1.102-.731-.5 0-.818.317-.818.731 0 .512.317.72 1.052 1.037l.427.183c1.454.622 2.275 1.256 2.275 2.681 0 1.537-1.21 2.379-2.835 2.379-1.59 0-2.616-.755-3.118-1.746l1.39-.806Zm-6.044.148c.269.476.513.878 1.101.878.562 0 .917-.219.917-1.072V8.097h1.71v5.828c0 1.767-1.038 2.572-2.554 2.572-1.37 0-2.164-.707-2.567-1.56l1.393-.84Z"
+          d="M8.953 10.461c.275.448.633.778 1.266.778.532 0 .871-.265.871-.632 0-.439-.349-.594-.934-.85l-.32-.137c-.927-.393-1.542-.887-1.542-1.929 0-.96.733-1.691 1.88-1.691.815 0 1.402.283 1.825 1.025l-1 .64c-.22-.393-.457-.548-.826-.548-.376 0-.614.237-.614.548 0 .384.239.54.79.778l.32.137c1.09.466 1.706.942 1.706 2.01 0 1.153-.908 1.785-2.126 1.785-1.192 0-1.962-.567-2.339-1.31zm-4.533.111c.201.357.385.659.825.659.422 0 .688-.165.688-.805V6.073h1.283v4.37c0 1.326-.779 1.93-1.916 1.93-1.027 0-1.622-.53-1.925-1.17z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/key-solid.tsx b/packages/design-system/icons/src/components/key-solid.tsx
index 6a102b7640..c2e2d4fae9 100644
--- a/packages/design-system/icons/src/components/key-solid.tsx
+++ b/packages/design-system/icons/src/components/key-solid.tsx
@@ -5,18 +5,23 @@ const KeySolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M13.125 1.25a5.625 5.625 0 0 0-5.543 6.588c.056.325-.026.598-.184.755L1.982 14.01a2.5 2.5 0 0 0-.732 1.768v2.348c0 .345.28.625.625.625H5a.625.625 0 0 0 .625-.625v-1.25h1.25a.625.625 0 0 0 .625-.625V15h1.25a.625.625 0 0 0 .442-.183l2.215-2.215c.158-.158.43-.24.755-.184a5.624 5.624 0 1 0 .963-11.168Zm0 2.5a.625.625 0 1 0 0 1.25A1.875 1.875 0 0 1 15 6.875a.625.625 0 1 0 1.25 0 3.125 3.125 0 0 0-3.125-3.125Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M1.344 14.164a.66.66 0 0 1-.484-.21.68.68 0 0 1-.18-.498l.158-2.531a.67.67 0 0 1 .193-.43L6.01 5.518a4 4 0 0 1-.065-.685A4.227 4.227 0 0 1 10.167.611a4.227 4.227 0 0 1 4.222 4.222 4.227 4.227 0 0 1-4.222 4.223 3.8 3.8 0 0 1-.721-.072l-1.482 1.439a.67.67 0 0 1-.464.188H6.167v1.333a.67.67 0 0 1-.18.456L4.523 13.96a.67.67 0 0 1-.487.21zM11.5 4.389a.89.89 0 1 0-1.779 0 .89.89 0 0 0 1.779 0"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/key.tsx b/packages/design-system/icons/src/components/key.tsx
index fe9353440f..a470834dfb 100644
--- a/packages/design-system/icons/src/components/key.tsx
+++ b/packages/design-system/icons/src/components/key.tsx
@@ -5,19 +5,26 @@ const Key = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12.91 4.761a2.327 2.327 0 0 1 2.327 2.328m2.327 0a4.656 4.656 0 0 1-5.453 4.586c-.437-.075-.9.02-1.213.334l-2.062 2.062H7.091v1.746H5.345v1.745h-2.91v-2.186c0-.463.184-.908.512-1.234L7.989 9.1c.313-.314.409-.776.334-1.213a4.655 4.655 0 1 1 9.241-.798v0Z"
-        />
+        <g stroke={color} clipPath="url(#a)">
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="m1.345 13.497.158-2.53L6.739 5.73a3.6 3.6 0 0 1-.128-.897 3.556 3.556 0 1 1 3.556 3.556c-.322 0-.629-.057-.926-.137L7.5 9.944h-2v2l-1.462 1.559z"
+          />
+          <path d="M10.611 4.778a.389.389 0 1 0 0-.778.389.389 0 0 0 0 .778Z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/keyboard.tsx b/packages/design-system/icons/src/components/keyboard.tsx
new file mode 100644
index 0000000000..864003ff16
--- /dev/null
+++ b/packages/design-system/icons/src/components/keyboard.tsx
@@ -0,0 +1,32 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const Keyboard = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <g fill={color} clipPath="url(#a)">
+          <path d="M4.746 10.75a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75M6.052 7.861h.444c.246 0 .445.2.445.445v.444a.444.444 0 0 1-.445.445h-.444a.444.444 0 0 1-.445-.445v-.444c0-.246.2-.445.445-.445M4.052 7.861h-.445a.444.444 0 0 0-.444.445v.444c0 .246.199.445.444.445h.445a.444.444 0 0 0 .444-.445v-.444a.444.444 0 0 0-.444-.445M8.496 7.861h.445c.245 0 .444.2.444.445v.444a.444.444 0 0 1-.444.445h-.445a.444.444 0 0 1-.444-.445v-.444c0-.246.199-.445.444-.445M11.385 7.861h-.444a.444.444 0 0 0-.445.445v.444c0 .246.2.445.444.445h.445a.444.444 0 0 0 .444-.445v-.444a.444.444 0 0 0-.444-.445M4.83 6.084h.444c.245 0 .444.198.444.444v.444a.444.444 0 0 1-.444.445h-.445a.444.444 0 0 1-.444-.445v-.444c0-.246.199-.444.444-.444M7.718 6.084h-.444a.444.444 0 0 0-.445.444v.444c0 .246.2.445.445.445h.444a.444.444 0 0 0 .445-.445v-.444a.444.444 0 0 0-.445-.444M9.718 6.084h.445c.245 0 .444.198.444.444v.444a.444.444 0 0 1-.444.445h-.445a.444.444 0 0 1-.444-.445v-.444c0-.246.199-.444.444-.444" />
+          <path
+            fillRule="evenodd"
+            d="M12.817.964a.75.75 0 0 0-1.438-.428.805.805 0 0 1-.772.575H9.052c-1.245 0-2.26.988-2.304 2.223H2.829A2.53 2.53 0 0 0 .302 5.86v5.778a2.53 2.53 0 0 0 2.527 2.528h9.334a2.53 2.53 0 0 0 2.528-2.528V5.861a2.53 2.53 0 0 0-2.528-2.527H8.25a.806.806 0 0 1 .802-.723h1.555a2.305 2.305 0 0 0 2.21-1.647M7.49 4.834h4.672c.568 0 1.028.46 1.028 1.027v5.778c0 .568-.46 1.028-1.027 1.028H2.829c-.567 0-1.027-.46-1.027-1.028V5.861c0-.567.46-1.027 1.027-1.027z"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+Keyboard.displayName = "Keyboard"
+export default Keyboard
diff --git a/packages/design-system/icons/src/components/klarna-ex.tsx b/packages/design-system/icons/src/components/klarna-ex.tsx
index c1a44b013a..8c1057b2f3 100644
--- a/packages/design-system/icons/src/components/klarna-ex.tsx
+++ b/packages/design-system/icons/src/components/klarna-ex.tsx
@@ -5,8 +5,8 @@ const KlarnaEx = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const KlarnaEx = React.forwardRef<SVGSVGElement, IconProps>(
         <path
           fill={color}
           fillRule="evenodd"
-          d="M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM7.874 6.137H6.211v7.234h1.663V6.137Zm4.167 0h-1.64A4.159 4.159 0 0 1 8.723 9.49l-.641.476 2.492 3.397h2.045l-2.293-3.108a5.734 5.734 0 0 0 1.715-4.118Zm1.064 5.34A1.096 1.096 0 1 1 14.32 13.3a1.096 1.096 0 0 1-1.215-1.823Z"
+          d="M14.25 7.5a6.75 6.75 0 1 1-13.5 0 6.75 6.75 0 0 1 13.5 0M5.906 4.603H4.658v5.425h1.248zm3.125 0H7.8a3.12 3.12 0 0 1-1.259 2.515l-.48.357 1.869 2.547h1.533l-1.72-2.33a4.3 4.3 0 0 0 1.287-3.09m.797 4.005a.821.821 0 1 1 .912 1.366.821.821 0 0 1-.912-1.366"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/klarna.tsx b/packages/design-system/icons/src/components/klarna.tsx
index 8f7e3ef87f..50cf45368f 100644
--- a/packages/design-system/icons/src/components/klarna.tsx
+++ b/packages/design-system/icons/src/components/klarna.tsx
@@ -5,20 +5,23 @@ const Klarna = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path fill="#FFB3C7" d="M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" />
         <path
-          fill="#000"
-          d="M12.041 6.137h-1.64A4.159 4.159 0 0 1 8.723 9.49l-.641.476 2.492 3.397h2.045l-2.293-3.108a5.734 5.734 0 0 0 1.715-4.118ZM7.874 6.137H6.211v7.234h1.663V6.137Z"
+          fill="#FFB3C7"
+          d="M7.5 14.25a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5"
         />
         <path
           fill="#000"
-          d="M13.713 11.293a1.096 1.096 0 1 0-.001 2.191 1.096 1.096 0 0 0 .001-2.191Z"
+          d="M9.03 4.603H7.802a3.12 3.12 0 0 1-1.259 2.515l-.48.357 1.869 2.547h1.533l-1.72-2.33a4.3 4.3 0 0 0 1.287-3.09M5.906 4.603H4.658v5.425h1.248z"
+        />
+        <path
+          fill="#000"
+          d="M10.285 8.47a.821.821 0 1 0-.001 1.642.821.821 0 0 0 .001-1.642"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/klaviyo.tsx b/packages/design-system/icons/src/components/klaviyo.tsx
index ff70dceafc..761ee77a51 100644
--- a/packages/design-system/icons/src/components/klaviyo.tsx
+++ b/packages/design-system/icons/src/components/klaviyo.tsx
@@ -5,20 +5,20 @@ const Klaviyo = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path fill="url(#a)" d="M19 16H1V4h18l-3.778 6L19 16Z" />
+        <path fill="url(#a)" d="M14.25 12H.75V3h13.5l-2.834 4.5z" />
         <defs>
           <linearGradient
             id="a"
-            x1={20.2}
-            x2={-1.7}
-            y1={4.835}
-            y2={18.335}
+            x1={15.15}
+            x2={-1.275}
+            y1={3.626}
+            y2={13.751}
             gradientUnits="userSpaceOnUse"
           >
             <stop stopColor="#ED7598" />
diff --git a/packages/design-system/icons/src/components/lifebuoy.tsx b/packages/design-system/icons/src/components/lifebuoy.tsx
index 59ee8fbfdd..306800db70 100644
--- a/packages/design-system/icons/src/components/lifebuoy.tsx
+++ b/packages/design-system/icons/src/components/lifebuoy.tsx
@@ -5,19 +5,27 @@ const Lifebuoy = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.927 3.608a7.52 7.52 0 0 1 2.465 2.465m-2.465-2.465-2.874 3.449m2.874-3.449a7.512 7.512 0 0 0-7.854 0m10.319 2.465-3.449 2.874m3.449-2.874a7.512 7.512 0 0 1 0 7.854m-5.339-6.87c.435.155.83.406 1.157.733.327.326.578.721.733 1.157m-1.89-1.89a3.137 3.137 0 0 0-2.106 0M6.073 3.608l2.874 3.449M6.073 3.608a7.52 7.52 0 0 0-2.465 2.465m9.335 2.874a3.138 3.138 0 0 1 0 2.106m3.449 2.874-3.449-2.874m3.449 2.874a7.52 7.52 0 0 1-2.465 2.465m-.984-5.339a3.128 3.128 0 0 1-1.89 1.89M8.947 7.057a3.128 3.128 0 0 0-1.89 1.89m3.996 3.996 2.874 3.449m-2.874-3.449a3.137 3.137 0 0 1-2.106 0m4.98 3.449a7.511 7.511 0 0 1-7.854 0m0 0 2.874-3.449m-2.874 3.449a7.522 7.522 0 0 1-2.465-2.465m5.339-.984a3.115 3.115 0 0 1-1.157-.733 3.115 3.115 0 0 1-.733-1.157m0 0-3.449 2.874m3.449-2.874a3.138 3.138 0 0 1 0-2.106m-3.449 4.98a7.512 7.512 0 0 1 0-7.854m0 0 3.449 2.874"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M4.572 6.407c.315-.847.989-1.52 1.835-1.836M8.593 4.572c.847.316 1.52.989 1.836 1.836M10.428 8.593a3.14 3.14 0 0 1-1.836 1.836M6.407 10.428A3.14 3.14 0 0 1 4.57 8.593M5.387 13.162a6.06 6.06 0 0 1-3.55-3.55M13.162 9.613a6.06 6.06 0 0 1-3.55 3.55M9.613 1.838a6.06 6.06 0 0 1 3.55 3.55M1.838 5.387a6.06 6.06 0 0 1 3.55-3.55" />
+          <path d="m8.592 4.572 1.166-3.124A6.5 6.5 0 0 0 7.5 1.042c-.795 0-1.556.144-2.259.406l1.166 3.124c.34-.127.707-.196 1.092-.196s.753.07 1.093.197zM10.428 8.592l3.124 1.166a6.5 6.5 0 0 0 .406-2.258c0-.795-.144-1.556-.406-2.26l-3.124 1.167c.127.34.196.707.196 1.092s-.07.753-.197 1.093zM6.408 10.428l-1.166 3.124a6.5 6.5 0 0 0 2.259.406c.795 0 1.556-.144 2.259-.406l-1.166-3.124c-.34.127-.707.196-1.092.196s-.753-.07-1.093-.197zM4.573 6.408 1.448 5.242A6.5 6.5 0 0 0 1.043 7.5c0 .795.143 1.556.405 2.26l3.125-1.167a3.1 3.1 0 0 1-.197-1.092c0-.385.07-.753.197-1.093z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/light-bulb-solid.tsx b/packages/design-system/icons/src/components/light-bulb-solid.tsx
index af960ff144..789cc1efc4 100644
--- a/packages/design-system/icons/src/components/light-bulb-solid.tsx
+++ b/packages/design-system/icons/src/components/light-bulb-solid.tsx
@@ -5,21 +5,15 @@ const LightBulbSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M10 1.812a6.004 6.004 0 0 0-3.01 11.2c.5.29.812.734.826 1.182a.546.546 0 0 0 .42.514 7.7 7.7 0 0 0 .782.142.392.392 0 0 0 .436-.396v-3.392a4.9 4.9 0 0 1-.682-.125.546.546 0 0 1 .272-1.057 3.828 3.828 0 0 0 1.912 0 .546.546 0 1 1 .272 1.056c-.224.058-.452.1-.682.126v3.391c0 .238.202.427.437.397.264-.034.525-.082.781-.142a.546.546 0 0 0 .42-.514c.015-.448.326-.891.825-1.181A6.004 6.004 0 0 0 10 1.813Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M7.826 15.75a.546.546 0 0 1 .638-.435 8.239 8.239 0 0 0 3.072 0 .546.546 0 1 1 .203 1.072 9.33 9.33 0 0 1-3.478 0 .546.546 0 0 1-.435-.638Zm.54 1.778a.545.545 0 0 1 .6-.486 9.957 9.957 0 0 0 2.069 0 .545.545 0 1 1 .113 1.086c-.763.08-1.533.08-2.296 0a.544.544 0 0 1-.487-.6Z"
-          clipRule="evenodd"
+          d="M10.722 1.532A5.15 5.15 0 0 0 6.406.502C4.426.917 2.848 2.536 2.48 4.53c-.395 2.133.544 4.222 2.354 5.326v2.31a2.447 2.447 0 0 0 2.445 2.445h.444a2.447 2.447 0 0 0 2.445-2.444v-2.31A5.08 5.08 0 0 0 12.612 5.5a5.1 5.1 0 0 0-1.889-3.968m-3 11.746h-.444c-.534 0-.96-.386-1.066-.89h2.577c-.106.504-.533.89-1.066.89m1.111-2.222H6.167v-.89h2.666zm.916-5.53L8.167 7.11v1.057a.667.667 0 0 1-1.334 0V7.109L5.251 5.527a.667.667 0 1 1 .943-.943L7.501 5.89l1.307-1.306a.667.667 0 1 1 .943.943z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/light-bulb.tsx b/packages/design-system/icons/src/components/light-bulb.tsx
index 3283ae8e7a..a7fa5358e7 100644
--- a/packages/design-system/icons/src/components/light-bulb.tsx
+++ b/packages/design-system/icons/src/components/light-bulb.tsx
@@ -5,8 +5,8 @@ const LightBulb = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const LightBulb = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 14.588v-4.015m0 0c.387 0 .773-.048 1.148-.145M10 10.573c-.387 0-.772-.048-1.147-.145m2.868 5.72a9.226 9.226 0 0 1-3.442 0m2.869 1.823c-.763.08-1.532.08-2.295 0m2.868-3.383v-.146c0-.752.504-1.395 1.154-1.772a5.736 5.736 0 1 0-5.75 0c.65.377 1.154 1.02 1.154 1.771v.147"
+          d="M7.5 9.5V6.833L5.722 5.056M7.5 6.833l1.778-1.777M5.5 11.722h4"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M11.944 5.5a4.45 4.45 0 0 0-5.402-4.344c-1.718.358-3.09 1.772-3.408 3.496A4.445 4.445 0 0 0 5.5 9.465v2.702c0 .982.796 1.777 1.778 1.777h.444c.982 0 1.778-.795 1.778-1.777V9.465A4.44 4.44 0 0 0 11.944 5.5M5.5 9.5h4"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/link.tsx b/packages/design-system/icons/src/components/link.tsx
index b0fc44ad6a..930e8d9d27 100644
--- a/packages/design-system/icons/src/components/link.tsx
+++ b/packages/design-system/icons/src/components/link.tsx
@@ -5,8 +5,8 @@ const Link = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const Link = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10.992 7.24a3.75 3.75 0 0 1 1.035 6.037l-3.75 3.75a3.75 3.75 0 0 1-5.304-5.304l1.465-1.464m11.125-.518 1.464-1.464a3.75 3.75 0 0 0-5.304-5.304l-3.75 3.75a3.75 3.75 0 0 0 1.035 6.037"
+          d="M7.056 5.568c-.313.15-.607.354-.865.614l-.01.009a3.14 3.14 0 0 0 0 4.444l1.934 1.933a3.14 3.14 0 0 0 4.445 0l.008-.008a3.14 3.14 0 0 0 0-4.445l-.827-.828"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M7.944 9.432c.313-.15.607-.354.865-.614l.01-.009a3.14 3.14 0 0 0 0-4.444L6.884 2.432a3.14 3.14 0 0 0-4.445 0l-.008.009a3.14 3.14 0 0 0 0 4.444l.827.828"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/linkedin.tsx b/packages/design-system/icons/src/components/linkedin.tsx
index cf62d95cc0..d7ac306e86 100644
--- a/packages/design-system/icons/src/components/linkedin.tsx
+++ b/packages/design-system/icons/src/components/linkedin.tsx
@@ -5,15 +5,15 @@ const Linkedin = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#0077B5"
-          d="M15.25 1H4.75A3.75 3.75 0 0 0 1 4.75v10.5A3.75 3.75 0 0 0 4.75 19h10.5A3.75 3.75 0 0 0 19 15.25V4.75A3.75 3.75 0 0 0 15.25 1ZM7 15.25H4.75V7H7v8.25ZM5.875 6.049a1.318 1.318 0 0 1-1.313-1.323c0-.73.588-1.323 1.313-1.323.724 0 1.313.592 1.313 1.323 0 .73-.588 1.323-1.313 1.323ZM16 15.25h-2.25v-4.203c0-2.526-3-2.335-3 0v4.203H8.5V7h2.25v1.324C11.797 6.384 16 6.24 16 10.18v5.069Z"
+          d="M11.438.75H3.561A2.813 2.813 0 0 0 .75 3.563v7.874a2.813 2.813 0 0 0 2.813 2.813h7.874a2.81 2.81 0 0 0 2.813-2.812V3.561A2.81 2.81 0 0 0 11.438.75M5.25 11.438H3.563V5.25H5.25zm-.844-6.901a.99.99 0 0 1-.984-.992c0-.548.44-.993.984-.993s.985.445.985.993c0 .547-.44.992-.985.992m7.594 6.9h-1.687V8.285c0-1.894-2.25-1.75-2.25 0v3.153H6.375V5.25h1.688v.993C8.848 4.788 12 4.68 12 7.636z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/list-bullet.tsx b/packages/design-system/icons/src/components/list-bullet.tsx
index 99d7c391b6..46b14a3bd5 100644
--- a/packages/design-system/icons/src/components/list-bullet.tsx
+++ b/packages/design-system/icons/src/components/list-bullet.tsx
@@ -5,8 +5,8 @@ const ListBullet = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const ListBullet = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M6.875 5.625h10M6.875 10h10m-10 4.375h10m-13.75-8.75h.006v.007h-.006v-.007Zm.313 0a.312.312 0 1 1-.625 0 .312.312 0 0 1 .624 0ZM3.124 10h.006v.007h-.006V10Zm.313 0a.313.313 0 1 1-.626 0 .313.313 0 0 1 .626 0Zm-.313 4.375h.006v.007h-.006v-.007Zm.313 0a.313.313 0 1 1-.626 0 .313.313 0 0 1 .626 0Z"
+          d="M6.833 9.5H13.5M6.833 12.611H13.5M6.833 3.278H13.5M6.833 6.389H13.5M2.833 4.611a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667M2.833 10.833a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/list-checkbox.tsx b/packages/design-system/icons/src/components/list-checkbox.tsx
new file mode 100644
index 0000000000..e2dba7cd5d
--- /dev/null
+++ b/packages/design-system/icons/src/components/list-checkbox.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const ListCheckbox = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M8.611 4.167h5.333M8.611 10.833h5.333M1.495 4.514l1.208 1.208 3.02-3.926M4.611 9.055H2.39a.89.89 0 0 0-.889.89v2.221c0 .492.398.89.889.89H4.61c.491 0 .889-.398.889-.89V9.945a.89.89 0 0 0-.889-.889"
+        />
+      </svg>
+    )
+  }
+)
+ListCheckbox.displayName = "ListCheckbox"
+export default ListCheckbox
diff --git a/packages/design-system/icons/src/components/list-tree.tsx b/packages/design-system/icons/src/components/list-tree.tsx
new file mode 100644
index 0000000000..2319e4ffe0
--- /dev/null
+++ b/packages/design-system/icons/src/components/list-tree.tsx
@@ -0,0 +1,33 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const ListTree = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M11.278 2.253H9.056a.89.89 0 0 0-.89.889v2.222c0 .49.399.889.89.889h2.222c.49 0 .889-.398.889-.89V3.143a.89.89 0 0 0-.89-.89M11.278 9.364H9.056a.89.89 0 0 0-.89.889v2.222c0 .49.399.889.89.889h2.222c.49 0 .889-.398.889-.89v-2.221a.89.89 0 0 0-.89-.89M5.944 4.475H4.167a1.334 1.334 0 0 1-1.334-1.333V.919"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M5.944 11.586H4.167a1.334 1.334 0 0 1-1.334-1.333V2.919"
+        />
+      </svg>
+    )
+  }
+)
+ListTree.displayName = "ListTree"
+export default ListTree
diff --git a/packages/design-system/icons/src/components/loader.tsx b/packages/design-system/icons/src/components/loader.tsx
index 34e5796dfc..89152c8dfb 100644
--- a/packages/design-system/icons/src/components/loader.tsx
+++ b/packages/design-system/icons/src/components/loader.tsx
@@ -5,51 +5,33 @@ const Loader = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M10 6a.75.75 0 0 1-.75-.75v-2.5a.75.75 0 0 1 1.5 0v2.5A.75.75 0 0 1 10 6Z"
-        />
-        <path
-          fill={color}
-          d="M13.359 7.391a.75.75 0 0 1-.53-1.281l1.768-1.768a.75.75 0 1 1 1.061 1.061L13.89 7.171a.75.75 0 0 1-.531.22Z"
-          opacity={0.88}
-        />
-        <path
-          fill={color}
-          d="M17.25 10.75h-2.5a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5Z"
-          opacity={0.75}
-        />
-        <path
-          fill={color}
-          d="M15.126 15.876a.744.744 0 0 1-.53-.22l-1.768-1.768a.75.75 0 1 1 1.061-1.061l1.768 1.768a.75.75 0 0 1-.531 1.28Z"
-          opacity={0.63}
-        />
-        <path
-          fill={color}
-          d="M10 18a.75.75 0 0 1-.75-.75v-2.5a.75.75 0 0 1 1.5 0v2.5A.75.75 0 0 1 10 18Z"
-          opacity={0.5}
-        />
-        <path
-          fill={color}
-          d="M4.874 15.876a.75.75 0 0 1-.53-1.281l1.768-1.768a.75.75 0 1 1 1.061 1.06l-1.768 1.769a.75.75 0 0 1-.531.22Z"
-          opacity={0.38}
-        />
-        <path
-          fill={color}
-          d="M5.25 10.75h-2.5a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5Z"
-          opacity={0.25}
-        />
-        <path
-          fill={color}
-          d="M6.641 7.391a.744.744 0 0 1-.53-.22L4.343 5.403a.75.75 0 1 1 1.061-1.06L7.172 6.11a.75.75 0 0 1-.53 1.281h-.001Z"
-          opacity={0.13}
-        />
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 1.056v2.222" />
+          <path d="m12.057 2.943-1.571 1.571" opacity={0.88} />
+          <path d="M13.944 7.5h-2.222" opacity={0.75} />
+          <path d="m12.057 12.057-1.571-1.571" opacity={0.63} />
+          <path d="M7.5 13.945v-2.223" opacity={0.5} />
+          <path d="m2.943 12.057 1.571-1.571" opacity={0.38} />
+          <path d="M1.056 7.5h2.222" opacity={0.25} />
+          <path d="m2.943 2.943 1.571 1.571" opacity={0.13} />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/lock-closed-solid-mini.tsx b/packages/design-system/icons/src/components/lock-closed-solid-mini.tsx
index 4f88e63769..0182732ac0 100644
--- a/packages/design-system/icons/src/components/lock-closed-solid-mini.tsx
+++ b/packages/design-system/icons/src/components/lock-closed-solid-mini.tsx
@@ -5,19 +5,19 @@ const LockClosedSolidMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M12.889 10a.667.667 0 0 1-.667-.667V6.444A2.225 2.225 0 0 0 10 4.222a2.225 2.225 0 0 0-2.222 2.222v2.89a.667.667 0 0 1-1.334 0v-2.89A3.56 3.56 0 0 1 10 2.89a3.56 3.56 0 0 1 3.556 3.555v2.89a.667.667 0 0 1-.667.666Z"
+          d="M10.389 7.5a.667.667 0 0 1-.667-.667V3.944A2.225 2.225 0 0 0 7.5 1.722a2.225 2.225 0 0 0-2.222 2.222v2.89a.667.667 0 0 1-1.333 0v-2.89A3.56 3.56 0 0 1 7.5.39a3.56 3.56 0 0 1 3.556 3.555v2.89a.667.667 0 0 1-.667.666"
         />
         <path
           fill={color}
-          d="M13.333 8.667H6.667a2.446 2.446 0 0 0-2.445 2.444v3.556a2.446 2.446 0 0 0 2.445 2.444h6.666a2.447 2.447 0 0 0 2.445-2.444V11.11a2.446 2.446 0 0 0-2.445-2.444Zm-2.666 4.666a.667.667 0 0 1-1.334 0v-.889a.667.667 0 0 1 1.334 0v.89Z"
+          d="M10.833 6.167H4.167A2.446 2.446 0 0 0 1.722 8.61v3.556a2.446 2.446 0 0 0 2.445 2.444h6.666a2.446 2.446 0 0 0 2.445-2.444V8.61a2.446 2.446 0 0 0-2.445-2.444m-2.666 4.666a.667.667 0 0 1-1.334 0v-.889a.667.667 0 0 1 1.334 0z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/lock-closed-solid.tsx b/packages/design-system/icons/src/components/lock-closed-solid.tsx
index ef72eb1c7b..fb4ecc6139 100644
--- a/packages/design-system/icons/src/components/lock-closed-solid.tsx
+++ b/packages/design-system/icons/src/components/lock-closed-solid.tsx
@@ -5,19 +5,19 @@ const LockClosedSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M13.611 10a.834.834 0 0 1-.833-.833V5.556A2.782 2.782 0 0 0 10 2.778a2.782 2.782 0 0 0-2.778 2.778v3.61a.834.834 0 0 1-1.666 0v-3.61A4.449 4.449 0 0 1 10 1.11a4.449 4.449 0 0 1 4.444 4.445v3.61c0 .46-.373.834-.833.834Z"
+          d="M10.389 7.5a.667.667 0 0 1-.667-.667V3.944A2.225 2.225 0 0 0 7.5 1.722a2.225 2.225 0 0 0-2.222 2.222v2.89a.667.667 0 0 1-1.334 0v-2.89A3.56 3.56 0 0 1 7.5.39a3.56 3.56 0 0 1 3.556 3.555v2.89a.667.667 0 0 1-.667.666"
         />
         <path
           fill={color}
-          d="M14.167 8.333H5.833a3.058 3.058 0 0 0-3.055 3.056v4.444a3.058 3.058 0 0 0 3.055 3.056h8.334a3.058 3.058 0 0 0 3.055-3.056V11.39a3.058 3.058 0 0 0-3.055-3.056Zm-3.334 5.834a.834.834 0 0 1-1.666 0v-1.111a.834.834 0 0 1 1.666 0v1.11Z"
+          d="M10.833 6.167H4.167A2.446 2.446 0 0 0 1.722 8.61v3.556a2.446 2.446 0 0 0 2.445 2.444h6.666a2.446 2.446 0 0 0 2.445-2.444V8.61a2.446 2.446 0 0 0-2.445-2.444m-2.666 4.666a.667.667 0 0 1-1.334 0v-.889a.667.667 0 0 1 1.334 0z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/lock-open-solid.tsx b/packages/design-system/icons/src/components/lock-open-solid.tsx
index a677f1670c..7a8b796821 100644
--- a/packages/design-system/icons/src/components/lock-open-solid.tsx
+++ b/packages/design-system/icons/src/components/lock-open-solid.tsx
@@ -5,19 +5,19 @@ const LockOpenSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <g fill={color} clipPath="url(#a)">
-          <path d="M8.056 10a.834.834 0 0 1-.834-.833V5.556a2.782 2.782 0 0 0-2.778-2.778 2.782 2.782 0 0 0-2.777 2.778v1.388a.834.834 0 0 1-1.667 0V5.556A4.449 4.449 0 0 1 4.444 1.11 4.449 4.449 0 0 1 8.89 5.556v3.61c0 .46-.373.834-.833.834Z" />
-          <path d="M14.722 8.333H6.39a3.058 3.058 0 0 0-3.056 3.056v4.444A3.058 3.058 0 0 0 6.39 18.89h8.333a3.058 3.058 0 0 0 3.056-3.056V11.39a3.058 3.058 0 0 0-3.056-3.056Zm-3.333 5.834a.834.834 0 0 1-1.667 0v-1.111a.834.834 0 0 1 1.667 0v1.11Z" />
+          <path d="M6.833 7.5a.667.667 0 0 1-.666-.667V3.944a2.225 2.225 0 0 0-2.223-2.222 2.225 2.225 0 0 0-2.222 2.222v1.112a.667.667 0 0 1-1.333 0V3.944A3.56 3.56 0 0 1 3.944.39 3.56 3.56 0 0 1 7.5 3.944v2.89a.667.667 0 0 1-.667.666" />
+          <path d="M12.167 6.167H5.5A2.446 2.446 0 0 0 3.056 8.61v3.556A2.446 2.446 0 0 0 5.5 14.61h6.667a2.446 2.446 0 0 0 2.444-2.444V8.61a2.446 2.446 0 0 0-2.444-2.444M9.5 10.833a.667.667 0 0 1-1.333 0v-.889a.667.667 0 0 1 1.333 0z" />
         </g>
         <defs>
           <clipPath id="a">
-            <path fill="#fff" d="M0 0h20v20H0z" />
+            <path fill="#fff" d="M0 0h15v15H0z" />
           </clipPath>
         </defs>
       </svg>
diff --git a/packages/design-system/icons/src/components/magnifying-glass-mini.tsx b/packages/design-system/icons/src/components/magnifying-glass-mini.tsx
index 6e6838af4b..29492005d7 100644
--- a/packages/design-system/icons/src/components/magnifying-glass-mini.tsx
+++ b/packages/design-system/icons/src/components/magnifying-glass-mini.tsx
@@ -5,8 +5,8 @@ const MagnifyingGlassMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const MagnifyingGlassMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m16 16-3.464-3.464m0 0a5 5 0 1 0-7.072-7.072 5 5 0 0 0 7.072 7.072v0Z"
+          d="M13.056 13.056 9.53 9.53M6.389 10.833a4.444 4.444 0 1 0 0-8.888 4.444 4.444 0 0 0 0 8.888"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/magnifying-glass.tsx b/packages/design-system/icons/src/components/magnifying-glass.tsx
index 1d82af8c31..697287eca2 100644
--- a/packages/design-system/icons/src/components/magnifying-glass.tsx
+++ b/packages/design-system/icons/src/components/magnifying-glass.tsx
@@ -5,8 +5,8 @@ const MagnifyingGlass = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const MagnifyingGlass = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m17.5 17.5-4.33-4.33m0 0a6.25 6.25 0 1 0-8.84-8.84 6.25 6.25 0 0 0 8.84 8.84v0Z"
+          d="M13.056 13.056 9.53 9.53M6.389 10.833a4.444 4.444 0 1 0 0-8.888 4.444 4.444 0 0 0 0 8.888"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/map-pin.tsx b/packages/design-system/icons/src/components/map-pin.tsx
index 2100ee82f1..72424c9786 100644
--- a/packages/design-system/icons/src/components/map-pin.tsx
+++ b/packages/design-system/icons/src/components/map-pin.tsx
@@ -5,8 +5,8 @@ const MapPin = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,14 +16,13 @@ const MapPin = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12.5 8.438a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0v0Z"
+          d="M12.637 5.959c0 2.33-3.047 6.073-4.448 7.672a.914.914 0 0 1-1.379 0c-1.4-1.598-4.448-5.34-4.448-7.672.001-3.103 2.655-4.903 5.138-4.903s5.137 1.8 5.137 4.903"
         />
         <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M16.25 8.438c0 5.951-6.25 9.374-6.25 9.374S3.75 14.39 3.75 8.438a6.25 6.25 0 0 1 12.5 0v0Z"
+          fill={color}
+          fillRule="evenodd"
+          d="M7.5 5.361a.806.806 0 1 0 0 1.611.806.806 0 0 0 0-1.61m-2.306.806a2.306 2.306 0 1 1 4.612 0 2.306 2.306 0 0 1-4.612 0"
+          clipRule="evenodd"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/map.tsx b/packages/design-system/icons/src/components/map.tsx
index f3e651d4c1..9eaf495e7f 100644
--- a/packages/design-system/icons/src/components/map.tsx
+++ b/packages/design-system/icons/src/components/map.tsx
@@ -5,19 +5,26 @@ const Map = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M7.5 5.625V12.5m5-5v6.875m.42 2.915 4.062-2.03a.937.937 0 0 0 .518-.84V4.018a.937.937 0 0 0-1.357-.839L12.92 4.79a.934.934 0 0 1-.838 0L7.919 2.71a.937.937 0 0 0-.838 0L3.018 4.74a.937.937 0 0 0-.518.84v10.403a.937.937 0 0 0 1.357.839L7.08 15.21a.934.934 0 0 1 .838 0l4.162 2.08a.939.939 0 0 0 .838 0v0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M5.056 1.982v9.333M9.944 3.685v9.333M1.752 2.679 4.802 2a.9.9 0 0 1 .497.032l4.402 1.601c.159.058.331.07.497.032l2.665-.592a.888.888 0 0 1 1.081.868v7.513c0 .417-.29.778-.696.867l-3.05.679a.9.9 0 0 1-.497-.032l-4.402-1.601a.9.9 0 0 0-.497-.032l-2.665.592a.89.89 0 0 1-1.081-.868V3.546c0-.417.29-.778.696-.867" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/mastercard.tsx b/packages/design-system/icons/src/components/mastercard.tsx
index c6f046f4d2..a8362d4375 100644
--- a/packages/design-system/icons/src/components/mastercard.tsx
+++ b/packages/design-system/icons/src/components/mastercard.tsx
@@ -5,20 +5,20 @@ const Mastercard = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path fill="#FF5A00" d="M12.428 5.578h-4.87v8.844h4.87V5.578Z" />
+        <path fill="#FF5A00" d="M9.524 3.815h-4.06v7.37h4.06z" />
         <path
           fill="#EB001B"
-          d="M7.882 10c0-1.797.835-3.391 2.118-4.422a5.5 5.5 0 0 0-3.434-1.203C3.49 4.375 1 6.891 1 10c0 3.11 2.49 5.625 5.566 5.625A5.5 5.5 0 0 0 10 14.422 5.635 5.635 0 0 1 7.882 10Z"
+          d="M5.735 7.5c0-1.497.696-2.826 1.765-3.685a4.6 4.6 0 0 0-2.861-1.002C2.075 2.813 0 4.909 0 7.5s2.075 4.688 4.639 4.688A4.6 4.6 0 0 0 7.5 11.185 4.7 4.7 0 0 1 5.735 7.5"
         />
         <path
           fill="#F79E1B"
-          d="M19 10c0 3.11-2.49 5.625-5.566 5.625A5.5 5.5 0 0 1 10 14.422 5.616 5.616 0 0 0 12.118 10 5.663 5.663 0 0 0 10 5.578a5.492 5.492 0 0 1 3.432-1.203C16.51 4.375 19 6.907 19 10Z"
+          d="M15 7.5c0 2.591-2.075 4.688-4.639 4.688A4.6 4.6 0 0 1 7.5 11.185 4.68 4.68 0 0 0 9.265 7.5 4.72 4.72 0 0 0 7.5 3.815a4.58 4.58 0 0 1 2.86-1.002c2.565 0 4.64 2.11 4.64 4.687"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/medusa.tsx b/packages/design-system/icons/src/components/medusa.tsx
index ac1e8d3a90..1cf1418817 100644
--- a/packages/design-system/icons/src/components/medusa.tsx
+++ b/packages/design-system/icons/src/components/medusa.tsx
@@ -5,15 +5,15 @@ const Medusa = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
-          fill="#030712"
-          d="m16.245 3.922-4.076-2.345a4.297 4.297 0 0 0-4.301 0L3.773 3.922a4.331 4.331 0 0 0-2.141 3.714v4.709c0 1.538.826 2.945 2.14 3.714l4.077 2.364c1.333.77 2.967.77 4.301 0l4.076-2.364a4.269 4.269 0 0 0 2.141-3.714V7.636c.038-1.52-.789-2.945-2.122-3.714Zm-6.236 10.261A4.19 4.19 0 0 1 5.82 10a4.19 4.19 0 0 1 4.189-4.183c2.31 0 4.207 1.876 4.207 4.183s-1.878 4.183-4.207 4.183Z"
+          fill="#09090B"
+          d="M12.184 2.941 9.127 1.183a3.22 3.22 0 0 0-3.226 0L2.83 2.94a3.25 3.25 0 0 0-1.606 2.786V9.26c0 1.153.62 2.209 1.606 2.786l3.057 1.772c1 .577 2.226.577 3.226 0l3.057-1.772a3.2 3.2 0 0 0 1.606-2.786V5.727c.028-1.14-.592-2.209-1.592-2.786m-4.677 7.697A3.14 3.14 0 0 1 4.365 7.5a3.14 3.14 0 0 1 3.142-3.138c1.733 0 3.155 1.407 3.155 3.138a3.145 3.145 0 0 1-3.155 3.138"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/meta.tsx b/packages/design-system/icons/src/components/meta.tsx
index c397f2757b..a982a05f11 100644
--- a/packages/design-system/icons/src/components/meta.tsx
+++ b/packages/design-system/icons/src/components/meta.tsx
@@ -5,16 +5,23 @@ const Meta = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill="#0467DF"
-          d="M6.186 4.022c-1.476 0-2.762.96-3.653 2.335C1.528 7.906 1 9.912 1 11.837c0 .53.052 1.027.157 1.48.052.219.118.434.2.644.077.198.17.389.278.571.521.87 1.363 1.445 2.694 1.445 1.123 0 1.975-.503 2.974-1.832.57-.76.858-1.22 1.997-3.24L9.867 9.9l.14-.244.137.225 1.614 2.697c.543.907 1.249 1.917 1.853 2.485.784.74 1.493.915 2.294.915.807 0 1.408-.266 1.842-.632.242-.207.448-.454.607-.73.407-.704.646-1.595.646-2.809 0-2.04-.51-4.017-1.563-5.587-.962-1.434-2.218-2.198-3.537-2.198-.785 0-1.566.35-2.29.981-.489.428-.942.968-1.365 1.538-.517-.656-1.001-1.16-1.468-1.542-.887-.725-1.736-.977-2.59-.977Zm7.62 1.54c.86 0 1.641.569 2.244 1.5.85 1.31 1.235 3.146 1.235 4.8 0 1.16-.276 2.175-1.379 2.175-.435 0-.77-.173-1.248-.754-.372-.45-1.007-1.408-2.124-3.268l-.463-.771c-.3-.503-.614-.998-.94-1.485.052-.082.105-.168.158-.245.84-1.25 1.587-1.952 2.517-1.952Zm-7.65.415c.948 0 1.543.593 2.006 1.084.23.246.552.654.925 1.185L8.322 9.42c-.567.873-1.411 2.263-2.127 3.254-.894 1.237-1.358 1.363-1.865 1.363-.393 0-.779-.178-1.037-.596-.198-.32-.348-.848-.348-1.535 0-1.665.472-3.4 1.245-4.566.34-.515.723-.919 1.15-1.15.25-.138.53-.212.816-.213Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill="#0467DF"
+            d="M4.322 2.519c-1.23 0-2.302.8-3.044 1.946C.44 5.755 0 7.427 0 9.03c0 .441.044.855.131 1.233q.065.274.166.537.097.248.232.476c.435.724 1.136 1.204 2.245 1.204.936 0 1.646-.419 2.479-1.527.474-.633.715-1.016 1.664-2.7l.472-.837.117-.203.114.187 1.345 2.247c.453.757 1.04 1.598 1.544 2.072.653.616 1.245.762 1.912.762.672 0 1.173-.222 1.535-.527a2.3 2.3 0 0 0 .506-.608c.339-.587.538-1.33.538-2.34 0-1.7-.426-3.349-1.303-4.657-.8-1.195-1.848-1.831-2.947-1.831-.654 0-1.305.292-1.908.817-.408.357-.786.807-1.138 1.282-.43-.547-.834-.967-1.223-1.285-.74-.604-1.447-.815-2.16-.815m6.35 1.283c.717 0 1.367.474 1.87 1.25.707 1.092 1.03 2.621 1.03 4 0 .967-.23 1.812-1.15 1.812-.363 0-.642-.144-1.04-.628-.31-.375-.84-1.173-1.77-2.723l-.386-.643q-.376-.63-.784-1.237c.044-.068.088-.14.132-.205.7-1.042 1.323-1.626 2.098-1.626m-6.376.346c.79 0 1.286.494 1.672.903.192.205.46.545.771.987l-.637.98c-.473.726-1.176 1.885-1.773 2.71-.745 1.03-1.131 1.136-1.554 1.136a.99.99 0 0 1-.864-.496c-.165-.267-.29-.707-.29-1.28 0-1.387.393-2.833 1.037-3.804.284-.43.603-.766.958-.958.208-.116.442-.177.68-.178"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/minus-mini.tsx b/packages/design-system/icons/src/components/minus-mini.tsx
index fcf0ae4d7d..eaf9adb3e7 100644
--- a/packages/design-system/icons/src/components/minus-mini.tsx
+++ b/packages/design-system/icons/src/components/minus-mini.tsx
@@ -5,8 +5,8 @@ const MinusMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const MinusMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M14.375 10h-8.75"
+          d="M2.5 7.5h10"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/minus.tsx b/packages/design-system/icons/src/components/minus.tsx
index 34ce78e786..e5843fce4d 100644
--- a/packages/design-system/icons/src/components/minus.tsx
+++ b/packages/design-system/icons/src/components/minus.tsx
@@ -5,8 +5,8 @@ const Minus = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Minus = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M16.25 10H3.75"
+          d="M2.5 7.5h10"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/moon-solid.tsx b/packages/design-system/icons/src/components/moon-solid.tsx
index 24ad54ab59..8ae8ee3814 100644
--- a/packages/design-system/icons/src/components/moon-solid.tsx
+++ b/packages/design-system/icons/src/components/moon-solid.tsx
@@ -5,18 +5,23 @@ const MoonSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M7.75 2.173a.593.593 0 0 1 .128.647 7.11 7.11 0 0 0 9.302 9.301.593.593 0 0 1 .775.775A8.297 8.297 0 0 1 10.295 18 8.296 8.296 0 0 1 7.105 2.045a.593.593 0 0 1 .646.128Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M14.349 8.587a.665.665 0 0 0-.745-.033 4.9 4.9 0 0 1-2.548.723 4.894 4.894 0 0 1-4.89-4.889c0-1.019.315-1.997.91-2.832A.667.667 0 0 0 6.41.513 7.11 7.11 0 0 0 .611 7.5c0 3.92 3.19 7.111 7.111 7.111a7.11 7.11 0 0 0 6.876-5.32.67.67 0 0 0-.25-.704"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/moon.tsx b/packages/design-system/icons/src/components/moon.tsx
index 61c99e5ced..56f1f47b3f 100644
--- a/packages/design-system/icons/src/components/moon.tsx
+++ b/packages/design-system/icons/src/components/moon.tsx
@@ -5,19 +5,26 @@ const Moon = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M18.127 12.502A8.125 8.125 0 0 1 7.499 1.874 8.128 8.128 0 0 0 10.624 17.5a8.127 8.127 0 0 0 7.502-4.998Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M11.056 9.945A5.555 5.555 0 0 1 5.5 4.389c0-1.202.385-2.31 1.033-3.22a6.443 6.443 0 0 0 1.19 12.776c2.997 0 5.509-2.05 6.23-4.822a5.5 5.5 0 0 1-2.897.822"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/newspaper.tsx b/packages/design-system/icons/src/components/newspaper.tsx
index 09dc026506..412651764d 100644
--- a/packages/design-system/icons/src/components/newspaper.tsx
+++ b/packages/design-system/icons/src/components/newspaper.tsx
@@ -5,19 +5,28 @@ const Newspaper = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 6.25h1.25M10 8.75h1.25M5 11.25h6.25M5 13.75h6.25m2.5-7.5h2.813c.517 0 .937.42.937.938V15a1.875 1.875 0 0 1-1.875 1.875M13.75 6.25V15a1.875 1.875 0 0 0 1.875 1.875M13.75 6.25V4.062a.938.938 0 0 0-.938-.937H3.438a.938.938 0 0 0-.938.938V15a1.875 1.875 0 0 0 1.875 1.875h11.25M5 6.25h2.5v2.5H5v-2.5Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M2.611 13.945a1.556 1.556 0 0 1-1.555-1.556V8.611c0-.245.199-.444.444-.444h.444" />
+          <path d="M4.167 12.389c0 .859-.697 1.556-1.556 1.556h9.556c.982 0 1.777-.796 1.777-1.778V2.833c0-.982-.795-1.777-1.777-1.777H5.944c-.982 0-1.777.795-1.777 1.777z" />
+          <path d="M11.278 3.722H6.833v2.222h4.445zM11.278 8.611H6.833M11.278 11.278H6.833" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/next-js.tsx b/packages/design-system/icons/src/components/next-js.tsx
index 9d30b8696c..0d1ccad3fb 100644
--- a/packages/design-system/icons/src/components/next-js.tsx
+++ b/packages/design-system/icons/src/components/next-js.tsx
@@ -5,19 +5,19 @@ const NextJs = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#000"
-          d="M9.411 1.013c-.038.004-.162.016-.272.025-2.554.23-4.946 1.608-6.461 3.726A8.9 8.9 0 0 0 1.09 8.692c-.073.494-.081.64-.081 1.31s.008.815.08 1.31c.49 3.376 2.892 6.212 6.15 7.264a9.5 9.5 0 0 0 1.899.393c.272.03 1.45.03 1.722 0 1.208-.133 2.23-.432 3.24-.947.154-.08.184-.1.163-.118-.014-.01-.673-.895-1.464-1.963l-1.438-1.942-1.801-2.667a255.823 255.823 0 0 0-1.814-2.664 144.89 144.89 0 0 0-.018 2.63c-.005 2.532-.007 2.634-.039 2.694a.32.32 0 0 1-.154.16c-.056.028-.106.033-.371.033H6.86l-.081-.051a.328.328 0 0 1-.118-.128l-.037-.08.004-3.524.005-3.525.055-.069a.482.482 0 0 1 .13-.107c.072-.035.1-.039.404-.039.358 0 .418.014.511.116a333.77 333.77 0 0 1 2.17 3.268c1.166 1.77 2.762 4.186 3.546 5.373l1.424 2.156.072-.047a9.23 9.23 0 0 0 1.847-1.62 8.95 8.95 0 0 0 2.117-4.597c.072-.494.08-.64.08-1.31 0-.669-.008-.815-.08-1.309-.49-3.376-2.892-6.213-6.15-7.264a9.44 9.44 0 0 0-1.872-.392 23.235 23.235 0 0 0-1.477-.023Zm3.68 5.438a.355.355 0 0 1 .178.208c.014.045.018 1.023.014 3.225l-.005 3.16-.557-.854-.56-.854V9.039c0-1.486.008-2.32.019-2.361a.358.358 0 0 1 .174-.221c.072-.037.098-.04.374-.04.26 0 .306.003.364.034Z"
+          d="M7.058.76c-.029.003-.12.012-.204.018-1.915.173-3.71 1.207-4.846 2.795A6.7 6.7 0 0 0 .818 6.52c-.054.37-.06.48-.06.982 0 .503.006.612.06.982a6.77 6.77 0 0 0 4.612 5.449c.438.14.9.237 1.424.295.204.022 1.088.022 1.292 0a6.8 6.8 0 0 0 2.43-.71c.115-.06.138-.076.122-.089-.01-.008-.505-.67-1.098-1.472l-1.078-1.457-1.351-2a192 192 0 0 0-1.36-1.998c-.006-.001-.011.887-.014 1.972-.004 1.9-.005 1.976-.03 2.02a.24.24 0 0 1-.115.12c-.042.022-.08.026-.278.026h-.228l-.06-.038a.25.25 0 0 1-.09-.097l-.027-.059.003-2.643.004-2.644.04-.052a.4.4 0 0 1 .098-.08c.054-.027.075-.03.303-.03.27 0 .314.011.384.088.02.02.751 1.123 1.627 2.45.875 1.328 2.072 3.14 2.66 4.03l1.068 1.618.054-.036a7 7 0 0 0 1.385-1.215 6.7 6.7 0 0 0 1.587-3.448c.054-.37.06-.48.06-.982s-.006-.611-.06-.982A6.77 6.77 0 0 0 9.57 1.071 7 7 0 0 0 8.166.777 17 17 0 0 0 7.058.76m2.76 4.079a.27.27 0 0 1 .134.155c.01.034.013.767.01 2.42l-.003 2.37-.418-.641-.42-.641V6.779c0-1.114.006-1.74.014-1.77a.27.27 0 0 1 .13-.166c.054-.028.074-.03.281-.03.195 0 .23.002.273.026"
         />
         <path
           fill="#000"
-          d="M14.786 17.614c-.061.039-.08.065-.026.035.038-.023.102-.07.091-.072a.364.364 0 0 0-.065.037Zm-.121.08c-.032.024-.032.026.007.006.02-.01.038-.023.038-.026 0-.014-.008-.01-.045.02Zm-.088.052c-.032.024-.032.026.007.007.021-.01.039-.023.039-.026 0-.015-.01-.011-.046.019Zm-.088.053c-.032.024-.032.026.007.007.021-.01.039-.023.039-.027 0-.014-.01-.01-.046.02Zm-.134.07c-.066.035-.063.05.004.016a.183.183 0 0 0 .053-.035c0-.013-.002-.011-.057.019Z"
+          d="M11.09 13.21c-.046.03-.06.05-.02.027.029-.017.076-.053.069-.054a.3.3 0 0 0-.05.027m-.091.06q-.037.027.005.005c.016-.008.029-.017.029-.02 0-.01-.007-.008-.034.015m-.066.04q-.037.027.005.005c.016-.008.03-.018.03-.02 0-.01-.008-.008-.035.014m-.066.039q-.037.027.005.005c.016-.008.03-.017.03-.02 0-.01-.007-.008-.035.015m-.1.053c-.05.026-.048.037.002.012a.1.1 0 0 0 .04-.027c0-.009-.001-.008-.042.015"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/open-rect-arrow-out.tsx b/packages/design-system/icons/src/components/open-rect-arrow-out.tsx
new file mode 100644
index 0000000000..f86f96e587
--- /dev/null
+++ b/packages/design-system/icons/src/components/open-rect-arrow-out.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const OpenRectArrowOut = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M8.167 1.944h3.11c.983 0 1.779.796 1.779 1.778v7.556c0 .982-.796 1.777-1.778 1.777H8.167M5.056 4.389l-3.112 3.11 3.112 3.112M1.944 7.5h6.667"
+        />
+      </svg>
+    )
+  }
+)
+OpenRectArrowOut.displayName = "OpenRectArrowOut"
+export default OpenRectArrowOut
diff --git a/packages/design-system/icons/src/components/paper-clip.tsx b/packages/design-system/icons/src/components/paper-clip.tsx
index cd2307c4b9..c77d004fef 100644
--- a/packages/design-system/icons/src/components/paper-clip.tsx
+++ b/packages/design-system/icons/src/components/paper-clip.tsx
@@ -5,8 +5,8 @@ const PaperClip = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const PaperClip = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m17.084 9.532-6.698 6.688a4.378 4.378 0 0 1-6.188 0 4.366 4.366 0 0 1 0-6.179l6.698-6.688a2.92 2.92 0 0 1 4.98 2.06 2.91 2.91 0 0 1-.855 2.06L8.316 14.16a1.46 1.46 0 0 1-2.49-1.03c0-.386.154-.757.428-1.03L12.44 5.93"
+          d="M9.264 4.32 5.022 8.562a1.333 1.333 0 1 0 1.885 1.886l4.4-4.4a2.666 2.666 0 1 0-3.771-3.772l-4.4 4.4a4 4 0 0 0 5.656 5.657l4.243-4.243"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/pause-solid.tsx b/packages/design-system/icons/src/components/pause-solid.tsx
index ad0216cc6d..bbbb736d0e 100644
--- a/packages/design-system/icons/src/components/pause-solid.tsx
+++ b/packages/design-system/icons/src/components/pause-solid.tsx
@@ -5,27 +5,15 @@ const PauseSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <rect
-          width={3.5}
-          height={13.75}
-          x={4.75}
-          y={3.125}
+        <path
           fill={color}
-          rx={1}
-        />
-        <rect
-          width={3.5}
-          height={13.75}
-          x={11.75}
-          y={3.125}
-          fill={color}
-          rx={1}
+          d="M4.167 1.278H2.833c-.859 0-1.555.696-1.555 1.555v9.334c0 .859.696 1.555 1.555 1.555h1.334c.859 0 1.555-.696 1.555-1.555V2.833c0-.859-.696-1.555-1.555-1.555M12.167 1.278h-1.334c-.859 0-1.555.696-1.555 1.555v9.334c0 .859.696 1.555 1.555 1.555h1.334c.859 0 1.555-.696 1.555-1.555V2.833c0-.859-.696-1.555-1.555-1.555"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/pencil-square-solid.tsx b/packages/design-system/icons/src/components/pencil-square-solid.tsx
index b3a63d65dd..8a18ac0567 100644
--- a/packages/design-system/icons/src/components/pencil-square-solid.tsx
+++ b/packages/design-system/icons/src/components/pencil-square-solid.tsx
@@ -5,20 +5,20 @@ const PencilSquareSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="m5.433 13.917 1.262-3.155A4 4 0 0 1 7.58 9.42l6.92-6.918a2.121 2.121 0 1 1 3 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 0 1-.65-.65v-.001Z"
-        />
-        <path
-          fill={color}
-          d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 1 0 10 3H4.75A2.75 2.75 0 0 0 2 5.75v9.5A2.75 2.75 0 0 0 4.75 18h9.5A2.75 2.75 0 0 0 17 15.25V10a.75.75 0 1 0-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M6.833 2.611H1.056a.667.667 0 0 1 0-1.333h5.777a.667.667 0 0 1 0 1.333M3.278 5.722H1.056a.667.667 0 0 1 0-1.333h2.222a.667.667 0 0 1 0 1.333M10.535 2.032 3.593 8.973c-.767.768-1.245 3.028-1.416 3.964a.668.668 0 0 0 .775.776c.936-.17 3.196-.648 3.964-1.416l6.941-6.942a2.353 2.353 0 0 0 0-3.322c-.887-.888-2.434-.888-3.322-.001" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/pencil-square.tsx b/packages/design-system/icons/src/components/pencil-square.tsx
index a9b2843d04..6f7baec3a4 100644
--- a/packages/design-system/icons/src/components/pencil-square.tsx
+++ b/packages/design-system/icons/src/components/pencil-square.tsx
@@ -5,19 +5,26 @@ const PencilSquare = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m14.052 3.74 1.405-1.408a1.563 1.563 0 0 1 2.21 2.21l-8.849 8.85a3.75 3.75 0 0 1-1.58.941L5 15l.667-2.238a3.75 3.75 0 0 1 .941-1.58l7.444-7.443Zm0 0 2.198 2.197M15 11.667v3.958a1.875 1.875 0 0 1-1.875 1.875h-8.75A1.875 1.875 0 0 1 2.5 15.625v-8.75A1.875 1.875 0 0 1 4.375 5h3.958"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M2.833 13.056s3.2-.505 4.041-1.347l6.513-6.513a1.904 1.904 0 1 0-2.693-2.693L4.18 9.016c-.842.841-1.347 4.04-1.347 4.04zM6.833 1.944H1.056M3.278 5.056H1.056" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/pencil.tsx b/packages/design-system/icons/src/components/pencil.tsx
index 443533c809..54f3a88a7a 100644
--- a/packages/design-system/icons/src/components/pencil.tsx
+++ b/packages/design-system/icons/src/components/pencil.tsx
@@ -5,8 +5,8 @@ const Pencil = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Pencil = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m14.052 3.74 1.405-1.408a1.563 1.563 0 0 1 2.21 2.21L5.694 16.517a3.75 3.75 0 0 1-1.58.941l-2.238.667.667-2.238a3.75 3.75 0 0 1 .941-1.58l10.57-10.568h-.001Zm0 0 2.198 2.197"
+          d="m11.903 6.236.985-.986c.521-.52.521-1.365 0-1.885l-1.252-1.253a1.333 1.333 0 0 0-1.885 0l-.986.986zM7.43 4.43 3.187 8.676c-.222.222-.381.5-.462.804l-1.002 3.798 3.798-1.002c.304-.08.582-.24.804-.462l4.244-4.245M8.986 5.986 5.07 9.904"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/phone.tsx b/packages/design-system/icons/src/components/phone.tsx
index 5c3537435f..519a90fec7 100644
--- a/packages/design-system/icons/src/components/phone.tsx
+++ b/packages/design-system/icons/src/components/phone.tsx
@@ -5,8 +5,8 @@ const Phone = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const Phone = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M8.75 1.25H6.875A1.875 1.875 0 0 0 5 3.125v13.75a1.875 1.875 0 0 0 1.875 1.875h6.25A1.875 1.875 0 0 0 15 16.875V3.125a1.875 1.875 0 0 0-1.875-1.875H11.25m-2.5 0V2.5h2.5V1.25m-2.5 0h2.5m-2.5 15.625h2.5"
+          d="M10.389 1.056H4.61c-.982 0-1.778.796-1.778 1.777v9.334c0 .982.796 1.778 1.778 1.778h5.778c.982 0 1.778-.796 1.778-1.778V2.833c0-.981-.796-1.777-1.778-1.777"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M6.389 1.056v.889H8.61v-.89M6.389 11.256H8.61"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/photo-solid.tsx b/packages/design-system/icons/src/components/photo-solid.tsx
index 5e744e53c8..caab96f908 100644
--- a/packages/design-system/icons/src/components/photo-solid.tsx
+++ b/packages/design-system/icons/src/components/photo-solid.tsx
@@ -5,18 +5,22 @@ const PhotoSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1.25 5a1.875 1.875 0 0 1 1.875-1.875h13.75A1.875 1.875 0 0 1 18.75 5v10a1.875 1.875 0 0 1-1.875 1.875H3.125A1.875 1.875 0 0 1 1.25 15V5Zm1.25 8.383V15c0 .345.28.625.625.625h13.75A.624.624 0 0 0 17.5 15v-1.617l-2.242-2.24a1.25 1.25 0 0 0-1.766 0l-.734.732.809.808a.627.627 0 0 1 .015.9.623.623 0 0 1-.899-.016l-4.3-4.3a1.25 1.25 0 0 0-1.766 0L2.5 13.384Zm8.438-6.508a.938.938 0 1 1 1.875 0 .938.938 0 0 1-1.876 0Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M11.228 6.952a2.45 2.45 0 0 0-3.457 0l-5.545 5.546c.19.07.393.113.607.113h9.334c.982 0 1.777-.796 1.777-1.778V9.668z" />
+          <path d="M12.167 13.278H2.833A2.446 2.446 0 0 1 .39 10.833V4.167a2.446 2.446 0 0 1 2.444-2.445h9.334a2.446 2.446 0 0 1 2.444 2.445v6.666a2.446 2.446 0 0 1-2.444 2.445M2.833 3.056c-.612 0-1.11.498-1.11 1.11v6.667c0 .613.498 1.111 1.11 1.111h9.334c.612 0 1.11-.498 1.11-1.11V4.166c0-.613-.498-1.111-1.11-1.111z" />
+          <path d="M4.611 7.056a1.111 1.111 0 1 0 0-2.223 1.111 1.111 0 0 0 0 2.223" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/photo.tsx b/packages/design-system/icons/src/components/photo.tsx
index 42b712bc9f..658429e71e 100644
--- a/packages/design-system/icons/src/components/photo.tsx
+++ b/packages/design-system/icons/src/components/photo.tsx
@@ -5,19 +5,31 @@ const Photo = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="m1.875 13.125 4.3-4.3a1.875 1.875 0 0 1 2.65 0l4.3 4.3m-1.25-1.25 1.174-1.174a1.874 1.874 0 0 1 2.652 0l2.424 2.424m-15 3.125h13.75a1.25 1.25 0 0 0 1.25-1.25V5a1.25 1.25 0 0 0-1.25-1.25H3.125A1.25 1.25 0 0 0 1.875 5v10a1.25 1.25 0 0 0 1.25 1.25Zm8.75-9.375h.007v.007h-.007v-.007Zm.313 0a.312.312 0 1 1-.625 0 .312.312 0 0 1 .624 0Z"
-        />
+        <g clipPath="url(#a)">
+          <g fill={color} clipPath="url(#b)">
+            <path d="M5.722 4.833c0 .49.399.89.889.89s.889-.4.889-.89a.89.89 0 0 0-.89-.889.89.89 0 0 0-.888.89" />
+            <path
+              fillRule="evenodd"
+              d="M5.5 1.194a2.53 2.53 0 0 0-2.528 2.528v4.89A2.53 2.53 0 0 0 5.5 11.138h6.666a2.53 2.53 0 0 0 2.528-2.528V3.722a2.53 2.53 0 0 0-2.528-2.528zM4.472 3.722c0-.567.46-1.028 1.028-1.028h6.666c.568 0 1.028.46 1.028 1.028v2.933L11.77 5.23a1.64 1.64 0 0 0-2.318 0L5.113 9.563a1.03 1.03 0 0 1-.641-.953zm6.237 2.569 2.474 2.474a1.03 1.03 0 0 1-1.017.874H7.161l3.352-3.348a.14.14 0 0 1 .196 0"
+              clipRule="evenodd"
+            />
+            <path d="M1.805 5.5a.75.75 0 0 0-1.5 0v5.778a2.527 2.527 0 0 0 2.528 2.528h7.556a.75.75 0 0 0 0-1.5H2.833c-.568 0-1.028-.46-1.028-1.028z" />
+          </g>
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+          <clipPath id="b">
+            <path fill="#fff" d="M-.5-.5h16v16h-16z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/play-mini-solid.tsx b/packages/design-system/icons/src/components/play-mini-solid.tsx
index b9381b5bc0..e2ed520fcd 100644
--- a/packages/design-system/icons/src/components/play-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/play-mini-solid.tsx
@@ -5,17 +5,15 @@ const PlayMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M5 5.768a1.25 1.25 0 0 1 1.853-1.095l7.693 4.232a1.25 1.25 0 0 1 0 2.19l-7.693 4.232a1.25 1.25 0 0 1-1.852-1.095L5 5.768Z"
-          clipRule="evenodd"
+          d="M12.926 6.147 4.487 1.475a1.55 1.55 0 0 0-1.555.02c-.478.282-.763.78-.763 1.333v9.344c0 .553.285 1.05.763 1.332.248.146.521.22.796.22.26 0 .52-.067.76-.198l8.436-4.672c.494-.273.8-.792.8-1.353s-.306-1.081-.8-1.354"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/play-solid.tsx b/packages/design-system/icons/src/components/play-solid.tsx
index 9d05ca1a62..648f1d547b 100644
--- a/packages/design-system/icons/src/components/play-solid.tsx
+++ b/packages/design-system/icons/src/components/play-solid.tsx
@@ -5,17 +5,15 @@ const PlaySolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M3.75 4.71a1.563 1.563 0 0 1 2.316-1.368l9.616 5.29c1.08.593 1.08 2.144 0 2.737l-9.615 5.29A1.563 1.563 0 0 1 3.75 15.29V4.71H3.75Z"
-          clipRule="evenodd"
+          d="M12.922 6.147 4.485 1.475a1.55 1.55 0 0 0-1.555.02c-.478.282-.763.78-.763 1.333v9.344c0 .553.285 1.05.763 1.332.248.146.521.22.796.22.26 0 .52-.067.759-.198l8.436-4.672c.495-.273.801-.792.801-1.353s-.306-1.081-.8-1.354"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/plus-mini.tsx b/packages/design-system/icons/src/components/plus-mini.tsx
index e60f3760fc..658953f1a9 100644
--- a/packages/design-system/icons/src/components/plus-mini.tsx
+++ b/packages/design-system/icons/src/components/plus-mini.tsx
@@ -5,8 +5,8 @@ const PlusMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const PlusMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 5v10m5-5H5"
+          d="M7.5 2.5v10M2.5 7.5h10"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/plus.tsx b/packages/design-system/icons/src/components/plus.tsx
index d2540429c6..467ceb3d45 100644
--- a/packages/design-system/icons/src/components/plus.tsx
+++ b/packages/design-system/icons/src/components/plus.tsx
@@ -5,8 +5,8 @@ const Plus = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Plus = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 3.75v12.5M16.25 10H3.75"
+          d="M7.5 2.5v10M2.5 7.5h10"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/puzzle-solid.tsx b/packages/design-system/icons/src/components/puzzle-solid.tsx
index b4d6d096d4..c684fd0618 100644
--- a/packages/design-system/icons/src/components/puzzle-solid.tsx
+++ b/packages/design-system/icons/src/components/puzzle-solid.tsx
@@ -5,15 +5,15 @@ const PuzzleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M9.375 4.447c0-.295-.155-.563-.334-.799a1.373 1.373 0 0 1-.291-.836c0-.863.84-1.562 1.875-1.562 1.036 0 1.875.7 1.875 1.563 0 .307-.107.594-.29.835-.18.236-.335.504-.335.8 0 .276.232.498.508.481a39.488 39.488 0 0 0 4.694-.563.625.625 0 0 1 .731.537c.189 1.508.294 3.025.314 4.544a.548.548 0 0 1-.55.553c-.295 0-.563-.155-.799-.334a1.372 1.372 0 0 0-.835-.291c-.863 0-1.563.84-1.563 1.875 0 1.036.7 1.875 1.563 1.875.307 0 .594-.107.835-.29.236-.18.504-.335.8-.335.258 0 .464.218.444.476a40.666 40.666 0 0 1-.495 4.037.625.625 0 0 1-.509.509c-1.516.264-3.06.444-4.629.535a.483.483 0 0 1-.509-.484c0-.296.155-.564.334-.8.184-.241.291-.528.291-.835 0-.863-.84-1.563-1.875-1.563-1.036 0-1.875.7-1.875 1.563 0 .307.107.594.29.835.18.236.335.504.335.8a.534.534 0 0 1-.548.535 40.897 40.897 0 0 1-3.924-.3.625.625 0 0 1-.537-.731 39.51 39.51 0 0 0 .524-4.104.442.442 0 0 0-.442-.473c-.296 0-.564.155-.8.334-.241.184-.528.291-.836.291-.863 0-1.562-.84-1.562-1.875 0-1.036.7-1.875 1.563-1.875.307 0 .594.107.835.29.236.18.504.335.8.335a.547.547 0 0 0 .549-.553 39.753 39.753 0 0 0-.259-4.016.625.625 0 0 1 .692-.694c1.12.13 2.253.212 3.398.245a.533.533 0 0 0 .547-.535Z"
+          d="M13.201 7.202a.667.667 0 0 0 .966-.595v-1.55a2.446 2.446 0 0 0-2.445-2.445h-1.578c.01-.074.023-.146.023-.222A1.78 1.78 0 0 0 8.389.612 1.78 1.78 0 0 0 6.61 2.39c0 .076.013.148.022.222H5.056A2.446 2.446 0 0 0 2.61 5.057v1.577c-.074-.01-.146-.022-.222-.022A1.78 1.78 0 0 0 .61 8.39c0 .98.797 1.778 1.778 1.778.076 0 .148-.014.222-.023v1.578a2.446 2.446 0 0 0 2.445 2.445h1.55a.67.67 0 0 0 .596-.965 1.3 1.3 0 0 1-.146-.59c0-.736.598-1.334 1.333-1.334s1.333.598 1.333 1.333q0 .297-.147.592a.665.665 0 0 0 .597.964h1.55a2.446 2.446 0 0 0 2.445-2.445v-1.55a.668.668 0 0 0-.966-.596c-.913.458-1.923-.253-1.923-1.186 0-.934 1.008-1.645 1.923-1.187z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/puzzle.tsx b/packages/design-system/icons/src/components/puzzle.tsx
index 3b8183eb6d..285b669b2e 100644
--- a/packages/design-system/icons/src/components/puzzle.tsx
+++ b/packages/design-system/icons/src/components/puzzle.tsx
@@ -5,19 +5,26 @@ const Puzzle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M11.875 5.072c0-.295.155-.563.334-.799.184-.241.291-.528.291-.835 0-.864-.84-1.563-1.875-1.563-1.036 0-1.875.7-1.875 1.563 0 .307.107.594.29.835.18.236.335.504.335.8a.533.533 0 0 1-.547.535 40.325 40.325 0 0 1-3.47-.25c.155 1.345.245 2.709.263 4.09a.547.547 0 0 1-.549.552c-.295 0-.563-.155-.799-.334a1.373 1.373 0 0 0-.835-.291c-.864 0-1.563.84-1.563 1.875 0 1.036.7 1.875 1.563 1.875.307 0 .594-.107.835-.29.236-.18.504-.335.8-.335.258 0 .462.217.443.475a40.032 40.032 0 0 1-.535 4.213c1.265.159 2.548.258 3.847.295a.533.533 0 0 0 .547-.535c0-.296-.155-.564-.334-.8a1.372 1.372 0 0 1-.291-.835c0-.863.84-1.563 1.875-1.563 1.036 0 1.875.7 1.875 1.563 0 .307-.107.594-.29.835-.18.236-.334.504-.334.8 0 .277.23.499.508.483a40.055 40.055 0 0 0 4.523-.525c.226-1.302.388-2.613.485-3.931a.444.444 0 0 0-.444-.475c-.296 0-.564.155-.8.334-.241.184-.528.291-.835.291-.863 0-1.563-.84-1.563-1.875 0-1.036.7-1.875 1.563-1.875.308 0 .594.107.835.29.236.18.504.335.8.335a.547.547 0 0 0 .549-.553 40.36 40.36 0 0 0-.309-4.466 40.114 40.114 0 0 1-4.805.574.482.482 0 0 1-.508-.482Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M12.611 6.833c.33 0 .636.105.889.282v-2.06c0-.98-.796-1.777-1.778-1.777h-2.06a1.556 1.556 0 1 0-2.548 0H5.057c-.983 0-1.778.796-1.778 1.777v2.06a1.556 1.556 0 1 0 0 2.548v2.06c0 .98.795 1.777 1.778 1.777h2.06a1.556 1.556 0 1 1 2.548 0h2.058c.982 0 1.778-.796 1.778-1.778v-2.06a1.556 1.556 0 1 1-.889-2.83"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/question-mark-circle.tsx b/packages/design-system/icons/src/components/question-mark-circle.tsx
index 76a876d0db..82b75348ff 100644
--- a/packages/design-system/icons/src/components/question-mark-circle.tsx
+++ b/packages/design-system/icons/src/components/question-mark-circle.tsx
@@ -5,19 +5,25 @@ const QuestionMarkCircle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M8.232 6.266c.976-.854 2.56-.854 3.536 0s.976 2.239 0 3.093c-.17.15-.359.272-.559.368-.62.301-1.208.833-1.208 1.523v.625M17.5 10a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0ZM10 14.375h.007v.007H10v-.007Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M7.593 4.807c-.538 0-1.018.247-1.234.835a.75.75 0 0 1-1.408-.517c.474-1.291 1.605-1.818 2.642-1.818 1.127 0 2.366.825 2.366 2.357 0 .538-.141.973-.394 1.33-.237.333-.543.554-.763.709l-.016.011c-.464.326-.639.449-.701.804a.75.75 0 1 1-1.478-.259c.173-.984.836-1.44 1.244-1.722l.089-.062c.215-.15.328-.245.401-.35.058-.08.118-.205.118-.46 0-.548-.402-.858-.866-.858M6.425 10.67a.89.89 0 0 0 1.778 0 .89.89 0 0 0-1.778 0" />
+          <path
+            fillRule="evenodd"
+            d="M.305 7.5a7.194 7.194 0 1 1 14.39 0 7.194 7.194 0 0 1-14.39 0M7.5 1.806a5.694 5.694 0 1 0 0 11.389 5.694 5.694 0 0 0 0-11.39"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/question-mark.tsx b/packages/design-system/icons/src/components/question-mark.tsx
index 051e1b8e16..49469f19b9 100644
--- a/packages/design-system/icons/src/components/question-mark.tsx
+++ b/packages/design-system/icons/src/components/question-mark.tsx
@@ -5,19 +5,25 @@ const QuestionMark = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M7.44 5.515c1.17-1.025 3.07-1.025 4.241 0 1.173 1.025 1.173 2.687 0 3.712-.202.179-.43.326-.67.442-.744.36-1.45.999-1.45 1.827v.75m0 3h.008v.008H9.56v-.008Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M7.594 4.807c-.538 0-1.018.247-1.234.835a.75.75 0 0 1-1.408-.517c.474-1.291 1.604-1.818 2.641-1.818 1.128 0 2.367.825 2.367 2.357 0 .538-.142.972-.395 1.33-.237.333-.543.554-.763.708l-.016.012c-.464.326-.639.449-.7.804a.75.75 0 1 1-1.478-.259c.172-.985.835-1.441 1.243-1.722l.09-.062c.214-.151.327-.246.4-.35.058-.08.119-.205.119-.46 0-.549-.403-.858-.867-.858M6.425 10.67a.89.89 0 0 0 1.778 0 .89.89 0 0 0-1.778 0" />
+          <path
+            fillRule="evenodd"
+            d="M.306 7.5a7.194 7.194 0 1 1 14.389 0 7.194 7.194 0 0 1-14.39 0M7.5 1.805a5.694 5.694 0 1 0 0 11.39 5.694 5.694 0 0 0 0-11.39"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/queue-list.tsx b/packages/design-system/icons/src/components/queue-list.tsx
index 2d3b8b241f..a572386e69 100644
--- a/packages/design-system/icons/src/components/queue-list.tsx
+++ b/packages/design-system/icons/src/components/queue-list.tsx
@@ -5,8 +5,8 @@ const QueueList = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const QueueList = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M3.125 10h13.75m-13.75 3.125h13.75M3.125 16.25h13.75M4.687 3.75h10.625a1.563 1.563 0 0 1 0 3.125H4.688a1.562 1.562 0 1 1 0-3.125Z"
+          d="M12.167 1.944H2.833a.89.89 0 0 0-.889.89v3.11c0 .491.398.89.89.89h9.333c.49 0 .889-.399.889-.89v-3.11a.89.89 0 0 0-.89-.89M1.944 9.944h11.112M1.944 13.056h11.112"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/react-js-ex.tsx b/packages/design-system/icons/src/components/react-js-ex.tsx
index 05f2ac8d5d..dc4afc4728 100644
--- a/packages/design-system/icons/src/components/react-js-ex.tsx
+++ b/packages/design-system/icons/src/components/react-js-ex.tsx
@@ -5,8 +5,8 @@ const ReactJsEx = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const ReactJsEx = React.forwardRef<SVGSVGElement, IconProps>(
         <path
           fill={color}
           fillRule="evenodd"
-          d="M15 1H5a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4Zm-5 10.208a1.208 1.208 0 1 0 0-2.416 1.208 1.208 0 0 0 0 2.416ZM8.065 8.864c.218-.377.444-.738.674-1.08a18.224 18.224 0 0 1 2.545 0 18.235 18.235 0 0 1 1.273 2.204 18.216 18.216 0 0 1-1.273 2.204 18.18 18.18 0 0 1-2.545 0 18.224 18.224 0 0 1-1.272-2.204c.18-.37.38-.747.598-1.124Zm-.866-.5c.086-.15.174-.296.262-.441-.27.04-.532.087-.784.14.08.244.17.494.271.749.081-.15.165-.299.251-.448Zm2.813-1.624a19.6 19.6 0 0 0-.513.007c.17-.215.341-.418.513-.61.171.192.342.395.513.61-.17-.005-.34-.007-.513-.007Zm-1.825.087c.366-.514.745-.986 1.127-1.41a8.816 8.816 0 0 0-.48-.42c-.513-.417-.978-.686-1.366-.811-.387-.126-.641-.092-.805.002-.163.094-.32.298-.404.696-.086.399-.086.936.02 1.59.031.2.073.408.124.624.557-.119 1.156-.21 1.784-.271Zm3.65 0a15.989 15.989 0 0 0-1.127-1.41c.161-.152.321-.292.479-.42.513-.417.979-.686 1.366-.811.388-.126.642-.092.805.002.164.094.32.298.405.696.085.398.085.936-.02 1.589-.032.2-.073.41-.124.625a15.973 15.973 0 0 0-1.784-.271Zm2.896-.196c-.037.23-.085.469-.143.714.242.072.472.15.69.233.684.261 1.272.585 1.699.97.425.384.73.87.73 1.44s-.305 1.056-.73 1.44c-.427.385-1.015.709-1.7.97a9.9 9.9 0 0 1-.689.233c.058.245.106.483.143.714.116.723.13 1.394.01 1.956-.12.56-.389 1.068-.883 1.353-.493.285-1.067.264-1.613.087-.546-.176-1.12-.524-1.689-.986a9.875 9.875 0 0 1-.546-.48 9.813 9.813 0 0 1-.547.48c-.568.462-1.143.81-1.689.986-.546.177-1.119.198-1.613-.087-.494-.285-.762-.792-.882-1.353-.12-.562-.106-1.233.01-1.957.037-.23.084-.468.142-.713a9.842 9.842 0 0 1-.688-.233c-.685-.261-1.273-.585-1.7-.97-.426-.384-.73-.87-.73-1.44s.304-1.056.73-1.44c.427-.385 1.015-.709 1.7-.97.217-.083.447-.161.688-.233a9.846 9.846 0 0 1-.142-.714c-.116-.723-.13-1.395-.01-1.956.12-.561.388-1.068.882-1.353.494-.285 1.067-.264 1.613-.088.546.177 1.12.525 1.69.987.18.147.363.307.546.48.183-.173.365-.333.546-.48.569-.462 1.143-.81 1.69-.987.545-.176 1.119-.197 1.612.088.494.285.763.792.883 1.353.12.561.106 1.233-.01 1.956Zm-2.17 1.292c.27.04.532.087.784.14-.08.244-.171.494-.272.749a19.867 19.867 0 0 0-.513-.89Zm1.756.384a15.975 15.975 0 0 1-.657 1.681c.261.574.481 1.139.657 1.68.212-.063.414-.132.604-.204.618-.236 1.083-.505 1.385-.778.303-.272.401-.51.401-.698 0-.189-.098-.426-.4-.699-.303-.272-.768-.541-1.386-.777a8.818 8.818 0 0 0-.604-.205Zm-1.494 3.305c.086-.15.17-.299.25-.448.1.255.191.505.272.75-.252.052-.514.098-.785.139.089-.145.176-.292.263-.441Zm-.988 1.537c.628-.06 1.226-.152 1.784-.271.05.216.092.424.124.625.105.653.105 1.19.02 1.589-.085.398-.241.601-.405.696-.163.094-.417.127-.805.002-.387-.125-.853-.394-1.366-.811a8.836 8.836 0 0 1-.48-.42c.382-.424.761-.896 1.128-1.41Zm-1.312.08c-.17.215-.342.418-.513.61a14.164 14.164 0 0 1-.513-.61 19.385 19.385 0 0 0 1.026 0Zm-3.326-1.617c.086.15.174.296.262.441-.27-.04-.532-.087-.784-.14.08-.244.17-.494.271-.749.081.15.165.299.25.448Zm.988 1.537a15.974 15.974 0 0 1-1.784-.271c-.051.216-.093.424-.125.625-.104.653-.104 1.19-.02 1.588.086.399.242.602.405.697.164.094.418.127.806.002.387-.125.853-.394 1.366-.811.157-.128.317-.269.479-.42-.382-.424-.76-.896-1.127-1.41ZM5.1 11.464c.19.072.391.14.604.205a15.97 15.97 0 0 1 .656-1.681 15.972 15.972 0 0 1-.656-1.68 8.813 8.813 0 0 0-.604.204c-.618.236-1.083.505-1.385.777-.303.273-.401.51-.401.699 0 .189.098.426.4.698.303.273.768.542 1.386.778Z"
+          d="M11.25.75h-7.5a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3M7.5 8.406a.906.906 0 1 0 0-1.812.906.906 0 0 0 0 1.812M6.05 6.648q.246-.425.506-.81a14 14 0 0 1 1.908 0 14 14 0 0 1 .955 1.653 14 14 0 0 1-.955 1.653 14 14 0 0 1-1.908 0A14 14 0 0 1 5.6 7.49q.204-.418.449-.843m-.65-.375q.097-.168.197-.33-.305.045-.588.104.09.274.203.562.092-.168.188-.336m2.11-1.218q-.195 0-.385.005.192-.24.385-.457.192.216.385.457a15 15 0 0 0-.385-.005M6.14 5.12c.275-.385.56-.74.845-1.057a7 7 0 0 0-.359-.315c-.385-.313-.734-.515-1.025-.609s-.481-.069-.603.002c-.123.07-.24.223-.304.522s-.064.702.015 1.192q.036.226.093.469c.418-.09.867-.158 1.338-.204m2.738 0c-.275-.385-.56-.74-.846-1.057q.183-.172.36-.315c.385-.313.734-.515 1.024-.609s.482-.069.604.002c.123.07.24.223.304.522s.064.702-.015 1.192q-.036.226-.093.469c-.418-.09-.867-.158-1.338-.204m2.172-.147a7 7 0 0 1-.107.535q.27.082.517.175c.513.196.954.439 1.274.727.32.289.548.653.548 1.081s-.229.792-.548 1.08-.76.532-1.274.728q-.246.093-.517.175.065.275.107.534c.087.543.097 1.047.007 1.468-.09.42-.291.8-.662 1.014-.37.214-.8.199-1.21.066-.409-.132-.84-.393-1.266-.74a7 7 0 0 1-.41-.36q-.206.195-.41.36c-.426.347-.857.608-1.267.74-.41.133-.84.148-1.21-.066s-.571-.594-.661-1.014-.08-.925.007-1.468a7 7 0 0 1 .107-.535A7 7 0 0 1 3.56 9.3c-.514-.196-.955-.439-1.275-.727-.32-.289-.548-.653-.548-1.081s.229-.792.548-1.08c.32-.29.761-.532 1.275-.728a7 7 0 0 1 .516-.175 7 7 0 0 1-.107-.535c-.087-.542-.097-1.046-.007-1.467.09-.42.291-.8.662-1.014.37-.214.8-.199 1.21-.066.409.132.84.393 1.266.74q.204.165.41.36.206-.195.41-.36c.426-.347.857-.608 1.267-.74.41-.133.839-.148 1.21.065.37.214.571.594.661 1.015s.08.925-.007 1.467m-1.628.97q.305.045.588.104-.09.274-.203.562a15 15 0 0 0-.385-.667m1.317.287c-.132.407-.296.83-.492 1.261.196.43.36.854.492 1.26q.24-.071.453-.153c.463-.177.813-.378 1.04-.583.226-.205.3-.383.3-.524s-.074-.32-.3-.524c-.227-.205-.576-.406-1.04-.583a7 7 0 0 0-.453-.154M9.62 8.71q.096-.168.188-.336.113.287.203.562-.283.06-.588.105zm-.741 1.153c.47-.046.92-.115 1.338-.204q.058.243.093.47c.079.489.079.892.015 1.19-.064.3-.181.452-.304.523-.122.07-.313.096-.604.002-.29-.095-.64-.296-1.024-.609a7 7 0 0 1-.36-.315q.431-.478.846-1.057m-.984.06q-.192.24-.385.457a11 11 0 0 1-.385-.457 15 15 0 0 0 .77 0M5.399 8.709q.097.168.197.33-.305-.045-.588-.104.09-.274.203-.562.092.168.188.336m.741 1.153c-.47-.046-.92-.115-1.338-.204q-.058.244-.093.469c-.079.49-.079.893-.015 1.192s.181.451.304.522c.122.07.313.096.604.002.29-.095.64-.296 1.024-.609q.177-.144.36-.315-.431-.478-.846-1.057M3.826 8.598q.213.082.453.153c.131-.406.296-.83.492-1.26-.196-.43-.36-.854-.492-1.26q-.24.071-.453.153c-.463.177-.812.378-1.04.583-.226.205-.3.382-.3.524 0 .141.074.32.3.524.228.205.577.406 1.04.583"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/react-js.tsx b/packages/design-system/icons/src/components/react-js.tsx
index d4de5230aa..c1bff6eb01 100644
--- a/packages/design-system/icons/src/components/react-js.tsx
+++ b/packages/design-system/icons/src/components/react-js.tsx
@@ -5,31 +5,34 @@ const ReactJs = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#61DAFB"
-          d="M15 1H5a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4Z"
+          d="M11.25.75h-7.5a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3"
         />
         <path
           stroke="#000"
-          d="M10.012 12.736c3.975 0 7.197-1.23 7.197-2.748 0-1.518-3.222-2.748-7.197-2.748S2.815 8.47 2.815 9.988c0 1.518 3.222 2.748 7.197 2.748Z"
+          strokeWidth={0.75}
+          d="M7.509 9.552c2.98 0 5.397-.923 5.397-2.061S10.49 5.43 7.51 5.43 2.11 6.353 2.11 7.49c0 1.14 2.417 2.062 5.398 2.062Z"
         />
         <path
           stroke="#000"
-          d="M7.632 11.362c1.987 3.442 4.664 5.618 5.978 4.859 1.314-.76.769-4.165-1.219-7.607-1.987-3.442-4.664-5.618-5.978-4.859-1.314.759-.769 4.165 1.219 7.607Z"
+          strokeWidth={0.75}
+          d="M5.724 8.521c1.49 2.582 3.498 4.214 4.483 3.644.986-.569.577-3.123-.914-5.705C7.803 3.88 5.795 2.247 4.81 2.816c-.986.57-.577 3.124.914 5.705Z"
         />
         <path
           stroke="#000"
-          d="M7.632 8.614c-1.988 3.442-2.533 6.848-1.219 7.607 1.314.758 3.991-1.417 5.978-4.86 1.988-3.442 2.533-6.847 1.22-7.606-1.315-.759-3.992 1.416-5.98 4.859Z"
+          strokeWidth={0.75}
+          d="M5.724 6.46c-1.49 2.582-1.9 5.136-.914 5.705.985.57 2.993-1.062 4.483-3.644s1.9-5.136.914-5.705S7.214 3.88 5.724 6.46Z"
         />
         <path
           fill="#000"
-          d="M10 11.208a1.208 1.208 0 1 0 0-2.416 1.208 1.208 0 0 0 0 2.416Z"
+          d="M7.5 8.406a.906.906 0 1 0 0-1.812.906.906 0 0 0 0 1.812"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/receipt-percent.tsx b/packages/design-system/icons/src/components/receipt-percent.tsx
index a1b70ba836..0a64b54bd0 100644
--- a/packages/design-system/icons/src/components/receipt-percent.tsx
+++ b/packages/design-system/icons/src/components/receipt-percent.tsx
@@ -5,19 +5,25 @@ const ReceiptPercent = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="m7.5 11.875 5-5m3.75-2.91v14.16l-3.125-1.25L10 18.125l-3.125-1.25-3.125 1.25V3.965c0-.924.672-1.715 1.59-1.822 3.096-.36 6.224-.36 9.32 0 .918.107 1.59.898 1.59 1.821ZM8.125 7.5h.007v.007h-.007V7.5Zm.313 0a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0v0Zm3.437 3.75h.007v.007h-.007v-.007Zm.313 0a.313.313 0 1 1-.626 0 .313.313 0 0 1 .626 0v0Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M2.833 1.593C1.368 1.593.306 2.88.306 4.307v1.474c0 .414.335.75.75.75.375 0 .805.361.805.97 0 .607-.43.968-.805.968a.75.75 0 0 0-.75.75v1.474c0 1.426 1.062 2.715 2.527 2.715h9.334c1.465 0 2.527-1.289 2.527-2.715V9.219a.75.75 0 0 0-.75-.75c-.376 0-.805-.361-.805-.969s.43-.97.805-.97a.75.75 0 0 0 .75-.75V4.308c0-1.426-1.062-2.714-2.527-2.714zM1.806 4.307c0-.743.528-1.214 1.027-1.214h9.334c.499 0 1.027.471 1.027 1.214v.855c-.936.341-1.555 1.303-1.555 2.338s.62 1.997 1.555 2.338v.855c0 .743-.528 1.215-1.027 1.215H2.833c-.499 0-1.027-.472-1.027-1.215v-.855C2.742 9.498 3.36 8.536 3.36 7.5c0-1.035-.62-1.997-1.555-2.338zm8.224.663a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0m-3.419.752a.889.889 0 1 1-1.778 0 .889.889 0 0 1 1.778 0m3.556 3.556a.889.889 0 1 1-1.778 0 .889.889 0 0 1 1.778 0"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/receipt.tsx b/packages/design-system/icons/src/components/receipt.tsx
new file mode 100644
index 0000000000..ab39053566
--- /dev/null
+++ b/packages/design-system/icons/src/components/receipt.tsx
@@ -0,0 +1,33 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const Receipt = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M13.944 1.944H1.056M12.611 4.611v9.333l-2.444-1.333L7.5 13.944l-2.667-1.333-2.444 1.333V4.611M4.611 9.5h3.111M4.611 6.833h3.111M9.944 9.5h.445M9.944 6.833h.445" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+Receipt.displayName = "Receipt"
+export default Receipt
diff --git a/packages/design-system/icons/src/components/replay-solid.tsx b/packages/design-system/icons/src/components/replay-solid.tsx
index 0b9f8e6d1d..914ee82b39 100644
--- a/packages/design-system/icons/src/components/replay-solid.tsx
+++ b/packages/design-system/icons/src/components/replay-solid.tsx
@@ -5,19 +5,16 @@ const ReplaySolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M16.136 6.141c0-.866-.9-1.416-1.636-.998L7.708 9.002c-.763.432-.763 1.564 0 1.996l6.792 3.86c.735.417 1.635-.133 1.635-1V6.142h.001Z"
-          clipRule="evenodd"
+          d="M12.67 2.535a1.34 1.34 0 0 0-1.348-.018L4.445 6.325A1.35 1.35 0 0 0 3.75 7.5c0 .488.266.938.694 1.175l6.879 3.808a1.35 1.35 0 0 0 1.349-.018 1.33 1.33 0 0 0 .662-1.156V3.692c0-.48-.247-.912-.662-1.156zM2.292 1.667a.625.625 0 0 0-.625.625v10.416a.625.625 0 0 0 1.25 0V2.292a.625.625 0 0 0-.625-.625"
         />
-        <rect width={2} height={10} x={3.864} y={5} fill={color} rx={1} />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/resize.tsx b/packages/design-system/icons/src/components/resize.tsx
index 4706c0ae37..65095220da 100644
--- a/packages/design-system/icons/src/components/resize.tsx
+++ b/packages/design-system/icons/src/components/resize.tsx
@@ -5,8 +5,8 @@ const Resize = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Resize = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m16.754 12.437-4.313 4.313M16.75 7.75l-9 9"
+          d="m13.182 8.94-4.243 4.242M12.303 3.818l-8.485 8.485"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/rocket-launch-solid.tsx b/packages/design-system/icons/src/components/rocket-launch-solid.tsx
index 9d5f8e7c9c..0a12acd1ef 100644
--- a/packages/design-system/icons/src/components/rocket-launch-solid.tsx
+++ b/packages/design-system/icons/src/components/rocket-launch-solid.tsx
@@ -5,24 +5,21 @@ const RocketLaunchSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M4.878 12.82a.712.712 0 0 1-.127.998 2.368 2.368 0 0 0-.884 2.314 2.37 2.37 0 0 0 2.315-.883.713.713 0 1 1 1.126.872 3.793 3.793 0 0 1-4.256 1.265.712.712 0 0 1-.438-.438 3.793 3.793 0 0 1 1.265-4.256.712.712 0 0 1 .999.127v.001Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M5.966 11.9a12.409 12.409 0 0 0 2.135 2.134v3.8c0 .394.319.713.712.713a4.747 4.747 0 0 0 4.555-6.091 12.33 12.33 0 0 0 5.176-10.302.712.712 0 0 0-.698-.698A12.33 12.33 0 0 0 7.543 6.632a4.748 4.748 0 0 0-6.09 4.555c.001.393.32.712.714.712h3.8Zm6.883-2.85a1.9 1.9 0 1 0 0-3.798 1.9 1.9 0 0 0 0 3.798Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M2.615 14.611h-1.56a.667.667 0 0 1-.666-.666v-1.56c0-.871.514-1.668 1.31-2.028a.666.666 0 1 1 .549 1.214.9.9 0 0 0-.526.815v.892h.893c.35 0 .669-.206.814-.525a.667.667 0 0 1 1.214.549 2.23 2.23 0 0 1-2.028 1.31" />
+          <path d="M11.744 9.022c3.232-3.55 2.877-7.553 2.823-8.006a.67.67 0 0 0-.584-.584c-.455-.056-4.455-.41-8.006 2.823l-.9-.161a3.61 3.61 0 0 0-3.563 1.458L-.156 6.91a.667.667 0 0 0 .783 1.009c.012-.005.95-.348 2.343-.293-.15.39-.258.734-.335 1.013a.67.67 0 0 0 .172.648l2.908 2.908a.67.67 0 0 0 .647.172c.278-.077.622-.184 1.01-.336.052 1.383-.287 2.334-.29 2.344a.666.666 0 0 0 1.007.781l2.36-1.671a3.6 3.6 0 0 0 1.456-3.558l-.162-.903zM9.5 3.944a1.555 1.555 0 1 1 0 3.111 1.555 1.555 0 0 1 0-3.11M1.9 6.316l.703-.992a2.26 2.26 0 0 1 2.241-.917l.03.005a11.7 11.7 0 0 0-1.313 1.932 9.3 9.3 0 0 0-1.66-.029zm7.779 6.08-.995.704a9 9 0 0 0-.028-1.66c.614-.33 1.273-.767 1.931-1.313l.006.033a2.26 2.26 0 0 1-.915 2.236" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/rocket-launch.tsx b/packages/design-system/icons/src/components/rocket-launch.tsx
index 6a330372f2..ca8a885ca8 100644
--- a/packages/design-system/icons/src/components/rocket-launch.tsx
+++ b/packages/design-system/icons/src/components/rocket-launch.tsx
@@ -5,19 +5,37 @@ const RocketLaunch = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M12.784 11.838a4.653 4.653 0 0 1-4.53 5.725v-3.724m4.53-2a11.62 11.62 0 0 0 4.778-9.402 11.62 11.62 0 0 0-9.4 4.778m4.623 4.623a11.577 11.577 0 0 1-4.53 2.001m-.093-6.624a4.654 4.654 0 0 0-5.725 4.53h3.724m2.002-4.53a11.578 11.578 0 0 0-2.002 4.53m2.094 2.094c-.08.017-.16.032-.241.047a11.704 11.704 0 0 1-1.9-1.899l.047-.242M4.424 13.6a3.485 3.485 0 0 0-1.363 3.34 3.486 3.486 0 0 0 3.34-1.364m7.09-7.902a1.163 1.163 0 1 1-2.327 0 1.163 1.163 0 0 1 2.326 0Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M11.265 8.386c3.118-3.271 2.736-7.084 2.704-7.355C13.697 1 9.885.617 6.614 3.735a10.4 10.4 0 0 0-2.842 4.702l2.79 2.79c.706-.193 2.815-.86 4.703-2.841"
+          />
+          <path
+            fill={color}
+            d="M9.743 6.75a1.493 1.493 0 1 0 0-2.985 1.493 1.493 0 0 0 0 2.985"
+          />
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M4.5 12.48c-.234.519-.757.88-1.363.88H1.64v-1.496c0-.606.36-1.13.88-1.364M11.211 8.442l.21 1.175a2.8 2.8 0 0 1-1.138 2.779L8.02 14s.548-1.434.238-3.416M6.558 3.789l-1.172-.21a2.8 2.8 0 0 0-2.784 1.14L1 6.98s1.434-.548 3.416-.238"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/rss.tsx b/packages/design-system/icons/src/components/rss.tsx
index 86d99b7c26..83be337665 100644
--- a/packages/design-system/icons/src/components/rss.tsx
+++ b/packages/design-system/icons/src/components/rss.tsx
@@ -5,8 +5,8 @@ const Rss = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Rss = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10.625 16.25v-.625a6.25 6.25 0 0 0-6.25-6.25H3.75m0-5.625h.625c6.558 0 11.875 5.317 11.875 11.875v.625M5 15.625a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Z"
+          d="M8.05 13v-.55a5.5 5.5 0 0 0-5.5-5.5H2M2 2h.55C8.321 2 13 6.679 13 12.45V13m-9.9-.55a.55.55 0 1 1-1.1 0 .55.55 0 0 1 1.1 0"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/sanity.tsx b/packages/design-system/icons/src/components/sanity.tsx
index ce57cbdcd3..107a12433b 100644
--- a/packages/design-system/icons/src/components/sanity.tsx
+++ b/packages/design-system/icons/src/components/sanity.tsx
@@ -5,15 +5,15 @@ const Sanity = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#F03E2F"
-          d="M6.545 6.482a4.309 4.309 0 0 1-.624-.51c-.685-.682-1.035-1.55-1.035-2.676v-.43C6.024 1.695 7.779 1 9.87 1c4.045 0 6.386 2.1 6.963 5.055h-3.67c-.404-1.165-1.417-2.073-3.263-2.073-1.817 0-3.102.957-3.355 2.5ZM4.512 3.296c0 2.427 1.526 3.872 4.58 4.633l3.236.737c2.891.653 4.65 2.273 4.65 4.913a4.957 4.957 0 0 1-1.077 3.18c0-2.634-1.387-4.058-4.732-4.913l-3.177-.71c-2.545-.57-4.508-1.902-4.508-4.77a4.934 4.934 0 0 1 1.028-3.07Zm9.373 10.067c-.22 1.676-1.57 2.621-3.524 2.621-1.735 0-3.036-.71-3.527-2.242H3.02C3.638 17.08 6.418 19 10.39 19c2.121 0 3.958-.652 5.138-1.83v-.412c0-1.245-.325-2.157-1.007-2.862a4.13 4.13 0 0 0-.635-.532v-.001Z"
+          d="M4.909 4.862a3.2 3.2 0 0 1-.469-.383c-.513-.512-.776-1.162-.776-2.007V2.15C4.518 1.273 5.834.75 7.403.75c3.034 0 4.79 1.575 5.223 3.791H9.874C9.57 3.667 8.81 2.986 7.426 2.986c-1.363 0-2.327.718-2.517 1.876m-1.525-2.39c0 1.82 1.144 2.904 3.435 3.475l2.427.553c2.168.49 3.488 1.704 3.488 3.684a3.72 3.72 0 0 1-.808 2.385c0-1.975-1.04-3.043-3.55-3.685l-2.382-.532c-1.909-.427-3.381-1.426-3.381-3.577a3.7 3.7 0 0 1 .771-2.303m7.03 7.55c-.165 1.257-1.177 1.966-2.643 1.966-1.302 0-2.277-.532-2.646-1.682h-2.86c.464 2.504 2.548 3.944 5.527 3.944 1.59 0 2.968-.49 3.853-1.372v-.31c0-.933-.244-1.617-.755-2.146a3 3 0 0 0-.476-.4"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/server-solid.tsx b/packages/design-system/icons/src/components/server-solid.tsx
index 8436df5638..2b0e6a3016 100644
--- a/packages/design-system/icons/src/components/server-solid.tsx
+++ b/packages/design-system/icons/src/components/server-solid.tsx
@@ -5,22 +5,21 @@ const ServerSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M3.4 4.356A2.5 2.5 0 0 1 5.816 2.5h8.367A2.5 2.5 0 0 1 16.6 4.356l1.76 6.605A4.357 4.357 0 0 0 15.626 10H4.375a4.357 4.357 0 0 0-2.737.96L3.4 4.357Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M4.375 11.25a3.124 3.124 0 1 0 0 6.25h11.25a3.124 3.124 0 1 0 0-6.25H4.375Zm8.75 3.75a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm3.125-.625a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="m14.497 8.835-1.96-5.885a2.44 2.44 0 0 0-2.319-1.672H4.782a2.44 2.44 0 0 0-2.32 1.672L.505 8.835s-.115.39-.115.665v1.778c0 1.103.897 2 2 2H12.61c1.103 0 2-.897 2-2V9.5c0-.342-.115-.665-.115-.665m-1.22 2.443a.667.667 0 0 1-.666.666H2.39a.667.667 0 0 1-.667-.666V9.5c0-.368.299-.667.667-.667H12.61c.368 0 .667.299.667.667z" />
+          <path d="M5.722 9.722H3.278a.667.667 0 0 0 0 1.334h2.444a.667.667 0 0 0 0-1.334" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/server-stack-solid.tsx b/packages/design-system/icons/src/components/server-stack-solid.tsx
index 68e7a05355..574e25eea3 100644
--- a/packages/design-system/icons/src/components/server-stack-solid.tsx
+++ b/packages/design-system/icons/src/components/server-stack-solid.tsx
@@ -5,22 +5,20 @@ const ServerStackSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M4.59 3.373A2.5 2.5 0 0 1 6.487 2.5h7.024a2.5 2.5 0 0 1 1.899.873l1.435 1.674A3.776 3.776 0 0 0 16.25 5H3.75c-.202 0-.402.017-.596.047L4.59 3.373Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1.25 8.75a2.5 2.5 0 0 1 2.5-2.5h12.5a2.5 2.5 0 0 1 0 5H3.75a2.5 2.5 0 0 1-2.5-2.5Zm12.5 0a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Zm1.875.625a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25ZM3.75 12.5a2.5 2.5 0 0 0 0 5h12.5a2.5 2.5 0 0 0 0-5H3.75Zm9.375 3.125a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249ZM16.25 15a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M12.611 1.278H2.39c-1.103 0-2 .897-2 2v1.778c0 1.103.897 2 2 2H12.61c1.103 0 2-.897 2-2V3.278c0-1.103-.897-2-2-2M3.278 4.833a.667.667 0 1 1 0-1.333.667.667 0 0 1 0 1.333m2.222 0a.667.667 0 1 1 0-1.333.667.667 0 0 1 0 1.333M12.611 7.944H2.39c-1.103 0-2 .897-2 2v1.778c0 1.103.897 2 2 2H12.61c1.103 0 2-.897 2-2V9.944c0-1.103-.897-2-2-2M3.278 11.5a.667.667 0 1 1 0-1.334.667.667 0 0 1 0 1.334m2.222 0a.667.667 0 1 1 0-1.334.667.667 0 0 1 0 1.334" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/server-stack.tsx b/packages/design-system/icons/src/components/server-stack.tsx
index 58e98087f1..d3c2ca42b0 100644
--- a/packages/design-system/icons/src/components/server-stack.tsx
+++ b/packages/design-system/icons/src/components/server-stack.tsx
@@ -5,19 +5,25 @@ const ServerStack = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M4.375 11.875h11.25m-11.25 0a2.5 2.5 0 0 1-2.5-2.5m2.5 2.5a2.5 2.5 0 0 0 0 5h11.25a2.5 2.5 0 0 0 0-5m-13.75-2.5a2.5 2.5 0 0 1 2.5-2.5h11.25a2.5 2.5 0 0 1 2.5 2.5m-16.25 0c0-.811.263-1.6.75-2.25L4.781 4.25a2.813 2.813 0 0 1 2.25-1.125h5.938c.885 0 1.719.417 2.25 1.125l2.156 2.875c.487.65.75 1.439.75 2.25m0 0a2.5 2.5 0 0 1-2.5 2.5m0 2.5h.007v.007h-.007v-.007Zm0-5h.007v.007h-.007v-.007Zm-2.5 5h.007v.007h-.007v-.007Zm0-5h.007v.007h-.007v-.007Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M2.389 2.08c-.269 0-.583.253-.583.69v1.92c0 .436.314.69.583.69h10.222c.27 0 .584-.254.584-.69V2.77c0-.437-.315-.69-.584-.69zm-2.083.69c0-1.155.88-2.19 2.083-2.19h10.222c1.204 0 2.084 1.035 2.084 2.19v1.92c0 1.154-.88 2.19-2.084 2.19H2.39C1.185 6.88.306 5.843.306 4.69zm4.069.96a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0m2.5 0a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0m-3.3 8.34a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6m3.3-.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0m-5.07-.96c0-.436.315-.69.584-.69h10.222c.27 0 .584.254.584.69v1.92c0 .437-.315.69-.584.69H2.39c-.269 0-.583-.253-.583-.69zm.584-2.19C1.185 8.12.306 9.158.306 10.31v1.92c0 1.155.88 2.19 2.083 2.19h10.222c1.204 0 2.084-1.035 2.084-2.19v-1.92c0-1.154-.88-2.19-2.084-2.19z"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/server.tsx b/packages/design-system/icons/src/components/server.tsx
index f0af9b0abe..377e0e5df4 100644
--- a/packages/design-system/icons/src/components/server.tsx
+++ b/packages/design-system/icons/src/components/server.tsx
@@ -5,19 +5,27 @@ const Server = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M18.125 14.375v-.19c0-.289-.034-.577-.1-.858l-1.89-8.034a2.813 2.813 0 0 0-2.738-2.168H6.603a2.813 2.813 0 0 0-2.737 2.168l-1.89 8.034c-.066.281-.1.569-.1.858v.19m16.25 0a2.5 2.5 0 0 1-2.5 2.5H4.375a2.5 2.5 0 0 1-2.5-2.5m16.25 0a2.5 2.5 0 0 0-2.5-2.5H4.375a2.5 2.5 0 0 0-2.5 2.5m13.75 0h.007v.007h-.007v-.007Zm-2.5 0h.007v.007h-.007v-.007Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.611 8.167H2.39c-.736 0-1.333.597-1.333 1.333v1.778c0 .736.597 1.333 1.333 1.333H12.61c.736 0 1.333-.597 1.333-1.333V9.5c0-.736-.597-1.333-1.333-1.333" />
+          <path d="m1.136 9.046 1.96-5.886a1.78 1.78 0 0 1 1.687-1.216h5.436c.766 0 1.446.49 1.687 1.216l1.96 5.886M3.278 10.389h2.444" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/share.tsx b/packages/design-system/icons/src/components/share.tsx
new file mode 100644
index 0000000000..f811673058
--- /dev/null
+++ b/packages/design-system/icons/src/components/share.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const Share = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="m4.802 6.53 4.506-2.504M4.802 8.47l4.506 2.504M3.056 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4M11.056 5.056a2 2 0 1 0 0-4 2 2 0 0 0 0 4M11.056 13.944a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
+        />
+      </svg>
+    )
+  }
+)
+Share.displayName = "Share"
+export default Share
diff --git a/packages/design-system/icons/src/components/shopping-bag.tsx b/packages/design-system/icons/src/components/shopping-bag.tsx
index dedc9a01ba..4249361bd9 100644
--- a/packages/design-system/icons/src/components/shopping-bag.tsx
+++ b/packages/design-system/icons/src/components/shopping-bag.tsx
@@ -5,8 +5,8 @@ const ShoppingBag = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,14 @@ const ShoppingBag = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.125 8.75V5a3.125 3.125 0 1 0-6.25 0v3.75m9.463-1.66 1.053 10a.937.937 0 0 1-.933 1.035H3.542a.938.938 0 0 1-.934-1.036l1.054-10a.937.937 0 0 1 .932-.839h10.812c.48 0 .882.362.932.84Zm-9.15 1.66a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Zm6.25 0a.312.312 0 1 1-.625 0 .312.312 0 0 1 .624 0Z"
+          d="M5.625 4.16V2.7a1.875 1.875 0 1 1 3.75 0V4.16"
+        />
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M4.445 4.16h6.11c.865 0 1.587.66 1.66 1.522l.544 6.25a1.666 1.666 0 0 1-1.66 1.811H3.901a1.666 1.666 0 0 1-1.66-1.81l.543-6.25A1.667 1.667 0 0 1 4.445 4.16"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/shopping-cart-solid.tsx b/packages/design-system/icons/src/components/shopping-cart-solid.tsx
index a91df36d33..f8768ecabb 100644
--- a/packages/design-system/icons/src/components/shopping-cart-solid.tsx
+++ b/packages/design-system/icons/src/components/shopping-cart-solid.tsx
@@ -5,15 +5,15 @@ const ShoppingCartSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M2.08 2.035a.613.613 0 1 0 0 1.225h1.132c.138 0 .26.093.295.227l2.09 7.836a3.065 3.065 0 0 0-2.292 2.966c0 .338.274.613.612.613h12.867a.612.612 0 1 0 0-1.226H4.634a1.838 1.838 0 0 1 1.734-1.225h9.165a.613.613 0 0 0 .55-.344 49.303 49.303 0 0 0 2.419-5.905.611.611 0 0 0-.43-.788A49.723 49.723 0 0 0 4.883 3.88l-.19-.708a1.532 1.532 0 0 0-1.48-1.137H2.079ZM3.304 16.74a1.225 1.225 0 1 1 2.45 0 1.225 1.225 0 0 1-2.45 0Zm10.416 0a1.225 1.225 0 1 1 2.45 0 1.225 1.225 0 0 1-2.45 0Z"
+          d="M12.267 3.056H3.736l-.157-1.064A1.55 1.55 0 0 0 2.417.71l-1.2-.3a.666.666 0 1 0-.323 1.294l1.2.3a.22.22 0 0 1 .166.183l.917 6.236a1.78 1.78 0 0 0-1.455 1.745c0 .98.798 1.777 1.778 1.777h9.556a.667.667 0 0 0 0-1.333H3.5a.445.445 0 0 1 0-.889h7.581c.67 0 1.263-.426 1.476-1.063l1.185-3.555a1.558 1.558 0 0 0-1.475-2.048M2.833 14.611a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222M12.167 14.611a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/shopping-cart.tsx b/packages/design-system/icons/src/components/shopping-cart.tsx
index 72418d5fb2..0efe0352fa 100644
--- a/packages/design-system/icons/src/components/shopping-cart.tsx
+++ b/packages/design-system/icons/src/components/shopping-cart.tsx
@@ -5,19 +5,25 @@ const ShoppingCart = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M2 2.574h1.144c.42 0 .788.283.896.69l.316 1.185m0 0A49.599 49.599 0 0 1 18 5.967a49.17 49.17 0 0 1-2.412 5.89H6.332M4.356 4.448l1.976 7.407m0 0a2.475 2.475 0 0 0-2.476 2.476h12.996M5.094 16.807a.619.619 0 1 1-1.238 0 .619.619 0 0 1 1.238 0Zm10.52 0a.619.619 0 1 1-1.238 0 .619.619 0 0 1 1.238 0Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M1.631.37a.75.75 0 0 0-.364 1.455l1.201.3a.14.14 0 0 1 .104.115l.238 1.615.005.038.663 4.501a1.862 1.862 0 0 0 .416 3.675h9.555a.75.75 0 0 0 0-1.5H3.894a.362.362 0 0 1 0-.722h.403a1 1 0 0 0 .083 0h7.095c.704 0 1.332-.45 1.556-1.121l1.184-3.555a1.64 1.64 0 0 0-1.555-2.157H4.202l-.146-.992A1.64 1.64 0 0 0 2.832.67zm2.792 4.144.564 3.833h6.488c.06 0 .114-.038.132-.094l1.185-3.556a.138.138 0 0 0-.132-.183zM3.227 14.653a1.111 1.111 0 1 0 0-2.222 1.111 1.111 0 0 0 0 2.222m10.445-1.111a1.111 1.111 0 1 1-2.223 0 1.111 1.111 0 0 1 2.223 0"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/sidebar-left.tsx b/packages/design-system/icons/src/components/sidebar-left.tsx
index 70286c8cbc..cfe6a3451c 100644
--- a/packages/design-system/icons/src/components/sidebar-left.tsx
+++ b/packages/design-system/icons/src/components/sidebar-left.tsx
@@ -5,19 +5,26 @@ const SidebarLeft = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M5.5 6v8m-3-7.125V15a1.875 1.875 0 0 0 1.875 1.875h11.25A1.875 1.875 0 0 0 17.5 15V5a1.875 1.875 0 0 0-1.875-1.875H4.375A1.875 1.875 0 0 0 2.5 5v1.875Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.167 1.75H2.833c-.982 0-1.777.824-1.777 1.84v7.82c0 1.016.795 1.84 1.777 1.84h9.334c.982 0 1.777-.824 1.777-1.84V3.59c0-1.016-.796-1.84-1.777-1.84M3.9 4.5v6" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/sidebar-right.tsx b/packages/design-system/icons/src/components/sidebar-right.tsx
index ef52a52e67..7f9ad950c6 100644
--- a/packages/design-system/icons/src/components/sidebar-right.tsx
+++ b/packages/design-system/icons/src/components/sidebar-right.tsx
@@ -5,19 +5,26 @@ const SidebarRight = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M14.5 6v8m3-7.125V15a1.875 1.875 0 0 1-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 15V5a1.875 1.875 0 0 1 1.875-1.875h11.25A1.875 1.875 0 0 1 17.5 5v1.875Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M2.833 13.25h9.334c.982 0 1.777-.824 1.777-1.84V3.59c0-1.016-.796-1.84-1.777-1.84H2.833c-.981 0-1.777.824-1.777 1.84v7.82c0 1.016.796 1.84 1.777 1.84M11.1 4.5v6" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/slack.tsx b/packages/design-system/icons/src/components/slack.tsx
index 37d8f6f0bc..dd9d8c1a43 100644
--- a/packages/design-system/icons/src/components/slack.tsx
+++ b/packages/design-system/icons/src/components/slack.tsx
@@ -5,27 +5,27 @@ const Slack = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#E01E5A"
-          d="M4.764 12.412a1.88 1.88 0 0 1-1.883 1.883A1.88 1.88 0 0 1 1 12.412 1.88 1.88 0 0 1 2.88 10.53h1.883v1.883Zm.941 0a1.88 1.88 0 0 1 1.883-1.883 1.88 1.88 0 0 1 1.882 1.883v4.707a1.88 1.88 0 0 1-1.882 1.883 1.88 1.88 0 0 1-1.883-1.883v-4.707Z"
+          d="M3.573 9.309a1.41 1.41 0 0 1-1.412 1.412A1.41 1.41 0 0 1 .749 9.309c0-.78.631-1.412 1.412-1.412h1.412zm.706 0c0-.78.631-1.412 1.412-1.412s1.412.631 1.412 1.412v3.53a1.41 1.41 0 0 1-1.412 1.412 1.41 1.41 0 0 1-1.412-1.412z"
         />
         <path
           fill="#36C5F0"
-          d="M7.591 4.758c-1.04 0-1.88-.84-1.88-1.88s.84-1.88 1.88-1.88 1.88.84 1.88 1.88v1.88H7.59Zm0 .954c1.04 0 1.88.84 1.88 1.879 0 1.04-.84 1.88-1.88 1.88H2.878c-1.04 0-1.88-.84-1.88-1.88s.84-1.88 1.88-1.88h4.713Z"
+          d="M5.693 3.568c-.78 0-1.41-.63-1.41-1.41S4.914.75 5.694.75s1.41.63 1.41 1.41v1.41zm0 .716c.78 0 1.41.63 1.41 1.41s-.63 1.409-1.41 1.409H2.16c-.78 0-1.41-.63-1.41-1.41s.63-1.41 1.41-1.41z"
         />
         <path
           fill="#2EB67D"
-          d="M15.236 7.591c0-1.04.842-1.88 1.883-1.88a1.88 1.88 0 1 1 0 3.76h-1.883V7.59Zm-.941 0a1.88 1.88 0 0 1-1.883 1.88 1.88 1.88 0 0 1-1.883-1.88V2.878c0-1.04.842-1.88 1.883-1.88a1.88 1.88 0 0 1 1.883 1.88v4.713Z"
+          d="M11.427 5.693c0-.78.631-1.41 1.412-1.41a1.41 1.41 0 1 1 0 2.82h-1.412zm-.706 0c0 .78-.631 1.41-1.412 1.41a1.41 1.41 0 0 1-1.412-1.41V2.16c0-.78.631-1.41 1.412-1.41s1.412.63 1.412 1.41z"
         />
         <path
           fill="#ECB22E"
-          d="M12.409 15.236c1.04 0 1.88.842 1.88 1.883a1.88 1.88 0 1 1-3.76 0v-1.883h1.88Zm0-.941a1.88 1.88 0 0 1-1.88-1.883 1.88 1.88 0 0 1 1.88-1.883h4.713c1.04 0 1.88.842 1.88 1.883a1.88 1.88 0 0 1-1.88 1.883h-4.713Z"
+          d="M9.307 11.427c.78 0 1.41.631 1.41 1.412a1.41 1.41 0 1 1-2.82 0v-1.412zm0-.706a1.41 1.41 0 0 1-1.41-1.412c0-.78.63-1.412 1.41-1.412h3.534c.78 0 1.41.631 1.41 1.412s-.63 1.412-1.41 1.412z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/snooze.tsx b/packages/design-system/icons/src/components/snooze.tsx
index 3fc9ae39a3..83a91d30a2 100644
--- a/packages/design-system/icons/src/components/snooze.tsx
+++ b/packages/design-system/icons/src/components/snooze.tsx
@@ -5,19 +5,26 @@ const Snooze = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M11.833 7.894h4.565l-4.153 5.007h4.422M5.833 12.8h3.825l-3.421 4.124h3.641-3.641M3.333 2.867h5.523l-5.11 6.16h5.396"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M9.196 5.649h4.22l-3.84 4.63h4.09M3.647 10.186h3.537L4.02 14h3.368H4.02M1.334 1h5.108L1.716 6.697h4.99" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/sparkles-mini-solid.tsx b/packages/design-system/icons/src/components/sparkles-mini-solid.tsx
index 33d379aa79..8ab39859b4 100644
--- a/packages/design-system/icons/src/components/sparkles-mini-solid.tsx
+++ b/packages/design-system/icons/src/components/sparkles-mini-solid.tsx
@@ -5,17 +5,15 @@ const SparklesMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M8 5a.5.5 0 0 1 .48.363l.542 1.897a2.5 2.5 0 0 0 1.717 1.718l1.898.542a.5.5 0 0 1 0 .961l-1.898.542a2.5 2.5 0 0 0-1.717 1.718l-.542 1.897a.5.5 0 0 1-.961 0l-.542-1.897a2.5 2.5 0 0 0-1.718-1.718l-1.897-.542a.5.5 0 0 1 0-.961l1.897-.542A2.5 2.5 0 0 0 6.977 7.26l.542-1.897A.5.5 0 0 1 7.999 5Zm6-2a.5.5 0 0 1 .485.38l.172.69a1.753 1.753 0 0 0 1.273 1.273l.69.172a.5.5 0 0 1 0 .97l-.69.173a1.753 1.753 0 0 0-1.273 1.273l-.172.69a.5.5 0 0 1-.971 0l-.172-.69a1.75 1.75 0 0 0-1.273-1.273l-.691-.172a.5.5 0 0 1 0-.97l.69-.173a1.75 1.75 0 0 0 1.274-1.273l.172-.69a.5.5 0 0 1 .485-.38Zm-1 9a.5.5 0 0 1 .474.342l.263.79a1 1 0 0 0 .632.631l.788.264a.5.5 0 0 1 0 .948l-.788.263a1 1 0 0 0-.632.632l-.264.789a.5.5 0 0 1-.948 0l-.263-.79a1 1 0 0 0-.632-.631l-.789-.263a.5.5 0 0 1 0-.948l.789-.264a1 1 0 0 0 .632-.632l.263-.789a.5.5 0 0 1 .474-.341Z"
-          clipRule="evenodd"
+          d="m1.582 3.905 1.123.374.374 1.123a.446.446 0 0 0 .845 0l.374-1.123 1.122-.374a.445.445 0 0 0 0-.842l-1.122-.375-.374-1.122c-.122-.363-.722-.363-.844 0l-.374 1.122-1.123.375a.444.444 0 0 0 0 .842M13.418 11.063l-1.122-.375-.375-1.122c-.121-.363-.721-.363-.843 0l-.374 1.122-1.123.375a.444.444 0 0 0 0 .842l1.123.375.374 1.122a.446.446 0 0 0 .844 0l.374-1.122 1.123-.375a.445.445 0 0 0 0-.842M7.967 9.531l-1.801-.713-.713-1.802c-.202-.508-1.038-.508-1.24 0L3.5 8.818l-1.8.713a.668.668 0 0 0 0 1.24l1.8.712.713 1.802a.667.667 0 0 0 1.239 0l.713-1.802 1.8-.713a.667.667 0 0 0 .002-1.239M13.3 4.198l-1.8-.713-.714-1.802c-.201-.509-1.038-.509-1.24 0l-.713 1.802-1.8.713a.668.668 0 0 0 0 1.239l1.8.713.713 1.801a.667.667 0 0 0 1.24 0l.712-1.801 1.801-.713a.668.668 0 0 0 .001-1.24"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/sparkles-mini.tsx b/packages/design-system/icons/src/components/sparkles-mini.tsx
index 243ec81e5b..580e5cd12a 100644
--- a/packages/design-system/icons/src/components/sparkles-mini.tsx
+++ b/packages/design-system/icons/src/components/sparkles-mini.tsx
@@ -5,18 +5,23 @@ const SparklesMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
+        <path
+          stroke={color}
+          strokeWidth={1.5}
+          d="m3.584 2.926.119.355.355.119.253.084-.252.084-.356.119-.118.355-.085.255-.085-.255-.119-.355-.355-.119-.252-.084.252-.084.355-.119.119-.355.085-.254zM12.058 11.4l.253.084-.252.084-.355.119-.12.355-.084.255-.085-.255-.119-.355-.355-.119-.252-.084.252-.084.355-.119.119-.356.085-.253.084.253.119.356z"
+        />
         <path
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M8.542 12.603 8 14.5l-.542-1.897a3 3 0 0 0-2.06-2.06L3.5 10l1.897-.542a3 3 0 0 0 2.06-2.06L8 5.5l.542 1.897a3 3 0 0 0 2.06 2.06L12.5 10l-1.897.542a3 3 0 0 0-2.06 2.06h-.001Zm5.63-4.793L14 8.5l-.173-.69a2.25 2.25 0 0 0-1.636-1.637L11.5 6l.69-.173a2.25 2.25 0 0 0 1.637-1.637L14 3.5l.173.69a2.25 2.25 0 0 0 1.637 1.637L16.5 6l-.69.173a2.25 2.25 0 0 0-1.637 1.637Zm-.91 7.901L13 16.5l-.263-.789a1.5 1.5 0 0 0-.948-.948L11 14.5l.789-.263a1.5 1.5 0 0 0 .948-.948L13 12.5l.263.789a1.5 1.5 0 0 0 .948.948L15 14.5l-.789.263a1.5 1.5 0 0 0-.948.948Z"
+          d="m4.833 7.262.819 2.07 2.07.819-2.07.818-.819 2.07-.818-2.07-2.07-.818 2.07-.82zM10.167 1.928l.818 2.07 2.07.82-2.07.818-.818 2.07-.819-2.07-2.07-.819L9.348 4z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/sparkles-solid.tsx b/packages/design-system/icons/src/components/sparkles-solid.tsx
index a148a658fc..b0290a345b 100644
--- a/packages/design-system/icons/src/components/sparkles-solid.tsx
+++ b/packages/design-system/icons/src/components/sparkles-solid.tsx
@@ -5,17 +5,15 @@ const SparklesSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M7.5 3.75a.625.625 0 0 1 .6.453l.678 2.372a3.125 3.125 0 0 0 2.147 2.147l2.372.677a.625.625 0 0 1 0 1.202l-2.372.677a3.125 3.125 0 0 0-2.147 2.147l-.677 2.372a.625.625 0 0 1-1.202 0l-.677-2.372a3.125 3.125 0 0 0-2.147-2.147l-2.372-.677a.624.624 0 0 1 0-1.202l2.372-.677a3.125 3.125 0 0 0 2.147-2.147l.677-2.372A.625.625 0 0 1 7.5 3.75Zm7.5-2.5a.625.625 0 0 1 .607.473l.215.864a2.191 2.191 0 0 0 1.591 1.591l.864.215a.625.625 0 0 1 0 1.214l-.864.215a2.191 2.191 0 0 0-1.591 1.591l-.215.864a.625.625 0 0 1-1.214 0l-.215-.864a2.187 2.187 0 0 0-1.591-1.591l-.864-.215a.625.625 0 0 1 0-1.214l.864-.215a2.187 2.187 0 0 0 1.591-1.591l.215-.864A.626.626 0 0 1 15 1.25ZM13.75 12.5a.625.625 0 0 1 .593.428l.329.985c.125.373.416.666.79.79l.986.33a.626.626 0 0 1 0 1.185l-.986.329a1.25 1.25 0 0 0-.79.79l-.33.986a.625.625 0 0 1-1.184 0l-.33-.986a1.25 1.25 0 0 0-.79-.79l-.986-.33a.625.625 0 0 1 0-1.184l.986-.33a1.25 1.25 0 0 0 .79-.79l.33-.986a.624.624 0 0 1 .592-.427Z"
-          clipRule="evenodd"
+          d="m1.582 3.905 1.123.375.374 1.122a.446.446 0 0 0 .844 0l.375-1.122 1.122-.375a.444.444 0 0 0 0-.842l-1.122-.375-.375-1.122c-.121-.363-.721-.363-.843 0l-.374 1.122-1.123.375a.444.444 0 0 0-.001.842M13.418 11.063l-1.122-.375-.375-1.122c-.121-.363-.721-.363-.843 0l-.374 1.122-1.123.375a.444.444 0 0 0 0 .842l1.123.375.374 1.122a.446.446 0 0 0 .844 0l.374-1.122 1.123-.375a.445.445 0 0 0 0-.842M7.967 9.531l-1.801-.713-.713-1.802c-.202-.508-1.038-.508-1.24 0L3.5 8.818l-1.8.713a.668.668 0 0 0 0 1.24l1.8.712.713 1.802a.667.667 0 0 0 1.239 0l.713-1.802 1.8-.713a.667.667 0 0 0 .002-1.239M13.3 4.198l-1.8-.713-.714-1.802c-.201-.508-1.038-.508-1.24 0l-.713 1.802-1.8.713a.668.668 0 0 0 0 1.239l1.8.713.713 1.802a.667.667 0 0 0 1.24 0l.712-1.802 1.801-.713a.668.668 0 0 0 .001-1.24"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/sparkles.tsx b/packages/design-system/icons/src/components/sparkles.tsx
index 7a2bd2bd6c..bdf08ce5c4 100644
--- a/packages/design-system/icons/src/components/sparkles.tsx
+++ b/packages/design-system/icons/src/components/sparkles.tsx
@@ -5,18 +5,23 @@ const Sparkles = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
+        <path
+          stroke={color}
+          strokeWidth={1.5}
+          d="m3.584 2.926.119.355.355.119.253.084-.252.084-.356.119-.118.355-.085.255-.085-.255-.119-.355-.355-.119-.252-.084.252-.084.355-.119.119-.355.085-.254zM12.058 11.4l.253.084-.252.084-.355.119-.12.355-.084.255-.085-.255-.119-.355-.355-.119-.252-.084.252-.084.355-.119.119-.355.085-.254.084.254.119.355z"
+        />
         <path
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M8.178 13.253 7.5 15.625l-.678-2.372a3.75 3.75 0 0 0-2.575-2.575L1.875 10l2.372-.678a3.75 3.75 0 0 0 2.575-2.574L7.5 4.374l.678 2.372a3.75 3.75 0 0 0 2.574 2.575l2.373.678-2.372.678a3.75 3.75 0 0 0-2.575 2.574v.001Zm7.038-5.99L15 8.124l-.216-.862a2.813 2.813 0 0 0-2.046-2.047L11.875 5l.863-.216a2.813 2.813 0 0 0 2.046-2.046L15 1.874l.216.862a2.813 2.813 0 0 0 2.046 2.047l.863.216-.863.216a2.812 2.812 0 0 0-2.046 2.046Zm-1.138 9.876-.328.986-.328-.986a1.875 1.875 0 0 0-1.186-1.186l-.986-.328.986-.328a1.875 1.875 0 0 0 1.186-1.186l.328-.986.328.986a1.875 1.875 0 0 0 1.186 1.186l.986.328-.986.328a1.875 1.875 0 0 0-1.186 1.186Z"
+          d="m4.833 7.262.819 2.07 2.07.819-2.07.818-.819 2.07-.818-2.07-2.07-.818 2.07-.819zM10.167 1.928l.818 2.07 2.07.82-2.07.818-.818 2.07-.819-2.07-2.07-.819L9.348 4z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/spinner.tsx b/packages/design-system/icons/src/components/spinner.tsx
index 96f6c12e1c..d26b4fad84 100644
--- a/packages/design-system/icons/src/components/spinner.tsx
+++ b/packages/design-system/icons/src/components/spinner.tsx
@@ -5,16 +5,33 @@ const Spinner = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M14.865 14.865c.437.437.441 1.154-.053 1.526A8 8 0 1 1 9.634 2.008c.618-.028 1.072.527 1.014 1.143-.059.615-.609 1.056-1.224 1.118a5.76 5.76 0 1 0 3.785 10.514c.514-.345 1.219-.355 1.656.082Z"
-        />
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M7.667 1.056v2.222" />
+          <path d="m12.224 2.943-1.572 1.571" opacity={0.88} />
+          <path d="M14.111 7.5H11.89" opacity={0.75} />
+          <path d="m12.224 12.057-1.572-1.571" opacity={0.63} />
+          <path d="M7.667 13.945v-2.223" opacity={0.5} />
+          <path d="m3.11 12.057 1.57-1.571" opacity={0.38} />
+          <path d="M1.222 7.5h2.222" opacity={0.25} />
+          <path d="m3.11 2.943 1.57 1.571" opacity={0.13} />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-blue-solid.tsx b/packages/design-system/icons/src/components/square-blue-solid.tsx
index 4005f485f5..ff577c2f60 100644
--- a/packages/design-system/icons/src/components/square-blue-solid.tsx
+++ b/packages/design-system/icons/src/components/square-blue-solid.tsx
@@ -5,47 +5,22 @@ const SquareBlueSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={8} height={8} x={6} y={6} fill="#2563EB" rx={2} />
-        </g>
-        <defs>
-          <filter
-            id="a"
-            width={8}
-            height={8}
-            x={6}
-            y={6}
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feMorphology
-              in="SourceAlpha"
-              radius={1}
-              result="effect1_innerShadow_6173_13258"
-            />
-            <feOffset />
-            <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
-            <feBlend in2="shape" result="effect1_innerShadow_6173_13258" />
-          </filter>
-        </defs>
+        <rect width={8} height={8} x={3.5} y={3.5} fill="#3B82F6" rx={2} />
+        <rect
+          width={7}
+          height={7}
+          x={4}
+          y={4}
+          stroke={color}
+          strokeOpacity={0.12}
+          rx={1.5}
+        />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-green-solid.tsx b/packages/design-system/icons/src/components/square-green-solid.tsx
index c86be16734..43ac6e4dc5 100644
--- a/packages/design-system/icons/src/components/square-green-solid.tsx
+++ b/packages/design-system/icons/src/components/square-green-solid.tsx
@@ -5,47 +5,22 @@ const SquareGreenSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={8} height={8} x={6} y={6} fill="#059669" rx={2} />
-        </g>
-        <defs>
-          <filter
-            id="a"
-            width={8}
-            height={8}
-            x={6}
-            y={6}
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feMorphology
-              in="SourceAlpha"
-              radius={1}
-              result="effect1_innerShadow_6166_953"
-            />
-            <feOffset />
-            <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
-            <feBlend in2="shape" result="effect1_innerShadow_6166_953" />
-          </filter>
-        </defs>
+        <rect width={8} height={8} x={3.5} y={3.5} fill="#10B981" rx={2} />
+        <rect
+          width={7}
+          height={7}
+          x={4}
+          y={4}
+          stroke={color}
+          strokeOpacity={0.12}
+          rx={1.5}
+        />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-grey-solid.tsx b/packages/design-system/icons/src/components/square-grey-solid.tsx
index 84606e329c..44d73db761 100644
--- a/packages/design-system/icons/src/components/square-grey-solid.tsx
+++ b/packages/design-system/icons/src/components/square-grey-solid.tsx
@@ -5,47 +5,22 @@ const SquareGreySolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={8} height={8} x={6} y={6} fill="#6B7280" rx={2} />
-        </g>
-        <defs>
-          <filter
-            id="a"
-            width={8}
-            height={8}
-            x={6}
-            y={6}
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feMorphology
-              in="SourceAlpha"
-              radius={1}
-              result="effect1_innerShadow_6166_956"
-            />
-            <feOffset />
-            <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
-            <feBlend in2="shape" result="effect1_innerShadow_6166_956" />
-          </filter>
-        </defs>
+        <rect width={8} height={8} x={3.5} y={3.5} fill="#A1A1AA" rx={2} />
+        <rect
+          width={7}
+          height={7}
+          x={4}
+          y={4}
+          stroke={color}
+          strokeOpacity={0.12}
+          rx={1.5}
+        />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-orange-solid.tsx b/packages/design-system/icons/src/components/square-orange-solid.tsx
index 89ea871c50..f2cec51cdc 100644
--- a/packages/design-system/icons/src/components/square-orange-solid.tsx
+++ b/packages/design-system/icons/src/components/square-orange-solid.tsx
@@ -5,47 +5,22 @@ const SquareOrangeSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={8} height={8} x={6} y={6} fill="#D97706" rx={2} />
-        </g>
-        <defs>
-          <filter
-            id="a"
-            width={8}
-            height={8}
-            x={6}
-            y={6}
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feMorphology
-              in="SourceAlpha"
-              radius={1}
-              result="effect1_innerShadow_6166_954"
-            />
-            <feOffset />
-            <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
-            <feBlend in2="shape" result="effect1_innerShadow_6166_954" />
-          </filter>
-        </defs>
+        <rect width={8} height={8} x={3.5} y={3.5} fill="#F97316" rx={2} />
+        <rect
+          width={7}
+          height={7}
+          x={4}
+          y={4}
+          stroke={color}
+          strokeOpacity={0.12}
+          rx={1.5}
+        />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-purple-solid.tsx b/packages/design-system/icons/src/components/square-purple-solid.tsx
index b79bb6cefd..e92249fba8 100644
--- a/packages/design-system/icons/src/components/square-purple-solid.tsx
+++ b/packages/design-system/icons/src/components/square-purple-solid.tsx
@@ -5,47 +5,22 @@ const SquarePurpleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={8} height={8} x={6} y={6} fill="#7C3AED" rx={2} />
-        </g>
-        <defs>
-          <filter
-            id="a"
-            width={8}
-            height={8}
-            x={6}
-            y={6}
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feMorphology
-              in="SourceAlpha"
-              radius={1}
-              result="effect1_innerShadow_6173_13257"
-            />
-            <feOffset />
-            <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
-            <feBlend in2="shape" result="effect1_innerShadow_6173_13257" />
-          </filter>
-        </defs>
+        <rect width={8} height={8} x={3.5} y={3.5} fill="#8B5CF6" rx={2} />
+        <rect
+          width={7}
+          height={7}
+          x={4}
+          y={4}
+          stroke={color}
+          strokeOpacity={0.12}
+          rx={1.5}
+        />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-red-solid.tsx b/packages/design-system/icons/src/components/square-red-solid.tsx
index 6dcde7efd5..df33a4c63f 100644
--- a/packages/design-system/icons/src/components/square-red-solid.tsx
+++ b/packages/design-system/icons/src/components/square-red-solid.tsx
@@ -5,47 +5,22 @@ const SquareRedSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <g filter="url(#a)">
-          <rect width={8} height={8} x={6} y={6} fill="#E11D48" rx={2} />
-        </g>
-        <defs>
-          <filter
-            id="a"
-            width={8}
-            height={8}
-            x={6}
-            y={6}
-            colorInterpolationFilters="sRGB"
-            filterUnits="userSpaceOnUse"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feBlend
-              in="SourceGraphic"
-              in2="BackgroundImageFix"
-              result="shape"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              result="hardAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            />
-            <feMorphology
-              in="SourceAlpha"
-              radius={1}
-              result="effect1_innerShadow_6166_955"
-            />
-            <feOffset />
-            <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" />
-            <feBlend in2="shape" result="effect1_innerShadow_6166_955" />
-          </filter>
-        </defs>
+        <rect width={8} height={8} x={3.5} y={3.5} fill="#F43F5E" rx={2} />
+        <rect
+          width={7}
+          height={7}
+          x={4}
+          y={4}
+          stroke={color}
+          strokeOpacity={0.12}
+          rx={1.5}
+        />
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-two-stack-mini.tsx b/packages/design-system/icons/src/components/square-two-stack-mini.tsx
index c3553a36fa..aabada71fd 100644
--- a/packages/design-system/icons/src/components/square-two-stack-mini.tsx
+++ b/packages/design-system/icons/src/components/square-two-stack-mini.tsx
@@ -5,19 +5,27 @@ const SquareTwoStackMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.276 7.27V5.632a1.638 1.638 0 0 0-1.638-1.638H5.632a1.638 1.638 0 0 0-1.638 1.638v6.006a1.638 1.638 0 0 0 1.638 1.638H7.27m6.006-6.006h1.092a1.638 1.638 0 0 1 1.638 1.638v5.46a1.638 1.638 0 0 1-1.638 1.638h-5.46a1.638 1.638 0 0 1-1.638-1.638v-1.092m6.006-6.006H8.908A1.638 1.638 0 0 0 7.27 8.908v4.368"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.167 4.166H5.944c-.981 0-1.777.796-1.777 1.778v6.222c0 .982.796 1.778 1.777 1.778h6.223c.982 0 1.777-.796 1.777-1.778V5.944c0-.982-.796-1.778-1.777-1.778" />
+          <path d="M1.99 10.165 1.075 4.01a1.78 1.78 0 0 1 1.497-2.02l6.155-.914a1.78 1.78 0 0 1 1.909 1.091" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/square-two-stack-solid.tsx b/packages/design-system/icons/src/components/square-two-stack-solid.tsx
index 282e17633c..f2653e8669 100644
--- a/packages/design-system/icons/src/components/square-two-stack-solid.tsx
+++ b/packages/design-system/icons/src/components/square-two-stack-solid.tsx
@@ -5,19 +5,15 @@ const SquareTwoStackSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M2 4.25A2.25 2.25 0 0 1 4.25 2h6.5A2.25 2.25 0 0 1 13 4.25V5.5H9.25A3.75 3.75 0 0 0 5.5 9.25V13H4.25A2.25 2.25 0 0 1 2 10.75v-6.5Z"
-        />
-        <path
-          fill={color}
-          d="M9.25 7A2.25 2.25 0 0 0 7 9.25v6.5A2.25 2.25 0 0 0 9.25 18h6.5A2.25 2.25 0 0 0 18 15.75v-6.5A2.25 2.25 0 0 0 15.75 7h-6.5Z"
+          d="M12.167 4.833h-2v-2c0-.857-.698-1.555-1.556-1.555H2.833c-.857 0-1.555.698-1.555 1.555v5.778c0 .858.698 1.556 1.555 1.556h2v2c0 .857.698 1.555 1.556 1.555h5.778c.857 0 1.555-.697 1.555-1.555V6.389c0-.858-.697-1.556-1.555-1.556"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/square-two-stack.tsx b/packages/design-system/icons/src/components/square-two-stack.tsx
index aadaa4d256..05b469ea7e 100644
--- a/packages/design-system/icons/src/components/square-two-stack.tsx
+++ b/packages/design-system/icons/src/components/square-two-stack.tsx
@@ -5,19 +5,27 @@ const SquareTwoStack = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M13.75 6.875V5a1.875 1.875 0 0 0-1.875-1.875H5A1.875 1.875 0 0 0 3.125 5v6.875A1.875 1.875 0 0 0 5 13.75h1.875m6.875-6.875H15a1.875 1.875 0 0 1 1.875 1.875V15A1.875 1.875 0 0 1 15 16.875H8.75A1.875 1.875 0 0 1 6.875 15v-1.25m6.875-6.875h-5A1.875 1.875 0 0 0 6.875 8.75v5"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M12.167 4.167H5.944c-.981 0-1.777.796-1.777 1.777v6.223c0 .982.796 1.777 1.777 1.777h6.223c.982 0 1.777-.796 1.777-1.777V5.944c0-.981-.796-1.777-1.777-1.777" />
+          <path d="M1.99 10.165 1.075 4.01a1.78 1.78 0 0 1 1.497-2.02l6.155-.914a1.78 1.78 0 0 1 1.909 1.092" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/squares-plus-solid.tsx b/packages/design-system/icons/src/components/squares-plus-solid.tsx
index 55e5d1b67b..fdc7eda771 100644
--- a/packages/design-system/icons/src/components/squares-plus-solid.tsx
+++ b/packages/design-system/icons/src/components/squares-plus-solid.tsx
@@ -5,15 +5,15 @@ const SquaresPlusSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M2 4.25A2.25 2.25 0 0 1 4.25 2h2.5A2.25 2.25 0 0 1 9 4.25v2.5A2.25 2.25 0 0 1 6.75 9h-2.5A2.25 2.25 0 0 1 2 6.75v-2.5Zm0 9A2.25 2.25 0 0 1 4.25 11h2.5A2.25 2.25 0 0 1 9 13.25v2.5A2.25 2.25 0 0 1 6.75 18h-2.5A2.25 2.25 0 0 1 2 15.75v-2.5Zm9-9A2.25 2.25 0 0 1 13.25 2h2.5A2.25 2.25 0 0 1 18 4.25v2.5A2.25 2.25 0 0 1 15.75 9h-2.5A2.25 2.25 0 0 1 11 6.75v-2.5Zm4.25 7.5a.75.75 0 1 0-1.5 0v2h-2a.75.75 0 1 0 0 1.5h2v2a.75.75 0 1 0 1.5 0v-2h2a.75.75 0 1 0 0-1.5h-2v-2Z"
+          d="M5.056 1.278H2.833c-.859 0-1.555.696-1.555 1.555v2.223c0 .859.696 1.555 1.555 1.555h2.223c.859 0 1.555-.696 1.555-1.555V2.833c0-.859-.696-1.555-1.555-1.555M12.167 1.278H9.944c-.859 0-1.555.696-1.555 1.555v2.223c0 .859.696 1.555 1.555 1.555h2.223c.859 0 1.555-.696 1.555-1.555V2.833c0-.859-.696-1.555-1.555-1.555M5.056 8.389H2.833c-.859 0-1.555.696-1.555 1.555v2.223c0 .859.696 1.555 1.555 1.555h2.223c.859 0 1.555-.696 1.555-1.555V9.944c0-.859-.696-1.555-1.555-1.555M13.278 10.167h-1.556V8.61a.667.667 0 0 0-1.333 0v1.556H8.833a.667.667 0 0 0 0 1.333h1.556v1.556a.667.667 0 0 0 1.333 0V11.5h1.556a.667.667 0 0 0 0-1.333"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/squares-plus.tsx b/packages/design-system/icons/src/components/squares-plus.tsx
index db08ec6115..299f3babe8 100644
--- a/packages/design-system/icons/src/components/squares-plus.tsx
+++ b/packages/design-system/icons/src/components/squares-plus.tsx
@@ -5,8 +5,8 @@ const SquaresPlus = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const SquaresPlus = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M11.25 14.063h2.813m0 0h2.812m-2.813 0V11.25m0 2.813v2.812M5 8.75h1.875A1.875 1.875 0 0 0 8.75 6.875V5a1.875 1.875 0 0 0-1.875-1.875H5A1.875 1.875 0 0 0 3.125 5v1.875A1.875 1.875 0 0 0 5 8.75v0Zm0 8.125h1.875A1.875 1.875 0 0 0 8.75 15v-1.875a1.875 1.875 0 0 0-1.875-1.875H5a1.875 1.875 0 0 0-1.875 1.875V15A1.875 1.875 0 0 0 5 16.875Zm8.125-8.125H15a1.875 1.875 0 0 0 1.875-1.875V5A1.875 1.875 0 0 0 15 3.125h-1.875A1.875 1.875 0 0 0 11.25 5v1.875a1.875 1.875 0 0 0 1.875 1.875v0Z"
+          d="M5.056 1.944H2.833a.89.89 0 0 0-.889.89v2.221c0 .491.398.89.89.89h2.222c.49 0 .888-.399.888-.89V2.833a.89.89 0 0 0-.888-.889M12.167 1.944H9.944a.89.89 0 0 0-.888.89v2.221c0 .491.398.89.888.89h2.223c.49 0 .889-.399.889-.89V2.833a.89.89 0 0 0-.89-.889M5.056 9.056H2.833a.89.89 0 0 0-.889.889v2.222c0 .49.398.889.89.889h2.222c.49 0 .888-.398.888-.89V9.946a.89.89 0 0 0-.888-.89M11.056 8.611v4.445M13.278 10.833H8.833"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/star-solid.tsx b/packages/design-system/icons/src/components/star-solid.tsx
index b2b4c4479c..d22f8b227f 100644
--- a/packages/design-system/icons/src/components/star-solid.tsx
+++ b/packages/design-system/icons/src/components/star-solid.tsx
@@ -5,18 +5,23 @@ const StarSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M8.99 2.675c.373-.898 1.647-.898 2.02 0l1.735 4.172 4.503.361c.97.078 1.364 1.288.624 1.921l-3.43 2.94 1.047 4.393c.226.947-.803 1.695-1.633 1.188L10 15.295 6.144 17.65c-.83.507-1.859-.242-1.633-1.188l1.047-4.394-3.43-2.939c-.74-.633-.346-1.843.624-1.92l4.503-.362L8.99 2.676v-.001Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M14.578 5.532a.67.67 0 0 0-.538-.453l-4.106-.597L8.097.76c-.224-.455-.971-.455-1.195 0L5.065 4.481.96 5.078a.667.667 0 0 0-.37 1.137L3.562 9.11 2.86 13.2a.667.667 0 0 0 .967.702L7.5 11.973l3.673 1.931a.66.66 0 0 0 .702-.05.67.67 0 0 0 .265-.653l-.702-4.09 2.971-2.895a.67.67 0 0 0 .17-.684z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/star.tsx b/packages/design-system/icons/src/components/star.tsx
index 84ca81fb8b..d5781bbaa1 100644
--- a/packages/design-system/icons/src/components/star.tsx
+++ b/packages/design-system/icons/src/components/star.tsx
@@ -5,19 +5,26 @@ const Star = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M9.567 2.916a.468.468 0 0 1 .866 0l1.771 4.259a.468.468 0 0 0 .396.287l4.598.369a.469.469 0 0 1 .268.823l-3.504 3.002a.47.47 0 0 0-.151.464l1.07 4.488a.468.468 0 0 1-.7.508l-3.937-2.404a.47.47 0 0 0-.488 0l-3.938 2.405a.468.468 0 0 1-.7-.509L6.19 12.12a.468.468 0 0 0-.151-.464L2.534 8.654a.47.47 0 0 1 .268-.823L7.4 7.462a.47.47 0 0 0 .396-.287l1.77-4.258v-.001Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M7.5 1.056 9.491 5.09l4.453.647-3.222 3.142.761 4.434L7.5 11.22l-3.983 2.093.76-4.434-3.221-3.142 4.453-.647z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/stopwatch.tsx b/packages/design-system/icons/src/components/stopwatch.tsx
index 2d1299f875..ec06180a13 100644
--- a/packages/design-system/icons/src/components/stopwatch.tsx
+++ b/packages/design-system/icons/src/components/stopwatch.tsx
@@ -5,8 +5,8 @@ const Stopwatch = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Stopwatch = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M7.75 2.25h4.5M10 2.25v2.5M10 17.25a6.25 6.25 0 1 0 0-12.5 6.25 6.25 0 0 0 0 12.5ZM7.702 8.702 10 11M15.25 3.75l2 2"
+          d="M5.625 1.042h3.75M7.5 1.042v2.083M7.5 13.542a5.208 5.208 0 1 0 0-10.417 5.208 5.208 0 0 0 0 10.417M5.585 6.418 7.5 8.333M11.875 2.292l1.667 1.666"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/stripe.tsx b/packages/design-system/icons/src/components/stripe.tsx
index 5002dd46c1..86bc331ca7 100644
--- a/packages/design-system/icons/src/components/stripe.tsx
+++ b/packages/design-system/icons/src/components/stripe.tsx
@@ -5,8 +5,8 @@ const Stripe = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const Stripe = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
         <path
           fill="#6772E5"
           fillRule="evenodd"
-          d="M8.794 6.555c0-.728.606-1.01 1.584-1.01 1.62.036 3.209.447 4.642 1.202V2.353a12.317 12.317 0 0 0-4.642-.852c-3.772 0-6.301 1.975-6.301 5.274 0 5.162 7.088 4.324 7.088 6.549 0 .87-.744 1.14-1.79 1.14-1.544 0-3.537-.639-5.1-1.489v4.45c1.609.701 3.344 1.067 5.1 1.075 3.876 0 6.548-1.915 6.548-5.271 0-5.571-7.129-4.576-7.129-6.673v-.001Z"
+          d="M6.596 4.916c0-.546.454-.757 1.188-.757a7.8 7.8 0 0 1 3.481.901V1.765a9.2 9.2 0 0 0-3.481-.64c-2.829 0-4.726 1.482-4.726 3.957 0 3.87 5.316 3.242 5.316 4.91 0 .653-.558.856-1.343.856-1.158 0-2.653-.48-3.825-1.117v3.338c1.207.526 2.509.8 3.825.806 2.908 0 4.912-1.436 4.912-3.954 0-4.178-5.347-3.431-5.347-5.004"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/sun-solid.tsx b/packages/design-system/icons/src/components/sun-solid.tsx
index e560552437..30093ff225 100644
--- a/packages/design-system/icons/src/components/sun-solid.tsx
+++ b/packages/design-system/icons/src/components/sun-solid.tsx
@@ -5,16 +5,20 @@ const SunSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M10 1.875a.625.625 0 0 1 .625.625v1.875a.625.625 0 1 1-1.25 0V2.5A.625.625 0 0 1 10 1.875ZM6.25 10a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0Zm9.495-4.862a.625.625 0 0 0-.883-.883L13.536 5.58a.625.625 0 1 0 .883.884l1.326-1.326ZM18.125 10a.624.624 0 0 1-.625.625h-1.875a.624.624 0 1 1 0-1.25H17.5a.625.625 0 0 1 .625.625Zm-3.263 5.745a.625.625 0 0 0 .883-.883l-1.325-1.326a.625.625 0 1 0-.884.883l1.326 1.326ZM10 15a.624.624 0 0 1 .625.625V17.5a.624.624 0 1 1-1.25 0v-1.875A.625.625 0 0 1 10 15Zm-3.535-.58a.625.625 0 0 0-.884-.884L4.255 14.86a.625.625 0 0 0 .883.884l1.326-1.325h.001ZM5 10a.625.625 0 0 1-.625.625H2.5a.625.625 0 1 1 0-1.25h1.875A.625.625 0 0 1 5 10Zm.58-3.536a.625.625 0 0 0 .884-.883L5.14 4.255a.625.625 0 0 0-.884.883l1.326 1.326Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M7.5 2.333c.357 0 .646-.289.646-.646v-.86a.646.646 0 0 0-1.292 0v.86c0 .357.29.646.646.646M11.61 4.036a.64.64 0 0 0 .457-.19l.608-.608a.646.646 0 0 0-.913-.914l-.61.609a.646.646 0 0 0 .458 1.103M14.174 6.854h-.861a.646.646 0 0 0 0 1.292h.86a.646.646 0 0 0 0-1.292M12.067 11.154a.646.646 0 1 0-.914.913l.609.61a.644.644 0 0 0 .912 0 .646.646 0 0 0 0-.915l-.608-.608M7.5 12.667a.646.646 0 0 0-.646.646v.86a.646.646 0 0 0 1.292 0v-.86a.646.646 0 0 0-.646-.646M2.934 11.154l-.61.608a.646.646 0 0 0 .914.914l.608-.609a.646.646 0 0 0-.912-.913M2.333 7.5a.646.646 0 0 0-.645-.646H.826a.646.646 0 0 0 0 1.292h.862c.356 0 .645-.29.645-.646M2.933 3.846a.644.644 0 0 0 .913 0 .646.646 0 0 0 0-.913l-.609-.61a.646.646 0 1 0-.913.915zM7.5 11.806a4.306 4.306 0 1 0 0-8.611 4.306 4.306 0 0 0 0 8.61" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/sun.tsx b/packages/design-system/icons/src/components/sun.tsx
index b83fcb99b3..a6e10eeb44 100644
--- a/packages/design-system/icons/src/components/sun.tsx
+++ b/packages/design-system/icons/src/components/sun.tsx
@@ -5,19 +5,26 @@ const Sun = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M10 2.5v1.875m5.303.322-1.326 1.325M17.5 10h-1.875m-.322 5.303-1.326-1.326M10 15.625V17.5m-3.978-3.523-1.325 1.326M4.375 10H2.5m3.522-3.978L4.697 4.697M13.125 10a3.125 3.125 0 1 1-6.25 0 3.125 3.125 0 0 1 6.25 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 1.042v.833M12.067 2.933l-.59.59M13.958 7.5h-.833M12.067 12.067l-.59-.59M7.5 13.958v-.833M2.933 12.067l.59-.59M1.042 7.5h.833M2.933 2.933l.59.59M7.5 11.042a3.542 3.542 0 1 0 0-7.084 3.542 3.542 0 0 0 0 7.084" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/swatch-solid.tsx b/packages/design-system/icons/src/components/swatch-solid.tsx
index 3b3370f3b0..a41688f53a 100644
--- a/packages/design-system/icons/src/components/swatch-solid.tsx
+++ b/packages/design-system/icons/src/components/swatch-solid.tsx
@@ -5,8 +5,8 @@ const SwatchSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,12 +14,12 @@ const SwatchSolid = React.forwardRef<SVGSVGElement, IconProps>(
         <path
           fill={color}
           fillRule="evenodd"
-          d="M1.875 3.438c0-.864.7-1.563 1.563-1.563h4.374c.864 0 1.563.7 1.563 1.563v10.937a3.75 3.75 0 1 1-7.5 0V3.437Zm3.75 11.874a.938.938 0 1 0 0-1.875.938.938 0 0 0 0 1.876Z"
+          d="M1 2.25C1 1.56 1.56 1 2.25 1h3.5C6.44 1 7 1.56 7 2.25V11a3 3 0 1 1-6 0zm3 9.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
           clipRule="evenodd"
         />
         <path
           fill={color}
-          d="M8.932 18.125h7.63c.864 0 1.563-.7 1.563-1.563v-4.375c0-.863-.7-1.562-1.563-1.562h-.116L9.16 17.91c-.075.074-.15.146-.229.214Zm1.683-3.438 5.395-5.395a1.562 1.562 0 0 0 0-2.209L12.917 3.99a1.563 1.563 0 0 0-2.21 0l-.083.083v10.303c0 .105-.002.21-.008.312h-.001Z"
+          d="M6.646 14h6.104c.69 0 1.25-.56 1.25-1.25v-3.5C14 8.56 13.44 8 12.75 8h-.093l-5.828 5.829q-.09.089-.183.17m1.346-2.75 4.316-4.316a1.25 1.25 0 0 0 0-1.767L9.833 2.69a1.25 1.25 0 0 0-1.767 0l-.067.066V11q0 .126-.006.25z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/swatch.tsx b/packages/design-system/icons/src/components/swatch.tsx
index be44d758af..6281c69853 100644
--- a/packages/design-system/icons/src/components/swatch.tsx
+++ b/packages/design-system/icons/src/components/swatch.tsx
@@ -5,19 +5,26 @@ const Swatch = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M3.415 16.585a3.124 3.124 0 0 0 2.21.916m-2.21-.916a3.126 3.126 0 0 0 2.21.916m-2.21-.916a3.125 3.125 0 0 1-.915-2.21V3.437c0-.517.42-.937.938-.937h4.374c.518 0 .938.42.938.938V6.83M5.625 17.5a3.125 3.125 0 0 0 2.21-.916m-2.21.916c.829 0 1.624-.33 2.21-.916m-2.21.916 10.938-.001c.517 0 .937-.42.937-.938v-4.375a.938.938 0 0 0-.938-.937H13.17m-5.334 5.335 5.334-5.335m-5.334 5.335a3.125 3.125 0 0 0 .915-2.21V6.831m4.42 4.419 2.398-2.4a.935.935 0 0 0 0-1.325l-3.093-3.094a.937.937 0 0 0-1.325 0l-2.4 2.4m-3.125 7.544h.007v.007h-.007v-.007Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            stroke={color}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M1.793 13.207A2.7 2.7 0 0 0 3.708 14m-1.915-.793A2.7 2.7 0 0 0 3.708 14m-1.915-.793A2.7 2.7 0 0 1 1 11.29V1.812C1 1.364 1.364 1 1.813 1h3.791c.449 0 .813.364.813.812v2.941M3.708 14a2.7 2.7 0 0 0 1.916-.793M3.708 14a2.7 2.7 0 0 0 1.916-.793M3.708 14h9.48a.813.813 0 0 0 .812-.813V9.396a.813.813 0 0 0-.812-.813h-2.941m-4.623 4.624 4.623-4.624m-4.623 4.624a2.7 2.7 0 0 0 .793-1.916V4.753m3.83 3.83 2.079-2.08a.81.81 0 0 0 0-1.148L9.645 2.673a.81.81 0 0 0-1.148 0l-2.08 2.08m-2.709 6.538h.006v.006h-.006z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/tag-solid.tsx b/packages/design-system/icons/src/components/tag-solid.tsx
index 9406d3b6c0..ee8ed2bdc4 100644
--- a/packages/design-system/icons/src/components/tag-solid.tsx
+++ b/packages/design-system/icons/src/components/tag-solid.tsx
@@ -5,17 +5,15 @@ const TagSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          fillRule="evenodd"
-          d="M4.782 2A2.782 2.782 0 0 0 2 4.782v3.204c0 .737.293 1.444.815 1.966l7.233 7.233a2.782 2.782 0 0 0 3.934 0l3.203-3.203a2.784 2.784 0 0 0 0-3.934L9.952 2.815A2.782 2.782 0 0 0 7.987 2H4.782Zm.556 4.451a1.113 1.113 0 1 0 0-2.226 1.113 1.113 0 0 0 0 2.226Z"
-          clipRule="evenodd"
+          d="M13.603 6.66 8.492 1.55A2.43 2.43 0 0 0 6.764.833H2.389C1.53.833.833 1.531.833 2.39v4.374c0 .653.254 1.267.717 1.729l5.11 5.111a2.44 2.44 0 0 0 1.729.715c.626 0 1.251-.238 1.728-.715l3.486-3.486a2.42 2.42 0 0 0 .716-1.728c0-.653-.254-1.267-.716-1.728m-8.548-.493a1.113 1.113 0 0 1-1.11-1.111c0-.613.498-1.112 1.11-1.112s1.112.5 1.112 1.112-.5 1.11-1.112 1.11"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/tag.tsx b/packages/design-system/icons/src/components/tag.tsx
index b16e085b93..b7d50fa8d0 100644
--- a/packages/design-system/icons/src/components/tag.tsx
+++ b/packages/design-system/icons/src/components/tag.tsx
@@ -5,26 +5,25 @@ const Tag = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M7.973 2.5H4.375A1.875 1.875 0 0 0 2.5 4.375v3.598c0 .498.197.975.55 1.326l7.983 7.984c.583.583 1.484.727 2.173.275a15.078 15.078 0 0 0 4.352-4.352c.452-.69.308-1.59-.275-2.173L9.3 3.05a1.875 1.875 0 0 0-1.327-.55Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={2}
-          d="M6 6h.006v.006H6V6Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            fillRule="evenodd"
+            d="M2.25 2.389a.14.14 0 0 1 .139-.139h4.375c.272 0 .534.108.727.301l5.11 5.111a1.027 1.027 0 0 1 0 1.453l-3.486 3.487a1.027 1.027 0 0 1-1.453 0L2.552 7.49a1.03 1.03 0 0 1-.302-.727zM2.389.75A1.64 1.64 0 0 0 .75 2.389v4.375c0 .67.267 1.313.74 1.787l5.112 5.111a2.527 2.527 0 0 0 3.574 0l3.486-3.486a2.527 2.527 0 0 0 0-3.574L8.552 1.49A2.53 2.53 0 0 0 6.763.75zm3.778 4.305a1.111 1.111 0 1 1-2.223 0 1.111 1.111 0 0 1 2.223 0"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/tailwind.tsx b/packages/design-system/icons/src/components/tailwind.tsx
index ca8b194f90..f87557505b 100644
--- a/packages/design-system/icons/src/components/tailwind.tsx
+++ b/packages/design-system/icons/src/components/tailwind.tsx
@@ -5,33 +5,25 @@ const Tailwind = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <mask
-          id="a"
-          width={18}
-          height={12}
-          x={1}
-          y={4}
-          maskUnits="userSpaceOnUse"
-          style={{
-            maskType: "luminance",
-          }}
-        >
-          <path fill="#fff" d="M1 4.6h18v10.8H1V4.6Z" />
-        </mask>
-        <g mask="url(#a)">
+        <g clipPath="url(#a)">
           <path
             fill="#38BDF8"
             fillRule="evenodd"
-            d="M10 4.6c-2.4 0-3.9 1.2-4.5 3.6.9-1.2 1.95-1.65 3.15-1.35.685.171 1.174.668 1.716 1.218C11.248 8.963 12.269 10 14.5 10c2.4 0 3.9-1.2 4.5-3.6-.9 1.2-1.95 1.65-3.15 1.35-.685-.17-1.174-.668-1.716-1.218C13.252 5.637 12.231 4.6 10 4.6ZM5.5 10c-2.4 0-3.9 1.2-4.5 3.6.9-1.2 1.95-1.65 3.15-1.35.685.171 1.174.668 1.716 1.218.882.895 1.903 1.932 4.134 1.932 2.4 0 3.9-1.2 4.5-3.6-.9 1.2-1.95 1.65-3.15 1.35-.685-.17-1.174-.668-1.716-1.218C8.752 11.037 7.731 10 5.5 10Z"
+            d="M7.5 3q-3 0-3.75 3 1.125-1.5 2.625-1.125c.57.143.978.557 1.43 1.015.735.746 1.586 1.61 3.445 1.61q3 0 3.75-3-1.125 1.5-2.625 1.125c-.57-.143-.978-.557-1.43-1.015C10.21 3.864 9.36 3 7.5 3M3.75 7.5q-3 0-3.75 3Q1.125 9 2.625 9.375c.57.143.978.557 1.43 1.015C4.79 11.136 5.64 12 7.5 12q3 0 3.75-3-1.125 1.5-2.625 1.125c-.57-.143-.978-.557-1.43-1.015C6.46 8.364 5.61 7.5 3.75 7.5"
             clipRule="evenodd"
           />
         </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/text.tsx b/packages/design-system/icons/src/components/text.tsx
index 623b67bade..27db970e16 100644
--- a/packages/design-system/icons/src/components/text.tsx
+++ b/packages/design-system/icons/src/components/text.tsx
@@ -5,19 +5,27 @@ const Text = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M2.572 12.355h6.493M5.826 4.823l-3.96 9.18M9.771 14.003l-3.945-9.18M18.134 8.451v5.538M17.319 9.253a2.784 2.784 0 1 1-3.938 3.937 2.784 2.784 0 0 1 3.938-3.937Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.783 11.278 4.609 3.722h-.158l-3.173 7.556M2.024 9.5h5.012M9.93 6.82c.432-.466 1.047-.653 1.672-.653 1.048 0 1.897.85 1.897 1.897v3.214" />
+          <path d="M11.056 8.611H13.5v.222a2.445 2.445 0 0 1-2.444 2.445 1.334 1.334 0 0 1 0-2.667" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/thumb-down.tsx b/packages/design-system/icons/src/components/thumb-down.tsx
index fbc819e2b2..37e1ed8d69 100644
--- a/packages/design-system/icons/src/components/thumb-down.tsx
+++ b/packages/design-system/icons/src/components/thumb-down.tsx
@@ -5,19 +5,26 @@ const ThumbDown = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M6.25 12.5h1.875m6.687-8.125c.009.042.023.083.043.123.492 1 .77 2.125.77 3.314a7.467 7.467 0 0 1-.832 3.438m.019-6.875c-.064-.304.152-.625.479-.625h.756c.741 0 1.428.432 1.644 1.14.282.925.434 1.906.434 2.923 0 1.294-.246 2.53-.692 3.664-.256.646-.905 1.023-1.6 1.023h-.877c-.393 0-.621-.463-.417-.8.09-.147.175-.297.254-.45m.019-6.875h-1.079a3.75 3.75 0 0 1-1.186-.192l-2.594-.866a3.75 3.75 0 0 0-1.186-.192H5.42c-.515 0-1.014.206-1.337.607A9.958 9.958 0 0 0 1.875 10c0 .362.02.72.057 1.07.09.852.856 1.43 1.711 1.43h2.605c.515 0 .826.603.605 1.068a6.226 6.226 0 0 0-.603 2.682 1.875 1.875 0 0 0 1.875 1.875.625.625 0 0 0 .625-.625v-.527c0-.478.092-.95.268-1.394.254-.633.775-1.108 1.378-1.429a7.534 7.534 0 0 0 2.383-2c.415-.528 1.022-.9 1.694-.9h.32"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M4.21 8.564c0 .427.154.84.432 1.162l3.79 4.388c.76-.38 1.111-1.269.818-2.065L8.21 9.225h3.913a1.777 1.777 0 0 0 1.718-2.232l-1.059-4a1.78 1.78 0 0 0-1.718-1.323H5.988c-.983 0-1.778.795-1.778 1.778M3.321 1.67H1.988a.89.89 0 0 0-.89.889v5.778c0 .49.399.888.89.888H3.32c.49 0 .889-.397.889-.888V2.559a.89.89 0 0 0-.889-.89" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/thumb-up.tsx b/packages/design-system/icons/src/components/thumb-up.tsx
index 5915e0f4ce..9c9151b5a1 100644
--- a/packages/design-system/icons/src/components/thumb-up.tsx
+++ b/packages/design-system/icons/src/components/thumb-up.tsx
@@ -5,19 +5,26 @@ const ThumbUp = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M5.527 8.75c.672 0 1.278-.372 1.693-.9a7.534 7.534 0 0 1 2.384-2c.603-.32 1.125-.797 1.378-1.43.177-.442.268-.915.268-1.393V2.5a.625.625 0 0 1 .625-.625A1.875 1.875 0 0 1 13.75 3.75c0 .96-.217 1.87-.602 2.682-.222.465.089 1.068.604 1.068h2.605c.855 0 1.62.578 1.711 1.43a9.959 9.959 0 0 1-2.15 7.338c-.324.401-.823.607-1.338.607h-3.347c-.402 0-.803-.065-1.186-.192l-2.595-.866a3.751 3.751 0 0 0-1.185-.192H4.92m0 0c.07.17.144.338.225.502.164.333-.065.748-.436.748h-.756c-.741 0-1.428-.432-1.644-1.14a10 10 0 0 1-.434-2.922c0-1.295.246-2.53.692-3.665.255-.646.905-1.023 1.6-1.023h.877c.394 0 .621.463.417.8a7.465 7.465 0 0 0-1.085 3.887c0 .995.193 1.945.545 2.813H4.92ZM11.875 7.5h1.875"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M4.21 6.445c0-.427.154-.84.432-1.162L8.432.895c.76.38 1.111 1.269.818 2.065L8.21 5.783h3.913a1.777 1.777 0 0 1 1.718 2.233l-1.059 4a1.78 1.78 0 0 1-1.718 1.323H5.988a1.777 1.777 0 0 1-1.778-1.778M3.321 5.783H1.988a.89.89 0 0 0-.89.89v5.777c0 .491.399.889.89.889H3.32c.49 0 .889-.398.889-.889V6.672a.89.89 0 0 0-.889-.889" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/thumbnail-badge.tsx b/packages/design-system/icons/src/components/thumbnail-badge.tsx
index 52a604ba0c..72b0bd32e7 100644
--- a/packages/design-system/icons/src/components/thumbnail-badge.tsx
+++ b/packages/design-system/icons/src/components/thumbnail-badge.tsx
@@ -11,47 +11,48 @@ const ThumbnailBadge = React.forwardRef<SVGSVGElement, IconProps>(
         ref={ref}
         {...props}
       >
-        <g clipPath="url(#a)">
-          <g filter="url(#b)">
-            <circle cx={10} cy={10} r={9} fill="#3B82F6" />
-            <circle cx={10} cy={10} r={9} fill="url(#c)" fillOpacity={0.2} />
-            <circle
-              cx={10}
-              cy={10}
-              r={8.75}
-              stroke="#000"
-              strokeOpacity={0.2}
-              strokeWidth={0.5}
-            />
-          </g>
-          <g fill="#fff" clipPath="url(#d)">
-            <path d="M5.5 12.87a.835.835 0 0 1-.833-.833V7.963a.835.835 0 0 1 1.096-.791l.562.187a.5.5 0 0 1-.317.949l-.342-.114v3.613l.342-.114a.5.5 0 1 1 .317.948l-.562.188a.826.826 0 0 1-.262.042ZM8.167 14.167a.834.834 0 0 1-.833-.834V6.667a.832.832 0 0 1 1.153-.77l.539.224a.5.5 0 0 1-.385.924l-.307-.128v6.166l.307-.128a.5.5 0 0 1 .385.924l-.539.224a.843.843 0 0 1-.32.064ZM14.655 6.367l-3.472-1.603A.833.833 0 0 0 10 5.52v8.958a.83.83 0 0 0 .833.834.84.84 0 0 0 .35-.077l3.472-1.603a1.17 1.17 0 0 0 .678-1.06V7.428c0-.454-.266-.87-.678-1.06Z" />
-          </g>
+        <g filter="url(#a)">
+          <circle cx={10} cy={8.903} r={7.806} fill="#3B82F6" />
+          <circle
+            cx={10}
+            cy={8.903}
+            r={7.806}
+            fill="url(#b)"
+            fillOpacity={0.2}
+          />
+          <circle
+            cx={10}
+            cy={8.903}
+            r={7.556}
+            stroke="#000"
+            strokeOpacity={0.2}
+            strokeWidth={0.5}
+          />
+        </g>
+        <g fill="#fff" clipPath="url(#c)">
+          <path d="M6.098 11.393a.724.724 0 0 1-.724-.723V7.136a.724.724 0 0 1 .951-.686l.487.163a.434.434 0 1 1-.274.822l-.297-.098v3.133l.297-.099a.433.433 0 1 1 .274.823l-.487.162a.7.7 0 0 1-.227.037M8.41 12.517a.723.723 0 0 1-.722-.723V6.012a.72.72 0 0 1 1-.667l.467.194a.434.434 0 0 1-.333.801l-.267-.111v5.349l.267-.111a.434.434 0 1 1 .333.8l-.467.195a.7.7 0 0 1-.278.055M14.038 5.752l-3.012-1.39A.722.722 0 0 0 10 5.018v7.77a.72.72 0 0 0 .722.724.7.7 0 0 0 .304-.067l3.012-1.39c.357-.165.588-.526.588-.92V6.672c0-.393-.23-.754-.588-.919" />
         </g>
         <defs>
-          <clipPath id="a">
-            <path fill="#fff" d="M0 0h20v20H0z" />
-          </clipPath>
-          <clipPath id="d">
-            <path fill="#fff" d="M4 4h12v12H4z" />
-          </clipPath>
           <linearGradient
-            id="c"
-            x1={10}
-            x2={10}
-            y1={1}
-            y2={19}
+            id="b"
+            x1={10.09}
+            x2={10.09}
+            y1={1.142}
+            y2={16.754}
             gradientUnits="userSpaceOnUse"
           >
             <stop stopColor="#fff" />
             <stop offset={1} stopColor="#fff" stopOpacity={0} />
           </linearGradient>
+          <clipPath id="c">
+            <path fill="#fff" d="M4.796 3.699h10.408v10.408H4.796z" />
+          </clipPath>
           <filter
-            id="b"
-            width={22.215}
-            height={22.215}
-            x={-1.108}
-            y={-0.054}
+            id="a"
+            width={20}
+            height={20}
+            x={0}
+            y={0}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
diff --git a/packages/design-system/icons/src/components/timeline-vertical.tsx b/packages/design-system/icons/src/components/timeline-vertical.tsx
new file mode 100644
index 0000000000..485ed8b9dd
--- /dev/null
+++ b/packages/design-system/icons/src/components/timeline-vertical.tsx
@@ -0,0 +1,33 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const TimelineVertical = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="M2.389 1.056v4.888M2.389 13.944V9.056M13.056 1.5H7.278a.89.89 0 0 0-.89.889v2.667c0 .49.399.888.89.888h5.778c.49 0 .888-.398.888-.888V2.389a.89.89 0 0 0-.889-.889M2.389 9.055a1.556 1.556 0 1 0 0-3.11 1.556 1.556 0 0 0 0 3.11M13.056 9.056H7.278a.89.89 0 0 0-.89.888v2.667c0 .491.399.889.89.889h5.778c.49 0 .888-.398.888-.889V9.944a.89.89 0 0 0-.889-.888" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+TimelineVertical.displayName = "TimelineVertical"
+export default TimelineVertical
diff --git a/packages/design-system/icons/src/components/tools-solid.tsx b/packages/design-system/icons/src/components/tools-solid.tsx
index b85929e390..decfa89921 100644
--- a/packages/design-system/icons/src/components/tools-solid.tsx
+++ b/packages/design-system/icons/src/components/tools-solid.tsx
@@ -5,28 +5,20 @@ const ToolsSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M9.998 6.064a3.937 3.937 0 0 1 5.08-3.769.562.562 0 0 1 .235.936l-2.49 2.489a1.686 1.686 0 0 0 1.456 1.454l2.488-2.489a.563.563 0 0 1 .936.235A3.937 3.937 0 0 1 13.6 9.986c-.764-.064-1.403.075-1.732.476l-5.362 6.513a2.473 2.473 0 1 1-3.483-3.482L9.536 8.13c.4-.33.54-.968.475-1.731a3.994 3.994 0 0 1-.013-.335Zm-5.912 9.28a.563.563 0 0 1 .562-.562h.006a.562.562 0 0 1 .563.562v.006a.563.563 0 0 1-.563.563h-.006a.562.562 0 0 1-.562-.563v-.006Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill={color}
-          d="M8.555 7.48 6.904 5.83V4.658a.562.562 0 0 0-.273-.483L3.819 2.487a.562.562 0 0 0-.687.085l-.563.562a.563.563 0 0 0-.084.687l1.687 2.812a.563.563 0 0 0 .482.273h1.173l1.546 1.547 1.182-.973Z"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="m10.415 13.997 3.137 3.136a2.53 2.53 0 1 0 3.58-3.58l-2.48-2.478c-.38.054-.765.065-1.148.033a1.997 1.997 0 0 0-.65.031.442.442 0 0 0-.125.047l-2.314 2.811Zm2.56-1.02a.562.562 0 0 1 .795 0l1.406 1.407a.563.563 0 1 1-.795.795l-1.406-1.406a.563.563 0 0 1 0-.795Z"
-          clipRule="evenodd"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M13.944 7.056H12.39V4.344l.8-1.402a.67.67 0 0 0 .062-.514L12.807.872a.67.67 0 0 0-.641-.483h-.89a.666.666 0 0 0-.64.483l-.444 1.556a.67.67 0 0 0 .06.514l.802 1.402v2.712H9.498a.667.667 0 0 0 0 1.333h.222v4.667c0 .857.698 1.555 1.556 1.555h.889c.858 0 1.555-.698 1.555-1.555V8.389h.223a.667.667 0 0 0 0-1.333zm-1.555 6c0 .122-.1.222-.222.222h-.89a.22.22 0 0 1-.221-.222V8.389h1.333zM6.3 1.012a.667.667 0 0 0-1.023.564v2.592c0 .122-.1.222-.222.222H3.277a.22.22 0 0 1-.222-.222V1.575a.666.666 0 0 0-1.023-.564A3.98 3.98 0 0 0 .167 4.39c0 1.437.771 2.752 2 3.461v5.206c0 .857.698 1.555 1.555 1.555h.89c.857 0 1.555-.698 1.555-1.556V7.85c1.228-.71 2-2.024 2-3.461 0-1.376-.698-2.64-1.867-3.377" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/tools.tsx b/packages/design-system/icons/src/components/tools.tsx
index 543b6719a0..94886e2056 100644
--- a/packages/design-system/icons/src/components/tools.tsx
+++ b/packages/design-system/icons/src/components/tools.tsx
@@ -5,19 +5,26 @@ const Tools = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m9.525 12.598 4.782 4.783a2.175 2.175 0 0 0 3.076-3.076l-4.82-4.821m-3.038 3.114 2.047-2.485c.26-.315.607-.514.991-.629.451-.134.954-.154 1.43-.114a3.692 3.692 0 0 0 3.68-5.198L14.985 6.86a2.464 2.464 0 0 1-1.845-1.845l2.687-2.688a3.691 3.691 0 0 0-5.197 3.68c.074.883-.059 1.857-.742 2.42l-.084.07m-.28 4.101-3.818 4.637a2.09 2.09 0 1 1-2.942-2.941l5.609-4.618-3.37-3.37H3.849L2.002 3.23 3.232 2 6.31 3.846V5l3.495 3.495-1.432 1.179m6.858 5.552-2.154-2.153M4.15 15.843h.007v.006h-.007v-.006Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 4.389a3.33 3.33 0 0 0-2-3.052v3.274H2.833V1.337a3.33 3.33 0 0 0-2 3.052 3.33 3.33 0 0 0 2 3.052v5.615c0 .49.399.889.89.889h.888a.89.89 0 0 0 .889-.89V7.442a3.33 3.33 0 0 0 2-3.052M13.056 7.722v5.334a.89.89 0 0 1-.89.888h-.888a.89.89 0 0 1-.89-.889V7.723M9.5 7.722h4.444M11.722 7.722V1.5M11.722 4.167l.89-1.556-.445-1.555h-.89l-.444 1.555z" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/top-to-bottom.tsx b/packages/design-system/icons/src/components/top-to-bottom.tsx
new file mode 100644
index 0000000000..024f2fccbd
--- /dev/null
+++ b/packages/design-system/icons/src/components/top-to-bottom.tsx
@@ -0,0 +1,34 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const TopToBottom = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <g
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          clipPath="url(#a)"
+        >
+          <path d="m9.5 9.722-2 2 2 2M1.056 7.5h4M1.056 11.722h4M1.056 3.278h4" />
+          <path d="M7.5 11.722h2.222a4.223 4.223 0 0 0 0-8.444H8.167" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+TopToBottom.displayName = "TopToBottom"
+export default TopToBottom
diff --git a/packages/design-system/icons/src/components/trash.tsx b/packages/design-system/icons/src/components/trash.tsx
index 00c2bfdb24..8ac5981357 100644
--- a/packages/design-system/icons/src/components/trash.tsx
+++ b/packages/design-system/icons/src/components/trash.tsx
@@ -5,8 +5,8 @@ const Trash = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const Trash = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m12.283 7.5-.288 7.5m-3.99 0-.288-7.5m8.306-2.675c.285.043.569.09.852.138m-.852-.137-.89 11.568a1.875 1.875 0 0 1-1.87 1.73H6.737a1.875 1.875 0 0 1-1.87-1.73l-.89-11.569m12.046 0a40.08 40.08 0 0 0-2.898-.33m-10 .467c.283-.049.567-.095.852-.137m0 0a40.091 40.091 0 0 1 2.898-.33m6.25 0V3.73c0-.984-.758-1.804-1.742-1.834a43.3 43.3 0 0 0-2.766 0c-.984.03-1.742.851-1.742 1.834v.763m6.25 0c-2.08-.16-4.17-.16-6.25 0"
+          d="M1.944 3.278h11.112M5.5 3.278V1.944a.89.89 0 0 1 .889-.888H8.61a.89.89 0 0 1 .889.888v1.334M11.722 5.5v6.667c0 .982-.795 1.777-1.777 1.777h-4.89a1.777 1.777 0 0 1-1.777-1.777V5.5M5.944 7.278v4M9.056 7.278v4"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/triangle-down-mini.tsx b/packages/design-system/icons/src/components/triangle-down-mini.tsx
index c8fe9dd743..2dbb650e9a 100644
--- a/packages/design-system/icons/src/components/triangle-down-mini.tsx
+++ b/packages/design-system/icons/src/components/triangle-down-mini.tsx
@@ -5,15 +5,15 @@ const TriangleDownMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M12.59 7.5c.163 0 .323.037.463.108.14.07.256.172.335.293a.68.68 0 0 1 .111.397.693.693 0 0 1-.141.39l-2.59 3.454a.867.867 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .867.867 0 0 1-.33-.263l-2.59-3.455a.693.693 0 0 1-.142-.39.68.68 0 0 1 .112-.396.848.848 0 0 1 .335-.293c.14-.07.3-.108.463-.108h5.18Z"
+          d="M10.09 5c.163 0 .323.037.463.108.14.07.256.172.335.293a.7.7 0 0 1 .111.397.7.7 0 0 1-.141.39l-2.59 3.454a.9.9 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .9.9 0 0 1-.33-.263l-2.59-3.455A.7.7 0 0 1 4 5.797a.7.7 0 0 1 .112-.396.85.85 0 0 1 .335-.293c.14-.07.3-.108.463-.108z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/triangle-left-mini.tsx b/packages/design-system/icons/src/components/triangle-left-mini.tsx
index 09b6c98365..60ab0d01dc 100644
--- a/packages/design-system/icons/src/components/triangle-left-mini.tsx
+++ b/packages/design-system/icons/src/components/triangle-left-mini.tsx
@@ -5,15 +5,15 @@ const TriangleLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M12.5 12.59c0 .163-.037.323-.108.463a.848.848 0 0 1-.293.335.68.68 0 0 1-.397.111.692.692 0 0 1-.39-.141l-3.454-2.59a.868.868 0 0 1-.263-.33 1.041 1.041 0 0 1 0-.876.868.868 0 0 1 .263-.33l3.455-2.59a.693.693 0 0 1 .39-.142.68.68 0 0 1 .396.112.849.849 0 0 1 .293.335c.07.14.108.3.108.463v5.18Z"
+          d="M10 10.09c0 .163-.037.323-.108.463a.85.85 0 0 1-.293.335.7.7 0 0 1-.397.111.7.7 0 0 1-.39-.141l-3.454-2.59a.9.9 0 0 1-.263-.33 1.04 1.04 0 0 1 0-.876.9.9 0 0 1 .263-.33l3.455-2.59A.7.7 0 0 1 9.203 4a.7.7 0 0 1 .396.112.85.85 0 0 1 .293.335c.07.14.108.3.108.463z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/triangle-right-mini-hover.tsx b/packages/design-system/icons/src/components/triangle-right-mini-hover.tsx
new file mode 100644
index 0000000000..ab838586c3
--- /dev/null
+++ b/packages/design-system/icons/src/components/triangle-right-mini-hover.tsx
@@ -0,0 +1,23 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const TriangleRightMiniHover = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          fill={color}
+          d="M9 4.91c0-.163.037-.323.108-.464a.85.85 0 0 1 .293-.334A.7.7 0 0 1 9.798 4a.7.7 0 0 1 .39.142l3.454 2.59c.11.082.2.195.263.33a1.04 1.04 0 0 1 0 .876.9.9 0 0 1-.263.33l-3.455 2.59a.7.7 0 0 1-.39.141.7.7 0 0 1-.396-.111.85.85 0 0 1-.293-.335c-.07-.14-.108-.3-.108-.464z"
+        />
+      </svg>
+    )
+  }
+)
+TriangleRightMiniHover.displayName = "TriangleRightMiniHover"
+export default TriangleRightMiniHover
diff --git a/packages/design-system/icons/src/components/triangle-right-mini.tsx b/packages/design-system/icons/src/components/triangle-right-mini.tsx
index 0540fcad4e..96c296534f 100644
--- a/packages/design-system/icons/src/components/triangle-right-mini.tsx
+++ b/packages/design-system/icons/src/components/triangle-right-mini.tsx
@@ -5,15 +5,15 @@ const TriangleRightMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M7.5 7.41c0-.163.037-.323.108-.464a.848.848 0 0 1 .293-.334.68.68 0 0 1 .397-.112.693.693 0 0 1 .39.142l3.454 2.59c.11.082.2.195.263.33a1.04 1.04 0 0 1 0 .876.867.867 0 0 1-.263.33l-3.455 2.59a.693.693 0 0 1-.39.141.68.68 0 0 1-.396-.111.85.85 0 0 1-.293-.335c-.07-.14-.108-.3-.108-.464V7.41Z"
+          d="M5 4.91c0-.163.037-.323.108-.464a.85.85 0 0 1 .293-.334A.7.7 0 0 1 5.798 4a.7.7 0 0 1 .39.142l3.454 2.59c.11.082.2.195.263.33a1.04 1.04 0 0 1 0 .876.9.9 0 0 1-.263.33l-3.455 2.59a.7.7 0 0 1-.39.141.7.7 0 0 1-.396-.111.85.85 0 0 1-.293-.335c-.07-.14-.108-.3-.108-.464z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/triangle-up-mini.tsx b/packages/design-system/icons/src/components/triangle-up-mini.tsx
index 0158d3a6f8..0890d0e99e 100644
--- a/packages/design-system/icons/src/components/triangle-up-mini.tsx
+++ b/packages/design-system/icons/src/components/triangle-up-mini.tsx
@@ -5,15 +5,15 @@ const TriangleUpMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M7.41 12.5c-.163 0-.323-.037-.464-.108a.849.849 0 0 1-.334-.293.68.68 0 0 1-.112-.397.693.693 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .868.868 0 0 1 .33.263l2.59 3.455a.693.693 0 0 1 .141.39.68.68 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108H7.41Z"
+          d="M4.91 10c-.163 0-.323-.037-.464-.108a.85.85 0 0 1-.334-.293A.7.7 0 0 1 4 9.202a.7.7 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .9.9 0 0 1 .33.263l2.59 3.455a.7.7 0 0 1 .141.39.7.7 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/triangles-mini.tsx b/packages/design-system/icons/src/components/triangles-mini.tsx
index 2ab51fb7ed..bcd98a51b7 100644
--- a/packages/design-system/icons/src/components/triangles-mini.tsx
+++ b/packages/design-system/icons/src/components/triangles-mini.tsx
@@ -5,15 +5,15 @@ const TrianglesMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill={color}
-          d="M7.41 8.25c-.163 0-.323-.037-.464-.108a.848.848 0 0 1-.334-.293.68.68 0 0 1-.112-.397.693.693 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .868.868 0 0 1 .33.263l2.59 3.455a.693.693 0 0 1 .141.39.68.68 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108H7.41ZM12.59 11.75c.163 0 .323.037.463.108.14.07.256.172.335.293a.68.68 0 0 1 .111.397.692.692 0 0 1-.141.39l-2.59 3.454a.867.867 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .867.867 0 0 1-.33-.263l-2.59-3.455a.693.693 0 0 1-.142-.39.68.68 0 0 1 .112-.396.849.849 0 0 1 .335-.293c.14-.07.3-.108.463-.108h5.18Z"
+          d="M4.91 5.75c-.163 0-.323-.037-.464-.108a.85.85 0 0 1-.334-.293A.7.7 0 0 1 4 4.952a.7.7 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .9.9 0 0 1 .33.263l2.59 3.455a.7.7 0 0 1 .141.39.7.7 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108zM10.09 9.25c.163 0 .323.037.463.108.14.07.256.172.335.293a.7.7 0 0 1 .111.397.7.7 0 0 1-.141.39l-2.59 3.454a.9.9 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .9.9 0 0 1-.33-.263l-2.59-3.455a.7.7 0 0 1-.142-.39.7.7 0 0 1 .112-.396.85.85 0 0 1 .335-.293c.14-.07.3-.108.463-.108z"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/twitter.tsx b/packages/design-system/icons/src/components/twitter.tsx
deleted file mode 100644
index 97f0922444..0000000000
--- a/packages/design-system/icons/src/components/twitter.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import * as React from "react"
-import type { IconProps } from "../types"
-const Twitter = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
-  (props, ref) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
-        fill="none"
-        ref={ref}
-        {...props}
-      >
-        <path
-          fill="#1DA1F2"
-          d="M18.592 4.332a6.824 6.824 0 0 1-.87.317c.351-.397.62-.865.783-1.377a.29.29 0 0 0-.425-.339 6.851 6.851 0 0 1-2.025.8 3.883 3.883 0 0 0-2.704-1.102 3.868 3.868 0 0 0-3.833 4.364 9.893 9.893 0 0 1-6.79-3.602.29.29 0 0 0-.476.037 3.862 3.862 0 0 0-.523 1.943c0 .93.332 1.814.92 2.504a3.273 3.273 0 0 1-.518-.23.29.29 0 0 0-.43.247l-.001.051c0 1.39.748 2.641 1.891 3.323a3.379 3.379 0 0 1-.294-.042.29.29 0 0 0-.33.373 3.863 3.863 0 0 0 2.83 2.59 6.836 6.836 0 0 1-3.654 1.043c-.274 0-.55-.016-.819-.048a.29.29 0 0 0-.19.533 10.42 10.42 0 0 0 5.635 1.652c3.934 0 6.395-1.856 7.767-3.412 1.71-1.94 2.691-4.51 2.691-7.047 0-.106-.002-.213-.005-.32a7.513 7.513 0 0 0 1.729-1.83.29.29 0 0 0-.359-.428Z"
-        />
-      </svg>
-    )
-  }
-)
-Twitter.displayName = "Twitter"
-export default Twitter
diff --git a/packages/design-system/icons/src/components/typescript-ex.tsx b/packages/design-system/icons/src/components/typescript-ex.tsx
index 6e46386e34..9c580b0227 100644
--- a/packages/design-system/icons/src/components/typescript-ex.tsx
+++ b/packages/design-system/icons/src/components/typescript-ex.tsx
@@ -5,8 +5,8 @@ const TypescriptEx = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const TypescriptEx = React.forwardRef<SVGSVGElement, IconProps>(
         <path
           fill={color}
           fillRule="evenodd"
-          d="M5 1h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4Zm6.282 15.041v-1.834c.31.28.646.488 1.008.628.363.14.73.21 1.1.21.216 0 .406-.022.568-.064.162-.042.297-.1.405-.175a.696.696 0 0 0 .323-.593.749.749 0 0 0-.128-.43 1.423 1.423 0 0 0-.35-.35 3.57 3.57 0 0 0-.525-.309c-.203-.1-.422-.2-.656-.304-.598-.267-1.043-.594-1.337-.98-.293-.386-.44-.852-.44-1.398 0-.428.08-.796.24-1.104.16-.307.378-.56.654-.76.275-.198.595-.344.957-.438.363-.093.747-.14 1.153-.14.398 0 .751.026 1.059.077.308.052.591.131.85.238v1.714a2.535 2.535 0 0 0-.418-.252 3.352 3.352 0 0 0-1.395-.32c-.196-.001-.374.019-.534.059-.16.04-.295.097-.405.17a.812.812 0 0 0-.256.26.653.653 0 0 0-.091.34c0 .139.034.262.101.37.068.11.164.213.289.31.124.098.275.193.453.287.178.093.379.19.603.29.306.137.58.283.824.438.244.154.453.33.627.524.174.195.308.417.4.668.093.25.139.541.139.874 0 .458-.08.843-.243 1.155a2.063 2.063 0 0 1-.659.756c-.277.193-.6.332-.968.416a5.221 5.221 0 0 1-1.166.126c-.42 0-.819-.038-1.198-.115a3.447 3.447 0 0 1-.984-.344Zm-.68-6.353H8.413v6.702H6.679V9.688H4.5V8.183h6.102v1.505Z"
+          d="M3.75.75h7.5a3 3 0 0 1 3 3v7.5a3 3 0 0 1-3 3h-7.5a3 3 0 0 1-3-3v-7.5a3 3 0 0 1 3-3m4.711 11.281v-1.376q.35.315.757.471.408.157.824.157.245 0 .426-.047a1 1 0 0 0 .304-.131.522.522 0 0 0 .242-.445.56.56 0 0 0-.096-.323 1.1 1.1 0 0 0-.262-.262 2.7 2.7 0 0 0-.394-.232 13 13 0 0 0-.492-.228q-.672-.3-1.002-.735-.33-.434-.33-1.049 0-.481.18-.827.18-.345.49-.57.31-.223.718-.329Q10.234 6 10.69 6q.45 0 .795.058t.638.178v1.286a2 2 0 0 0-.314-.19 2.4 2.4 0 0 0-.709-.214 2.4 2.4 0 0 0-.338-.026q-.22 0-.4.045a1 1 0 0 0-.304.127.6.6 0 0 0-.192.195.5.5 0 0 0-.068.256q0 .155.076.277t.216.233.34.215.452.217q.345.154.619.328t.47.394q.195.22.3.5.105.282.104.656 0 .516-.182.866a1.55 1.55 0 0 1-.494.568 2.1 2.1 0 0 1-.727.311 4 4 0 0 1-.874.095q-.472 0-.898-.086a2.6 2.6 0 0 1-.739-.258m-.51-4.765H6.31v5.027H5.009V7.266H3.375V6.137h4.577z"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/typescript.tsx b/packages/design-system/icons/src/components/typescript.tsx
index f5d38c1643..247d564758 100644
--- a/packages/design-system/icons/src/components/typescript.tsx
+++ b/packages/design-system/icons/src/components/typescript.tsx
@@ -5,20 +5,20 @@ const Typescript = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#3178C6"
-          d="M15 1H5a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4Z"
+          d="M11.25.75h-7.5a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3h7.5a3 3 0 0 0 3-3v-7.5a3 3 0 0 0-3-3"
         />
         <path
           fill="#fff"
           fillRule="evenodd"
-          d="M11.282 14.207v1.834c.277.153.606.268.984.344.38.077.778.115 1.198.115.41 0 .798-.042 1.166-.126.368-.084.69-.223.968-.416.278-.193.497-.445.66-.756.161-.312.242-.697.242-1.155 0-.333-.046-.624-.139-.874a2.066 2.066 0 0 0-.4-.668 2.968 2.968 0 0 0-.627-.524 6.524 6.524 0 0 0-.824-.439c-.224-.1-.425-.196-.603-.29a3.015 3.015 0 0 1-.454-.286 1.21 1.21 0 0 1-.288-.31.686.686 0 0 1-.101-.37c0-.125.03-.239.09-.34a.812.812 0 0 1 .257-.26c.11-.073.245-.13.405-.17.16-.04.338-.06.534-.06a3.352 3.352 0 0 1 1.395.32c.151.073.29.157.419.253V8.315a3.937 3.937 0 0 0-.851-.238A6.46 6.46 0 0 0 14.253 8c-.405 0-.789.047-1.152.14-.362.094-.682.24-.957.439a2.14 2.14 0 0 0-.654.76c-.16.307-.24.675-.24 1.103 0 .546.147 1.012.44 1.398.294.386.74.713 1.337.98.234.104.453.205.656.304.203.1.378.203.525.31.148.107.264.223.35.35a.749.749 0 0 1 .048.759.74.74 0 0 1-.243.263 1.28 1.28 0 0 1-.405.175 2.272 2.272 0 0 1-.569.063c-.37 0-.736-.07-1.099-.209a3.235 3.235 0 0 1-1.008-.628ZM8.413 9.688h2.19V8.183H4.5v1.505h2.179v6.702h1.734V9.688Z"
+          d="M8.462 10.656v1.375q.312.172.738.258t.898.086q.46 0 .874-.095a2.1 2.1 0 0 0 .727-.311q.312-.217.494-.568.182-.35.182-.866 0-.375-.104-.655a1.6 1.6 0 0 0-.3-.501 2.2 2.2 0 0 0-.47-.394 5 5 0 0 0-.619-.328 8 8 0 0 1-.452-.217 2.3 2.3 0 0 1-.34-.215.9.9 0 0 1-.216-.233.5.5 0 0 1-.076-.277.5.5 0 0 1 .068-.256.6.6 0 0 1 .192-.195 1 1 0 0 1 .304-.127q.18-.045.4-.045.16 0 .338.026a2.5 2.5 0 0 1 .709.215q.17.081.314.189V6.236a3 3 0 0 0-.638-.178A5 5 0 0 0 10.69 6q-.456 0-.864.105t-.718.33q-.31.222-.49.569-.18.345-.18.827 0 .615.33 1.05.33.434 1.002.734.264.117.492.228.229.112.394.232.166.12.262.262a.56.56 0 0 1 .037.57.56.56 0 0 1-.183.198 1 1 0 0 1-.304.13 1.7 1.7 0 0 1-.426.048q-.416 0-.824-.157a2.4 2.4 0 0 1-.756-.47M6.31 7.265h1.642V6.137H3.375v1.13h1.634v5.026h1.3z"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/icons/src/components/user-group.tsx b/packages/design-system/icons/src/components/user-group.tsx
index 197aca4efa..4c639047a9 100644
--- a/packages/design-system/icons/src/components/user-group.tsx
+++ b/packages/design-system/icons/src/components/user-group.tsx
@@ -5,19 +5,26 @@ const UserGroup = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M14.216 12.934a2.5 2.5 0 0 1 3.902 2.267c-1 .35-2.062.485-3.118.399a4.996 4.996 0 0 0-5-4.975 4.996 4.996 0 0 0-4.215 2.31m9.214 2.664.001.026c0 .188-.01.373-.03.555A9.953 9.953 0 0 1 10 17.5a9.952 9.952 0 0 1-4.97-1.32A5.052 5.052 0 0 1 5 15.6m0 0a7.484 7.484 0 0 1-3.116-.398 2.5 2.5 0 0 1 3.901-2.267M5 15.599a4.977 4.977 0 0 1 .785-2.664m6.715-7.31a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm5 2.5a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm-11.25 0a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 7.5a1.556 1.556 0 1 0 0-3.111 1.556 1.556 0 0 0 0 3.111M5.012 12.77c-.38-.115-.636-.494-.552-.883a3.112 3.112 0 0 1 6.08 0c.084.388-.17.768-.552.883a8.6 8.6 0 0 1-4.976 0M11.194 4.194a1.167 1.167 0 1 0 0-2.333 1.167 1.167 0 0 0 0 2.333M11.065 6.137q.064-.002.13-.003c1.3 0 2.394.892 2.7 2.098.102.397-.163.793-.558.908a7.7 7.7 0 0 1-1.869.299M3.806 4.194a1.167 1.167 0 1 0 0-2.333 1.167 1.167 0 0 0 0 2.333M3.935 6.137l-.13-.003a2.79 2.79 0 0 0-2.7 2.098c-.102.397.163.793.558.908a7.7 7.7 0 0 0 1.869.299" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/user-mini.tsx b/packages/design-system/icons/src/components/user-mini.tsx
new file mode 100644
index 0000000000..6ece46ea95
--- /dev/null
+++ b/packages/design-system/icons/src/components/user-mini.tsx
@@ -0,0 +1,26 @@
+import * as React from "react"
+import type { IconProps } from "../types"
+const UserMini = React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, ref) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={15}
+        height={15}
+        fill="none"
+        ref={ref}
+        {...props}
+      >
+        <path
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M7.5 5.944a2.444 2.444 0 1 0 0-4.888 2.444 2.444 0 0 0 0 4.888M11.733 13.292c.764-.24 1.166-1.085.842-1.818A5.55 5.55 0 0 0 7.5 8.167a5.55 5.55 0 0 0-5.075 3.307c-.324.733.078 1.577.842 1.818a14.1 14.1 0 0 0 8.466 0"
+        />
+      </svg>
+    )
+  }
+)
+UserMini.displayName = "UserMini"
+export default UserMini
diff --git a/packages/design-system/icons/src/components/user.tsx b/packages/design-system/icons/src/components/user.tsx
index c13f14114d..ab18757f63 100644
--- a/packages/design-system/icons/src/components/user.tsx
+++ b/packages/design-system/icons/src/components/user.tsx
@@ -5,8 +5,8 @@ const User = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const User = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12.909 5.346a2.909 2.909 0 1 1-5.818 0 2.909 2.909 0 0 1 5.818 0v0Zm-8.726 10.95a5.818 5.818 0 0 1 11.633 0A13.91 13.91 0 0 1 10 17.564c-2.076 0-4.046-.453-5.817-1.266Z"
+          d="M7.5 5.944a2.444 2.444 0 1 0 0-4.888 2.444 2.444 0 0 0 0 4.888M11.733 13.292c.764-.24 1.166-1.085.842-1.818A5.55 5.55 0 0 0 7.5 8.167a5.55 5.55 0 0 0-5.075 3.307c-.324.733.078 1.577.842 1.818a14.1 14.1 0 0 0 8.466 0"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/users-solid.tsx b/packages/design-system/icons/src/components/users-solid.tsx
index e30366c89b..c2679f005c 100644
--- a/packages/design-system/icons/src/components/users-solid.tsx
+++ b/packages/design-system/icons/src/components/users-solid.tsx
@@ -5,16 +5,20 @@ const UsersSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          d="M4.018 5.513a3.29 3.29 0 1 1 6.58 0 3.29 3.29 0 0 1-6.58 0Zm7.776 1.795a2.692 2.692 0 1 1 5.384 0 2.692 2.692 0 0 1-5.384 0ZM1.625 15.683a5.683 5.683 0 0 1 11.366 0v.097a.598.598 0 0 1-.29.503 10.423 10.423 0 0 1-5.393 1.494c-1.972 0-3.817-.546-5.392-1.494a.598.598 0 0 1-.29-.503l-.001-.097Zm12.562.002v.115a1.794 1.794 0 0 1-.186.766 8.047 8.047 0 0 0 4.036-.806.6.6 0 0 0 .335-.513 3.89 3.89 0 0 0-5.55-3.677 6.848 6.848 0 0 1 1.365 4.113v.002Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M4.792 7.5a2.292 2.292 0 1 0 0-4.583 2.292 2.292 0 0 0 0 4.583M10 5.417a2.292 2.292 0 1 0 0-4.584 2.292 2.292 0 0 0 0 4.584M14.33 9.248A4.65 4.65 0 0 0 10 6.25c-1.18 0-2.293.46-3.133 1.233 1.545.591 2.821 1.808 3.425 3.408.093.246.135.502.151.758a10.8 10.8 0 0 0 2.971-.538c.38-.127.695-.406.868-.766.166-.35.184-.74.049-1.097zM9.122 11.332a4.65 4.65 0 0 0-4.33-2.999 4.65 4.65 0 0 0-4.33 2.999c-.135.357-.118.746.049 1.096.172.36.487.64.867.766a10.77 10.77 0 0 0 6.827 0c.38-.127.695-.406.868-.766.166-.35.184-.74.049-1.096" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/users.tsx b/packages/design-system/icons/src/components/users.tsx
index 2d75f6ce02..abca08e4fb 100644
--- a/packages/design-system/icons/src/components/users.tsx
+++ b/packages/design-system/icons/src/components/users.tsx
@@ -5,19 +5,26 @@ const Users = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M12.5 15.94c.71.206 1.447.31 2.188.31a7.782 7.782 0 0 0 3.434-.793 3.438 3.438 0 0 0-6.278-2.078m.656 2.561v-.002c0-.928-.237-1.8-.655-2.559m.655 2.561v.088A10.265 10.265 0 0 1 7.187 17.5c-1.943 0-3.76-.538-5.312-1.472v-.09a5.312 5.312 0 0 1 9.97-2.559M10 5.313a2.812 2.812 0 1 1-5.625 0 2.812 2.812 0 0 1 5.625 0v0Zm6.875 1.875a2.188 2.188 0 1 1-4.375 0 2.188 2.188 0 0 1 4.375 0v0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M4.701 6.854a1.722 1.722 0 1 0 0-3.444 1.722 1.722 0 0 0 0 3.444M8.024 12.772c.45-.151.715-.64.548-1.084a4.135 4.135 0 0 0-7.74 0c-.167.444.098.934.548 1.084a10.486 10.486 0 0 0 6.644 0M10.083 4.701a1.722 1.722 0 1 0 0-3.444 1.722 1.722 0 0 0 0 3.444M10.728 11.14a10.5 10.5 0 0 0 2.678-.521c.45-.15.714-.64.547-1.084a4.135 4.135 0 0 0-6.146-1.997" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/vercel.tsx b/packages/design-system/icons/src/components/vercel.tsx
index 62f45e3bee..cf09b3be90 100644
--- a/packages/design-system/icons/src/components/vercel.tsx
+++ b/packages/design-system/icons/src/components/vercel.tsx
@@ -5,15 +5,15 @@ const Vercel = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
         <path
           fill="#000"
-          d="M9.12 1.023A9.195 9.195 0 0 0 4.354 2.98C3.9 3.346 3.157 4.11 2.83 4.546a9.195 9.195 0 0 0-1.752 4.2 10.816 10.816 0 0 0-.053 2.023c.148 1.525.634 2.933 1.425 4.133 1.457 2.214 3.684 3.633 6.301 4.02.517.077 1.506.102 2.023.052 1.523-.147 2.93-.633 4.13-1.425 2.213-1.457 3.63-3.685 4.018-6.304.077-.518.102-1.507.052-2.024-.179-1.845-.837-3.478-1.962-4.876-.366-.454-1.13-1.196-1.566-1.524a9.213 9.213 0 0 0-4.197-1.753c-.426-.063-1.713-.091-2.129-.045Zm3.198 8.264a848.22 848.22 0 0 1 2.22 3.897c0 .007-2.002.014-4.45.014-2.449 0-4.45-.007-4.45-.017 0-.028 4.443-7.8 4.454-7.787.003.004 1.01 1.757 2.226 3.893Z"
+          d="M6.84.767a6.9 6.9 0 0 0-3.575 1.468c-.34.274-.897.847-1.142 1.175A6.9 6.9 0 0 0 .809 6.56a8 8 0 0 0-.04 1.517c.11 1.143.475 2.2 1.069 3.1a6.76 6.76 0 0 0 4.725 3.014c.388.058 1.13.077 1.517.04 1.143-.111 2.198-.475 3.098-1.07a6.76 6.76 0 0 0 3.013-4.728c.058-.388.077-1.13.04-1.518-.135-1.383-.628-2.608-1.472-3.656a8.6 8.6 0 0 0-1.175-1.143A6.9 6.9 0 0 0 8.437.801C8.117.754 7.152.733 6.84.767M9.24 6.966a633 633 0 0 1 1.665 2.922c0 .005-1.502.01-3.338.01s-3.338-.005-3.338-.013c0-.02 3.333-5.85 3.34-5.84.003.003.758 1.318 1.67 2.92"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/verified-badge.tsx b/packages/design-system/icons/src/components/verified-badge.tsx
index 3c058b57fb..4515c4d5f3 100644
--- a/packages/design-system/icons/src/components/verified-badge.tsx
+++ b/packages/design-system/icons/src/components/verified-badge.tsx
@@ -11,57 +11,52 @@ const VerifiedBadge = React.forwardRef<SVGSVGElement, IconProps>(
         ref={ref}
         {...props}
       >
-        <g clipPath="url(#a)">
-          <g filter="url(#b)">
-            <path
-              fill="#3B82F6"
-              fillRule="evenodd"
-              d="M6.864 2.43A4.145 4.145 0 0 1 10 1a4.14 4.14 0 0 1 3.136 1.43 4.145 4.145 0 0 1 3.229 1.206 4.147 4.147 0 0 1 1.206 3.228A4.146 4.146 0 0 1 19 10a4.143 4.143 0 0 1-1.43 3.136 4.146 4.146 0 0 1-1.206 3.228 4.145 4.145 0 0 1-3.228 1.206A4.144 4.144 0 0 1 10 19a4.143 4.143 0 0 1-3.136-1.43 4.145 4.145 0 0 1-3.229-1.205 4.145 4.145 0 0 1-1.206-3.23A4.145 4.145 0 0 1 1 10a4.14 4.14 0 0 1 1.43-3.136 4.145 4.145 0 0 1 1.206-3.228A4.145 4.145 0 0 1 6.864 2.43Z"
-              clipRule="evenodd"
-            />
-            <path
-              fill="url(#c)"
-              fillOpacity={0.2}
-              fillRule="evenodd"
-              d="M6.864 2.43A4.145 4.145 0 0 1 10 1a4.14 4.14 0 0 1 3.136 1.43 4.145 4.145 0 0 1 3.229 1.206 4.147 4.147 0 0 1 1.206 3.228A4.146 4.146 0 0 1 19 10a4.143 4.143 0 0 1-1.43 3.136 4.146 4.146 0 0 1-1.206 3.228 4.145 4.145 0 0 1-3.228 1.206A4.144 4.144 0 0 1 10 19a4.143 4.143 0 0 1-3.136-1.43 4.145 4.145 0 0 1-3.229-1.205 4.145 4.145 0 0 1-1.206-3.23A4.145 4.145 0 0 1 1 10a4.14 4.14 0 0 1 1.43-3.136 4.145 4.145 0 0 1 1.206-3.228A4.145 4.145 0 0 1 6.864 2.43Z"
-              clipRule="evenodd"
-            />
-            <path
-              stroke="#000"
-              strokeOpacity={0.2}
-              strokeWidth={0.5}
-              d="m6.847 2.68.124.008.082-.094A3.895 3.895 0 0 1 10 1.25a3.89 3.89 0 0 1 2.947 1.344l.082.094.124-.009a3.894 3.894 0 0 1 3.035 1.134 3.895 3.895 0 0 1 1.134 3.034l-.01.124.095.082A3.896 3.896 0 0 1 18.75 10a3.896 3.896 0 0 1-1.344 2.947l-.094.082.009.124a3.896 3.896 0 0 1-1.134 3.034 3.899 3.899 0 0 1-3.034 1.134l-.124-.01-.082.095A3.896 3.896 0 0 1 10 18.75a3.896 3.896 0 0 1-2.947-1.344l-.082-.094-.125.009a3.894 3.894 0 0 1-3.034-1.133 3.897 3.897 0 0 1-1.134-3.034l.01-.125-.095-.082A3.895 3.895 0 0 1 1.25 10a3.89 3.89 0 0 1 1.344-2.947l.094-.082-.009-.124a3.895 3.895 0 0 1 1.134-3.034 3.894 3.894 0 0 1 3.034-1.134Z"
-            />
-          </g>
+        <g filter="url(#a)">
           <path
-            stroke="#fff"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M6.667 10.333 9.333 13l4-6"
+            fill="#3B82F6"
+            fillRule="evenodd"
+            d="M7.28 2.337A3.6 3.6 0 0 1 10 1.097c1.086 0 2.06.48 2.72 1.24a3.6 3.6 0 0 1 2.8 1.046 3.6 3.6 0 0 1 1.047 2.8 3.6 3.6 0 0 1 1.24 2.72 3.6 3.6 0 0 1-1.241 2.72 3.6 3.6 0 0 1-1.046 2.8 3.6 3.6 0 0 1-2.8 1.046 3.6 3.6 0 0 1-4.215.916 3.6 3.6 0 0 1-1.225-.916 3.6 3.6 0 0 1-2.8-1.046 3.6 3.6 0 0 1-1.047-2.8 3.6 3.6 0 0 1-1.24-2.72c0-1.087.481-2.06 1.241-2.72a3.6 3.6 0 0 1 1.047-2.8 3.6 3.6 0 0 1 2.8-1.046"
+            clipRule="evenodd"
+          />
+          <path
+            fill="url(#b)"
+            fillOpacity={0.2}
+            fillRule="evenodd"
+            d="M7.28 2.337A3.6 3.6 0 0 1 10 1.097c1.086 0 2.06.48 2.72 1.24a3.6 3.6 0 0 1 2.8 1.046 3.6 3.6 0 0 1 1.047 2.8 3.6 3.6 0 0 1 1.24 2.72 3.6 3.6 0 0 1-1.241 2.72 3.6 3.6 0 0 1-1.046 2.8 3.6 3.6 0 0 1-2.8 1.046 3.6 3.6 0 0 1-4.215.916 3.6 3.6 0 0 1-1.225-.916 3.6 3.6 0 0 1-2.8-1.046 3.6 3.6 0 0 1-1.047-2.8 3.6 3.6 0 0 1-1.24-2.72c0-1.087.481-2.06 1.241-2.72a3.6 3.6 0 0 1 1.047-2.8 3.6 3.6 0 0 1 2.8-1.046"
+            clipRule="evenodd"
+          />
+          <path
+            stroke="#000"
+            strokeOpacity={0.2}
+            strokeWidth={0.5}
+            d="M3.433 11.623a3.6 3.6 0 0 0 1.047 2.8 3.6 3.6 0 0 0 2.8 1.046zm0 0a3.6 3.6 0 0 1-1.24-2.72c0-1.087.481-2.06 1.241-2.72m0 5.44v-5.44m0 0a3.6 3.6 0 0 1 1.047-2.8zm3.828-3.586.13.009.085-.099A3.34 3.34 0 0 1 10 1.357c1.008 0 1.91.445 2.523 1.15l.085.099.13-.01a3.34 3.34 0 0 1 2.598.971 3.34 3.34 0 0 1 .971 2.598l-.01.13.1.085a3.34 3.34 0 0 1 1.149 2.523 3.34 3.34 0 0 1-1.15 2.523l-.099.085.01.13a3.34 3.34 0 0 1-.971 2.597 3.34 3.34 0 0 1-2.598.971l-.13-.009-.085.098A3.34 3.34 0 0 1 10 16.448a3.34 3.34 0 0 1-2.523-1.15l-.085-.098-.13.01a3.34 3.34 0 0 1-2.598-.97v-.001a3.34 3.34 0 0 1-.971-2.598l.01-.13-.1-.085a3.34 3.34 0 0 1-1.149-2.523c0-1.008.445-1.911 1.15-2.523l.099-.086-.01-.13a3.34 3.34 0 0 1 .971-2.596 3.34 3.34 0 0 1 2.598-.971Z"
           />
         </g>
+        <path
+          stroke="#fff"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="m6.964 9.206 2.429 2.429 3.643-5.464"
+        />
         <defs>
           <linearGradient
-            id="c"
+            id="b"
             x1={10}
             x2={10}
-            y1={1}
-            y2={19}
+            y1={1.097}
+            y2={16.709}
             gradientUnits="userSpaceOnUse"
           >
             <stop stopColor="#fff" />
             <stop offset={1} stopColor="#fff" stopOpacity={0} />
           </linearGradient>
-          <clipPath id="a">
-            <path fill="#fff" d="M0 0h20v20H0z" />
-          </clipPath>
           <filter
-            id="b"
-            width={22.215}
-            height={22.215}
-            x={-1.108}
-            y={-0.054}
+            id="a"
+            width={20}
+            height={20}
+            x={0}
+            y={0}
             colorInterpolationFilters="sRGB"
             filterUnits="userSpaceOnUse"
           >
diff --git a/packages/design-system/icons/src/components/visa.tsx b/packages/design-system/icons/src/components/visa.tsx
index d2cc9f2f95..381c085e4e 100644
--- a/packages/design-system/icons/src/components/visa.tsx
+++ b/packages/design-system/icons/src/components/visa.tsx
@@ -5,16 +5,23 @@ const Visa = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill="#1A1F71"
-          d="m7.834 7.197-2.356 5.622H3.94L2.78 8.332c-.07-.276-.13-.378-.345-.494-.35-.19-.927-.367-1.435-.478l.034-.163H3.51a.678.678 0 0 1 .67.573l.613 3.253 1.513-3.826h1.528Zm6.025 3.786c.006-1.484-2.052-1.565-2.038-2.228.005-.202.197-.417.617-.471.492-.047.987.04 1.434.252l.255-1.193a3.906 3.906 0 0 0-1.36-.25c-1.438 0-2.45.765-2.459 1.86-.009.809.723 1.26 1.274 1.53.567.275.757.452.754.698-.004.378-.451.544-.87.55-.731.011-1.155-.197-1.494-.354l-.263 1.231c.34.156.967.292 1.617.298 1.528 0 2.527-.754 2.533-1.923Zm3.795 1.836H19l-1.174-5.622h-1.242a.662.662 0 0 0-.62.412l-2.181 5.21h1.527l.304-.84h1.866l.174.84Zm-1.622-1.992.765-2.111.441 2.11h-1.206Zm-6.12-3.63L8.71 12.819H7.255l1.204-5.622h1.453Z"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill="#1A1F71"
+            d="M5.695 5.164 3.731 9.849H2.45l-.966-3.74c-.059-.23-.11-.314-.288-.41C.904 5.54.423 5.391 0 5.298l.029-.135H2.09a.565.565 0 0 1 .559.477l.51 2.712 1.262-3.19zm5.02 3.156c.006-1.237-1.71-1.305-1.697-1.858.003-.168.163-.347.513-.392.41-.04.823.033 1.196.21l.212-.994a3.3 3.3 0 0 0-1.133-.208c-1.198 0-2.042.637-2.05 1.549-.007.674.603 1.05 1.062 1.275.473.23.631.377.629.582-.003.315-.376.453-.725.459-.61.009-.963-.165-1.245-.296l-.22 1.026c.284.13.806.244 1.348.249 1.273 0 2.106-.629 2.11-1.602m3.164 1.529H15l-.978-4.685h-1.035a.55.55 0 0 0-.516.344l-1.819 4.34h1.273l.253-.7h1.555zm-1.352-1.66.637-1.76.368 1.76zm-5.1-3.025L6.425 9.849H5.213l1.003-4.685z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/wand-sparkle.tsx b/packages/design-system/icons/src/components/wand-sparkle.tsx
index 6f5c4b6055..0a0bdbe374 100644
--- a/packages/design-system/icons/src/components/wand-sparkle.tsx
+++ b/packages/design-system/icons/src/components/wand-sparkle.tsx
@@ -5,8 +5,8 @@ const WandSparkle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -17,16 +17,16 @@ const WandSparkle = React.forwardRef<SVGSVGElement, IconProps>(
             strokeLinecap="round"
             strokeLinejoin="round"
             strokeWidth={1.5}
-            d="M14.107 3.393 3.381 14.119a1.111 1.111 0 0 0 0 1.572l.928.928a1.111 1.111 0 0 0 1.572 0L16.607 5.893a1.111 1.111 0 0 0 0-1.572l-.928-.928a1.111 1.111 0 0 0-1.572 0ZM11.541 5.959l2.5 2.5"
+            d="m10.786 2.214-8.582 8.582a.89.89 0 0 0 0 1.257l.743.742a.89.89 0 0 0 1.257 0l8.582-8.58a.89.89 0 0 0 0-1.258l-.743-.743a.89.89 0 0 0-1.257 0M8.733 4.267l2 2"
           />
           <path
             fill={color}
-            d="m8.048 3.88-1.051-.35-.351-1.052c-.114-.34-.677-.34-.79 0L5.504 3.53l-1.05.35a.417.417 0 0 0 0 .791l1.05.35.352 1.052a.416.416 0 0 0 .788 0l.352-1.052 1.05-.35a.417.417 0 0 0 .002-.791ZM18.509 13.322l-1.404-.468-.467-1.403c-.153-.453-.903-.453-1.055 0l-.467 1.403-1.404.468a.556.556 0 0 0 0 1.054l1.404.467.467 1.404a.557.557 0 0 0 1.056 0l.468-1.404 1.403-.467a.555.555 0 0 0-.001-1.054ZM10.278 2.778a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667Z"
+            d="m5.938 2.604-.84-.28-.282-.842c-.09-.272-.54-.272-.632 0l-.28.842-.841.28a.334.334 0 0 0 0 .633l.84.28.281.842a.333.333 0 0 0 .632 0l.28-.842.841-.28a.334.334 0 0 0 .001-.633M14.307 10.158l-1.123-.374-.374-1.123c-.122-.363-.722-.363-.843 0l-.375 1.123-1.122.374a.444.444 0 0 0 0 .843l1.122.374.375 1.122a.446.446 0 0 0 .844 0l.374-1.122L14.308 11a.445.445 0 0 0 0-.843M7.722 1.722a.667.667 0 1 0 0-1.333.667.667 0 0 0 0 1.333"
           />
         </g>
         <defs>
           <clipPath id="a">
-            <path fill="#fff" d="M0 0h20v20H0z" />
+            <path fill="#fff" d="M0 0h15v15H0z" />
           </clipPath>
         </defs>
       </svg>
diff --git a/packages/design-system/icons/src/components/window.tsx b/packages/design-system/icons/src/components/window.tsx
index 4d657b1ca3..90b1e9d69c 100644
--- a/packages/design-system/icons/src/components/window.tsx
+++ b/packages/design-system/icons/src/components/window.tsx
@@ -5,19 +5,30 @@ const Window = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={1.5}
-          d="M2.5 6.875V15a1.875 1.875 0 0 0 1.875 1.875h11.25A1.875 1.875 0 0 0 17.5 15V6.875m-15 0V5a1.875 1.875 0 0 1 1.875-1.875h11.25A1.875 1.875 0 0 1 17.5 5v1.875m-15 0h15M4.375 5h.007v.007h-.007V5ZM6.25 5h.007v.007H6.25V5Zm1.875 0h.007v.007h-.007V5Z"
-        />
+        <g fill={color} clipPath="url(#a)">
+          <path d="M3.125 4.166a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25M5.209 4.166a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25" />
+          <path
+            fillRule="evenodd"
+            d="M2.709.708A2.417 2.417 0 0 0 .292 3.125v7.083a2.417 2.417 0 0 0 2.417 2.417h4.885a.75.75 0 0 0 0-1.5H2.709a.917.917 0 0 1-.917-.917V6.375h10.583V7.48a.75.75 0 0 0 1.5 0V3.125A2.417 2.417 0 0 0 11.46.708zm9.666 4.167H1.792v-1.75c0-.506.41-.917.917-.917h8.75c.506 0 .916.41.916.917z"
+            clipRule="evenodd"
+          />
+          <path
+            fillRule="evenodd"
+            d="M9.11 7.434c-.78-.282-1.548.473-1.258 1.263l1.808 4.949c.32.88 1.575.854 1.86-.039l.607-1.897 1.898-.607c.891-.285.916-1.539.037-1.86l-4.95-1.808zm1.44 4.28-.908-2.488 2.488.908-.828.265a.75.75 0 0 0-.486.486z"
+            clipRule="evenodd"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/x-circle-solid.tsx b/packages/design-system/icons/src/components/x-circle-solid.tsx
index 76369997fb..12f0e15cb3 100644
--- a/packages/design-system/icons/src/components/x-circle-solid.tsx
+++ b/packages/design-system/icons/src/components/x-circle-solid.tsx
@@ -5,18 +5,23 @@ const XCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z"
-          clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+          <path
+            fill={color}
+            d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m2.916 9.084a.667.667 0 0 1-.943.943L7.5 8.443l-1.973 1.973a.665.665 0 0 1-.943 0 .667.667 0 0 1 0-.943L6.558 7.5 4.584 5.527a.667.667 0 1 1 .944-.943L7.5 6.557l1.973-1.973a.667.667 0 0 1 .943.943L8.444 7.5l1.973 1.973z"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/x-circle.tsx b/packages/design-system/icons/src/components/x-circle.tsx
index 2c2dde4403..3abcd102e0 100644
--- a/packages/design-system/icons/src/components/x-circle.tsx
+++ b/packages/design-system/icons/src/components/x-circle.tsx
@@ -5,19 +5,26 @@ const XCircle = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
       >
-        <path
+        <g
           stroke={color}
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m8.125 8.125 3.75 3.75m0-3.75-3.75 3.75M17.5 10a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z"
-        />
+          clipPath="url(#a)"
+        >
+          <path d="M7.5 13.945a6.444 6.444 0 1 0 0-12.89 6.444 6.444 0 0 0 0 12.89M5.056 5.056l4.888 4.889M9.944 5.056 5.056 9.945" />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h15v15H0z" />
+          </clipPath>
+        </defs>
       </svg>
     )
   }
diff --git a/packages/design-system/icons/src/components/x-mark-mini.tsx b/packages/design-system/icons/src/components/x-mark-mini.tsx
index c697099762..7a442b770c 100644
--- a/packages/design-system/icons/src/components/x-mark-mini.tsx
+++ b/packages/design-system/icons/src/components/x-mark-mini.tsx
@@ -5,8 +5,8 @@ const XMarkMini = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const XMarkMini = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="m6 14 8-8M6 6l8 8"
+          d="m11.25 3.75-7.5 7.5M3.75 3.75l7.5 7.5"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/x-mark.tsx b/packages/design-system/icons/src/components/x-mark.tsx
index 6984696bea..f8f1975bfa 100644
--- a/packages/design-system/icons/src/components/x-mark.tsx
+++ b/packages/design-system/icons/src/components/x-mark.tsx
@@ -5,8 +5,8 @@ const XMark = React.forwardRef<SVGSVGElement, IconProps>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -16,7 +16,7 @@ const XMark = React.forwardRef<SVGSVGElement, IconProps>(
           strokeLinecap="round"
           strokeLinejoin="round"
           strokeWidth={1.5}
-          d="M5 15 15 5M5 5l10 10"
+          d="m11.25 3.75-7.5 7.5M3.75 3.75l7.5 7.5"
         />
       </svg>
     )
diff --git a/packages/design-system/icons/src/components/x.tsx b/packages/design-system/icons/src/components/x.tsx
index 1822c9036a..41240c4836 100644
--- a/packages/design-system/icons/src/components/x.tsx
+++ b/packages/design-system/icons/src/components/x.tsx
@@ -5,8 +5,8 @@ const X = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width={20}
-        height={20}
+        width={15}
+        height={15}
         fill="none"
         ref={ref}
         {...props}
@@ -14,7 +14,7 @@ const X = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
         <path
           fill="#000"
           fillRule="evenodd"
-          d="M1 1.563h5.906l4.201 5.861 5.08-5.862h2.25l-6.311 7.283L19 18.437h-5.906l-4.201-5.861-5.08 5.861h-2.25l6.311-7.282L1 1.563ZM13.96 16.75 4.285 3.25H6.04l9.675 13.5H13.96Z"
+          d="M.75 1.172h4.43l3.15 4.396 3.81-4.396h1.688L9.094 6.634l5.156 7.194H9.82L6.67 9.432l-3.81 4.396H1.171l4.734-5.462zm9.72 11.39L3.214 2.438H4.53l7.256 10.125z"
           clipRule="evenodd"
         />
       </svg>
diff --git a/packages/design-system/toolbox/package.json b/packages/design-system/toolbox/package.json
index a8f09f7f4e..76d1d2b46b 100644
--- a/packages/design-system/toolbox/package.json
+++ b/packages/design-system/toolbox/package.json
@@ -15,11 +15,11 @@
     "@svgr/plugin-prettier": "8.0.1",
     "@svgr/plugin-svgo": "8.0.1",
     "axios": "^0.24.0",
+    "axios-retry": "^3.1.9",
     "commander": "11.0.0",
     "dotenv": "^16.4.5",
     "fs-extra": "11.1.1",
     "picocolors": "^1.0.0",
-    "retry-axios": "^2.6.0",
     "ts-dedent": "2.2.0"
   },
   "devDependencies": {
diff --git a/packages/design-system/toolbox/src/transformers/transform-svg.ts b/packages/design-system/toolbox/src/transformers/transform-svg.ts
index 9113806b81..1efc3cdbf6 100644
--- a/packages/design-system/toolbox/src/transformers/transform-svg.ts
+++ b/packages/design-system/toolbox/src/transformers/transform-svg.ts
@@ -22,7 +22,7 @@ export async function transformSvg({
       typescript: true,
       replaceAttrValues: !fixed
         ? {
-            "#030712": "{color}",
+            "#09090B": "{color}",
           }
         : undefined,
       svgProps: {
diff --git a/yarn.lock b/yarn.lock
index f6d165dd3e..0c9735330e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6033,13 +6033,13 @@ __metadata:
     "@types/fs-extra": 11.0.1
     "@types/react": ^18.2.14
     axios: ^0.24.0
+    axios-retry: ^3.1.9
     commander: 11.0.0
     dotenv: ^16.4.5
     eslint: 7.32.0
     fs-extra: 11.1.1
     picocolors: ^1.0.0
     react: ^18.2.0
-    retry-axios: ^2.6.0
     ts-dedent: 2.2.0
     tsup: 7.1.0
     typescript: 5.1.6
@@ -28322,15 +28322,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"retry-axios@npm:^2.6.0":
-  version: 2.6.0
-  resolution: "retry-axios@npm:2.6.0"
-  peerDependencies:
-    axios: "*"
-  checksum: da951029dacaf9eba56b2714dd97941381e15d670d22aaa39effc13e0793b392da6b0e7b4ba36539c957d40b859bc6c46d64f85097ba625da196218074aeacf7
-  languageName: node
-  linkType: hard
-
 "retry@npm:^0.12.0":
   version: 0.12.0
   resolution: "retry@npm:0.12.0"