diff --git a/packages/css-framework/src/components/_sidebar.scss b/packages/css-framework/src/components/_sidebar.scss
index f7627f7c50..766ab9bff7 100644
--- a/packages/css-framework/src/components/_sidebar.scss
+++ b/packages/css-framework/src/components/_sidebar.scss
@@ -49,6 +49,7 @@ body.has-sidebar {
   align-items: center;
   justify-content: center;
   width: $bar-width - $border;
+  color: f.color('neutral', '200');
 }
 
 .rn-iconfill {
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx
index 57f62d1514..e291cbb3da 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { ComponentStory, ComponentMeta } from '@storybook/react'
+import { IconHome, IconBarChart, IconTune } from '@defencedigital/icon-library'
 
-import { Graph, House, Tools } from '../../../icons'
 import { Link } from '../../Link'
 import { Notification, Notifications } from '../NotificationPanel'
 import { Sidebar, SidebarNav, SidebarNavItem, SidebarUser } from './index'
@@ -31,13 +31,13 @@ export default {
 export const Default: ComponentStory<typeof Sidebar> = (props) => {
   const nav = (
     <SidebarNav>
-      <SidebarNavItem Image={House} link={<Link href="#">Home</Link>} />
+      <SidebarNavItem Image={IconHome} link={<Link href="#">Home</Link>} />
       <SidebarNavItem
-        Image={Graph}
+        Image={IconBarChart}
         link={<Link href="#">Stats</Link>}
         isActive
       />
-      <SidebarNavItem Image={Tools} link={<Link href="#">Tools</Link>} />
+      <SidebarNavItem Image={IconTune} link={<Link href="#">Settings</Link>} />
     </SidebarNav>
   )
 
@@ -51,13 +51,13 @@ export const WithUser: ComponentStory<typeof Sidebar> = (props) => {
 
   const nav = (
     <SidebarNav>
-      <SidebarNavItem Image={House} link={<Link href="#">Home</Link>} />
+      <SidebarNavItem Image={IconHome} link={<Link href="#">Home</Link>} />
       <SidebarNavItem
-        Image={Graph}
+        Image={IconBarChart}
         link={<Link href="#">Stats</Link>}
         isActive
       />
-      <SidebarNavItem Image={Tools} link={<Link href="#">Tools</Link>} />
+      <SidebarNavItem Image={IconTune} link={<Link href="#">Settings</Link>} />
     </SidebarNav>
   )
 
@@ -105,13 +105,13 @@ export const WithNotifications: ComponentStory<typeof Sidebar> = (props) => {
 
   const nav = (
     <SidebarNav>
-      <SidebarNavItem Image={House} link={<Link href="#">Home</Link>} />
+      <SidebarNavItem Image={IconHome} link={<Link href="#">Home</Link>} />
       <SidebarNavItem
-        Image={Graph}
+        Image={IconBarChart}
         link={<Link href="#">Stats</Link>}
         isActive
       />
-      <SidebarNavItem Image={Tools} link={<Link href="#">Tools</Link>} />
+      <SidebarNavItem Image={IconTune} link={<Link href="#">Settings</Link>} />
     </SidebarNav>
   )
 
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx
index 4c5a068416..cef80c2a80 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import '@testing-library/jest-dom/extend-expect'
 import { fireEvent, render, RenderResult } from '@testing-library/react'
+import { IconHome, IconBarChart, IconTune } from '@defencedigital/icon-library'
 
 import { Link } from '../../Link'
 import { Sidebar, SidebarNav, SidebarNavItem, SidebarUser } from './index'
-import { Graph, House, Tools } from '../../../icons'
 import { Notification, Notifications } from '../NotificationPanel'
 
 describe('Sidebar', () => {
@@ -42,16 +42,16 @@ describe('Sidebar', () => {
             <SidebarNav data-arbitrary="arbitrary-nav">
               <SidebarNavItem
                 data-arbitrary="arbitrary-nav-item"
-                Image={House}
+                Image={IconHome}
                 link={<Link href="/">Home</Link>}
               />
               <SidebarNavItem
-                Image={Graph}
+                Image={IconBarChart}
                 link={<Link href="/stats">Stats</Link>}
                 isActive
               />
               <SidebarNavItem
-                Image={Tools}
+                Image={IconTune}
                 link={<Link href="/tools">Tools</Link>}
               />
             </SidebarNav>
diff --git a/packages/react-component-library/src/icons/Graph.tsx b/packages/react-component-library/src/icons/Graph.tsx
deleted file mode 100644
index 12679edfa9..0000000000
--- a/packages/react-component-library/src/icons/Graph.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react'
-
-export const Graph: React.FC = ({ ...rest }) => (
-  <svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" {...rest}>
-    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <g transform="translate(-20.000000, -71.000000)" className="rn-iconfill">
-        <path d="M33.3232692,76.2355224 C33.4766747,76.279721 33.6415857,76.3038293 33.8103317,76.3038293 C34.236032,76.3038293 34.6272161,76.1511433 34.9378623,75.898006 L37.1852531,77.4610284 L37.1852531,86.003408 C37.1852531,86.9476503 36.4489066,87.7191164 35.5476492,87.7191164 L21.6376039,87.7191164 C20.7363465,87.7191164 20,86.9476503 20,86.003408 L20,83.705082 L22.3509396,81.3987198 C22.6193992,81.5554239 22.9262102,81.6478391 23.2560321,81.6478391 C23.7546,81.6478391 24.2033112,81.4429184 24.533133,81.1094201 L26.7421725,82.4554677 C26.7229968,82.5719912 26.7114914,82.6925327 26.7114914,82.8130743 C26.7114914,83.8778582 27.5360461,84.7417395 28.5523576,84.7417395 C29.5686692,84.7417395 30.3932238,83.8778582 30.3932238,82.8130743 C30.3932238,82.3509983 30.2398183,81.9291028 29.9790289,81.5956044 L33.3232692,76.2355224 Z M23.2598672,77.7905087 C22.2435557,77.7905087 21.419001,78.65439 21.419001,79.7191739 C21.419001,79.956239 21.4611876,80.1812499 21.5340552,80.3901887 L20,81.9291028 L20,72.7157084 C20,71.7714661 20.7363465,71 21.6376039,71 L35.5438141,71 C36.4450715,71 37.181418,71.7714661 37.181418,72.7157084 L37.181418,75.9341685 L35.597506,74.825186 C35.6281871,74.6805361 35.6473628,74.5278501 35.6473628,74.371146 C35.6473628,73.3063621 34.8228081,72.4424808 33.8064966,72.4424808 C32.790185,72.4424808 31.9656304,73.3063621 31.9656304,74.371146 C31.9656304,74.7890235 32.0921899,75.1747565 32.3069577,75.4881646 L28.9550471,80.9286077 C28.8284875,80.9004813 28.6942577,80.8844091 28.5561927,80.8844091 C28.1113167,80.8844091 27.7086273,81.0451312 27.3903108,81.3183588 L25.0853929,79.9682932 C25.0930632,79.8879321 25.1007335,79.803553 25.1007335,79.7191739 C25.1007335,78.65439 24.2761788,77.7905087 23.2598672,77.7905087 Z" />
-      </g>
-    </g>
-  </svg>
-)
-
-Graph.displayName = 'GraphIcon'
diff --git a/packages/react-component-library/src/icons/House.tsx b/packages/react-component-library/src/icons/House.tsx
deleted file mode 100644
index 7e38790ba4..0000000000
--- a/packages/react-component-library/src/icons/House.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-
-export const House: React.FC = ({ ...rest }) => (
-  <svg width="18px" height="16px" viewBox="0 0 18 16" version="1.1" {...rest}>
-    <g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <g
-        id="Fleet-status"
-        transform="translate(-136.000000, -147.000000)"
-        className="rn-iconfill"
-        fillRule="nonzero"
-      >
-        <path d="M153.774485,154.806454 C154.100777,154.476965 154.069269,153.971956 153.704133,153.678777 L145.659707,147.215913 C145.294571,146.922735 144.709169,146.928876 144.35172,147.229759 L136.279951,154.023351 C135.922502,154.324234 135.904958,154.828596 136.241108,155.149412 L136.443479,155.342925 C136.779218,155.663741 137.321905,155.701991 137.654828,155.428099 L138.258067,154.932087 L138.258067,162.193785 C138.258067,162.639318 138.65125,163 139.136141,163 L142.282539,163 C142.767431,163 143.160613,162.639318 143.160613,162.193785 L143.160613,157.113527 L147.173879,157.113527 L147.173879,162.193785 C147.166896,162.638995 147.513843,162.999677 147.998734,162.999677 L151.333128,162.999677 C151.818019,162.999677 152.211202,162.638995 152.211202,162.193462 L152.211202,155.034339 C152.211202,155.034339 152.377839,155.168376 152.583378,155.334252 C152.788565,155.499805 153.219535,155.367061 153.545827,155.037248 L153.774485,154.806454 Z" />
-      </g>
-    </g>
-  </svg>
-)
-
-House.displayName = 'HouseIcon'
diff --git a/packages/react-component-library/src/icons/Tools.tsx b/packages/react-component-library/src/icons/Tools.tsx
deleted file mode 100644
index fbf3817630..0000000000
--- a/packages/react-component-library/src/icons/Tools.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-
-export const Tools: React.FC = ({ ...rest }) => (
-  <svg width="18px" height="16px" viewBox="0 0 19 17" version="1.1" {...rest}>
-    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <g transform="translate(-19.000000, -122.000000)" className="rn-iconfill">
-        <g transform="translate(19.536500, 122.000000)">
-          <path d="M11.5448444,8.80546537 L9.27353655,6.55353761 L8.74968931,6.03625541 C9.08368258,5.18777338 9.13888516,4.2606854 8.91408407,3.38230676 C8.7205179,2.62597419 8.31935248,1.90575551 7.70981344,1.30292884 C6.32591849,-0.0700081169 4.25007606,-0.342261905 2.58862026,0.412270022 L5.56360348,3.36038961 L3.48776105,5.41785038 L0.442410294,2.46973079 C-0.382453647,4.11492154 -0.0384345626,6.17238231 1.34546039,7.54531926 C2.6589878,8.84824811 4.52763692,9.19051001 6.11872518,8.57599432 L6.6816655,9.13216991 L2.56907372,13.2237554 C2.27196633,13.4454478 2.27196633,13.96273 2.64335057,14.2583198 L4.35562737,15.9579613 C4.65273477,16.2535511 5.10230516,16.2535511 5.39941255,15.9579613 L9.15625732,11.5863433 L13.5894123,15.977408 C13.8669732,16.2535511 14.2813598,16.2535511 14.5589207,15.977408 L16.1500089,14.398336 C16.4979373,14.1221929 16.4979373,13.6399148 16.2203765,13.4337798 L11.5448444,8.80546537 Z" />
-          <path d="M17.7614725,6.55742695 L16.4806422,5.23116207 C16.398966,5.14559659 16.2653142,5.14559659 16.183638,5.23116207 L16.0462736,5.37506764 L15.3594516,4.76055195 C15.3594516,4.76055195 15.4040022,4.37161797 15.1775365,4.0332454 C14.9473583,3.69487284 14.5798157,3.26315611 14.3162245,2.98701299 C14.0526334,2.7147592 13.0502444,1.66852679 11.728576,0.987892316 C10.4031951,0.299479167 9.46763209,1.42108547e-14 8.35386659,1.42108547e-14 L8.35386659,1.15513393 C8.35386659,1.15513393 9.41936892,1.80076434 10.0282274,2.31026786 C10.6333733,2.81977137 10.6519361,4.62442505 10.6519361,4.62442505 L9.59385884,5.7328869 L11.6914505,7.91480655 L12.8423415,6.50297619 C13.3212607,6.3668493 13.7259288,6.35518128 13.9635321,6.49130817 L14.4721517,7.00859037 L14.1157468,7.37807765 C14.0340706,7.46364313 14.0340706,7.59977002 14.1157468,7.6853355 L15.3965771,9.01160038 C15.4782532,9.09716585 15.6119051,9.09716585 15.6935812,9.01160038 L17.7614725,6.86468479 C17.8394361,6.77911932 17.8394361,6.63910308 17.7614725,6.55742695 Z" />
-        </g>
-      </g>
-    </g>
-  </svg>
-)
-
-Tools.displayName = 'ToolsIcon'
diff --git a/packages/react-component-library/src/icons/index.ts b/packages/react-component-library/src/icons/index.ts
index 5cc5a33dff..3f85e66e57 100644
--- a/packages/react-component-library/src/icons/index.ts
+++ b/packages/react-component-library/src/icons/index.ts
@@ -1,8 +1,5 @@
-export * from './Graph'
-export * from './House'
 export * from './Logo'
 export * from './Right-Arrow'
 export * from './Search'
-export * from './Tools'
 export * from './Visibility'
 export * from './VisibilityOff'