From a2976ff5e92cd474e1fbae2596ab88066ec22d7e Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 17 Sep 2024 06:32:18 +1000
Subject: [PATCH] feat(ui): change upscaling icon

---
 .../web/src/features/ui/components/VerticalNavBar.tsx        | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/ui/components/VerticalNavBar.tsx b/invokeai/frontend/web/src/features/ui/components/VerticalNavBar.tsx
index a7f1135c0b..2176397b1f 100644
--- a/invokeai/frontend/web/src/features/ui/components/VerticalNavBar.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/VerticalNavBar.tsx
@@ -7,8 +7,7 @@ import StatusIndicator from 'features/system/components/StatusIndicator';
 import { TabMountGate } from 'features/ui/components/TabMountGate';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { GiResize } from 'react-icons/gi';
-import { PiBoundingBoxBold, PiCubeBold, PiFlowArrowBold, PiQueueBold } from 'react-icons/pi';
+import { PiBoundingBoxBold, PiCubeBold, PiFlowArrowBold, PiFrameCornersBold, PiQueueBold } from 'react-icons/pi';
 
 import { TabButton } from './TabButton';
 
@@ -24,7 +23,7 @@ export const VerticalNavBar = memo(() => {
           <TabButton tab="canvas" icon={<PiBoundingBoxBold />} label={t('ui.tabs.canvas')} />
         </TabMountGate>
         <TabMountGate tab="upscaling">
-          <TabButton tab="upscaling" icon={<GiResize />} label={t('ui.tabs.upscaling')} />
+          <TabButton tab="upscaling" icon={<PiFrameCornersBold />} label={t('ui.tabs.upscaling')} />
         </TabMountGate>
         <TabMountGate tab="workflows">
           <TabButton tab="workflows" icon={<PiFlowArrowBold />} label={t('ui.tabs.workflows')} />