From ed96c40239e88559d9601f811edb346333b3b2a5 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 29 Dec 2023 08:47:03 +1100
Subject: [PATCH] feat(ui): change queue icon

---
 .../features/queue/components/QueueActionsMenuButton.tsx    | 5 +++--
 .../frontend/web/src/features/ui/components/InvokeTabs.tsx  | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx b/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
index f104fdc21a..a0168ea7bc 100644
--- a/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
@@ -10,7 +10,8 @@ import { usePauseProcessor } from 'features/queue/hooks/usePauseProcessor';
 import { useResumeProcessor } from 'features/queue/hooks/useResumeProcessor';
 import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
 import { useTranslation } from 'react-i18next';
-import { FaPause, FaPlay, FaStream, FaTimes } from 'react-icons/fa';
+import { FaPause, FaPlay, FaTimes } from 'react-icons/fa';
+import { FaList } from 'react-icons/fa6';
 import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
 
 export const QueueActionsMenuButton = () => {
@@ -52,7 +53,7 @@ export const QueueActionsMenuButton = () => {
         <InvMenuButton
           as={InvIconButton}
           aria-label="Queue Actions Menu"
-          icon={<FaStream />}
+          icon={<FaList />}
         />
         <InvMenuList>
           <InvMenuItem
diff --git a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
index 64a16a96ca..bc91b74a86 100644
--- a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
@@ -25,8 +25,8 @@ import type { MouseEvent, ReactElement, ReactNode } from 'react';
 import { memo, useCallback, useMemo } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
-import { FaCube, FaFont, FaImage, FaStream } from 'react-icons/fa';
-import { FaCircleNodes } from 'react-icons/fa6';
+import { FaCube, FaFont, FaImage } from 'react-icons/fa';
+import { FaCircleNodes, FaList } from 'react-icons/fa6';
 import { MdGridOn } from 'react-icons/md';
 import { Panel, PanelGroup } from 'react-resizable-panels';
 
@@ -81,7 +81,7 @@ const tabs: InvokeTabInfo[] = [
   {
     id: 'queue',
     translationKey: 'queue.queue',
-    icon: <FaStream />,
+    icon: <FaList />,
     content: <QueueTab />,
   },
 ];