WPB-18861 - feat: add icons for new tabs filter

packages/react-ui-kit/src/DataDisplay/Icon/DraftMessageIcon.tsx

@@ -0,0 +1,28 @@
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+import {SVGIcon, SVGIconProps} from './SVGIcon';
+
+export const DraftMessageIcon = (props: SVGIconProps) => (
+  <SVGIcon realWidth={16} realHeight={16} {...props}>
+    <path d="M3.83584 7.24738L6.10503 9.51457C6.15602 9.56552 6.25801 9.56552 6.309 9.51457L13.2951 2.5092C13.3461 2.45825 13.3461 2.35635 13.2951 2.30541L11.0259 0.0382111C10.9749 -0.012737 10.8729 -0.012737 10.8219 0.0382111L3.81034 7.04359C3.78484 7.09453 3.78484 7.19643 3.83584 7.24738Z" />
+    <path d="M4.75381 10.8677L1.54124 11.9885C1.41376 12.0395 1.31177 11.9121 1.33727 11.7847L2.45912 8.575C2.48462 8.4731 2.6376 8.44763 2.71409 8.52405L4.80481 10.6129C4.90679 10.6893 4.8813 10.8167 4.75381 10.8677Z" />
+    <path d="M16 14.7282V15.9453C16 15.9726 15.8867 16 15.7735 16L0.226549 15.9931C0.113274 15.9931 0 15.9658 0 15.9384V14.7213C0 14.694 0.113274 14.6666 0.226549 14.6666L15.8018 14.6666C15.8867 14.6735 16 14.7008 16 14.7282Z" />
+  </SVGIcon>
+);

packages/react-ui-kit/src/DataDisplay/Icon/MarkAsUnreadIcon.tsx

@@ -0,0 +1,27 @@
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+import {SVGIcon, SVGIconProps} from './SVGIcon';
+
+export const MarkAsUnreadIcon = (props: SVGIconProps) => {
+  <SVGIcon realWidth={16} realHeight={16} {...props}>
+    <path d="M7 3H3C1.89543 3 1 3.89543 1 5V13C1 14.1046 1.89543 15 3 15H11C12.1046 15 13 14.1046 13 13V9H11V13C11 13 3.77614 13 3.5 13C3.22386 13 3 13 3 13V5H7V3Z" />
+    <path d="M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" />
+  </SVGIcon>;
+};

packages/react-ui-kit/src/DataDisplay/Icon/index.ts

@@ -37,6 +37,7 @@ export * from './CirclePlusIcon';
 export * from './CloseIcon';
 export * from './DeviceIcon';
 export * from './DownloadIcon';
+export * from './DraftMessageIcon';
 export * from './DropdownFilledIcon';
 export * from './EditDocumentIcon';
 export * from './EditIcon';
@@ -59,6 +60,7 @@ export * from './LeaveIcon';
 export * from './LinkIcon';
 export * from './ListIcon';
 export * from './LockIcon';
+export * from './MarkAsUnreadIcon';
 export * from './MessageIcon';
 export * from './MinusIcon';
 export * from './MoreIcon';