diff --git a/src/assets/icons/logo-negative.js b/src/assets/brand/logo-negative.js
similarity index 100%
rename from src/assets/icons/logo-negative.js
rename to src/assets/brand/logo-negative.js
diff --git a/src/assets/icons/logo.js b/src/assets/brand/logo.js
similarity index 100%
rename from src/assets/icons/logo.js
rename to src/assets/brand/logo.js
diff --git a/src/assets/icons/sygnet.js b/src/assets/brand/sygnet.js
similarity index 100%
rename from src/assets/icons/sygnet.js
rename to src/assets/brand/sygnet.js
diff --git a/src/assets/icons/index.js b/src/assets/icons/index.js
index 1c4d664..3cfed9a 100644
--- a/src/assets/icons/index.js
+++ b/src/assets/icons/index.js
@@ -1,7 +1,3 @@
-import { sygnet } from './sygnet'
-import { logo } from './logo'
-import { logoNegative } from './logo-negative'
-
 import {
   cibSkype,
   cibFacebook,
@@ -129,11 +125,6 @@ import {
 
 export const icons = Object.assign(
   {},
-  {
-    sygnet,
-    logo,
-    logoNegative,
-  },
   {
     cilAlignCenter,
     cilAlignLeft,
diff --git a/src/components/AppHeader.js b/src/components/AppHeader.js
index f0b18f4..fb1df44 100644
--- a/src/components/AppHeader.js
+++ b/src/components/AppHeader.js
@@ -14,8 +14,8 @@ import {
 import CIcon from '@coreui/icons-react'
 
 import { AppBreadcrumb } from './index'
-
 import { AppHeaderDropdown } from './header/index'
+import { logo } from 'src/assets/brand/logo'
 
 const AppHeader = () => {
   const dispatch = useDispatch()
@@ -31,7 +31,7 @@ const AppHeader = () => {
           <CIcon icon="cil-menu" size="lg" />
         </CHeaderToggler>
         <CHeaderBrand className="mx-auto d-md-none" to="/">
-          <CIcon icon="logo" height={48} alt="Logo" />
+          <CIcon icon={logo} height={48} alt="Logo" />
         </CHeaderBrand>
         <CHeaderNav className="d-none d-md-flex me-auto">
           <CNavItem>
diff --git a/src/components/AppSidebar.js b/src/components/AppSidebar.js
index 87f9827..378b4a1 100644
--- a/src/components/AppSidebar.js
+++ b/src/components/AppSidebar.js
@@ -2,10 +2,12 @@ import React from 'react'
 import { useSelector, useDispatch } from 'react-redux'
 
 import { CSidebar, CSidebarBrand, CSidebarNav, CSidebarToggler } from '@coreui/react'
+import CIcon from '@coreui/icons-react'
 
 import { AppSidebarNav } from './AppSidebarNav'
 
-import CIcon from '@coreui/icons-react'
+import { logoNegative } from 'src/assets/brand/logo-negative'
+import { sygnet } from 'src/assets/brand/sygnet'
 
 import SimpleBar from 'simplebar-react'
 import 'simplebar/dist/simplebar.min.css'
@@ -29,8 +31,8 @@ const AppSidebar = () => {
       }}
     >
       <CSidebarBrand className="d-none d-md-flex" to="/">
-        <CIcon className="sidebar-brand-full" icon="logo-negative" height={35} />
-        <CIcon className="sidebar-brand-narrow" icon="sygnet" height={35} />
+        <CIcon className="sidebar-brand-full" icon={logoNegative} height={35} />
+        <CIcon className="sidebar-brand-narrow" icon={sygnet} height={35} />
       </CSidebarBrand>
       <CSidebarNav>
         <SimpleBar>