diff --git a/apps/hubble-stats/components/NetworkPoolTable/NetworkPoolTable.tsx b/apps/hubble-stats/components/NetworkPoolTable/NetworkPoolTable.tsx
index c8b534a8f..7607e2609 100644
--- a/apps/hubble-stats/components/NetworkPoolTable/NetworkPoolTable.tsx
+++ b/apps/hubble-stats/components/NetworkPoolTable/NetworkPoolTable.tsx
@@ -8,7 +8,7 @@ import {
   useReactTable,
 } from '@tanstack/react-table';
 import { chainsConfig } from '@webb-tools/dapp-config/chains';
-import { ShieldKeyholeIcon } from '@webb-tools/icons';
+import { ShieldKeyholeLineIcon } from '@webb-tools/icons';
 import {
   ChainChip,
   Table,
@@ -28,7 +28,7 @@ const staticColumns: ColumnDef<NetworkPoolType, any>[] = [
     header: () => null,
     cell: (props) => (
       <div className="flex items-center gap-1">
-        <ShieldKeyholeIcon />
+        <ShieldKeyholeLineIcon />
         <Typography
           variant="body1"
           fw="bold"
diff --git a/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx b/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx
index 611961da1..3502c210e 100644
--- a/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx
+++ b/apps/stats-dapp/src/containers/NavBlocksInfoContainer/NavBlocksInfoContainer.tsx
@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 import {
   GridFillIcon,
   KeyIcon,
-  ShieldKeyholeIcon,
+  ShieldKeyholeLineIcon,
   TeamFillIcon,
   UserStarFillIcon,
   FoldersFillIcon,
@@ -81,7 +81,7 @@ export const NavBoxInfoContainer = () => {
           <BreadcrumbsItem
             icon={
               currentPage === 'keys' ? (
-                <ShieldKeyholeIcon />
+                <ShieldKeyholeLineIcon />
               ) : currentPage === 'authorities' && subPage !== 'history' ? (
                 <UserStarFillIcon />
               ) : currentPage === 'authorities' && subPage === 'history' ? (
diff --git a/libs/webb-ui-components/src/components/Breadcrumbs/Breadcrumbs.tsx b/libs/webb-ui-components/src/components/Breadcrumbs/Breadcrumbs.tsx
index d4151b78d..40103b453 100644
--- a/libs/webb-ui-components/src/components/Breadcrumbs/Breadcrumbs.tsx
+++ b/libs/webb-ui-components/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -13,7 +13,7 @@ import { BreadcrumbsSeparator } from './BreadcrumbsSeparator';
  *  <Breadcrumbs>
  *    <BreadcrumbsItem icon={<GridFillIcon />}>Tangle Explorer</BreadcrumbsItem>
  *    <BreadcrumbsItem icon={<KeyIcon />}>Keys Overview</BreadcrumbsItem>
- *    <BreadcrumbsItem icon={<ShieldKeyholeIcon />} isLast>Keygen details</BreadcrumbsItem>
+ *    <BreadcrumbsItem icon={<ShieldKeyholeLineIcon />} isLast>Keygen details</BreadcrumbsItem>
  *  <Breadcrumbs />
  * ```
  */
diff --git a/libs/webb-ui-components/src/stories/molecules/Breadcrumbs.stories.jsx b/libs/webb-ui-components/src/stories/molecules/Breadcrumbs.stories.jsx
index 080e5c34b..864a3a2bb 100644
--- a/libs/webb-ui-components/src/stories/molecules/Breadcrumbs.stories.jsx
+++ b/libs/webb-ui-components/src/stories/molecules/Breadcrumbs.stories.jsx
@@ -1,5 +1,9 @@
 import { Breadcrumbs, BreadcrumbsItem } from '@webb-tools/webb-ui-components';
-import { GridFillIcon, KeyIcon, ShieldKeyholeIcon } from '@webb-tools/icons';
+import {
+  GridFillIcon,
+  KeyIcon,
+  ShieldKeyholeLineIcon,
+} from '@webb-tools/icons';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
@@ -34,7 +38,7 @@ Default.args = {
   },
   itemTwoChildren: 'Keys Overview',
   itemThreeProps: {
-    icon: <ShieldKeyholeIcon />,
+    icon: <ShieldKeyholeLineIcon />,
     isLast: true,
   },
   itemThreeChildren: 'Keygen details',
@@ -51,7 +55,7 @@ CustomSeparator.args = {
   },
   itemTwoChildren: 'Keys Overview',
   itemThreeProps: {
-    icon: <ShieldKeyholeIcon />,
+    icon: <ShieldKeyholeLineIcon />,
     isLast: true,
   },
   itemThreeChildren: 'Keygen details',