From b6d3c5693caf67c5dd372e49a678ccfc64ad324f Mon Sep 17 00:00:00 2001
From: Diana Broeders <diana.broeders@sanoma.com>
Date: Thu, 3 Oct 2024 10:27:16 +0200
Subject: [PATCH] updated icons

---
 packages/themes/bingel-dc/icons.ts            | 19 ++++++++++++-----
 packages/themes/bingel-dc/icons/circle.svg    |  2 +-
 packages/themes/bingel-dc/icons/info.svg      |  2 +-
 packages/themes/bingel-int/icons.ts           | 15 ++++++++++---
 packages/themes/clickedu/icons.ts             | 15 ++++++++++---
 packages/themes/core/icons/sort-down.svg      |  2 +-
 packages/themes/core/icons/sort-up.svg        |  2 +-
 packages/themes/core/icons/sort.svg           |  2 +-
 packages/themes/core/icons/svg-sort-down.svg  |  1 +
 packages/themes/core/icons/svg-sort-up.svg    |  1 +
 packages/themes/core/icons/svg-sort.svg       |  1 +
 packages/themes/editorial-suite/icons.ts      | 15 ++++++++++---
 packages/themes/itslearning/icons.ts          | 15 ++++++++++---
 packages/themes/kampus/icons.ts               | 15 ++++++++++---
 packages/themes/magister/icons.ts             |  9 ++++++++
 packages/themes/max/icons.ts                  | 15 ++++++++++---
 packages/themes/my-digital-book/icons.ts      | 15 ++++++++++---
 packages/themes/myvanin_onhold/icons.ts       | 15 ++++++++++---
 packages/themes/neon/icons.ts                 | 15 ++++++++++---
 packages/themes/sanoma-learning/icons.ts      | 21 ++++++++++++++++---
 .../sanoma-learning/icons/ellipsis-down.svg   |  1 +
 .../icons/size=md, Style=Solid.svg            |  1 +
 .../themes/sanoma-utbildning_onhold/icons.ts  | 15 ++++++++++---
 packages/themes/teas/icons.ts                 | 15 ++++++++++---
 24 files changed, 183 insertions(+), 46 deletions(-)
 create mode 100644 packages/themes/core/icons/svg-sort-down.svg
 create mode 100644 packages/themes/core/icons/svg-sort-up.svg
 create mode 100644 packages/themes/core/icons/svg-sort.svg
 create mode 100644 packages/themes/sanoma-learning/icons/ellipsis-down.svg
 create mode 100644 packages/themes/sanoma-learning/icons/size=md, Style=Solid.svg

diff --git a/packages/themes/bingel-dc/icons.ts b/packages/themes/bingel-dc/icons.ts
index 9e32074b38..784d6e1d9d 100644
--- a/packages/themes/bingel-dc/icons.ts
+++ b/packages/themes/bingel-dc/icons.ts
@@ -35,7 +35,7 @@ export const icons = {
     description: 'icon.core.chevron-right',
     svg: '<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z" fill="var(--sl-icon-fill-default)"></path></svg>'
   },
-  circle: { svg: '<svg/>' },
+  circle: { svg: '<svg></svg>' },
   'circle-check-solid': {
     value: 'circle-check',
     type: 'Icons',
@@ -78,7 +78,7 @@ export const icons = {
     description: 'icon.core.home-blank',
     svg: '<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M303.5 5.7c-9-7.6-22.1-7.6-31.1 0l-264 224c-10.1 8.6-11.3 23.7-2.8 33.8s23.7 11.3 33.8 2.8L64 245.5 64 432c0 44.2 35.8 80 80 80l288 0c44.2 0 80-35.8 80-80l0-186.5 24.5 20.8c10.1 8.6 25.3 7.3 33.8-2.8s7.3-25.3-2.8-33.8l-264-224zM464 204.8L464 432c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-227.2L288 55.5 464 204.8z" fill="var(--sl-icon-fill-default)"></path></svg>'
   },
-  info: { svg: '<svg/>' },
+  info: { svg: '<svg></svg>' },
   menu: {
     value: 'bars',
     type: 'Icons',
@@ -113,17 +113,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/bingel-dc/icons/circle.svg b/packages/themes/bingel-dc/icons/circle.svg
index 950ddbbd87..dc1ced5b6b 100644
--- a/packages/themes/bingel-dc/icons/circle.svg
+++ b/packages/themes/bingel-dc/icons/circle.svg
@@ -1 +1 @@
-<svg/>
\ No newline at end of file
+<svg></svg>
\ No newline at end of file
diff --git a/packages/themes/bingel-dc/icons/info.svg b/packages/themes/bingel-dc/icons/info.svg
index 950ddbbd87..dc1ced5b6b 100644
--- a/packages/themes/bingel-dc/icons/info.svg
+++ b/packages/themes/bingel-dc/icons/info.svg
@@ -1 +1 @@
-<svg/>
\ No newline at end of file
+<svg></svg>
\ No newline at end of file
diff --git a/packages/themes/bingel-int/icons.ts b/packages/themes/bingel-int/icons.ts
index 9d03c0371f..7db9a02f32 100644
--- a/packages/themes/bingel-int/icons.ts
+++ b/packages/themes/bingel-int/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/clickedu/icons.ts b/packages/themes/clickedu/icons.ts
index f372f2b4bb..4e2ff95181 100644
--- a/packages/themes/clickedu/icons.ts
+++ b/packages/themes/clickedu/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/core/icons/sort-down.svg b/packages/themes/core/icons/sort-down.svg
index ba83196d0d..4acdb560cd 100644
--- a/packages/themes/core/icons/sort-down.svg
+++ b/packages/themes/core/icons/sort-down.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>
\ No newline at end of file
diff --git a/packages/themes/core/icons/sort-up.svg b/packages/themes/core/icons/sort-up.svg
index d2391b7797..65fa45aa5a 100644
--- a/packages/themes/core/icons/sort-up.svg
+++ b/packages/themes/core/icons/sort-up.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>
\ No newline at end of file
diff --git a/packages/themes/core/icons/sort.svg b/packages/themes/core/icons/sort.svg
index 7db79ffd99..45ccf0de0b 100644
--- a/packages/themes/core/icons/sort.svg
+++ b/packages/themes/core/icons/sort.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>
\ No newline at end of file
diff --git a/packages/themes/core/icons/svg-sort-down.svg b/packages/themes/core/icons/svg-sort-down.svg
new file mode 100644
index 0000000000..fb159c9a9b
--- /dev/null
+++ b/packages/themes/core/icons/svg-sort-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>
\ No newline at end of file
diff --git a/packages/themes/core/icons/svg-sort-up.svg b/packages/themes/core/icons/svg-sort-up.svg
new file mode 100644
index 0000000000..0a3cf76d7d
--- /dev/null
+++ b/packages/themes/core/icons/svg-sort-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>
\ No newline at end of file
diff --git a/packages/themes/core/icons/svg-sort.svg b/packages/themes/core/icons/svg-sort.svg
new file mode 100644
index 0000000000..f4f469f394
--- /dev/null
+++ b/packages/themes/core/icons/svg-sort.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>
\ No newline at end of file
diff --git a/packages/themes/editorial-suite/icons.ts b/packages/themes/editorial-suite/icons.ts
index 9d03c0371f..7db9a02f32 100644
--- a/packages/themes/editorial-suite/icons.ts
+++ b/packages/themes/editorial-suite/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/itslearning/icons.ts b/packages/themes/itslearning/icons.ts
index 9d03c0371f..7db9a02f32 100644
--- a/packages/themes/itslearning/icons.ts
+++ b/packages/themes/itslearning/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/kampus/icons.ts b/packages/themes/kampus/icons.ts
index 9d03c0371f..7db9a02f32 100644
--- a/packages/themes/kampus/icons.ts
+++ b/packages/themes/kampus/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/magister/icons.ts b/packages/themes/magister/icons.ts
index f02fa4f4ab..58976c6430 100644
--- a/packages/themes/magister/icons.ts
+++ b/packages/themes/magister/icons.ts
@@ -128,6 +128,15 @@ export const icons = {
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/max/icons.ts b/packages/themes/max/icons.ts
index 9d03c0371f..7db9a02f32 100644
--- a/packages/themes/max/icons.ts
+++ b/packages/themes/max/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/my-digital-book/icons.ts b/packages/themes/my-digital-book/icons.ts
index f372f2b4bb..4e2ff95181 100644
--- a/packages/themes/my-digital-book/icons.ts
+++ b/packages/themes/my-digital-book/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/myvanin_onhold/icons.ts b/packages/themes/myvanin_onhold/icons.ts
index a52e341a90..c9b2c01b15 100644
--- a/packages/themes/myvanin_onhold/icons.ts
+++ b/packages/themes/myvanin_onhold/icons.ts
@@ -105,13 +105,22 @@ export const icons = {
     svg: '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" fill="var(--sl-icon-fill-default)"></path></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
diff --git a/packages/themes/neon/icons.ts b/packages/themes/neon/icons.ts
index f372f2b4bb..4e2ff95181 100644
--- a/packages/themes/neon/icons.ts
+++ b/packages/themes/neon/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/sanoma-learning/icons.ts b/packages/themes/sanoma-learning/icons.ts
index 1647144f8e..deb12e338a 100644
--- a/packages/themes/sanoma-learning/icons.ts
+++ b/packages/themes/sanoma-learning/icons.ts
@@ -56,6 +56,9 @@ export const icons = {
     description: 'icon.core.ellipsis',
     svg: '<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M432 256a48 48 0 1 1 -96 0 48 48 0 1 1 96 0zm-160 0a48 48 0 1 1 -96 0 48 48 0 1 1 96 0zM64 304a48 48 0 1 1 0-96 48 48 0 1 1 0 96z" fill="var(--sl-icon-fill-default)"></path></svg>'
   },
+  'ellipsis-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.512 12.5c0 .563-.313 1.031-.75 1.313-.469.28-1.063.28-1.5 0a1.5 1.5 0 0 1-.75-1.313c0-.531.281-1 .75-1.281.437-.281 1.031-.281 1.5 0 .437.281.75.75.75 1.281m-5 0c0 .563-.313 1.031-.75 1.313-.469.28-1.063.28-1.5 0a1.5 1.5 0 0 1-.75-1.313c0-.531.281-1 .75-1.281.437-.281 1.031-.281 1.5 0 .437.281.75.75.75 1.281m-6.5 1.5a1.5 1.5 0 0 1-1.313-.75c-.281-.437-.281-1.031 0-1.5.281-.437.75-.75 1.313-.75.531 0 1 .313 1.281.75.281.469.281 1.063 0 1.5-.281.469-.75.75-1.281.75"/></svg>'
+  },
   eye: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.455 8a3.565 3.565 0 0 1 3.559-3.559c1.946 0 3.559 1.613 3.559 3.559a3.565 3.565 0 0 1-3.56 3.559A3.55 3.55 0 0 1 4.456 8m3.559 2.224A2.213 2.213 0 0 0 10.238 8c0-1.223-1-2.224-2.224-2.224H7.93c.055.167.083.306.083.445 0 1-.806 1.779-1.78 1.779-.166 0-.305 0-.444-.056V8c0 1.251.973 2.224 2.224 2.224m-5.366-6.2c1.307-1.223 3.114-2.252 5.366-2.252 2.224 0 4.031 1.029 5.338 2.252 1.307 1.196 2.168 2.641 2.585 3.642a1 1 0 0 1 0 .695c-.417.973-1.278 2.42-2.585 3.642-1.307 1.224-3.114 2.225-5.338 2.225-2.252 0-4.06-1.001-5.366-2.225C1.341 10.78.48 9.334.063 8.361a1 1 0 0 1 0-.695c.417-1 1.278-2.446 2.585-3.642m5.366-.917c-1.835 0-3.309.834-4.448 1.89A9.9 9.9 0 0 0 1.369 8c.39.834 1.112 2.03 2.197 3.03 1.14 1.057 2.613 1.863 4.448 1.863 1.807 0 3.28-.806 4.42-1.863 1.085-1 1.808-2.196 2.197-3.03a9.9 9.9 0 0 0-2.197-3.003c-1.14-1.056-2.613-1.89-4.42-1.89"/></svg>'
   },
@@ -119,17 +122,20 @@ export const icons = {
     description: 'icon.core.search',
     svg: '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" fill="var(--sl-icon-fill-default)"></path></svg>'
   },
+  'size=md, Style=Solid': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m4 1.5-.687-.312C3.125 1.094 3 .875 3 .625 3 .281 3.25 0 3.594 0H8c3.313 0 6 2.688 6 6v.469c0 .375-.031.718-.125 1.062L13 12.5H3c0-.625.281-1.187.813-1.562l4-2.72c.343-.218.343-.687.03-.937a.61.61 0 0 0-.718 0L5.594 8.438c-.063.062-.157.093-.219.124l-.125.063c-.469.25-1.031.219-1.5-.094l-.312-.219A1 1 0 0 1 3 7.47V3.344c0-.531.188-1.031.563-1.406zm.75 2.125c0 .375.25.625.625.625C5.719 4.25 6 4 6 3.625A.627.627 0 0 0 5.375 3a.61.61 0 0 0-.625.625M1.688 14.813 3 13.5h10l1.281 1.313a.74.74 0 0 1 .219.5c0 .374-.344.687-.719.687H2.188a.694.694 0 0 1-.688-.687.7.7 0 0 1 .188-.5"/></svg>'
+  },
   smile: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
@@ -137,6 +143,15 @@ export const icons = {
   storybook: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.342.754a.806.806 0 0 0-.853-.752l-.882.06.06 1.844c0 .07-.05.12-.12.12-.03 0-.06 0-.08-.03l-.591-.47-.702.53c-.05.04-.13.03-.17-.02a.08.08 0 0 1-.02-.08l.08-1.814-8.811.562a.81.81 0 0 0-.752.832l.491 13.211c.02.421.35.752.772.772L13.5 16h.04c.44 0 .802-.36.802-.802V.754M8.227 12.973c-1.915 0-3.589-.772-3.398-3.468.07-.311 2.506-.241 2.506 0-.03 1.112.22 1.433.862 1.433.491 0 .712-.27.712-.722 0-1.624-4.01-1.674-4.01-4.65 0-1.705 1.173-2.848 3.268-2.848s3.238 1.123 3.238 3.248c-.281.22-2.396.371-2.396.06.04-1.193-.491-1.243-.792-1.243-.3 0-.762.09-.762.722 0 1.574 4.07 1.494 4.07 4.681 0 1.794-1.454 2.787-3.308 2.787z"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',
diff --git a/packages/themes/sanoma-learning/icons/ellipsis-down.svg b/packages/themes/sanoma-learning/icons/ellipsis-down.svg
new file mode 100644
index 0000000000..0147f0fc09
--- /dev/null
+++ b/packages/themes/sanoma-learning/icons/ellipsis-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.512 12.5c0 .563-.313 1.031-.75 1.313-.469.28-1.063.28-1.5 0a1.5 1.5 0 0 1-.75-1.313c0-.531.281-1 .75-1.281.437-.281 1.031-.281 1.5 0 .437.281.75.75.75 1.281m-5 0c0 .563-.313 1.031-.75 1.313-.469.28-1.063.28-1.5 0a1.5 1.5 0 0 1-.75-1.313c0-.531.281-1 .75-1.281.437-.281 1.031-.281 1.5 0 .437.281.75.75.75 1.281m-6.5 1.5a1.5 1.5 0 0 1-1.313-.75c-.281-.437-.281-1.031 0-1.5.281-.437.75-.75 1.313-.75.531 0 1 .313 1.281.75.281.469.281 1.063 0 1.5-.281.469-.75.75-1.281.75"/></svg>
\ No newline at end of file
diff --git a/packages/themes/sanoma-learning/icons/size=md, Style=Solid.svg b/packages/themes/sanoma-learning/icons/size=md, Style=Solid.svg
new file mode 100644
index 0000000000..36dde4a8be
--- /dev/null
+++ b/packages/themes/sanoma-learning/icons/size=md, Style=Solid.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m4 1.5-.687-.312C3.125 1.094 3 .875 3 .625 3 .281 3.25 0 3.594 0H8c3.313 0 6 2.688 6 6v.469c0 .375-.031.718-.125 1.062L13 12.5H3c0-.625.281-1.187.813-1.562l4-2.72c.343-.218.343-.687.03-.937a.61.61 0 0 0-.718 0L5.594 8.438c-.063.062-.157.093-.219.124l-.125.063c-.469.25-1.031.219-1.5-.094l-.312-.219A1 1 0 0 1 3 7.47V3.344c0-.531.188-1.031.563-1.406zm.75 2.125c0 .375.25.625.625.625C5.719 4.25 6 4 6 3.625A.627.627 0 0 0 5.375 3a.61.61 0 0 0-.625.625M1.688 14.813 3 13.5h10l1.281 1.313a.74.74 0 0 1 .219.5c0 .374-.344.687-.719.687H2.188a.694.694 0 0 1-.688-.687.7.7 0 0 1 .188-.5"/></svg>
\ No newline at end of file
diff --git a/packages/themes/sanoma-utbildning_onhold/icons.ts b/packages/themes/sanoma-utbildning_onhold/icons.ts
index a52e341a90..c9b2c01b15 100644
--- a/packages/themes/sanoma-utbildning_onhold/icons.ts
+++ b/packages/themes/sanoma-utbildning_onhold/icons.ts
@@ -105,13 +105,22 @@ export const icons = {
     svg: '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z" fill="var(--sl-icon-fill-default)"></path></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
diff --git a/packages/themes/teas/icons.ts b/packages/themes/teas/icons.ts
index 9d03c0371f..7db9a02f32 100644
--- a/packages/themes/teas/icons.ts
+++ b/packages/themes/teas/icons.ts
@@ -117,17 +117,26 @@ export const icons = {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 10.75c1.06 0 1.805-.487 2.234-.945a.684.684 0 0 1 .974-.058c.287.258.287.688.029.974A4.35 4.35 0 0 1 8 12.125c-1.547 0-2.635-.716-3.266-1.404-.257-.286-.257-.716.029-.974a.684.684 0 0 1 .974.058c.43.458 1.174.945 2.263.945M6.625 6.625a.905.905 0 0 1-.917.917.905.905 0 0 1-.916-.917c0-.487.4-.917.916-.917s.917.43.917.917m2.75 0c0-.487.401-.917.917-.917.515 0 .916.43.916.917a.905.905 0 0 1-.916.917.905.905 0 0 1-.917-.917M15.333 8A7.33 7.33 0 0 1 8 15.333 7.31 7.31 0 0 1 .667 8 7.33 7.33 0 0 1 8 .667c4.04 0 7.333 3.294 7.333 7.333M8 2.042C4.706 2.042 2.042 4.734 2.042 8A5.954 5.954 0 0 0 8 13.958c3.266 0 5.958-2.664 5.958-5.958 0-3.266-2.692-5.958-5.958-5.958"/></svg>'
   },
   sort: {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.281 1.313a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zm0 13.406-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094l-4 4a.964.964 0 0 1-1.407 0"/></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.22.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.714.714 0 0 1-1.03.125L8.007 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
   },
   'sort-down': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8 2.719 5.188 5.5h5.593zm-.719-1.406a.964.964 0 0 1 1.407 0l4 4c.28.28.375.718.218 1.093a.98.98 0 0 1-.906.625H4c-.406 0-.781-.25-.937-.625a1.01 1.01 0 0 1 .218-1.093zM8.688 14.719a.964.964 0 0 1-1.407 0l-4-4a1.01 1.01 0 0 1-.218-1.094C3.219 9.25 3.593 9 4 9h8c.375 0 .75.25.906.625a1.01 1.01 0 0 1-.218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.714.714 0 0 0 1.031-.125"/></g></svg>'
   },
   'sort-up': {
-    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M8.688 1.313a.964.964 0 0 0-1.407 0l-4 4a1.01 1.01 0 0 0-.218 1.093c.156.375.53.625.937.625h8c.375 0 .75-.25.906-.625a1.01 1.01 0 0 0-.218-1.093zM8 13.313 5.188 10.5h5.593zm-.719 1.406a.964.964 0 0 0 1.407 0l4-4a1.01 1.01 0 0 0 .218-1.094A.98.98 0 0 0 12 9H4c-.406 0-.781.25-.937.625a1.01 1.01 0 0 0 .218 1.094z"/></g></svg>'
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.54 15.578c.25.219.655.219.937 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.03-.094l-4.532 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.093-1.031l-5-4c-.282-.219-.688-.219-.938 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
   },
   star: {
     svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10.493 5.107 8.616.896H7.384l-1.792 4.21-4.567.488-.373 1.174 3.6 3.037-1.193 4.554 1.002.745 3.925-2.442 3.924 2.442 1.003-.745-1.217-4.44 3.652-3.15-.373-1.175zm-2.507-1.63L6.86 6.317l-.444.322-3.1.272 2.488 2.001.172.544-.856 3.039 2.594-1.662h.568l2.595 1.662-.901-2.94.172-.544 2.507-2.1-3-.272-.445-.321z" clip-rule="evenodd"/></svg>'
   },
+  'svg-sort': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.477 15.578c-.282.219-.688.219-.938 0l-5-4c-.344-.25-.375-.719-.125-1.062a.744.744 0 0 1 1.063-.094l4.53 3.625 4.532-3.625a.71.71 0 0 1 1.031.094c.25.343.219.812-.125 1.062l-5 4zm5-11.156a.71.71 0 0 1 .093 1.031.715.715 0 0 1-1.031.125L8.008 1.953 3.477 5.578c-.344.25-.813.219-1.063-.125a.714.714 0 0 1 .125-1.031l5-4c.25-.219.656-.219.938 0z"/></svg>'
+  },
+  'svg-sort-down': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.73.73 0 0 0-.538-.273l.004-.003H2.964l.003.002a.73.73 0 0 0-.553.274c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031c.25.344.719.375 1.063.125l4.53-3.625 4.532 3.625a.715.715 0 0 0 1.031-.125"/></g></svg>'
+  },
+  'svg-sort-up': {
+    svg: '<svg fill="var(--sl-icon-fill-default)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M7.539 15.578c.25.219.656.219.938 0h-.032l5-4c.344-.25.375-.719.125-1.062a.71.71 0 0 0-1.031-.094l-4.531 3.625-4.531-3.625a.744.744 0 0 0-1.063.094c-.25.343-.219.812.125 1.062zM13.57 5.453a.71.71 0 0 0-.094-1.031l-5-4c-.28-.219-.687-.219-.937 0l-5 4a.714.714 0 0 0-.125 1.031.7.7 0 0 0 .64.286l-.012.01h10.072l-.016-.013a.7.7 0 0 0 .472-.283"/></g></svg>'
+  },
   'triangle-exclamation-solid': {
     value: 'triangle-exclamation',
     type: 'Icons',