add expand and collapse list icons

pluralsh · Dec 19, 2024 · d1f31a7 · d1f31a7
1 parent ca359f9
commit d1f31a7
Show file tree

Hide file tree

Showing 3 changed files with 112 additions and 0 deletions.
diff --git a/src/components/icons/CollapseListIcon.tsx b/src/components/icons/CollapseListIcon.tsx
@@ -0,0 +1,55 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M7 4L4 7L1 4"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7 12L4 9L1 12"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 1.3335L4 6.3335"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 14.6665L4 9.6665"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10 4H16"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M8 8H16"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M10 12H16"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+  </svg>
+))
diff --git a/src/components/icons/ExpandListIcon.tsx b/src/components/icons/ExpandListIcon.tsx
@@ -0,0 +1,55 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M7 4L4 1L1 4"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7 12L4 15L1 12"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 6.3335L4 1.3335"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 9.6665L4 14.6665"
+      stroke={color}
+      strokeWidth="1.1"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10 4H16"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M8 8H16"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M10 12H16"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+  </svg>
+))
diff --git a/src/icons.ts b/src/icons.ts
@@ -46,6 +46,7 @@ export { default as CloseRoundedIcon } from './components/icons/CloseRoundedIcon
 export { default as CloudIcon } from './components/icons/CloudIcon'
 export { default as ClusterIcon } from './components/icons/ClusterIcon'
 export { default as CollapseIcon } from './components/icons/CollapseIcon'
+export { default as CollapseListIcon } from './components/icons/CollapseListIcon'
 export { default as CommandIcon } from './components/icons/CommandIcon'
 export { default as CompassIcon } from './components/icons/CompassIcon'
 export { default as CompatibilityIcon } from './components/icons/CompatibilityIcon'
@@ -79,6 +80,7 @@ export { default as EmojiHoverIcon } from './components/icons/EmojiHoverIcon'
 export { default as EmojiIcon } from './components/icons/EmojiIcon'
 export { default as ErrorIcon } from './components/icons/ErrorIcon'
 export { default as ExpandIcon } from './components/icons/ExpandIcon'
+export { default as ExpandListIcon } from './components/icons/ExpandListIcon'
 export { default as EyeClosedIcon } from './components/icons/EyeClosedIcon'
 export { default as EyeIcon } from './components/icons/EyeIcon'
 export { default as FastForwardIcon } from './components/icons/FastForwardIcon'