diff --git a/pkg/arvo/app/landscape/img/.png b/pkg/arvo/app/landscape/img/.png
deleted file mode 100644
index 58223a5d6..000000000
Binary files a/pkg/arvo/app/landscape/img/.png and /dev/null differ
diff --git a/pkg/arvo/app/landscape/img/groups.png b/pkg/arvo/app/landscape/img/groups.png
deleted file mode 100644
index fa14f36da..000000000
Binary files a/pkg/arvo/app/landscape/img/groups.png and /dev/null differ
diff --git a/pkg/arvo/app/landscape/img/icon-home.png b/pkg/arvo/app/landscape/img/icon-home.png
deleted file mode 100644
index 9eb1d0289..000000000
Binary files a/pkg/arvo/app/landscape/img/icon-home.png and /dev/null differ
diff --git a/pkg/interface/src/views/components/StatusBar.js b/pkg/interface/src/views/components/StatusBar.js
index 0e17ab495..5030a93ca 100644
--- a/pkg/interface/src/views/components/StatusBar.js
+++ b/pkg/interface/src/views/components/StatusBar.js
@@ -10,7 +10,6 @@ import { Sigil } from '~/logic/lib/sigil';
 const StatusBar = (props) => {
 
   const location = useLocation();
-  const atHome = Boolean(location.pathname === '/');
 
   const display = (!window.location.href.includes('popout/'))
       ? 'grid' : 'none';
@@ -33,17 +32,10 @@ const StatusBar = (props) => {
       >
       <Row collapse>
           <StatusBarItem mr={2} onClick={() => props.history.push('/')}>
-            <img
-              className='invert-d'
-              src='/~landscape/img/icon-home.png'
-              height='11'
-              width='11'
-            />
+          <Icon icon='Home' color='transparent' stroke='black' />
           </StatusBarItem>
         <StatusBarItem mr={2} onClick={() => props.api.local.setOmnibox()}>
-          <Text display='inline-block' style={{ transform: 'rotate(180deg)' }}>
-            ↩
-          </Text>
+        <Icon icon='LeapArrow'/>
           <Text ml={2} color='black'>
             Leap
           </Text>
@@ -54,12 +46,7 @@ const StatusBar = (props) => {
         <StatusBarItem
           onClick={() => props.history.push('/~groups')}
           badge={Object.keys(invites).length > 0}>
-          <img
-            className='invert-d v-mid'
-            src='/~landscape/img/groups.png'
-            height='15'
-            width='15'
-          />
+          <Icon icon='Groups' color='transparent' stroke='black'/>
           <Text display={["none", "inline"]} ml={2}>Groups</Text>
         </StatusBarItem>
         <ReconnectButton
diff --git a/pkg/interface/src/views/components/StatusBarItem.tsx b/pkg/interface/src/views/components/StatusBarItem.tsx
index 3d33eaef6..37c477cef 100644
--- a/pkg/interface/src/views/components/StatusBarItem.tsx
+++ b/pkg/interface/src/views/components/StatusBarItem.tsx
@@ -31,10 +31,8 @@ export function StatusBarItem({
         <Icon
           size="22px"
           icon="Bullet"
-          fill="blue"
-          position="absolute"
-          top={"-10px"}
-          right={"-12px"}
+          color="blue"
+          style={{ position: 'absolute', top: '-10', right: '-11' }}
         />
       )}
     </Row>