From 1df08878e51ec8622679039723c0c608534ac37e Mon Sep 17 00:00:00 2001
From: Kunal Piush Kumar <kunal.kumar@clickhouse.com>
Date: Wed, 27 May 2026 16:15:26 +0200
Subject: [PATCH] Add pop-in icon

---
 .changeset/add-pop-in-icon.md                 |  5 +++++
 src/components/Assets/Icons/Popin.tsx         | 22 +++++++++++++++++++
 .../Assets/Icons/system/IconsDark.ts          |  2 ++
 .../Assets/Icons/system/IconsLight.ts         |  2 ++
 src/components/Assets/Icons/system/types.ts   |  1 +
 src/components/Assets/config.ts               |  1 +
 6 files changed, 33 insertions(+)
 create mode 100644 .changeset/add-pop-in-icon.md
 create mode 100644 src/components/Assets/Icons/Popin.tsx

diff --git a/.changeset/add-pop-in-icon.md b/.changeset/add-pop-in-icon.md
new file mode 100644
index 000000000..e1e03c965
--- /dev/null
+++ b/.changeset/add-pop-in-icon.md
@@ -0,0 +1,5 @@
+---
+"@clickhouse/click-ui": minor
+---
+
+Add the `popin` icon to the icon library.
diff --git a/src/components/Assets/Icons/Popin.tsx b/src/components/Assets/Icons/Popin.tsx
new file mode 100644
index 000000000..70bd3a270
--- /dev/null
+++ b/src/components/Assets/Icons/Popin.tsx
@@ -0,0 +1,22 @@
+import type { SVGAssetProps } from '@/types';
+
+const Popin = (props: SVGAssetProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M19 10h-5V5M21 3l-7 7M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5"
+    />
+  </svg>
+);
+
+export default Popin;
diff --git a/src/components/Assets/Icons/system/IconsDark.ts b/src/components/Assets/Icons/system/IconsDark.ts
index 0ac77d7a2..379e11a9a 100644
--- a/src/components/Assets/Icons/system/IconsDark.ts
+++ b/src/components/Assets/Icons/system/IconsDark.ts
@@ -130,6 +130,7 @@ import Play from '../Play';
 import Play_In_Circle from '../Play-In-Circle';
 import Plug from '../Plug';
 import Plus from '../Plus';
+import Popin from '../Popin';
 import Popout from '../Popout';
 import Popover_Arrow from '../Popover-Arrow';
 import Puzzle_Piece from '../Puzzle-Piece';
@@ -305,6 +306,7 @@ const IconsDark: Record<IconName, ComponentType<SVGAssetProps>> = {
   'play-in-circle': Play_In_Circle,
   plug: Plug,
   plus: Plus,
+  popin: Popin,
   popout: Popout,
   'popover-arrow': Popover_Arrow,
   'puzzle-piece': Puzzle_Piece,
diff --git a/src/components/Assets/Icons/system/IconsLight.ts b/src/components/Assets/Icons/system/IconsLight.ts
index 55c424ec0..842fde6df 100644
--- a/src/components/Assets/Icons/system/IconsLight.ts
+++ b/src/components/Assets/Icons/system/IconsLight.ts
@@ -130,6 +130,7 @@ import Play from '../Play';
 import Play_In_Circle from '../Play-In-Circle';
 import Plug from '../Plug';
 import Plus from '../Plus';
+import Popin from '../Popin';
 import Popout from '../Popout';
 import Popover_Arrow from '../Popover-Arrow';
 import Puzzle_Piece from '../Puzzle-Piece';
@@ -305,6 +306,7 @@ const IconsLight: Record<IconName, ComponentType<SVGAssetProps>> = {
   'play-in-circle': Play_In_Circle,
   plug: Plug,
   plus: Plus,
+  popin: Popin,
   popout: Popout,
   'popover-arrow': Popover_Arrow,
   'puzzle-piece': Puzzle_Piece,
diff --git a/src/components/Assets/Icons/system/types.ts b/src/components/Assets/Icons/system/types.ts
index 0832c2ba7..9e094c4e8 100644
--- a/src/components/Assets/Icons/system/types.ts
+++ b/src/components/Assets/Icons/system/types.ts
@@ -128,6 +128,7 @@ export type IconName =
   | 'play-in-circle'
   | 'plug'
   | 'plus'
+  | 'popin'
   | 'popout'
   | 'popover-arrow'
   | 'puzzle-piece'
diff --git a/src/components/Assets/config.ts b/src/components/Assets/config.ts
index a649ac941..1afe24bce 100644
--- a/src/components/Assets/config.ts
+++ b/src/components/Assets/config.ts
@@ -135,6 +135,7 @@ export const ASSET_NAME_MAPPINGS = {
     PlayInCircle: 'play-in-circle',
     Plug: 'plug',
     Plus: 'plus',
+    Popin: 'popin',
     Popout: 'popout',
     PopoverArrow: 'popover-arrow',
     PuzzlePiece: 'puzzle-piece',