updated icons

sl-design-system · Oct 3, 2024 · b6d3c56 · b6d3c56
1 parent 5200d1b
commit b6d3c56
Show file tree

Hide file tree

Showing 24 changed files with 183 additions and 46 deletions.
diff --git 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
diff --git a/packages/themes/bingel-dc/icons/info.svg b/packages/themes/bingel-dc/icons/info.svg
diff --git 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
@@ -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
diff --git a/packages/themes/core/icons/sort-up.svg b/packages/themes/core/icons/sort-up.svg