From 07e4966ad2ca181c9501a29b48486478131aee96 Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Thu, 21 Nov 2019 13:10:12 +0100
Subject: [PATCH] refactor: minor refactors, update snapshots

---
 src/assets/icons/icons.js                     |    2 +
 src/assets/scss/style.scss                    |    2 +-
 src/views/base/Table.vue                      |    4 +-
 src/views/base/Tables.vue                     |   21 +-
 src/views/charts/CChartBarSimple.vue          |    8 +-
 src/views/icons/CoreUIIcons.vue               |    1 -
 src/views/widgets/Widgets.vue                 |   32 +-
 .../__snapshots__/TheHeader.spec.js.snap      |    7 +-
 .../__snapshots__/Breadcrumbs.spec.js.snap    |    2 +-
 .../base/__snapshots__/Cards.spec.js.snap     |    2 +-
 .../base/__snapshots__/Carousels.spec.js.snap |    2 +-
 .../base/__snapshots__/Collapses.spec.js.snap |    2 +-
 .../__snapshots__/Jumbotrons.spec.js.snap     |    2 +-
 .../__snapshots__/ListGroups.spec.js.snap     |    2 +-
 .../base/__snapshots__/Navbars.spec.js.snap   |    2 +-
 .../base/__snapshots__/Navs.spec.js.snap      |    2 +-
 .../__snapshots__/Paginations.spec.js.snap    |    2 +-
 .../__snapshots__/ProgressBars.spec.js.snap   |    2 +-
 .../base/__snapshots__/Switches.spec.js.snap  |    2 +-
 .../base/__snapshots__/Table.spec.js.snap     |    4 +-
 .../base/__snapshots__/Tables.spec.js.snap    |    4 +-
 .../base/__snapshots__/Tabs.spec.js.snap      |    2 +-
 .../base/__snapshots__/Tooltips.spec.js.snap  |    2 +-
 .../__snapshots__/BrandButtons.spec.js.snap   |    2 +-
 .../ButtonDropdowns.spec.js.snap              |    2 +-
 .../__snapshots__/ButtonGroups.spec.js.snap   |    2 +-
 .../StandardButtons.spec.js.snap              |    2 +-
 .../charts/__snapshots__/Charts.spec.js.snap  |    2 +-
 .../icons/__snapshots__/Brands.spec.js.snap   | 1658 ++++++++---------
 .../__snapshots__/CoreUIIcons.spec.js.snap    | 1009 +++++-----
 .../icons/__snapshots__/Flags.spec.js.snap    |  392 ++--
 .../__snapshots__/Alerts.spec.js.snap         |    2 +-
 .../__snapshots__/Badges.spec.js.snap         |    2 +-
 .../__snapshots__/Modals.spec.js.snap         |    2 +-
 .../__snapshots__/Widgets.spec.js.snap        |   30 +-
 35 files changed, 1627 insertions(+), 1589 deletions(-)

diff --git a/src/assets/icons/icons.js b/src/assets/icons/icons.js
index 999dc8be..cae96222 100644
--- a/src/assets/icons/icons.js
+++ b/src/assets/icons/icons.js
@@ -52,6 +52,7 @@ import {
   cilEnvelopeOpen,
   cilEuro,
   cilGlobeAlt,
+  cilGrid,
   cilFile,
   cilJustifyCenter,
   cilLaptop,
@@ -101,6 +102,7 @@ export const iconsSet = Object.assign(
     cilEnvelopeOpen,
     cilEuro,
     cilGlobeAlt,
+    cilGrid,
     cilFile,
     cilJustifyCenter,
     cilLaptop,
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index e53691e4..42c15276 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -7,7 +7,7 @@
 // If you want to add something do it here
 @import "custom";
 
-.card-header .c-icon:first-child {
+.card-header > .c-icon:first-child {
   margin-right: 0.1rem;
   margin-top: 0.1rem;
   vertical-align: top;
diff --git a/src/views/base/Table.vue b/src/views/base/Table.vue
index dac969b0..ec7628c6 100644
--- a/src/views/base/Table.vue
+++ b/src/views/base/Table.vue
@@ -1,7 +1,9 @@
 <template>
   <CCard>
     <CCardHeader>
-      <CIcon name="cil-justify-center"/> {{caption}}
+      <slot name="header">
+        <CIcon name="cil-grid"/> {{caption}}
+      </slot>
     </CCardHeader>
     <CCardBody>
       <CDataTable
diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue
index 646e2b72..44bda20e 100644
--- a/src/views/base/Tables.vue
+++ b/src/views/base/Tables.vue
@@ -2,10 +2,21 @@
   <div>
     <CRow>
       <CCol lg="6">
-        <CTableWrapper
-          :items="getShuffledUsersData()"
-          caption="Simple Table"
-        />
+        <CTableWrapper :items="getShuffledUsersData()">
+          <template #header>
+            <CIcon name="cil-grid"/> Simple Table
+            <div class="card-header-actions">
+              <a 
+                href="https://coreui.io/vue/docs/components/nav" 
+                class="card-header-action" 
+                rel="noreferrer noopener" 
+                target="_blank"
+              >
+                <small class="text-muted">docs</small>
+              </a>
+            </div>
+          </template>
+        </CTableWrapper>
       </CCol>
 
       <CCol lg="6">
@@ -60,7 +71,7 @@
           small
           fixed
           dark
-          caption="Combined All Table"
+          caption="Combined All dark Table"
         />
       </CCol>
     </CRow>
diff --git a/src/views/charts/CChartBarSimple.vue b/src/views/charts/CChartBarSimple.vue
index 46ed1cfc..764f615d 100644
--- a/src/views/charts/CChartBarSimple.vue
+++ b/src/views/charts/CChartBarSimple.vue
@@ -36,7 +36,9 @@ export default {
           data: this.dataPoints,
           backgroundColor: getColor(this.backgroundColor),
           pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
-          label: this.label
+          label: this.label,
+          barPercentage: 0.5,
+          categoryPercentage: 1
         }
       ]
     },
@@ -48,9 +50,7 @@ export default {
         },
         scales: {
           xAxes: [{
-            display: false,
-            categoryPercentage: 1,
-            barPercentage: 0.5
+            display: false
           }],
           yAxes: [{
             display: false
diff --git a/src/views/icons/CoreUIIcons.vue b/src/views/icons/CoreUIIcons.vue
index a75cf838..214ec19d 100644
--- a/src/views/icons/CoreUIIcons.vue
+++ b/src/views/icons/CoreUIIcons.vue
@@ -43,7 +43,6 @@ export default {
   freeSet,
   methods: {
     toKebabCase (str) {
-      console.log(this.$options.freeSet, this.$options.freeSet.handPointDown)
       return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
     }
   }
diff --git a/src/views/widgets/Widgets.vue b/src/views/widgets/Widgets.vue
index ddf35e85..de983ce7 100644
--- a/src/views/widgets/Widgets.vue
+++ b/src/views/widgets/Widgets.vue
@@ -2,29 +2,25 @@
   <div>
     <CRow>
       <CCol sm="6" lg="3">
-        <CWidgetProgress
-          header="89.9%"
-          text="Lorem ipsum..."
-          footer="Lorem ipsum dolor sit amet enim."
-        >
+        <CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
+          <div class="h4 m-0">89.9%</div>
+          <div class="card-header-actions">
+            <a 
+              href="https://coreui.io/vue/docs/components/widgets" 
+              class="card-header-action position-absolute"
+              style="right:5px; top:5px"
+              rel="noreferrer noopener" 
+              target="_blank"
+            >
+              <small class="text-muted">docs</small>
+            </a>
+          </div>
+          <div>Lorem ipsum...</div>
           <CProgress
             color="success"
             :value="25"
             class="progress-xs my-3 mb-0"
           />
-          <template #header>
-            <div class="card-header-actions">
-              <a 
-                href="https://coreui.io/vue/docs/components/button-components" 
-                class="card-header-action position-absolute"
-                style="right:10px; top:10px"
-                rel="noreferrer noopener" 
-                target="_blank"
-              >
-                <small class="text-muted">docs</small>
-              </a>
-            </div>
-          </template>
         </CWidgetProgress>
       </CCol>
       <CCol sm="6" lg="3">
diff --git a/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap b/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
index 5d9debaa..efa9083e 100644
--- a/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
@@ -26,7 +26,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
     height="46"
     src="img/brand/coreui-base.svg"
     width="97"
-    wrappedinlink="[object Object]"
   />
    
   <cheadernav-stub
@@ -34,7 +33,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
   >
     <cheadernavitem-stub
       class="px-3"
-      to="/dashboard"
     >
       <cheadernavlink-stub
         activeclass="active"
@@ -42,6 +40,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
         exactactiveclass="active"
         routertag="a"
         target="_self"
+        to="/dashboard"
       >
         
         Dashboard
@@ -51,15 +50,15 @@ exports[`TheHeader.vue renders correctly 1`] = `
      
     <cheadernavitem-stub
       class="px-3"
-      exact=""
-      to="/users"
     >
       <cheadernavlink-stub
         activeclass="active"
         event="click"
+        exact="true"
         exactactiveclass="active"
         routertag="a"
         target="_self"
+        to="/users"
       >
         
         Users
diff --git a/tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap b/tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
index 9ee126fa..cae86dcf 100644
--- a/tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
@@ -27,7 +27,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
+            href="https://coreui.io/vue/docs/components/breadcrumb"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/base/__snapshots__/Cards.spec.js.snap b/tests/unit/views/base/__snapshots__/Cards.spec.js.snap
index d825decd..d88b65a3 100644
--- a/tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Cards.spec.js.snap
@@ -22,7 +22,7 @@ exports[`Cards.vue renders correctly 1`] = `
           >
             <a
               class="card-header-action"
-              href="https://coreui.io/vue/docs/3.0/components/CardComponents"
+              href="https://coreui.io/vue/docs/components/card-components"
               rel="noreferrer noopener"
               target="_blank"
             >
diff --git a/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap b/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
index 8d26f66e..899745f4 100644
--- a/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
@@ -28,7 +28,7 @@ exports[`Carousels.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/Carousel"
+            href="https://coreui.io/vue/docs/components/carousel"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/base/__snapshots__/Collapses.spec.js.snap b/tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
index 3a0c7aa2..d8e9286a 100644
--- a/tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
@@ -28,7 +28,7 @@ exports[`Collapses.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/Collapse"
+            href="https://coreui.io/vue/docs/components/collapse"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap b/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
index aa581e48..90ef80cd 100644
--- a/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
@@ -23,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
           >
             <a
               class="card-header-action"
-              href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
+              href="https://coreui.io/vue/docs/components/jumbotron"
               rel="noreferrer noopener"
               target="_blank"
             >
diff --git a/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap b/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
index 3bd0bfae..b8d5f123 100644
--- a/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
@@ -24,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
           >
             <a
               class="card-header-action"
-              href="https://coreui.io/vue/docs/3.0/components/ListGroup"
+              href="https://coreui.io/vue/docs/components/list-group"
               rel="noreferrer noopener"
               target="_blank"
             >
diff --git a/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap b/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
index 7506c4fb..7a43dbf6 100644
--- a/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
@@ -17,7 +17,7 @@ exports[`Navbars.vue renders correctly 1`] = `
       >
         <a
           class="card-header-action"
-          href="https://coreui.io/vue/docs/3.0/components/Navbar"
+          href="https://coreui.io/vue/docs/components/navbar"
           rel="noreferrer noopener"
           target="_blank"
         >
diff --git a/tests/unit/views/base/__snapshots__/Navs.spec.js.snap b/tests/unit/views/base/__snapshots__/Navs.spec.js.snap
index 316de3b4..98d4f0d4 100644
--- a/tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Navs.spec.js.snap
@@ -16,7 +16,7 @@ exports[`Navs.vue renders correctly 1`] = `
       >
         <a
           class="card-header-action"
-          href="https://coreui.io/vue/docs/3.0/components/Nav"
+          href="https://coreui.io/vue/docs/components/nav"
           rel="noreferrer noopener"
           target="_blank"
         >
diff --git a/tests/unit/views/base/__snapshots__/Paginations.spec.js.snap b/tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
index 9499388c..5c2211a7 100644
--- a/tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
@@ -17,7 +17,7 @@ exports[`Paginations.vue renders correctly 1`] = `
       >
         <a
           class="card-header-action"
-          href="https://coreui.io/vue/docs/3.0/components/Pagination"
+          href="https://coreui.io/vue/docs/components/pagination"
           rel="noreferrer noopener"
           target="_blank"
         >
diff --git a/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap b/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
index 13f9643f..7a7f6386 100644
--- a/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
@@ -17,7 +17,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
       >
         <a
           class="card-header-action"
-          href="https://coreui.io/vue/docs/3.0/components/Progress"
+          href="https://coreui.io/vue/docs/components/progress"
           rel="noreferrer noopener"
           target="_blank"
         >
diff --git a/tests/unit/views/base/__snapshots__/Switches.spec.js.snap b/tests/unit/views/base/__snapshots__/Switches.spec.js.snap
index a1fb5882..1db95cc9 100644
--- a/tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Switches.spec.js.snap
@@ -33,7 +33,7 @@ exports[`Switches.vue renders correctly 1`] = `
           >
             <a
               class="card-header-action"
-              href="https://coreui.io/vue/docs/3.0/components/Switch"
+              href="https://coreui.io/vue/docs/components/switch"
               rel="noreferrer noopener"
               target="_blank"
             >
diff --git a/tests/unit/views/base/__snapshots__/Table.spec.js.snap b/tests/unit/views/base/__snapshots__/Table.spec.js.snap
index 8cdb3bba..5f1cbb84 100644
--- a/tests/unit/views/base/__snapshots__/Table.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Table.spec.js.snap
@@ -4,10 +4,10 @@ exports[`Table.vue renders correctly 1`] = `
 <ccard-stub>
   <ccardheader-stub>
     <cicon-stub
-      name="cil-justify-center"
+      name="cil-grid"
     />
      Table
-  
+    
   </ccardheader-stub>
    
   <ccardbody-stub>
diff --git a/tests/unit/views/base/__snapshots__/Tables.spec.js.snap b/tests/unit/views/base/__snapshots__/Tables.spec.js.snap
index 374f9cab..e4d4a34b 100644
--- a/tests/unit/views/base/__snapshots__/Tables.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Tables.spec.js.snap
@@ -10,7 +10,7 @@ exports[`Tables.vue renders correctly 1`] = `
       tag="div"
     >
       <ctablewrapper-stub
-        caption="Simple Table"
+        caption="Table"
         fields="username,registered,role,status"
         items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
       />
@@ -87,7 +87,7 @@ exports[`Tables.vue renders correctly 1`] = `
     >
       <ctablewrapper-stub
         bordered="true"
-        caption="Combined All Table"
+        caption="Combined All dark Table"
         dark="true"
         fields="username,registered,role,status"
         fixed="true"
diff --git a/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap b/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
index 463dd4d4..f37832a9 100644
--- a/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
           >
             <a
               class="card-header-action"
-              href="https://coreui.io/vue/docs/3.0/components/Tabs"
+              href="https://coreui.io/vue/docs/components/tabs"
               rel="noreferrer noopener"
               target="_blank"
             >
diff --git a/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap b/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
index e0265fff..0c11d6ff 100644
--- a/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
@@ -24,7 +24,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
       >
         <a
           class="card-header-action"
-          href="https://coreui.io/vue/docs/3.0/components/Tooltip"
+          href="https://coreui.io/vue/docs/directives/tooltip"
           rel="noreferrer noopener"
           target="_blank"
         >
diff --git a/tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap b/tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
index 678ae40c..d14b9d67 100644
--- a/tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+++ b/tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
@@ -22,7 +22,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
+            href="https://coreui.io/vue/docs/components/button-components"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap b/tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
index d9855a40..78fd3bae 100644
--- a/tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+++ b/tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
@@ -29,7 +29,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
           >
             <a
               class="card-header-action"
-              href="https://coreui.io/vue/docs/3.0/components/Dropdown"
+              href="https://coreui.io/vue/docs/components/dropdown"
               rel="noreferrer noopener"
               target="_blank"
             >
diff --git a/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap b/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
index 9e8bde71..b0902c3a 100644
--- a/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+++ b/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
@@ -23,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
+            href="https://coreui.io/vue/docs/components/button-components"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap b/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
index a223b50f..00d3befd 100644
--- a/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+++ b/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
@@ -13,7 +13,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       >
         <a
           class="card-header-action"
-          href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
+          href="https://coreui.io/vue/docs/components/button-components"
           rel="noreferrer noopener"
           target="_blank"
         >
diff --git a/tests/unit/views/charts/__snapshots__/Charts.spec.js.snap b/tests/unit/views/charts/__snapshots__/Charts.spec.js.snap
index dbcba12e..44e1c62d 100644
--- a/tests/unit/views/charts/__snapshots__/Charts.spec.js.snap
+++ b/tests/unit/views/charts/__snapshots__/Charts.spec.js.snap
@@ -16,7 +16,7 @@ exports[`Charts.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/Charts"
+            href="https://coreui.io/vue/docs/components/charts"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/icons/__snapshots__/Brands.spec.js.snap b/tests/unit/views/icons/__snapshots__/Brands.spec.js.snap
index 73036b05..42dae03d 100644
--- a/tests/unit/views/icons/__snapshots__/Brands.spec.js.snap
+++ b/tests/unit/views/icons/__snapshots__/Brands.spec.js.snap
@@ -38,7 +38,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cib500px5
+            cib-500px-5
           </div>
         </div>
         <div
@@ -56,7 +56,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cib500px
+            cib-500px
           </div>
         </div>
         <div
@@ -74,7 +74,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAboutMe
+            cib-about-me
           </div>
         </div>
         <div
@@ -92,7 +92,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAbstract
+            cib-abstract
           </div>
         </div>
         <div
@@ -110,7 +110,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAddthis
+            cib-addthis
           </div>
         </div>
         <div
@@ -128,7 +128,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAcm
+            cib-acm
           </div>
         </div>
         <div
@@ -146,7 +146,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdguard
+            cib-adguard
           </div>
         </div>
         <div
@@ -164,7 +164,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeAfterEffects
+            cib-adobe-after-effects
           </div>
         </div>
         <div
@@ -182,7 +182,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeAcrobatReader
+            cib-adobe-acrobat-reader
           </div>
         </div>
         <div
@@ -200,7 +200,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeAudition
+            cib-adobe-audition
           </div>
         </div>
         <div
@@ -218,7 +218,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeCreativeCloud
+            cib-adobe-creative-cloud
           </div>
         </div>
         <div
@@ -236,7 +236,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeIllustrator
+            cib-adobe-illustrator
           </div>
         </div>
         <div
@@ -254,7 +254,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeIndesign
+            cib-adobe-indesign
           </div>
         </div>
         <div
@@ -272,7 +272,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobePhotoshop
+            cib-adobe-photoshop
           </div>
         </div>
         <div
@@ -290,7 +290,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobePremiere
+            cib-adobe-premiere
           </div>
         </div>
         <div
@@ -308,7 +308,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeDreamweaver
+            cib-adobe-dreamweaver
           </div>
         </div>
         <div
@@ -326,7 +326,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeLightroomClassic
+            cib-adobe-lightroom-classic
           </div>
         </div>
         <div
@@ -344,7 +344,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeLightroom
+            cib-adobe-lightroom
           </div>
         </div>
         <div
@@ -362,7 +362,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeTypekit
+            cib-adobe-typekit
           </div>
         </div>
         <div
@@ -380,7 +380,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAirbnb
+            cib-airbnb
           </div>
         </div>
         <div
@@ -398,7 +398,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobe
+            cib-adobe
           </div>
         </div>
         <div
@@ -416,7 +416,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAlgolia
+            cib-algolia
           </div>
         </div>
         <div
@@ -434,7 +434,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAdobeXd
+            cib-adobe-xd
           </div>
         </div>
         <div
@@ -452,7 +452,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAlipay
+            cib-alipay
           </div>
         </div>
         <div
@@ -470,7 +470,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAmazonAws
+            cib-amazon-aws
           </div>
         </div>
         <div
@@ -488,7 +488,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAllocine
+            cib-allocine
           </div>
         </div>
         <div
@@ -506,7 +506,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAmericanExpress
+            cib-american-express
           </div>
         </div>
         <div
@@ -524,7 +524,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAmazonPay
+            cib-amazon-pay
           </div>
         </div>
         <div
@@ -542,7 +542,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAmazon
+            cib-amazon
           </div>
         </div>
         <div
@@ -560,7 +560,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAmd
+            cib-amd
           </div>
         </div>
         <div
@@ -578,7 +578,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAngellist
+            cib-angellist
           </div>
         </div>
         <div
@@ -596,7 +596,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAndroid
+            cib-android
           </div>
         </div>
         <div
@@ -614,7 +614,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAnaconda
+            cib-anaconda
           </div>
         </div>
         <div
@@ -632,7 +632,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAnalogue
+            cib-analogue
           </div>
         </div>
         <div
@@ -650,7 +650,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAngularUniversal
+            cib-angular-universal
           </div>
         </div>
         <div
@@ -668,7 +668,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAndroidAlt
+            cib-android-alt
           </div>
         </div>
         <div
@@ -686,7 +686,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAngular
+            cib-angular
           </div>
         </div>
         <div
@@ -704,7 +704,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAnsible
+            cib-ansible
           </div>
         </div>
         <div
@@ -722,7 +722,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApacheAirflow
+            cib-apache-airflow
           </div>
         </div>
         <div
@@ -740,7 +740,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApacheSpark
+            cib-apache-spark
           </div>
         </div>
         <div
@@ -758,7 +758,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAppStore
+            cib-app-store
           </div>
         </div>
         <div
@@ -776,7 +776,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAppleMusic
+            cib-apple-music
           </div>
         </div>
         <div
@@ -794,7 +794,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApache
+            cib-apache
           </div>
         </div>
         <div
@@ -812,7 +812,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAppStoreIos
+            cib-app-store-ios
           </div>
         </div>
         <div
@@ -830,7 +830,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApplePay
+            cib-apple-pay
           </div>
         </div>
         <div
@@ -848,7 +848,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApplePodcasts
+            cib-apple-podcasts
           </div>
         </div>
         <div
@@ -866,7 +866,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAppveyor
+            cib-appveyor
           </div>
         </div>
         <div
@@ -884,7 +884,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApple
+            cib-apple
           </div>
         </div>
         <div
@@ -902,7 +902,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibArchLinux
+            cib-arch-linux
           </div>
         </div>
         <div
@@ -920,7 +920,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibArduino
+            cib-arduino
           </div>
         </div>
         <div
@@ -938,7 +938,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAral
+            cib-aral
           </div>
         </div>
         <div
@@ -956,7 +956,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibArchiveOfOurOwn
+            cib-archive-of-our-own
           </div>
         </div>
         <div
@@ -974,7 +974,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibArxiv
+            cib-arxiv
           </div>
         </div>
         <div
@@ -992,7 +992,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibArtstation
+            cib-artstation
           </div>
         </div>
         <div
@@ -1010,7 +1010,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAsana
+            cib-asana
           </div>
         </div>
         <div
@@ -1028,7 +1028,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAtAndT
+            cib-at-and-t
           </div>
         </div>
         <div
@@ -1046,7 +1046,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAtom
+            cib-atom
           </div>
         </div>
         <div
@@ -1064,7 +1064,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAtlassian
+            cib-atlassian
           </div>
         </div>
         <div
@@ -1082,7 +1082,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAudible
+            cib-audible
           </div>
         </div>
         <div
@@ -1100,7 +1100,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAurelia
+            cib-aurelia
           </div>
         </div>
         <div
@@ -1118,7 +1118,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAutomatic
+            cib-automatic
           </div>
         </div>
         <div
@@ -1136,7 +1136,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAutotask
+            cib-autotask
           </div>
         </div>
         <div
@@ -1154,7 +1154,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAzureDevops
+            cib-azure-devops
           </div>
         </div>
         <div
@@ -1172,7 +1172,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAzureArtifacts
+            cib-azure-artifacts
           </div>
         </div>
         <div
@@ -1190,7 +1190,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAventrix
+            cib-aventrix
           </div>
         </div>
         <div
@@ -1208,7 +1208,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAuth0
+            cib-auth-0
           </div>
         </div>
         <div
@@ -1226,7 +1226,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibAzurePipelines
+            cib-azure-pipelines
           </div>
         </div>
         <div
@@ -1244,7 +1244,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBancontact
+            cib-bancontact
           </div>
         </div>
         <div
@@ -1262,7 +1262,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBaidu
+            cib-baidu
           </div>
         </div>
         <div
@@ -1280,7 +1280,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBamboo
+            cib-bamboo
           </div>
         </div>
         <div
@@ -1298,7 +1298,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBathasu
+            cib-bathasu
           </div>
         </div>
         <div
@@ -1316,7 +1316,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBasecamp
+            cib-basecamp
           </div>
         </div>
         <div
@@ -1334,7 +1334,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBigCartel
+            cib-big-cartel
           </div>
         </div>
         <div
@@ -1352,7 +1352,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBandcamp
+            cib-bandcamp
           </div>
         </div>
         <div
@@ -1370,7 +1370,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBitbucket
+            cib-bitbucket
           </div>
         </div>
         <div
@@ -1388,7 +1388,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBehance
+            cib-behance
           </div>
         </div>
         <div
@@ -1406,7 +1406,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBing
+            cib-bing
           </div>
         </div>
         <div
@@ -1424,7 +1424,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBit
+            cib-bit
           </div>
         </div>
         <div
@@ -1442,7 +1442,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBitcoin
+            cib-bitcoin
           </div>
         </div>
         <div
@@ -1460,7 +1460,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBlender
+            cib-blender
           </div>
         </div>
         <div
@@ -1478,7 +1478,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBitdefender
+            cib-bitdefender
           </div>
         </div>
         <div
@@ -1496,7 +1496,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBitly
+            cib-bitly
           </div>
         </div>
         <div
@@ -1514,7 +1514,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBloggerB
+            cib-blogger-b
           </div>
         </div>
         <div
@@ -1532,7 +1532,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBlackberry
+            cib-blackberry
           </div>
         </div>
         <div
@@ -1550,7 +1550,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBlogger
+            cib-blogger
           </div>
         </div>
         <div
@@ -1568,7 +1568,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBluetooth
+            cib-bluetooth
           </div>
         </div>
         <div
@@ -1586,7 +1586,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBluetoothB
+            cib-bluetooth-b
           </div>
         </div>
         <div
@@ -1604,7 +1604,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBoost
+            cib-boost
           </div>
         </div>
         <div
@@ -1622,7 +1622,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBootstrap
+            cib-bootstrap
           </div>
         </div>
         <div
@@ -1640,7 +1640,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBoeing
+            cib-boeing
           </div>
         </div>
         <div
@@ -1658,7 +1658,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBrandAi
+            cib-brand-ai
           </div>
         </div>
         <div
@@ -1676,7 +1676,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBower
+            cib-bower
           </div>
         </div>
         <div
@@ -1694,7 +1694,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBuddy
+            cib-buddy
           </div>
         </div>
         <div
@@ -1712,7 +1712,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBuysellads
+            cib-buysellads
           </div>
         </div>
         <div
@@ -1730,7 +1730,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBrave
+            cib-brave
           </div>
         </div>
         <div
@@ -1748,7 +1748,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBtc
+            cib-btc
           </div>
         </div>
         <div
@@ -1766,7 +1766,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBuyMeACoffee
+            cib-buy-me-acoffee
           </div>
         </div>
         <div
@@ -1784,7 +1784,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBuffer
+            cib-buffer
           </div>
         </div>
         <div
@@ -1802,7 +1802,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBuzzfeed
+            cib-buzzfeed
           </div>
         </div>
         <div
@@ -1820,7 +1820,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCakephp
+            cib-cakephp
           </div>
         </div>
         <div
@@ -1838,7 +1838,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibC
+            cib-c
           </div>
         </div>
         <div
@@ -1856,7 +1856,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCashapp
+            cib-cashapp
           </div>
         </div>
         <div
@@ -1874,7 +1874,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCanva
+            cib-canva
           </div>
         </div>
         <div
@@ -1892,7 +1892,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCampaignMonitor
+            cib-campaign-monitor
           </div>
         </div>
         <div
@@ -1910,7 +1910,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCassandra
+            cib-cassandra
           </div>
         </div>
         <div
@@ -1928,7 +1928,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcAmazonPay
+            cib-cc-amazon-pay
           </div>
         </div>
         <div
@@ -1946,7 +1946,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcDiscover
+            cib-cc-discover
           </div>
         </div>
         <div
@@ -1964,7 +1964,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCastro
+            cib-castro
           </div>
         </div>
         <div
@@ -1982,7 +1982,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcAmex
+            cib-cc-amex
           </div>
         </div>
         <div
@@ -2000,7 +2000,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcApplePay
+            cib-cc-apple-pay
           </div>
         </div>
         <div
@@ -2018,7 +2018,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcJcb
+            cib-cc-jcb
           </div>
         </div>
         <div
@@ -2036,7 +2036,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcMastercard
+            cib-cc-mastercard
           </div>
         </div>
         <div
@@ -2054,7 +2054,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcPaypal
+            cib-cc-paypal
           </div>
         </div>
         <div
@@ -2072,7 +2072,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcDinersClub
+            cib-cc-diners-club
           </div>
         </div>
         <div
@@ -2090,7 +2090,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcVisa
+            cib-cc-visa
           </div>
         </div>
         <div
@@ -2108,7 +2108,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCcStripe
+            cib-cc-stripe
           </div>
         </div>
         <div
@@ -2126,7 +2126,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibChef
+            cib-chef
           </div>
         </div>
         <div
@@ -2144,7 +2144,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCentos
+            cib-centos
           </div>
         </div>
         <div
@@ -2162,7 +2162,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCevo
+            cib-cevo
           </div>
         </div>
         <div
@@ -2180,7 +2180,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibChromecast
+            cib-chromecast
           </div>
         </div>
         <div
@@ -2198,7 +2198,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCircle
+            cib-circle
           </div>
         </div>
         <div
@@ -2216,7 +2216,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibChase
+            cib-chase
           </div>
         </div>
         <div
@@ -2234,7 +2234,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCircleci
+            cib-circleci
           </div>
         </div>
         <div
@@ -2252,7 +2252,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCisco
+            cib-cisco
           </div>
         </div>
         <div
@@ -2270,7 +2270,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCirrusci
+            cib-cirrusci
           </div>
         </div>
         <div
@@ -2288,7 +2288,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibClojure
+            cib-clojure
           </div>
         </div>
         <div
@@ -2306,7 +2306,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCivicrm
+            cib-civicrm
           </div>
         </div>
         <div
@@ -2324,7 +2324,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibClockify
+            cib-clockify
           </div>
         </div>
         <div
@@ -2342,7 +2342,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCloudflare
+            cib-cloudflare
           </div>
         </div>
         <div
@@ -2360,7 +2360,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCmake
+            cib-cmake
           </div>
         </div>
         <div
@@ -2378,7 +2378,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoOp
+            cib-co-op
           </div>
         </div>
         <div
@@ -2396,7 +2396,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCloudbees
+            cib-cloudbees
           </div>
         </div>
         <div
@@ -2414,7 +2414,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodacy
+            cib-codacy
           </div>
         </div>
         <div
@@ -2432,7 +2432,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodeClimate
+            cib-code-climate
           </div>
         </div>
         <div
@@ -2450,7 +2450,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodecademy
+            cib-codecademy
           </div>
         </div>
         <div
@@ -2468,7 +2468,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoderwall
+            cib-coderwall
           </div>
         </div>
         <div
@@ -2486,7 +2486,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodecov
+            cib-codecov
           </div>
         </div>
         <div
@@ -2504,7 +2504,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodeigniter
+            cib-codeigniter
           </div>
         </div>
         <div
@@ -2522,7 +2522,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodesandbox
+            cib-codesandbox
           </div>
         </div>
         <div
@@ -2540,7 +2540,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodepen
+            cib-codepen
           </div>
         </div>
         <div
@@ -2558,7 +2558,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCommonWorkflowLanguage
+            cib-common-workflow-language
           </div>
         </div>
         <div
@@ -2576,7 +2576,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodeship
+            cib-codeship
           </div>
         </div>
         <div
@@ -2594,7 +2594,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoffeescript
+            cib-coffeescript
           </div>
         </div>
         <div
@@ -2612,7 +2612,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodio
+            cib-codio
           </div>
         </div>
         <div
@@ -2630,7 +2630,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibConfluence
+            cib-confluence
           </div>
         </div>
         <div
@@ -2648,7 +2648,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCondaForge
+            cib-conda-forge
           </div>
         </div>
         <div
@@ -2666,7 +2666,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibConekta
+            cib-conekta
           </div>
         </div>
         <div
@@ -2705,7 +2705,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoreui
+            cib-coreui
           </div>
         </div>
         <div
@@ -2726,7 +2726,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoreuiC
+            cib-coreui-c
           </div>
         </div>
         <div
@@ -2744,7 +2744,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoursera
+            cib-coursera
           </div>
         </div>
         <div
@@ -2762,7 +2762,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCplusplus
+            cib-cplusplus
           </div>
         </div>
         <div
@@ -2780,7 +2780,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsNcJp
+            cib-creative-commons-nc-jp
           </div>
         </div>
         <div
@@ -2798,7 +2798,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCoveralls
+            cib-coveralls
           </div>
         </div>
         <div
@@ -2816,7 +2816,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsNc
+            cib-creative-commons-nc
           </div>
         </div>
         <div
@@ -2834,7 +2834,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsNcEu
+            cib-creative-commons-nc-eu
           </div>
         </div>
         <div
@@ -2852,7 +2852,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsBy
+            cib-creative-commons-by
           </div>
         </div>
         <div
@@ -2870,7 +2870,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCpanel
+            cib-cpanel
           </div>
         </div>
         <div
@@ -2888,7 +2888,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsPdAlt
+            cib-creative-commons-pd-alt
           </div>
         </div>
         <div
@@ -2906,7 +2906,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsPd
+            cib-creative-commons-pd
           </div>
         </div>
         <div
@@ -2924,7 +2924,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsSa
+            cib-creative-commons-sa
           </div>
         </div>
         <div
@@ -2942,7 +2942,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsNd
+            cib-creative-commons-nd
           </div>
         </div>
         <div
@@ -2960,7 +2960,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsSamplingPlus
+            cib-creative-commons-sampling-plus
           </div>
         </div>
         <div
@@ -2978,7 +2978,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsRemix
+            cib-creative-commons-remix
           </div>
         </div>
         <div
@@ -2996,7 +2996,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsZero
+            cib-creative-commons-zero
           </div>
         </div>
         <div
@@ -3014,7 +3014,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsSampling
+            cib-creative-commons-sampling
           </div>
         </div>
         <div
@@ -3032,7 +3032,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommonsShare
+            cib-creative-commons-share
           </div>
         </div>
         <div
@@ -3050,7 +3050,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCreativeCommons
+            cib-creative-commons
           </div>
         </div>
         <div
@@ -3068,7 +3068,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCrunchbase
+            cib-crunchbase
           </div>
         </div>
         <div
@@ -3086,7 +3086,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCrunchyroll
+            cib-crunchyroll
           </div>
         </div>
         <div
@@ -3104,7 +3104,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCss3
+            cib-css-3
           </div>
         </div>
         <div
@@ -3122,7 +3122,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCss3Shiled
+            cib-css-3shiled
           </div>
         </div>
         <div
@@ -3140,7 +3140,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCsswizardry
+            cib-csswizardry
           </div>
         </div>
         <div
@@ -3158,7 +3158,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibD3Js
+            cib-d3js
           </div>
         </div>
         <div
@@ -3176,7 +3176,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDashlane
+            cib-dashlane
           </div>
         </div>
         <div
@@ -3194,7 +3194,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDailymotion
+            cib-dailymotion
           </div>
         </div>
         <div
@@ -3212,7 +3212,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDblp
+            cib-dblp
           </div>
         </div>
         <div
@@ -3230,7 +3230,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDazn
+            cib-dazn
           </div>
         </div>
         <div
@@ -3248,7 +3248,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDeezer
+            cib-deezer
           </div>
         </div>
         <div
@@ -3266,7 +3266,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDebian
+            cib-debian
           </div>
         </div>
         <div
@@ -3284,7 +3284,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDeepin
+            cib-deepin
           </div>
         </div>
         <div
@@ -3302,7 +3302,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDelicious
+            cib-delicious
           </div>
         </div>
         <div
@@ -3320,7 +3320,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDell
+            cib-dell
           </div>
         </div>
         <div
@@ -3338,7 +3338,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDesignerNews
+            cib-designer-news
           </div>
         </div>
         <div
@@ -3356,7 +3356,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDeviantart
+            cib-deviantart
           </div>
         </div>
         <div
@@ -3374,7 +3374,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDevTo
+            cib-dev-to
           </div>
         </div>
         <div
@@ -3392,7 +3392,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDependabot
+            cib-dependabot
           </div>
         </div>
         <div
@@ -3410,7 +3410,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDevrant
+            cib-devrant
           </div>
         </div>
         <div
@@ -3428,7 +3428,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDigitalOcean
+            cib-digital-ocean
           </div>
         </div>
         <div
@@ -3446,7 +3446,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDiaspora
+            cib-diaspora
           </div>
         </div>
         <div
@@ -3464,7 +3464,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDigg
+            cib-digg
           </div>
         </div>
         <div
@@ -3482,7 +3482,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDisqus
+            cib-disqus
           </div>
         </div>
         <div
@@ -3500,7 +3500,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDisroot
+            cib-disroot
           </div>
         </div>
         <div
@@ -3518,7 +3518,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDiscourse
+            cib-discourse
           </div>
         </div>
         <div
@@ -3536,7 +3536,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDocker
+            cib-docker
           </div>
         </div>
         <div
@@ -3554,7 +3554,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDiscover
+            cib-discover
           </div>
         </div>
         <div
@@ -3572,7 +3572,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDiscord
+            cib-discord
           </div>
         </div>
         <div
@@ -3590,7 +3590,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDocusign
+            cib-docusign
           </div>
         </div>
         <div
@@ -3608,7 +3608,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDjango
+            cib-django
           </div>
         </div>
         <div
@@ -3626,7 +3626,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDotNet
+            cib-dot-net
           </div>
         </div>
         <div
@@ -3644,7 +3644,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDrupal
+            cib-drupal
           </div>
         </div>
         <div
@@ -3662,7 +3662,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDribbble
+            cib-dribbble
           </div>
         </div>
         <div
@@ -3680,7 +3680,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDrone
+            cib-drone
           </div>
         </div>
         <div
@@ -3698,7 +3698,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDropbox
+            cib-dropbox
           </div>
         </div>
         <div
@@ -3716,7 +3716,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDraugiemLv
+            cib-draugiem-lv
           </div>
         </div>
         <div
@@ -3734,7 +3734,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDuckduckgo
+            cib-duckduckgo
           </div>
         </div>
         <div
@@ -3752,7 +3752,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDtube
+            cib-dtube
           </div>
         </div>
         <div
@@ -3770,7 +3770,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDynatrace
+            cib-dynatrace
           </div>
         </div>
         <div
@@ -3788,7 +3788,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEclipseide
+            cib-eclipseide
           </div>
         </div>
         <div
@@ -3806,7 +3806,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEbay
+            cib-ebay
           </div>
         </div>
         <div
@@ -3824,7 +3824,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElasticCloud
+            cib-elastic-cloud
           </div>
         </div>
         <div
@@ -3842,7 +3842,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElasticSearch
+            cib-elastic-search
           </div>
         </div>
         <div
@@ -3860,7 +3860,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElasticStack
+            cib-elastic-stack
           </div>
         </div>
         <div
@@ -3878,7 +3878,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElastic
+            cib-elastic
           </div>
         </div>
         <div
@@ -3896,7 +3896,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElectron
+            cib-electron
           </div>
         </div>
         <div
@@ -3914,7 +3914,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElementary
+            cib-elementary
           </div>
         </div>
         <div
@@ -3932,7 +3932,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEleventy
+            cib-eleventy
           </div>
         </div>
         <div
@@ -3950,7 +3950,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEmpirekred
+            cib-empirekred
           </div>
         </div>
         <div
@@ -3968,7 +3968,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEsea
+            cib-esea
           </div>
         </div>
         <div
@@ -3986,7 +3986,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEmlakjet
+            cib-emlakjet
           </div>
         </div>
         <div
@@ -4004,7 +4004,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEnvato
+            cib-envato
           </div>
         </div>
         <div
@@ -4022,7 +4022,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEllo
+            cib-ello
           </div>
         </div>
         <div
@@ -4040,7 +4040,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEslint
+            cib-eslint
           </div>
         </div>
         <div
@@ -4058,7 +4058,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEpson
+            cib-epson
           </div>
         </div>
         <div
@@ -4076,7 +4076,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEthereum
+            cib-ethereum
           </div>
         </div>
         <div
@@ -4094,7 +4094,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEventStore
+            cib-event-store
           </div>
         </div>
         <div
@@ -4112,7 +4112,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEverplaces
+            cib-everplaces
           </div>
         </div>
         <div
@@ -4130,7 +4130,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEtsy
+            cib-etsy
           </div>
         </div>
         <div
@@ -4148,7 +4148,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEventbrite
+            cib-eventbrite
           </div>
         </div>
         <div
@@ -4166,7 +4166,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEvernote
+            cib-evernote
           </div>
         </div>
         <div
@@ -4184,7 +4184,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEvry
+            cib-evry
           </div>
         </div>
         <div
@@ -4202,7 +4202,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibExpertsExchange
+            cib-experts-exchange
           </div>
         </div>
         <div
@@ -4220,7 +4220,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFSecure
+            cib-fsecure
           </div>
         </div>
         <div
@@ -4238,7 +4238,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibExercism
+            cib-exercism
           </div>
         </div>
         <div
@@ -4256,7 +4256,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibExpo
+            cib-expo
           </div>
         </div>
         <div
@@ -4274,7 +4274,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEyeem
+            cib-eyeem
           </div>
         </div>
         <div
@@ -4292,7 +4292,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFacebook
+            cib-facebook
           </div>
         </div>
         <div
@@ -4310,7 +4310,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFacebookF
+            cib-facebook-f
           </div>
         </div>
         <div
@@ -4328,7 +4328,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFaceit
+            cib-faceit
           </div>
         </div>
         <div
@@ -4346,7 +4346,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFandango
+            cib-fandango
           </div>
         </div>
         <div
@@ -4364,7 +4364,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFeathub
+            cib-feathub
           </div>
         </div>
         <div
@@ -4382,7 +4382,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFedora
+            cib-fedora
           </div>
         </div>
         <div
@@ -4400,7 +4400,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFedex
+            cib-fedex
           </div>
         </div>
         <div
@@ -4418,7 +4418,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFavro
+            cib-favro
           </div>
         </div>
         <div
@@ -4436,7 +4436,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFidoAlliance
+            cib-fido-alliance
           </div>
         </div>
         <div
@@ -4454,7 +4454,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFigma
+            cib-figma
           </div>
         </div>
         <div
@@ -4472,7 +4472,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFirebase
+            cib-firebase
           </div>
         </div>
         <div
@@ -4490,7 +4490,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFilezilla
+            cib-filezilla
           </div>
         </div>
         <div
@@ -4508,7 +4508,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFeedly
+            cib-feedly
           </div>
         </div>
         <div
@@ -4526,7 +4526,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFitbit
+            cib-fitbit
           </div>
         </div>
         <div
@@ -4544,7 +4544,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFoursquare
+            cib-foursquare
           </div>
         </div>
         <div
@@ -4562,7 +4562,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFlutter
+            cib-flutter
           </div>
         </div>
         <div
@@ -4580,7 +4580,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFlattr
+            cib-flattr
           </div>
         </div>
         <div
@@ -4598,7 +4598,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFnac
+            cib-fnac
           </div>
         </div>
         <div
@@ -4616,7 +4616,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFlickr
+            cib-flickr
           </div>
         </div>
         <div
@@ -4634,7 +4634,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFlipboard
+            cib-flipboard
           </div>
         </div>
         <div
@@ -4652,7 +4652,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFramer
+            cib-framer
           </div>
         </div>
         <div
@@ -4670,7 +4670,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFreebsd
+            cib-freebsd
           </div>
         </div>
         <div
@@ -4688,7 +4688,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFurAffinity
+            cib-fur-affinity
           </div>
         </div>
         <div
@@ -4706,7 +4706,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFreecodecamp
+            cib-freecodecamp
           </div>
         </div>
         <div
@@ -4724,7 +4724,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGarmin
+            cib-garmin
           </div>
         </div>
         <div
@@ -4742,7 +4742,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFurryNetwork
+            cib-furry-network
           </div>
         </div>
         <div
@@ -4760,7 +4760,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGauges
+            cib-gauges
           </div>
         </div>
         <div
@@ -4778,7 +4778,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGatsby
+            cib-gatsby
           </div>
         </div>
         <div
@@ -4796,7 +4796,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGenius
+            cib-genius
           </div>
         </div>
         <div
@@ -4814,7 +4814,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGentoo
+            cib-gentoo
           </div>
         </div>
         <div
@@ -4832,7 +4832,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGimp
+            cib-gimp
           </div>
         </div>
         <div
@@ -4850,7 +4850,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGeocaching
+            cib-geocaching
           </div>
         </div>
         <div
@@ -4868,7 +4868,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGhost
+            cib-ghost
           </div>
         </div>
         <div
@@ -4886,7 +4886,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGit
+            cib-git
           </div>
         </div>
         <div
@@ -4904,7 +4904,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGg
+            cib-gg
           </div>
         </div>
         <div
@@ -4922,7 +4922,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGitea
+            cib-gitea
           </div>
         </div>
         <div
@@ -4940,7 +4940,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGithub
+            cib-github
           </div>
         </div>
         <div
@@ -4958,7 +4958,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGitlab
+            cib-gitlab
           </div>
         </div>
         <div
@@ -4976,7 +4976,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGitkraken
+            cib-gitkraken
           </div>
         </div>
         <div
@@ -4994,7 +4994,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGitpod
+            cib-gitpod
           </div>
         </div>
         <div
@@ -5012,7 +5012,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGlassdoor
+            cib-glassdoor
           </div>
         </div>
         <div
@@ -5030,7 +5030,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGlitch
+            cib-glitch
           </div>
         </div>
         <div
@@ -5048,7 +5048,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGmail
+            cib-gmail
           </div>
         </div>
         <div
@@ -5066,7 +5066,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGitter
+            cib-gitter
           </div>
         </div>
         <div
@@ -5084,7 +5084,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGnuSocial
+            cib-gnu-social
           </div>
         </div>
         <div
@@ -5102,7 +5102,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGnuPrivacyGuard
+            cib-gnu-privacy-guard
           </div>
         </div>
         <div
@@ -5120,7 +5120,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGo
+            cib-go
           </div>
         </div>
         <div
@@ -5138,7 +5138,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGodotEngine
+            cib-godot-engine
           </div>
         </div>
         <div
@@ -5156,7 +5156,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGogCom
+            cib-gog-com
           </div>
         </div>
         <div
@@ -5174,7 +5174,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoodreads
+            cib-goodreads
           </div>
         </div>
         <div
@@ -5192,7 +5192,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogleAds
+            cib-google-ads
           </div>
         </div>
         <div
@@ -5210,7 +5210,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoldenline
+            cib-goldenline
           </div>
         </div>
         <div
@@ -5228,7 +5228,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogleAnalytics
+            cib-google-analytics
           </div>
         </div>
         <div
@@ -5246,7 +5246,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogleAllo
+            cib-google-allo
           </div>
         </div>
         <div
@@ -5264,7 +5264,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogleChrome
+            cib-google-chrome
           </div>
         </div>
         <div
@@ -5282,7 +5282,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGooglePodcasts
+            cib-google-podcasts
           </div>
         </div>
         <div
@@ -5300,7 +5300,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogleKeep
+            cib-google-keep
           </div>
         </div>
         <div
@@ -5318,7 +5318,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogleCloud
+            cib-google-cloud
           </div>
         </div>
         <div
@@ -5336,7 +5336,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGooglePlay
+            cib-google-play
           </div>
         </div>
         <div
@@ -5354,7 +5354,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGoogle
+            cib-google
           </div>
         </div>
         <div
@@ -5372,7 +5372,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGooglesCholar
+            cib-googles-cholar
           </div>
         </div>
         <div
@@ -5390,7 +5390,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGradle
+            cib-gradle
           </div>
         </div>
         <div
@@ -5408,7 +5408,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGooglePay
+            cib-google-pay
           </div>
         </div>
         <div
@@ -5426,7 +5426,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGovUk
+            cib-gov-uk
           </div>
         </div>
         <div
@@ -5444,7 +5444,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGraphcool
+            cib-graphcool
           </div>
         </div>
         <div
@@ -5462,7 +5462,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGrafana
+            cib-grafana
           </div>
         </div>
         <div
@@ -5480,7 +5480,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGreenkeeper
+            cib-greenkeeper
           </div>
         </div>
         <div
@@ -5498,7 +5498,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGrav
+            cib-grav
           </div>
         </div>
         <div
@@ -5516,7 +5516,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGraphql
+            cib-graphql
           </div>
         </div>
         <div
@@ -5534,7 +5534,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGrunt
+            cib-grunt
           </div>
         </div>
         <div
@@ -5552,7 +5552,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGravatar
+            cib-gravatar
           </div>
         </div>
         <div
@@ -5570,7 +5570,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGulp
+            cib-gulp
           </div>
         </div>
         <div
@@ -5588,7 +5588,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGroovy
+            cib-groovy
           </div>
         </div>
         <div
@@ -5606,7 +5606,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHabr
+            cib-habr
           </div>
         </div>
         <div
@@ -5624,7 +5624,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGumroad
+            cib-gumroad
           </div>
         </div>
         <div
@@ -5642,7 +5642,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGroupon
+            cib-groupon
           </div>
         </div>
         <div
@@ -5660,7 +5660,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGumtree
+            cib-gumtree
           </div>
         </div>
         <div
@@ -5678,7 +5678,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHackerearth
+            cib-hackerearth
           </div>
         </div>
         <div
@@ -5696,7 +5696,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHackaday
+            cib-hackaday
           </div>
         </div>
         <div
@@ -5714,7 +5714,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHackhands
+            cib-hackhands
           </div>
         </div>
         <div
@@ -5732,7 +5732,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHackerone
+            cib-hackerone
           </div>
         </div>
         <div
@@ -5750,7 +5750,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHappycow
+            cib-happycow
           </div>
         </div>
         <div
@@ -5768,7 +5768,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHashnode
+            cib-hashnode
           </div>
         </div>
         <div
@@ -5786,7 +5786,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHackster
+            cib-hackster
           </div>
         </div>
         <div
@@ -5804,7 +5804,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHaxe
+            cib-haxe
           </div>
         </div>
         <div
@@ -5822,7 +5822,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHackerrank
+            cib-hackerrank
           </div>
         </div>
         <div
@@ -5840,7 +5840,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHatenaBookmark
+            cib-hatena-bookmark
           </div>
         </div>
         <div
@@ -5858,7 +5858,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHelm
+            cib-helm
           </div>
         </div>
         <div
@@ -5876,7 +5876,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHaskell
+            cib-haskell
           </div>
         </div>
         <div
@@ -5894,7 +5894,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHighly
+            cib-highly
           </div>
         </div>
         <div
@@ -5912,7 +5912,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHere
+            cib-here
           </div>
         </div>
         <div
@@ -5930,7 +5930,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHeroku
+            cib-heroku
           </div>
         </div>
         <div
@@ -5948,7 +5948,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHexo
+            cib-hexo
           </div>
         </div>
         <div
@@ -5966,7 +5966,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHipchat
+            cib-hipchat
           </div>
         </div>
         <div
@@ -5984,7 +5984,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHockeyapp
+            cib-hockeyapp
           </div>
         </div>
         <div
@@ -6002,7 +6002,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHitachi
+            cib-hitachi
           </div>
         </div>
         <div
@@ -6020,7 +6020,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHotjar
+            cib-hotjar
           </div>
         </div>
         <div
@@ -6038,7 +6038,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHootsuite
+            cib-hootsuite
           </div>
         </div>
         <div
@@ -6056,7 +6056,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHouzz
+            cib-houzz
           </div>
         </div>
         <div
@@ -6074,7 +6074,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHomify
+            cib-homify
           </div>
         </div>
         <div
@@ -6092,7 +6092,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHtml5Shield
+            cib-html-5shield
           </div>
         </div>
         <div
@@ -6110,7 +6110,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHtml5
+            cib-html-5
           </div>
         </div>
         <div
@@ -6128,7 +6128,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHp
+            cib-hp
           </div>
         </div>
         <div
@@ -6146,7 +6146,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHubspot
+            cib-hubspot
           </div>
         </div>
         <div
@@ -6164,7 +6164,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHulu
+            cib-hulu
           </div>
         </div>
         <div
@@ -6182,7 +6182,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHuawei
+            cib-huawei
           </div>
         </div>
         <div
@@ -6200,7 +6200,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIata
+            cib-iata
           </div>
         </div>
         <div
@@ -6218,7 +6218,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIbm
+            cib-ibm
           </div>
         </div>
         <div
@@ -6236,7 +6236,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHtmlacademy
+            cib-htmlacademy
           </div>
         </div>
         <div
@@ -6254,7 +6254,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibHumbleBundle
+            cib-humble-bundle
           </div>
         </div>
         <div
@@ -6272,7 +6272,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIconjar
+            cib-iconjar
           </div>
         </div>
         <div
@@ -6290,7 +6290,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIcq
+            cib-icq
           </div>
         </div>
         <div
@@ -6308,7 +6308,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIdeal
+            cib-ideal
           </div>
         </div>
         <div
@@ -6326,7 +6326,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIcloud
+            cib-icloud
           </div>
         </div>
         <div
@@ -6344,7 +6344,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIfixit
+            cib-ifixit
           </div>
         </div>
         <div
@@ -6362,7 +6362,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIndeed
+            cib-indeed
           </div>
         </div>
         <div
@@ -6380,7 +6380,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibInkscape
+            cib-inkscape
           </div>
         </div>
         <div
@@ -6398,7 +6398,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibImdb
+            cib-imdb
           </div>
         </div>
         <div
@@ -6416,7 +6416,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibInstagram
+            cib-instagram
           </div>
         </div>
         <div
@@ -6434,7 +6434,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibInstapaper
+            cib-instapaper
           </div>
         </div>
         <div
@@ -6452,7 +6452,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibInstacart
+            cib-instacart
           </div>
         </div>
         <div
@@ -6470,7 +6470,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIntellijidea
+            cib-intellijidea
           </div>
         </div>
         <div
@@ -6488,7 +6488,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibInternetExplorer
+            cib-internet-explorer
           </div>
         </div>
         <div
@@ -6506,7 +6506,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIntel
+            cib-intel
           </div>
         </div>
         <div
@@ -6524,7 +6524,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJabber
+            cib-jabber
           </div>
         </div>
         <div
@@ -6542,7 +6542,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIntercom
+            cib-intercom
           </div>
         </div>
         <div
@@ -6560,7 +6560,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIonic
+            cib-ionic
           </div>
         </div>
         <div
@@ -6578,7 +6578,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibInvision
+            cib-invision
           </div>
         </div>
         <div
@@ -6596,7 +6596,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibIssuu
+            cib-issuu
           </div>
         </div>
         <div
@@ -6614,7 +6614,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJavascript
+            cib-javascript
           </div>
         </div>
         <div
@@ -6632,7 +6632,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibItchIo
+            cib-itch-io
           </div>
         </div>
         <div
@@ -6650,7 +6650,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJava
+            cib-java
           </div>
         </div>
         <div
@@ -6668,7 +6668,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJest
+            cib-jest
           </div>
         </div>
         <div
@@ -6686,7 +6686,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJekyll
+            cib-jekyll
           </div>
         </div>
         <div
@@ -6704,7 +6704,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJenkins
+            cib-jenkins
           </div>
         </div>
         <div
@@ -6722,7 +6722,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJetbrains
+            cib-jetbrains
           </div>
         </div>
         <div
@@ -6740,7 +6740,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJet
+            cib-jet
           </div>
         </div>
         <div
@@ -6758,7 +6758,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJoomla
+            cib-joomla
           </div>
         </div>
         <div
@@ -6776,7 +6776,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJquery
+            cib-jquery
           </div>
         </div>
         <div
@@ -6794,7 +6794,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJs
+            cib-js
           </div>
         </div>
         <div
@@ -6812,7 +6812,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJira
+            cib-jira
           </div>
         </div>
         <div
@@ -6830,7 +6830,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJsdelivr
+            cib-jsdelivr
           </div>
         </div>
         <div
@@ -6848,7 +6848,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJupyter
+            cib-jupyter
           </div>
         </div>
         <div
@@ -6866,7 +6866,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJsfiddle
+            cib-jsfiddle
           </div>
         </div>
         <div
@@ -6884,7 +6884,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJson
+            cib-json
           </div>
         </div>
         <div
@@ -6902,7 +6902,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibJustgiving
+            cib-justgiving
           </div>
         </div>
         <div
@@ -6920,7 +6920,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKaios
+            cib-kaios
           </div>
         </div>
         <div
@@ -6938,7 +6938,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKaggle
+            cib-kaggle
           </div>
         </div>
         <div
@@ -6956,7 +6956,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKaspersky
+            cib-kaspersky
           </div>
         </div>
         <div
@@ -6974,7 +6974,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKentico
+            cib-kentico
           </div>
         </div>
         <div
@@ -6992,7 +6992,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKeybase
+            cib-keybase
           </div>
         </div>
         <div
@@ -7010,7 +7010,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKeras
+            cib-keras
           </div>
         </div>
         <div
@@ -7028,7 +7028,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKeycdn
+            cib-keycdn
           </div>
         </div>
         <div
@@ -7046,7 +7046,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKickstarter
+            cib-kickstarter
           </div>
         </div>
         <div
@@ -7064,7 +7064,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKhanAcademy
+            cib-khan-academy
           </div>
         </div>
         <div
@@ -7082,7 +7082,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKibana
+            cib-kibana
           </div>
         </div>
         <div
@@ -7100,7 +7100,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKirby
+            cib-kirby
           </div>
         </div>
         <div
@@ -7118,7 +7118,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKik
+            cib-kik
           </div>
         </div>
         <div
@@ -7136,7 +7136,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKnown
+            cib-known
           </div>
         </div>
         <div
@@ -7154,7 +7154,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKlout
+            cib-klout
           </div>
         </div>
         <div
@@ -7172,7 +7172,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKoFi
+            cib-ko-fi
           </div>
         </div>
         <div
@@ -7190,7 +7190,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKoding
+            cib-koding
           </div>
         </div>
         <div
@@ -7208,7 +7208,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLanyrd
+            cib-lanyrd
           </div>
         </div>
         <div
@@ -7226,7 +7226,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKubernetes
+            cib-kubernetes
           </div>
         </div>
         <div
@@ -7244,7 +7244,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKodi
+            cib-kodi
           </div>
         </div>
         <div
@@ -7262,7 +7262,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKotlin
+            cib-kotlin
           </div>
         </div>
         <div
@@ -7280,7 +7280,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibKrita
+            cib-krita
           </div>
         </div>
         <div
@@ -7298,7 +7298,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLaravelHorizon
+            cib-laravel-horizon
           </div>
         </div>
         <div
@@ -7316,7 +7316,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLastFm
+            cib-last-fm
           </div>
         </div>
         <div
@@ -7334,7 +7334,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLaravelNova
+            cib-laravel-nova
           </div>
         </div>
         <div
@@ -7352,7 +7352,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLaunchpad
+            cib-launchpad
           </div>
         </div>
         <div
@@ -7370,7 +7370,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLaravel
+            cib-laravel
           </div>
         </div>
         <div
@@ -7388,7 +7388,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLatex
+            cib-latex
           </div>
         </div>
         <div
@@ -7406,7 +7406,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLenovo
+            cib-lenovo
           </div>
         </div>
         <div
@@ -7424,7 +7424,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLeetcode
+            cib-leetcode
           </div>
         </div>
         <div
@@ -7442,7 +7442,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLetsEncrypt
+            cib-lets-encrypt
           </div>
         </div>
         <div
@@ -7460,7 +7460,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLine
+            cib-line
           </div>
         </div>
         <div
@@ -7478,7 +7478,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLiberapay
+            cib-liberapay
           </div>
         </div>
         <div
@@ -7496,7 +7496,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLess
+            cib-less
           </div>
         </div>
         <div
@@ -7514,7 +7514,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLetterboxd
+            cib-letterboxd
           </div>
         </div>
         <div
@@ -7532,7 +7532,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLgtm
+            cib-lgtm
           </div>
         </div>
         <div
@@ -7550,7 +7550,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLibrarything
+            cib-librarything
           </div>
         </div>
         <div
@@ -7568,7 +7568,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLinkedin
+            cib-linkedin
           </div>
         </div>
         <div
@@ -7586,7 +7586,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLinkedinIn
+            cib-linkedin-in
           </div>
         </div>
         <div
@@ -7604,7 +7604,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLibreoffice
+            cib-libreoffice
           </div>
         </div>
         <div
@@ -7622,7 +7622,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLinuxMint
+            cib-linux-mint
           </div>
         </div>
         <div
@@ -7640,7 +7640,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLogstash
+            cib-logstash
           </div>
         </div>
         <div
@@ -7658,7 +7658,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLivejournal
+            cib-livejournal
           </div>
         </div>
         <div
@@ -7676,7 +7676,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLua
+            cib-lua
           </div>
         </div>
         <div
@@ -7694,7 +7694,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLinuxFoundation
+            cib-linux-foundation
           </div>
         </div>
         <div
@@ -7712,7 +7712,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLinux
+            cib-linux
           </div>
         </div>
         <div
@@ -7730,7 +7730,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLivestream
+            cib-livestream
           </div>
         </div>
         <div
@@ -7748,7 +7748,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMacys
+            cib-macys
           </div>
         </div>
         <div
@@ -7766,7 +7766,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLumen
+            cib-lumen
           </div>
         </div>
         <div
@@ -7784,7 +7784,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibLyft
+            cib-lyft
           </div>
         </div>
         <div
@@ -7802,7 +7802,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMagento
+            cib-magento
           </div>
         </div>
         <div
@@ -7820,7 +7820,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMailRu
+            cib-mail-ru
           </div>
         </div>
         <div
@@ -7838,7 +7838,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMagisk
+            cib-magisk
           </div>
         </div>
         <div
@@ -7856,7 +7856,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMakerbot
+            cib-makerbot
           </div>
         </div>
         <div
@@ -7874,7 +7874,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMailchimp
+            cib-mailchimp
           </div>
         </div>
         <div
@@ -7892,7 +7892,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibManjaro
+            cib-manjaro
           </div>
         </div>
         <div
@@ -7910,7 +7910,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMarketo
+            cib-marketo
           </div>
         </div>
         <div
@@ -7928,7 +7928,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMaterialDesign
+            cib-material-design
           </div>
         </div>
         <div
@@ -7946,7 +7946,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMarkdown
+            cib-markdown
           </div>
         </div>
         <div
@@ -7964,7 +7964,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMastercard
+            cib-mastercard
           </div>
         </div>
         <div
@@ -7982,7 +7982,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMastodon
+            cib-mastodon
           </div>
         </div>
         <div
@@ -8000,7 +8000,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMatrix
+            cib-matrix
           </div>
         </div>
         <div
@@ -8018,7 +8018,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMattermost
+            cib-mattermost
           </div>
         </div>
         <div
@@ -8036,7 +8036,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMatternet
+            cib-matternet
           </div>
         </div>
         <div
@@ -8054,7 +8054,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMathworks
+            cib-mathworks
           </div>
         </div>
         <div
@@ -8072,7 +8072,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMcafee
+            cib-mcafee
           </div>
         </div>
         <div
@@ -8090,7 +8090,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMediumM
+            cib-medium-m
           </div>
         </div>
         <div
@@ -8108,7 +8108,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMaxcdn
+            cib-maxcdn
           </div>
         </div>
         <div
@@ -8126,7 +8126,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMedium
+            cib-medium
           </div>
         </div>
         <div
@@ -8144,7 +8144,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMediaTemple
+            cib-media-temple
           </div>
         </div>
         <div
@@ -8162,7 +8162,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMeteor
+            cib-meteor
           </div>
         </div>
         <div
@@ -8180,7 +8180,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMediafire
+            cib-mediafire
           </div>
         </div>
         <div
@@ -8198,7 +8198,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMendeley
+            cib-mendeley
           </div>
         </div>
         <div
@@ -8216,7 +8216,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMeetup
+            cib-meetup
           </div>
         </div>
         <div
@@ -8234,7 +8234,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMega
+            cib-mega
           </div>
         </div>
         <div
@@ -8252,7 +8252,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMicroBlog
+            cib-micro-blog
           </div>
         </div>
         <div
@@ -8270,7 +8270,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMessenger
+            cib-messenger
           </div>
         </div>
         <div
@@ -8288,7 +8288,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMicrogenetics
+            cib-microgenetics
           </div>
         </div>
         <div
@@ -8306,7 +8306,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMicrosoft
+            cib-microsoft
           </div>
         </div>
         <div
@@ -8324,7 +8324,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMinutemailer
+            cib-minutemailer
           </div>
         </div>
         <div
@@ -8342,7 +8342,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMix
+            cib-mix
           </div>
         </div>
         <div
@@ -8360,7 +8360,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMixcloud
+            cib-mixcloud
           </div>
         </div>
         <div
@@ -8378,7 +8378,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMicrosoftEdge
+            cib-microsoft-edge
           </div>
         </div>
         <div
@@ -8396,7 +8396,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMixer
+            cib-mixer
           </div>
         </div>
         <div
@@ -8414,7 +8414,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMinetest
+            cib-minetest
           </div>
         </div>
         <div
@@ -8432,7 +8432,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMonero
+            cib-monero
           </div>
         </div>
         <div
@@ -8450,7 +8450,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMonogram
+            cib-monogram
           </div>
         </div>
         <div
@@ -8468,7 +8468,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMojang
+            cib-mojang
           </div>
         </div>
         <div
@@ -8486,7 +8486,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMonkeytie
+            cib-monkeytie
           </div>
         </div>
         <div
@@ -8504,7 +8504,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMxlinux
+            cib-mxlinux
           </div>
         </div>
         <div
@@ -8522,7 +8522,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMoo
+            cib-moo
           </div>
         </div>
         <div
@@ -8540,7 +8540,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMozillaFirefox
+            cib-mozilla-firefox
           </div>
         </div>
         <div
@@ -8558,7 +8558,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMongodb
+            cib-mongodb
           </div>
         </div>
         <div
@@ -8576,7 +8576,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMonzo
+            cib-monzo
           </div>
         </div>
         <div
@@ -8594,7 +8594,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMyspace
+            cib-myspace
           </div>
         </div>
         <div
@@ -8612,7 +8612,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMusescore
+            cib-musescore
           </div>
         </div>
         <div
@@ -8630,7 +8630,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMozilla
+            cib-mozilla
           </div>
         </div>
         <div
@@ -8648,7 +8648,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibMysql
+            cib-mysql
           </div>
         </div>
         <div
@@ -8666,7 +8666,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNativescript
+            cib-nativescript
           </div>
         </div>
         <div
@@ -8684,7 +8684,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNeo4j
+            cib-neo-4j
           </div>
         </div>
         <div
@@ -8702,7 +8702,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNec
+            cib-nec
           </div>
         </div>
         <div
@@ -8720,7 +8720,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNextJs
+            cib-next-js
           </div>
         </div>
         <div
@@ -8738,7 +8738,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNextdoor
+            cib-nextdoor
           </div>
         </div>
         <div
@@ -8756,7 +8756,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNintendoGamecube
+            cib-nintendo-gamecube
           </div>
         </div>
         <div
@@ -8774,7 +8774,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNetlify
+            cib-netlify
           </div>
         </div>
         <div
@@ -8792,7 +8792,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNextcloud
+            cib-nextcloud
           </div>
         </div>
         <div
@@ -8810,7 +8810,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNetflix
+            cib-netflix
           </div>
         </div>
         <div
@@ -8828,7 +8828,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNginx
+            cib-nginx
           </div>
         </div>
         <div
@@ -8846,7 +8846,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNim
+            cib-nim
           </div>
         </div>
         <div
@@ -8864,7 +8864,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNintendoSwitch
+            cib-nintendo-switch
           </div>
         </div>
         <div
@@ -8882,7 +8882,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNintendo3ds
+            cib-nintendo-3ds
           </div>
         </div>
         <div
@@ -8900,7 +8900,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNodeRed
+            cib-node-red
           </div>
         </div>
         <div
@@ -8918,7 +8918,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNodeJs
+            cib-node-js
           </div>
         </div>
         <div
@@ -8936,7 +8936,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNodemon
+            cib-nodemon
           </div>
         </div>
         <div
@@ -8954,7 +8954,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNokia
+            cib-nokia
           </div>
         </div>
         <div
@@ -8972,7 +8972,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNintendo
+            cib-nintendo
           </div>
         </div>
         <div
@@ -8990,7 +8990,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNucleo
+            cib-nucleo
           </div>
         </div>
         <div
@@ -9008,7 +9008,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNuxtJs
+            cib-nuxt-js
           </div>
         </div>
         <div
@@ -9026,7 +9026,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNotion
+            cib-notion
           </div>
         </div>
         <div
@@ -9044,7 +9044,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOcaml
+            cib-ocaml
           </div>
         </div>
         <div
@@ -9062,7 +9062,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNpm
+            cib-npm
           </div>
         </div>
         <div
@@ -9080,7 +9080,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNvidia
+            cib-nvidia
           </div>
         </div>
         <div
@@ -9098,7 +9098,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOctave
+            cib-octave
           </div>
         </div>
         <div
@@ -9116,7 +9116,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibNuget
+            cib-nuget
           </div>
         </div>
         <div
@@ -9134,7 +9134,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOctopusDeploy
+            cib-octopus-deploy
           </div>
         </div>
         <div
@@ -9152,7 +9152,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOdnoklassniki
+            cib-odnoklassniki
           </div>
         </div>
         <div
@@ -9170,7 +9170,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOculus
+            cib-oculus
           </div>
         </div>
         <div
@@ -9188,7 +9188,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpenAccess
+            cib-open-access
           </div>
         </div>
         <div
@@ -9206,7 +9206,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpenCollective
+            cib-open-collective
           </div>
         </div>
         <div
@@ -9224,7 +9224,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpenstreetmap
+            cib-openstreetmap
           </div>
         </div>
         <div
@@ -9242,7 +9242,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpenSourceInitiative
+            cib-open-source-initiative
           </div>
         </div>
         <div
@@ -9260,7 +9260,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpensuse
+            cib-opensuse
           </div>
         </div>
         <div
@@ -9278,7 +9278,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpera
+            cib-opera
           </div>
         </div>
         <div
@@ -9296,7 +9296,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpenId
+            cib-open-id
           </div>
         </div>
         <div
@@ -9314,7 +9314,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpenvpn
+            cib-openvpn
           </div>
         </div>
         <div
@@ -9332,7 +9332,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOracle
+            cib-oracle
           </div>
         </div>
         <div
@@ -9350,7 +9350,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOpsgenie
+            cib-opsgenie
           </div>
         </div>
         <div
@@ -9368,7 +9368,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOrcid
+            cib-orcid
           </div>
         </div>
         <div
@@ -9386,7 +9386,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOvercast
+            cib-overcast
           </div>
         </div>
         <div
@@ -9404,7 +9404,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOrigin
+            cib-origin
           </div>
         </div>
         <div
@@ -9422,7 +9422,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOsi
+            cib-osi
           </div>
         </div>
         <div
@@ -9440,7 +9440,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPagekit
+            cib-pagekit
           </div>
         </div>
         <div
@@ -9458,7 +9458,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOverleaf
+            cib-overleaf
           </div>
         </div>
         <div
@@ -9476,7 +9476,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOsmc
+            cib-osmc
           </div>
         </div>
         <div
@@ -9494,7 +9494,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibOvh
+            cib-ovh
           </div>
         </div>
         <div
@@ -9512,7 +9512,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPalantir
+            cib-palantir
           </div>
         </div>
         <div
@@ -9530,7 +9530,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPatreon
+            cib-patreon
           </div>
         </div>
         <div
@@ -9548,7 +9548,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPantheon
+            cib-pantheon
           </div>
         </div>
         <div
@@ -9566,7 +9566,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPeriscope
+            cib-periscope
           </div>
         </div>
         <div
@@ -9584,7 +9584,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPhp
+            cib-php
           </div>
         </div>
         <div
@@ -9602,7 +9602,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPaypal
+            cib-paypal
           </div>
         </div>
         <div
@@ -9620,7 +9620,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPicartoTv
+            cib-picarto-tv
           </div>
         </div>
         <div
@@ -9638,7 +9638,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPinterestP
+            cib-pinterest-p
           </div>
         </div>
         <div
@@ -9656,7 +9656,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPinboard
+            cib-pinboard
           </div>
         </div>
         <div
@@ -9674,7 +9674,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPinterest
+            cib-pinterest
           </div>
         </div>
         <div
@@ -9692,7 +9692,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPivotaltracker
+            cib-pivotaltracker
           </div>
         </div>
         <div
@@ -9710,7 +9710,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPingdom
+            cib-pingdom
           </div>
         </div>
         <div
@@ -9728,7 +9728,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPingup
+            cib-pingup
           </div>
         </div>
         <div
@@ -9746,7 +9746,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlayerMe
+            cib-player-me
           </div>
         </div>
         <div
@@ -9764,7 +9764,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlangrid
+            cib-plangrid
           </div>
         </div>
         <div
@@ -9782,7 +9782,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlaystation3
+            cib-playstation-3
           </div>
         </div>
         <div
@@ -9800,7 +9800,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPandora
+            cib-pandora
           </div>
         </div>
         <div
@@ -9818,7 +9818,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlayerfm
+            cib-playerfm
           </div>
         </div>
         <div
@@ -9836,7 +9836,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlex
+            cib-plex
           </div>
         </div>
         <div
@@ -9854,7 +9854,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPluralsight
+            cib-pluralsight
           </div>
         </div>
         <div
@@ -9872,7 +9872,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlaystation
+            cib-playstation
           </div>
         </div>
         <div
@@ -9890,7 +9890,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlesk
+            cib-plesk
           </div>
         </div>
         <div
@@ -9908,7 +9908,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlurk
+            cib-plurk
           </div>
         </div>
         <div
@@ -9926,7 +9926,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPlaystation4
+            cib-playstation-4
           </div>
         </div>
         <div
@@ -9944,7 +9944,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPostgresql
+            cib-postgresql
           </div>
         </div>
         <div
@@ -9962,7 +9962,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPocket
+            cib-pocket
           </div>
         </div>
         <div
@@ -9980,7 +9980,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPostwoman
+            cib-postwoman
           </div>
         </div>
         <div
@@ -9998,7 +9998,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPostman
+            cib-postman
           </div>
         </div>
         <div
@@ -10016,7 +10016,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibProbot
+            cib-probot
           </div>
         </div>
         <div
@@ -10034,7 +10034,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPrismic
+            cib-prismic
           </div>
         </div>
         <div
@@ -10052,7 +10052,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibProductHunt
+            cib-product-hunt
           </div>
         </div>
         <div
@@ -10070,7 +10070,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPowershell
+            cib-powershell
           </div>
         </div>
         <div
@@ -10088,7 +10088,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPrettier
+            cib-prettier
           </div>
         </div>
         <div
@@ -10106,7 +10106,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibProtonmail
+            cib-protonmail
           </div>
         </div>
         <div
@@ -10124,7 +10124,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibProcesswire
+            cib-processwire
           </div>
         </div>
         <div
@@ -10142,7 +10142,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibProxmox
+            cib-proxmox
           </div>
         </div>
         <div
@@ -10160,7 +10160,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibProtoIo
+            cib-proto-io
           </div>
         </div>
         <div
@@ -10178,7 +10178,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPython
+            cib-python
           </div>
         </div>
         <div
@@ -10196,7 +10196,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQgis
+            cib-qgis
           </div>
         </div>
         <div
@@ -10214,7 +10214,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPypi
+            cib-pypi
           </div>
         </div>
         <div
@@ -10232,7 +10232,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQualcomm
+            cib-qualcomm
           </div>
         </div>
         <div
@@ -10250,7 +10250,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQiita
+            cib-qiita
           </div>
         </div>
         <div
@@ -10268,7 +10268,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibPytorch
+            cib-pytorch
           </div>
         </div>
         <div
@@ -10286,7 +10286,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQq
+            cib-qq
           </div>
         </div>
         <div
@@ -10304,7 +10304,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQuantopian
+            cib-quantopian
           </div>
         </div>
         <div
@@ -10322,7 +10322,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQuantcast
+            cib-quantcast
           </div>
         </div>
         <div
@@ -10340,7 +10340,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQwiklabs
+            cib-qwiklabs
           </div>
         </div>
         <div
@@ -10358,7 +10358,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQzone
+            cib-qzone
           </div>
         </div>
         <div
@@ -10376,7 +10376,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRadiopublic
+            cib-radiopublic
           </div>
         </div>
         <div
@@ -10394,7 +10394,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQuarkus
+            cib-quarkus
           </div>
         </div>
         <div
@@ -10412,7 +10412,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibQuora
+            cib-quora
           </div>
         </div>
         <div
@@ -10430,7 +10430,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibReact
+            cib-react
           </div>
         </div>
         <div
@@ -10448,7 +10448,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRaspberryPi
+            cib-raspberry-pi
           </div>
         </div>
         <div
@@ -10466,7 +10466,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibR
+            cib-r
           </div>
         </div>
         <div
@@ -10484,7 +10484,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRails
+            cib-rails
           </div>
         </div>
         <div
@@ -10502,7 +10502,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibReadTheDocs
+            cib-read-the-docs
           </div>
         </div>
         <div
@@ -10520,7 +10520,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRedbubble
+            cib-redbubble
           </div>
         </div>
         <div
@@ -10538,7 +10538,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibReadme
+            cib-readme
           </div>
         </div>
         <div
@@ -10556,7 +10556,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRealm
+            cib-realm
           </div>
         </div>
         <div
@@ -10574,7 +10574,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibReason
+            cib-reason
           </div>
         </div>
         <div
@@ -10592,7 +10592,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRedditAlt
+            cib-reddit-alt
           </div>
         </div>
         <div
@@ -10610,7 +10610,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRedhat
+            cib-redhat
           </div>
         </div>
         <div
@@ -10628,7 +10628,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRenren
+            cib-renren
           </div>
         </div>
         <div
@@ -10646,7 +10646,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibReddit
+            cib-reddit
           </div>
         </div>
         <div
@@ -10664,7 +10664,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRedis
+            cib-redis
           </div>
         </div>
         <div
@@ -10682,7 +10682,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRedux
+            cib-redux
           </div>
         </div>
         <div
@@ -10700,7 +10700,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibReverbnation
+            cib-reverbnation
           </div>
         </div>
         <div
@@ -10718,7 +10718,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRiot
+            cib-riot
           </div>
         </div>
         <div
@@ -10736,7 +10736,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRiseup
+            cib-riseup
           </div>
         </div>
         <div
@@ -10754,7 +10754,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRipple
+            cib-ripple
           </div>
         </div>
         <div
@@ -10772,7 +10772,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRoots
+            cib-roots
           </div>
         </div>
         <div
@@ -10790,7 +10790,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRoundcube
+            cib-roundcube
           </div>
         </div>
         <div
@@ -10808,7 +10808,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRss
+            cib-rss
           </div>
         </div>
         <div
@@ -10826,7 +10826,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRunkeeper
+            cib-runkeeper
           </div>
         </div>
         <div
@@ -10844,7 +10844,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRollupJs
+            cib-rollup-js
           </div>
         </div>
         <div
@@ -10862,7 +10862,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRuby
+            cib-ruby
           </div>
         </div>
         <div
@@ -10880,7 +10880,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSahibinden
+            cib-sahibinden
           </div>
         </div>
         <div
@@ -10898,7 +10898,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRstudio
+            cib-rstudio
           </div>
         </div>
         <div
@@ -10916,7 +10916,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRust
+            cib-rust
           </div>
         </div>
         <div
@@ -10934,7 +10934,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSalesforce
+            cib-salesforce
           </div>
         </div>
         <div
@@ -10952,7 +10952,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSafari
+            cib-safari
           </div>
         </div>
         <div
@@ -10970,7 +10970,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSap
+            cib-sap
           </div>
         </div>
         <div
@@ -10988,7 +10988,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibRubygems
+            cib-rubygems
           </div>
         </div>
         <div
@@ -11006,7 +11006,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSaltstack
+            cib-saltstack
           </div>
         </div>
         <div
@@ -11024,7 +11024,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSamsung
+            cib-samsung
           </div>
         </div>
         <div
@@ -11042,7 +11042,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSamsungPay
+            cib-samsung-pay
           </div>
         </div>
         <div
@@ -11060,7 +11060,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibScala
+            cib-scala
           </div>
         </div>
         <div
@@ -11078,7 +11078,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSassAlt
+            cib-sass-alt
           </div>
         </div>
         <div
@@ -11096,7 +11096,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSass
+            cib-sass
           </div>
         </div>
         <div
@@ -11114,7 +11114,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSaucelabs
+            cib-saucelabs
           </div>
         </div>
         <div
@@ -11132,7 +11132,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibScribd
+            cib-scribd
           </div>
         </div>
         <div
@@ -11150,7 +11150,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibScaleway
+            cib-scaleway
           </div>
         </div>
         <div
@@ -11168,7 +11168,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSega
+            cib-sega
           </div>
         </div>
         <div
@@ -11186,7 +11186,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibScrutinizerci
+            cib-scrutinizerci
           </div>
         </div>
         <div
@@ -11204,7 +11204,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSeagate
+            cib-seagate
           </div>
         </div>
         <div
@@ -11222,7 +11222,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSellfy
+            cib-sellfy
           </div>
         </div>
         <div
@@ -11240,7 +11240,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSemaphoreci
+            cib-semaphoreci
           </div>
         </div>
         <div
@@ -11258,7 +11258,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSensu
+            cib-sensu
           </div>
         </div>
         <div
@@ -11276,7 +11276,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibServerFault
+            cib-server-fault
           </div>
         </div>
         <div
@@ -11294,7 +11294,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSentry
+            cib-sentry
           </div>
         </div>
         <div
@@ -11312,7 +11312,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibShopify
+            cib-shopify
           </div>
         </div>
         <div
@@ -11330,7 +11330,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibShazam
+            cib-shazam
           </div>
         </div>
         <div
@@ -11348,7 +11348,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibShell
+            cib-shell
           </div>
         </div>
         <div
@@ -11366,7 +11366,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSiemens
+            cib-siemens
           </div>
         </div>
         <div
@@ -11384,7 +11384,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibShowpad
+            cib-showpad
           </div>
         </div>
         <div
@@ -11402,7 +11402,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSinaWeibo
+            cib-sina-weibo
           </div>
         </div>
         <div
@@ -11420,7 +11420,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSitepoint
+            cib-sitepoint
           </div>
         </div>
         <div
@@ -11438,7 +11438,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSignal
+            cib-signal
           </div>
         </div>
         <div
@@ -11456,7 +11456,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSkyliner
+            cib-skyliner
           </div>
         </div>
         <div
@@ -11474,7 +11474,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSkype
+            cib-skype
           </div>
         </div>
         <div
@@ -11492,7 +11492,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSkillshare
+            cib-skillshare
           </div>
         </div>
         <div
@@ -11510,7 +11510,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSketch
+            cib-sketch
           </div>
         </div>
         <div
@@ -11528,7 +11528,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSlashdot
+            cib-slashdot
           </div>
         </div>
         <div
@@ -11546,7 +11546,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSlack
+            cib-slack
           </div>
         </div>
         <div
@@ -11564,7 +11564,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSlideshare
+            cib-slideshare
           </div>
         </div>
         <div
@@ -11582,7 +11582,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSlickpic
+            cib-slickpic
           </div>
         </div>
         <div
@@ -11600,7 +11600,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSlides
+            cib-slides
           </div>
         </div>
         <div
@@ -11618,7 +11618,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSmashingmagazine
+            cib-smashingmagazine
           </div>
         </div>
         <div
@@ -11636,7 +11636,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSnyk
+            cib-snyk
           </div>
         </div>
         <div
@@ -11654,7 +11654,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSociety6
+            cib-society-6
           </div>
         </div>
         <div
@@ -11672,7 +11672,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSnapcraft
+            cib-snapcraft
           </div>
         </div>
         <div
@@ -11690,7 +11690,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSnapchat
+            cib-snapchat
           </div>
         </div>
         <div
@@ -11708,7 +11708,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSogou
+            cib-sogou
           </div>
         </div>
         <div
@@ -11726,7 +11726,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSocketIo
+            cib-socket-io
           </div>
         </div>
         <div
@@ -11744,7 +11744,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSongkick
+            cib-songkick
           </div>
         </div>
         <div
@@ -11762,7 +11762,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSonos
+            cib-sonos
           </div>
         </div>
         <div
@@ -11780,7 +11780,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSolus
+            cib-solus
           </div>
         </div>
         <div
@@ -11798,7 +11798,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSoundcloud
+            cib-soundcloud
           </div>
         </div>
         <div
@@ -11816,7 +11816,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSourceforge
+            cib-sourceforge
           </div>
         </div>
         <div
@@ -11834,7 +11834,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSourcegraph
+            cib-sourcegraph
           </div>
         </div>
         <div
@@ -11852,7 +11852,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpacex
+            cib-spacex
           </div>
         </div>
         <div
@@ -11870,7 +11870,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpacemacs
+            cib-spacemacs
           </div>
         </div>
         <div
@@ -11888,7 +11888,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpectrum
+            cib-spectrum
           </div>
         </div>
         <div
@@ -11906,7 +11906,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpeakerDeck
+            cib-speaker-deck
           </div>
         </div>
         <div
@@ -11924,7 +11924,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSparkpost
+            cib-sparkpost
           </div>
         </div>
         <div
@@ -11942,7 +11942,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSparkfun
+            cib-sparkfun
           </div>
         </div>
         <div
@@ -11960,7 +11960,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSprint
+            cib-sprint
           </div>
         </div>
         <div
@@ -11978,7 +11978,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpdx
+            cib-spdx
           </div>
         </div>
         <div
@@ -11996,7 +11996,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpotify
+            cib-spotify
           </div>
         </div>
         <div
@@ -12014,7 +12014,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpreaker
+            cib-spreaker
           </div>
         </div>
         <div
@@ -12032,7 +12032,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpring
+            cib-spring
           </div>
         </div>
         <div
@@ -12050,7 +12050,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSquarespace
+            cib-squarespace
           </div>
         </div>
         <div
@@ -12068,7 +12068,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSpotlight
+            cib-spotlight
           </div>
         </div>
         <div
@@ -12086,7 +12086,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStackOverflow
+            cib-stack-overflow
           </div>
         </div>
         <div
@@ -12104,7 +12104,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStackexchange
+            cib-stackexchange
           </div>
         </div>
         <div
@@ -12122,7 +12122,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStackbit
+            cib-stackbit
           </div>
         </div>
         <div
@@ -12140,7 +12140,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStatamic
+            cib-statamic
           </div>
         </div>
         <div
@@ -12158,7 +12158,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStackpath
+            cib-stackpath
           </div>
         </div>
         <div
@@ -12176,7 +12176,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStaticman
+            cib-staticman
           </div>
         </div>
         <div
@@ -12194,7 +12194,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStadia
+            cib-stadia
           </div>
         </div>
         <div
@@ -12212,7 +12212,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStackshare
+            cib-stackshare
           </div>
         </div>
         <div
@@ -12230,7 +12230,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSteam
+            cib-steam
           </div>
         </div>
         <div
@@ -12248,7 +12248,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSteemit
+            cib-steemit
           </div>
         </div>
         <div
@@ -12266,7 +12266,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStitcher
+            cib-stitcher
           </div>
         </div>
         <div
@@ -12284,7 +12284,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSteem
+            cib-steem
           </div>
         </div>
         <div
@@ -12302,7 +12302,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStorify
+            cib-storify
           </div>
         </div>
         <div
@@ -12320,7 +12320,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStatuspage
+            cib-statuspage
           </div>
         </div>
         <div
@@ -12338,7 +12338,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStrapi
+            cib-strapi
           </div>
         </div>
         <div
@@ -12356,7 +12356,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStorybook
+            cib-storybook
           </div>
         </div>
         <div
@@ -12374,7 +12374,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStripe
+            cib-stripe
           </div>
         </div>
         <div
@@ -12392,7 +12392,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStrava
+            cib-strava
           </div>
         </div>
         <div
@@ -12410,7 +12410,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStumbleupon
+            cib-stumbleupon
           </div>
         </div>
         <div
@@ -12428,7 +12428,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStylus
+            cib-stylus
           </div>
         </div>
         <div
@@ -12446,7 +12446,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSublimeText
+            cib-sublime-text
           </div>
         </div>
         <div
@@ -12464,7 +12464,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStripeS
+            cib-stripe-s
           </div>
         </div>
         <div
@@ -12482,7 +12482,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStyleshare
+            cib-styleshare
           </div>
         </div>
         <div
@@ -12500,7 +12500,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibStubhub
+            cib-stubhub
           </div>
         </div>
         <div
@@ -12518,7 +12518,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSubversion
+            cib-subversion
           </div>
         </div>
         <div
@@ -12536,7 +12536,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSuperuser
+            cib-superuser
           </div>
         </div>
         <div
@@ -12554,7 +12554,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSwagger
+            cib-swagger
           </div>
         </div>
         <div
@@ -12572,7 +12572,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSvelte
+            cib-svelte
           </div>
         </div>
         <div
@@ -12590,7 +12590,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSwarm
+            cib-swarm
           </div>
         </div>
         <div
@@ -12608,7 +12608,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSynology
+            cib-synology
           </div>
         </div>
         <div
@@ -12626,7 +12626,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSwift
+            cib-swift
           </div>
         </div>
         <div
@@ -12644,7 +12644,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSvg
+            cib-svg
           </div>
         </div>
         <div
@@ -12662,7 +12662,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSymantec
+            cib-symantec
           </div>
         </div>
         <div
@@ -12680,7 +12680,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibSymfony
+            cib-symfony
           </div>
         </div>
         <div
@@ -12698,7 +12698,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTableau
+            cib-tableau
           </div>
         </div>
         <div
@@ -12716,7 +12716,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTMobile
+            cib-tmobile
           </div>
         </div>
         <div
@@ -12734,7 +12734,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTails
+            cib-tails
           </div>
         </div>
         <div
@@ -12752,7 +12752,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTapas
+            cib-tapas
           </div>
         </div>
         <div
@@ -12770,7 +12770,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTeespring
+            cib-teespring
           </div>
         </div>
         <div
@@ -12788,7 +12788,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTeamviewer
+            cib-teamviewer
           </div>
         </div>
         <div
@@ -12806,7 +12806,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTelegramPlane
+            cib-telegram-plane
           </div>
         </div>
         <div
@@ -12824,7 +12824,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTed
+            cib-ted
           </div>
         </div>
         <div
@@ -12842,7 +12842,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTelegram
+            cib-telegram
           </div>
         </div>
         <div
@@ -12860,7 +12860,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTesla
+            cib-tesla
           </div>
         </div>
         <div
@@ -12878,7 +12878,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTencentQq
+            cib-tencent-qq
           </div>
         </div>
         <div
@@ -12896,7 +12896,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTensorflow
+            cib-tensorflow
           </div>
         </div>
         <div
@@ -12914,7 +12914,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTencentWeibo
+            cib-tencent-weibo
           </div>
         </div>
         <div
@@ -12932,7 +12932,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTidal
+            cib-tidal
           </div>
         </div>
         <div
@@ -12950,7 +12950,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTheMovieDatabase
+            cib-the-movie-database
           </div>
         </div>
         <div
@@ -12968,7 +12968,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTheMighty
+            cib-the-mighty
           </div>
         </div>
         <div
@@ -12986,7 +12986,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTerraform
+            cib-terraform
           </div>
         </div>
         <div
@@ -13004,7 +13004,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTinder
+            cib-tinder
           </div>
         </div>
         <div
@@ -13022,7 +13022,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTiktok
+            cib-tiktok
           </div>
         </div>
         <div
@@ -13040,7 +13040,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibToptal
+            cib-toptal
           </div>
         </div>
         <div
@@ -13058,7 +13058,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTor
+            cib-tor
           </div>
         </div>
         <div
@@ -13076,7 +13076,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTodoist
+            cib-todoist
           </div>
         </div>
         <div
@@ -13094,7 +13094,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibToggl
+            cib-toggl
           </div>
         </div>
         <div
@@ -13112,7 +13112,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTrainerroad
+            cib-trainerroad
           </div>
         </div>
         <div
@@ -13130,7 +13130,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibToshiba
+            cib-toshiba
           </div>
         </div>
         <div
@@ -13148,7 +13148,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTrakt
+            cib-trakt
           </div>
         </div>
         <div
@@ -13166,7 +13166,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTopcoder
+            cib-topcoder
           </div>
         </div>
         <div
@@ -13184,7 +13184,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTripadvisor
+            cib-tripadvisor
           </div>
         </div>
         <div
@@ -13202,7 +13202,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTrello
+            cib-trello
           </div>
         </div>
         <div
@@ -13220,7 +13220,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTrulia
+            cib-trulia
           </div>
         </div>
         <div
@@ -13238,7 +13238,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTreehouse
+            cib-treehouse
           </div>
         </div>
         <div
@@ -13256,7 +13256,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTwitch
+            cib-twitch
           </div>
         </div>
         <div
@@ -13274,7 +13274,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTwitter
+            cib-twitter
           </div>
         </div>
         <div
@@ -13292,7 +13292,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTwoo
+            cib-twoo
           </div>
         </div>
         <div
@@ -13310,7 +13310,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTumblr
+            cib-tumblr
           </div>
         </div>
         <div
@@ -13328,7 +13328,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTypescript
+            cib-typescript
           </div>
         </div>
         <div
@@ -13346,7 +13346,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUber
+            cib-uber
           </div>
         </div>
         <div
@@ -13364,7 +13364,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTypo3
+            cib-typo-3
           </div>
         </div>
         <div
@@ -13382,7 +13382,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTwilio
+            cib-twilio
           </div>
         </div>
         <div
@@ -13400,7 +13400,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUblockOrigin
+            cib-ublock-origin
           </div>
         </div>
         <div
@@ -13418,7 +13418,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUbisoft
+            cib-ubisoft
           </div>
         </div>
         <div
@@ -13436,7 +13436,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUbuntu
+            cib-ubuntu
           </div>
         </div>
         <div
@@ -13454,7 +13454,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUdemy
+            cib-udemy
           </div>
         </div>
         <div
@@ -13472,7 +13472,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUdacity
+            cib-udacity
           </div>
         </div>
         <div
@@ -13490,7 +13490,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUnrealEngine
+            cib-unreal-engine
           </div>
         </div>
         <div
@@ -13508,7 +13508,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUmbraco
+            cib-umbraco
           </div>
         </div>
         <div
@@ -13526,7 +13526,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUntappd
+            cib-untappd
           </div>
         </div>
         <div
@@ -13544,7 +13544,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUpwork
+            cib-upwork
           </div>
         </div>
         <div
@@ -13562,7 +13562,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUikit
+            cib-uikit
           </div>
         </div>
         <div
@@ -13580,7 +13580,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUnsplash
+            cib-unsplash
           </div>
         </div>
         <div
@@ -13598,7 +13598,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVagrant
+            cib-vagrant
           </div>
         </div>
         <div
@@ -13616,7 +13616,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUnity
+            cib-unity
           </div>
         </div>
         <div
@@ -13634,7 +13634,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibV8
+            cib-v8
           </div>
         </div>
         <div
@@ -13652,7 +13652,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVenmo
+            cib-venmo
           </div>
         </div>
         <div
@@ -13670,7 +13670,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVerizon
+            cib-verizon
           </div>
         </div>
         <div
@@ -13688,7 +13688,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibUsb
+            cib-usb
           </div>
         </div>
         <div
@@ -13706,7 +13706,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibViadeo
+            cib-viadeo
           </div>
         </div>
         <div
@@ -13724,7 +13724,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibViber
+            cib-viber
           </div>
         </div>
         <div
@@ -13742,7 +13742,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVimeo
+            cib-vimeo
           </div>
         </div>
         <div
@@ -13760,7 +13760,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVimeoV
+            cib-vimeo-v
           </div>
         </div>
         <div
@@ -13778,7 +13778,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVine
+            cib-vine
           </div>
         </div>
         <div
@@ -13796,7 +13796,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVisualStudioCode
+            cib-visual-studio-code
           </div>
         </div>
         <div
@@ -13814,7 +13814,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVirb
+            cib-virb
           </div>
         </div>
         <div
@@ -13832,7 +13832,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVim
+            cib-vim
           </div>
         </div>
         <div
@@ -13850,7 +13850,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVisa
+            cib-visa
           </div>
         </div>
         <div
@@ -13868,7 +13868,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVisualStudio
+            cib-visual-studio
           </div>
         </div>
         <div
@@ -13886,7 +13886,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVsco
+            cib-vsco
           </div>
         </div>
         <div
@@ -13904,7 +13904,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVk
+            cib-vk
           </div>
         </div>
         <div
@@ -13922,7 +13922,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVueJs
+            cib-vue-js
           </div>
         </div>
         <div
@@ -13940,7 +13940,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibVlc
+            cib-vlc
           </div>
         </div>
         <div
@@ -13958,7 +13958,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWattpad
+            cib-wattpad
           </div>
         </div>
         <div
@@ -13976,7 +13976,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWeasyl
+            cib-weasyl
           </div>
         </div>
         <div
@@ -13994,7 +13994,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWebcomponentsOrg
+            cib-webcomponents-org
           </div>
         </div>
         <div
@@ -14012,7 +14012,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWechat
+            cib-wechat
           </div>
         </div>
         <div
@@ -14030,7 +14030,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWebpack
+            cib-webpack
           </div>
         </div>
         <div
@@ -14048,7 +14048,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWikipedia
+            cib-wikipedia
           </div>
         </div>
         <div
@@ -14066,7 +14066,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWhatsapp
+            cib-whatsapp
           </div>
         </div>
         <div
@@ -14084,7 +14084,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWebstorm
+            cib-webstorm
           </div>
         </div>
         <div
@@ -14102,7 +14102,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWiiu
+            cib-wiiu
           </div>
         </div>
         <div
@@ -14120,7 +14120,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWire
+            cib-wire
           </div>
         </div>
         <div
@@ -14138,7 +14138,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWix
+            cib-wix
           </div>
         </div>
         <div
@@ -14156,7 +14156,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWhenIWork
+            cib-when-iwork
           </div>
         </div>
         <div
@@ -14174,7 +14174,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWii
+            cib-wii
           </div>
         </div>
         <div
@@ -14192,7 +14192,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWindows
+            cib-windows
           </div>
         </div>
         <div
@@ -14210,7 +14210,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWolframLanguage
+            cib-wolfram-language
           </div>
         </div>
         <div
@@ -14228,7 +14228,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWireguard
+            cib-wireguard
           </div>
         </div>
         <div
@@ -14246,7 +14246,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWordpress
+            cib-wordpress
           </div>
         </div>
         <div
@@ -14264,7 +14264,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWolfram
+            cib-wolfram
           </div>
         </div>
         <div
@@ -14282,7 +14282,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWpengine
+            cib-wpengine
           </div>
         </div>
         <div
@@ -14300,7 +14300,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibWolframMathematica
+            cib-wolfram-mathematica
           </div>
         </div>
         <div
@@ -14318,7 +14318,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXcode
+            cib-xcode
           </div>
         </div>
         <div
@@ -14336,7 +14336,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXbox
+            cib-xbox
           </div>
         </div>
         <div
@@ -14354,7 +14354,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXPack
+            cib-xpack
           </div>
         </div>
         <div
@@ -14372,7 +14372,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXiaomi
+            cib-xiaomi
           </div>
         </div>
         <div
@@ -14390,7 +14390,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXing
+            cib-xing
           </div>
         </div>
         <div
@@ -14408,7 +14408,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYCombinator
+            cib-ycombinator
           </div>
         </div>
         <div
@@ -14426,7 +14426,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXsplit
+            cib-xsplit
           </div>
         </div>
         <div
@@ -14444,7 +14444,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXrp
+            cib-xrp
           </div>
         </div>
         <div
@@ -14462,7 +14462,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibXero
+            cib-xero
           </div>
         </div>
         <div
@@ -14480,7 +14480,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYammer
+            cib-yammer
           </div>
         </div>
         <div
@@ -14498,7 +14498,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYahoo
+            cib-yahoo
           </div>
         </div>
         <div
@@ -14516,7 +14516,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYarn
+            cib-yarn
           </div>
         </div>
         <div
@@ -14534,7 +14534,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYelp
+            cib-yelp
           </div>
         </div>
         <div
@@ -14552,7 +14552,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZalando
+            cib-zalando
           </div>
         </div>
         <div
@@ -14570,7 +14570,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYandex
+            cib-yandex
           </div>
         </div>
         <div
@@ -14588,7 +14588,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZapier
+            cib-zapier
           </div>
         </div>
         <div
@@ -14606,7 +14606,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZendesk
+            cib-zendesk
           </div>
         </div>
         <div
@@ -14624,7 +14624,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZerply
+            cib-zerply
           </div>
         </div>
         <div
@@ -14642,7 +14642,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibYoutube
+            cib-youtube
           </div>
         </div>
         <div
@@ -14660,7 +14660,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZingat
+            cib-zingat
           </div>
         </div>
         <div
@@ -14678,7 +14678,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZeit
+            cib-zeit
           </div>
         </div>
         <div
@@ -14696,7 +14696,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZorin
+            cib-zorin
           </div>
         </div>
         <div
@@ -14714,7 +14714,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZillow
+            cib-zillow
           </div>
         </div>
         <div
@@ -14732,7 +14732,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZoom
+            cib-zoom
           </div>
         </div>
         <div
@@ -14750,7 +14750,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibZulip
+            cib-zulip
           </div>
         </div>
         <div
@@ -14768,7 +14768,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibDeno
+            cib-deno
           </div>
         </div>
         <div
@@ -14786,7 +14786,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibEpicGames
+            cib-epic-games
           </div>
         </div>
         <div
@@ -14804,7 +14804,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibFlask
+            cib-flask
           </div>
         </div>
         <div
@@ -14822,7 +14822,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGerrit
+            cib-gerrit
           </div>
         </div>
         <div
@@ -14840,7 +14840,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGreensock
+            cib-greensock
           </div>
         </div>
         <div
@@ -14858,7 +14858,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibTravisci
+            cib-travisci
           </div>
         </div>
         <div
@@ -14876,7 +14876,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibApacheFlink
+            cib-apache-flink
           </div>
         </div>
         <div
@@ -14894,7 +14894,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibBabel
+            cib-babel
           </div>
         </div>
         <div
@@ -14912,7 +14912,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibCodewars
+            cib-codewars
           </div>
         </div>
         <div
@@ -14930,7 +14930,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibGnu
+            cib-gnu
           </div>
         </div>
         <div
@@ -14948,7 +14948,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibComposer
+            cib-composer
           </div>
         </div>
         <div
@@ -14966,7 +14966,7 @@ exports[`Brands.vue renders correctly 1`] = `
           </svg>
            
           <div>
-            cibElsevier
+            cib-elsevier
           </div>
         </div>
       </div>
diff --git a/tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap b/tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap
index 14254a6e..e41e3358 100644
--- a/tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap
+++ b/tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap
@@ -4,7 +4,10 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
 <div>
   <ccard-stub>
     <ccardheader-stub>
-      <cicon-stub />
+      <cicon-stub
+        content="24 24,<path d='M21.59 4.775l-2.415-4.025h-6.758l-10.468 11.59c-0.18 0.199-0.29 0.463-0.29 0.754 0 0.337 0.148 0.639 0.383 0.846l0.001 0.001c0.741 0.651 1.72 1.049 2.791 1.049 1.319 0 2.497-0.602 3.274-1.547l0.006-0.007 0.867-1.060h1.145v8.438c0 1.346 1.091 2.438 2.438 2.438s2.438-1.091 2.438-2.438v0-5.242l5.926-1.646c0.478-0.137 0.823-0.57 0.824-1.084v-7.486c-0-0.214-0.060-0.414-0.163-0.584l0.003 0.005zM20.25 12.555l-6.75 1.875v6.383c0 0.518-0.42 0.938-0.938 0.938s-0.938-0.42-0.938-0.938v0-9.938h-3.355l-1.317 1.61c-0.506 0.615-1.268 1.004-2.12 1.004-0.557 0-1.076-0.166-1.508-0.452l0.010 0.006 9.748-10.793h5.242l1.925 3.208z'></path>"
+      />
+      
       CoreUI Icons
       
       <cbadge-stub
@@ -54,7 +57,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAccountLogout
+            cil-account-logout
           </div>
         </ccol-stub>
         <ccol-stub
@@ -69,7 +72,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cil4k
+            cil-4k
           </div>
         </ccol-stub>
         <ccol-stub
@@ -84,7 +87,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilActionUndo
+            cil-action-undo
           </div>
         </ccol-stub>
         <ccol-stub
@@ -99,7 +102,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cil3d
+            cil-3d
           </div>
         </ccol-stub>
         <ccol-stub
@@ -114,7 +117,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilActionRedo
+            cil-action-redo
           </div>
         </ccol-stub>
         <ccol-stub
@@ -129,7 +132,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAddressBook
+            cil-address-book
           </div>
         </ccol-stub>
         <ccol-stub
@@ -144,7 +147,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAirplaneModeOff
+            cil-airplane-mode-off
           </div>
         </ccol-stub>
         <ccol-stub
@@ -159,7 +162,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAirplaneMode
+            cil-airplane-mode
           </div>
         </ccol-stub>
         <ccol-stub
@@ -174,7 +177,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAirplay
+            cil-airplay
           </div>
         </ccol-stub>
         <ccol-stub
@@ -189,7 +192,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAlarm
+            cil-alarm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -204,7 +207,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAlbum
+            cil-album
           </div>
         </ccol-stub>
         <ccol-stub
@@ -219,7 +222,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAlignLeft
+            cil-align-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -234,7 +237,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAlignCenter
+            cil-align-center
           </div>
         </ccol-stub>
         <ccol-stub
@@ -249,7 +252,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAlignRight
+            cil-align-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -264,7 +267,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAperture
+            cil-aperture
           </div>
         </ccol-stub>
         <ccol-stub
@@ -279,7 +282,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAmericanFootball
+            cil-american-football
           </div>
         </ccol-stub>
         <ccol-stub
@@ -294,7 +297,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilApplicationsSettings
+            cil-applications-settings
           </div>
         </ccol-stub>
         <ccol-stub
@@ -309,7 +312,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilApplications
+            cil-applications
           </div>
         </ccol-stub>
         <ccol-stub
@@ -324,7 +327,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowCircleBottom
+            cil-arrow-circle-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -339,7 +342,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilApple
+            cil-apple
           </div>
         </ccol-stub>
         <ccol-stub
@@ -354,7 +357,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowBottom
+            cil-arrow-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -369,7 +372,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowCircleLeft
+            cil-arrow-circle-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -384,7 +387,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowCircleRight
+            cil-arrow-circle-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -399,7 +402,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowRight
+            cil-arrow-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -414,7 +417,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowLeft
+            cil-arrow-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -429,7 +432,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowCircleTop
+            cil-arrow-circle-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -444,7 +447,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickFromBottom
+            cil-arrow-thick-from-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -459,7 +462,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickBottom
+            cil-arrow-thick-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -474,7 +477,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickFromLeft
+            cil-arrow-thick-from-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -489,7 +492,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickFromRight
+            cil-arrow-thick-from-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -504,7 +507,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickLeft
+            cil-arrow-thick-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -519,7 +522,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickToBottom
+            cil-arrow-thick-to-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -534,7 +537,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickFromTop
+            cil-arrow-thick-from-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -549,7 +552,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickToLeft
+            cil-arrow-thick-to-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -564,7 +567,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickToTop
+            cil-arrow-thick-to-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -579,7 +582,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickToRight
+            cil-arrow-thick-to-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -594,7 +597,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickTop
+            cil-arrow-thick-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -609,7 +612,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowThickRight
+            cil-arrow-thick-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -624,7 +627,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilArrowTop
+            cil-arrow-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -639,7 +642,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAsteriskCircle
+            cil-asterisk-circle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -654,7 +657,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAt
+            cil-at
           </div>
         </ccol-stub>
         <ccol-stub
@@ -669,7 +672,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAssistiveListeningSystem
+            cil-assistive-listening-system
           </div>
         </ccol-stub>
         <ccol-stub
@@ -684,7 +687,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAsterisk
+            cil-asterisk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -699,7 +702,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAudioDescription
+            cil-audio-description
           </div>
         </ccol-stub>
         <ccol-stub
@@ -714,7 +717,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAudioSpectrum
+            cil-audio-spectrum
           </div>
         </ccol-stub>
         <ccol-stub
@@ -729,7 +732,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBadge
+            cil-badge
           </div>
         </ccol-stub>
         <ccol-stub
@@ -744,7 +747,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAvTimer
+            cil-av-timer
           </div>
         </ccol-stub>
         <ccol-stub
@@ -759,7 +762,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilAudio
+            cil-audio
           </div>
         </ccol-stub>
         <ccol-stub
@@ -774,7 +777,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBan
+            cil-ban
           </div>
         </ccol-stub>
         <ccol-stub
@@ -789,7 +792,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBalanceScale
+            cil-balance-scale
           </div>
         </ccol-stub>
         <ccol-stub
@@ -804,7 +807,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBarChart
+            cil-bar-chart
           </div>
         </ccol-stub>
         <ccol-stub
@@ -819,7 +822,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBaseball
+            cil-baseball
           </div>
         </ccol-stub>
         <ccol-stub
@@ -834,7 +837,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBasket
+            cil-basket
           </div>
         </ccol-stub>
         <ccol-stub
@@ -849,7 +852,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBarcode
+            cil-barcode
           </div>
         </ccol-stub>
         <ccol-stub
@@ -864,7 +867,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBank
+            cil-bank
           </div>
         </ccol-stub>
         <ccol-stub
@@ -879,7 +882,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBasketball
+            cil-basketball
           </div>
         </ccol-stub>
         <ccol-stub
@@ -894,7 +897,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBattery0
+            cil-battery-0
           </div>
         </ccol-stub>
         <ccol-stub
@@ -909,7 +912,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBath
+            cil-bath
           </div>
         </ccol-stub>
         <ccol-stub
@@ -924,7 +927,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBatterySlash
+            cil-battery-slash
           </div>
         </ccol-stub>
         <ccol-stub
@@ -939,7 +942,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBatteryAlert
+            cil-battery-alert
           </div>
         </ccol-stub>
         <ccol-stub
@@ -954,7 +957,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBattery3
+            cil-battery-3
           </div>
         </ccol-stub>
         <ccol-stub
@@ -969,7 +972,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBattery5
+            cil-battery-5
           </div>
         </ccol-stub>
         <ccol-stub
@@ -984,7 +987,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBeachAccess
+            cil-beach-access
           </div>
         </ccol-stub>
         <ccol-stub
@@ -999,7 +1002,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBed
+            cil-bed
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1014,7 +1017,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBeaker
+            cil-beaker
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1029,7 +1032,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBirthdayCake
+            cil-birthday-cake
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1044,7 +1047,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBell
+            cil-bell
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1059,7 +1062,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBluetooth
+            cil-bluetooth
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1074,7 +1077,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBike
+            cil-bike
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1089,7 +1092,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBlind
+            cil-blind
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1104,7 +1107,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBlurCircular
+            cil-blur-circular
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1119,7 +1122,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBoatAlt
+            cil-boat-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1134,7 +1137,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBolt
+            cil-bolt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1149,7 +1152,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBook
+            cil-book
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1164,7 +1167,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBlurLinear
+            cil-blur-linear
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1179,7 +1182,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBlur
+            cil-blur
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1194,7 +1197,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBookmark
+            cil-bookmark
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1209,7 +1212,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderBottom
+            cil-border-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1224,7 +1227,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderAll
+            cil-border-all
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1239,7 +1242,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBold
+            cil-bold
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1254,7 +1257,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderHorizontal
+            cil-border-horizontal
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1269,7 +1272,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderClear
+            cil-border-clear
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1284,7 +1287,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderInner
+            cil-border-inner
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1299,7 +1302,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderOuter
+            cil-border-outer
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1314,7 +1317,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderLeft
+            cil-border-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1329,7 +1332,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderRight
+            cil-border-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1344,7 +1347,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderVertical
+            cil-border-vertical
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1359,7 +1362,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderTop
+            cil-border-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1374,7 +1377,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBorderStyle
+            cil-border-style
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1389,7 +1392,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBowling
+            cil-bowling
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1404,7 +1407,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBriefcase
+            cil-briefcase
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1419,7 +1422,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBraille
+            cil-braille
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1434,7 +1437,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBrightness
+            cil-brightness
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1449,7 +1452,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBritishPound
+            cil-british-pound
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1464,7 +1467,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBrowser
+            cil-browser
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1479,7 +1482,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBrushAlt
+            cil-brush-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1494,7 +1497,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBug
+            cil-bug
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1509,7 +1512,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBuilding
+            cil-building
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1524,7 +1527,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBullhorn
+            cil-bullhorn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1539,7 +1542,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBrush
+            cil-brush
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1554,7 +1557,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCalendarCheck
+            cil-calendar-check
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1569,7 +1572,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBusAlt
+            cil-bus-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1584,7 +1587,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCalculator
+            cil-calculator
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1599,7 +1602,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilBurger
+            cil-burger
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1614,7 +1617,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCalendar
+            cil-calendar
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1629,7 +1632,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCamera
+            cil-camera
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1644,7 +1647,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCameraControl
+            cil-camera-control
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1659,7 +1662,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCarAlt
+            cil-car-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1674,7 +1677,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCameraRoll
+            cil-camera-roll
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1689,7 +1692,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCaretLeft
+            cil-caret-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1704,7 +1707,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCaretRight
+            cil-caret-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1719,7 +1722,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCasino
+            cil-casino
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1734,7 +1737,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCaretBottom
+            cil-caret-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1749,7 +1752,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCart
+            cil-cart
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1764,7 +1767,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCat
+            cil-cat
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1779,7 +1782,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChartLine
+            cil-chart-line
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1794,7 +1797,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCast
+            cil-cast
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1809,7 +1812,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCaretTop
+            cil-caret-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1824,7 +1827,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCenterFocus
+            cil-center-focus
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1839,7 +1842,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChartPie
+            cil-chart-pie
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1854,7 +1857,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCheckAlt
+            cil-check-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1869,7 +1872,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChart
+            cil-chart
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1884,7 +1887,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChatBubble
+            cil-chat-bubble
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1899,7 +1902,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCheckCircle
+            cil-check-circle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1914,7 +1917,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronBottom
+            cil-chevron-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1929,7 +1932,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCheck
+            cil-check
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1944,7 +1947,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronCircleDownAlt
+            cil-chevron-circle-down-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1959,7 +1962,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronCircleLeftAlt
+            cil-chevron-circle-left-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1974,7 +1977,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronCircleRightAlt
+            cil-chevron-circle-right-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1989,7 +1992,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronDoubleDown
+            cil-chevron-double-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2004,7 +2007,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronDoubleLeft
+            cil-chevron-double-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2019,7 +2022,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronDoubleUp
+            cil-chevron-double-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2034,7 +2037,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronCircleUpAlt
+            cil-chevron-circle-up-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2049,7 +2052,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronRight
+            cil-chevron-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2064,7 +2067,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronDoubleUpAlt
+            cil-chevron-double-up-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2079,7 +2082,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronTop
+            cil-chevron-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2094,7 +2097,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronDoubleRight
+            cil-chevron-double-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2109,7 +2112,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChevronLeft
+            cil-chevron-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2124,7 +2127,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilClearAll
+            cil-clear-all
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2139,7 +2142,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCircle
+            cil-circle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2154,7 +2157,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChildFriendly
+            cil-child-friendly
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2169,7 +2172,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilClock
+            cil-clock
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2184,7 +2187,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilChild
+            cil-child
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2199,7 +2202,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilClipboard
+            cil-clipboard
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2214,7 +2217,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilClone
+            cil-clone
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2229,7 +2232,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilClosedCaptioning
+            cil-closed-captioning
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2244,7 +2247,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCloudDownload
+            cil-cloud-download
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2259,7 +2262,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCode
+            cil-code
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2274,7 +2277,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCoffee
+            cil-coffee
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2289,7 +2292,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCloudUpload
+            cil-cloud-upload
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2304,7 +2307,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCloud
+            cil-cloud
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2319,7 +2322,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilColorBorder
+            cil-color-border
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2334,7 +2337,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilColorFill
+            cil-color-fill
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2349,7 +2352,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCloudy
+            cil-cloudy
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2364,7 +2367,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilColumns
+            cil-columns
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2379,7 +2382,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCommentBubble
+            cil-comment-bubble
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2394,7 +2397,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilColorPalette
+            cil-color-palette
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2409,7 +2412,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCommentSquare
+            cil-comment-square
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2424,7 +2427,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCompress
+            cil-compress
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2439,7 +2442,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCompass
+            cil-compass
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2454,7 +2457,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilContrast
+            cil-contrast
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2469,7 +2472,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCopy
+            cil-copy
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2484,7 +2487,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilContact
+            cil-contact
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2499,7 +2502,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCropRotate
+            cil-crop-rotate
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2514,7 +2517,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCouch
+            cil-couch
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2529,7 +2532,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCreditCard
+            cil-credit-card
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2544,7 +2547,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCut
+            cil-cut
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2559,7 +2562,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCrop
+            cil-crop
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2574,7 +2577,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCursor
+            cil-cursor
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2589,7 +2592,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilCursorMove
+            cil-cursor-move
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2604,7 +2607,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDataTransferDown
+            cil-data-transfer-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2619,7 +2622,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDeaf
+            cil-deaf
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2634,7 +2637,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDataTransferUp
+            cil-data-transfer-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2649,7 +2652,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDescription
+            cil-description
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2664,7 +2667,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDialpad
+            cil-dialpad
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2679,7 +2682,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDevices
+            cil-devices
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2694,7 +2697,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDoor
+            cil-door
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2709,7 +2712,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDinner
+            cil-dinner
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2724,7 +2727,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDollar
+            cil-dollar
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2739,7 +2742,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDog
+            cil-dog
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2754,7 +2757,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDoubleQuoteSansLeft
+            cil-double-quote-sans-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2769,7 +2772,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDrinkAlcohol
+            cil-drink-alcohol
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2784,7 +2787,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDoubleQuoteSansRight
+            cil-double-quote-sans-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2799,7 +2802,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDrop
+            cil-drop
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2814,7 +2817,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDrop1
+            cil-drop-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2829,7 +2832,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilElevator
+            cil-elevator
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2844,7 +2847,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilDrink
+            cil-drink
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2859,7 +2862,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEnvelopeClosed
+            cil-envelope-closed
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2874,7 +2877,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEnvelopeLetter
+            cil-envelope-letter
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2889,7 +2892,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEnvelopeOpen
+            cil-envelope-open
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2904,7 +2907,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExcerpt
+            cil-excerpt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2919,7 +2922,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEqualizer
+            cil-equalizer
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2934,7 +2937,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEuro
+            cil-euro
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2949,7 +2952,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEthernet
+            cil-ethernet
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2964,7 +2967,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExitToApp
+            cil-exit-to-app
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2979,7 +2982,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExpandLeft
+            cil-expand-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2994,7 +2997,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExpandRight
+            cil-expand-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3009,7 +3012,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExpandDown
+            cil-expand-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3024,7 +3027,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExpandUp
+            cil-expand-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3039,7 +3042,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExternalLink
+            cil-external-link
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3054,7 +3057,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilExposure
+            cil-exposure
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3069,7 +3072,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFastfood
+            cil-fastfood
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3084,7 +3087,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFax
+            cil-fax
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3099,7 +3102,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFace
+            cil-face
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3114,7 +3117,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFaceDead
+            cil-face-dead
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3129,7 +3132,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilEyedropper
+            cil-eyedropper
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3144,7 +3147,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFile
+            cil-file
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3159,7 +3162,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFilterFrames
+            cil-filter-frames
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3174,7 +3177,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFeaturedPlaylist
+            cil-featured-playlist
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3189,7 +3192,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFilterPhoto
+            cil-filter-photo
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3204,7 +3207,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFindInPage
+            cil-find-in-page
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3219,7 +3222,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFilter
+            cil-filter
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3234,7 +3237,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFingerprint
+            cil-fingerprint
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3249,7 +3252,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFire
+            cil-fire
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3264,7 +3267,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFlightTakeoff
+            cil-flight-takeoff
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3279,7 +3282,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFlagAlt
+            cil-flag-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3294,7 +3297,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFlipToFront
+            cil-flip-to-front
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3309,7 +3312,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFlipToBack
+            cil-flip-to-back
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3324,7 +3327,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFolder
+            cil-folder
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3339,7 +3342,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFlip
+            cil-flip
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3354,7 +3357,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFlower
+            cil-flower
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3369,7 +3372,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFolderOpen
+            cil-folder-open
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3384,7 +3387,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFork
+            cil-fork
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3399,7 +3402,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFont
+            cil-font
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3414,7 +3417,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFootball
+            cil-football
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3429,7 +3432,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFullscreenExit
+            cil-fullscreen-exit
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3444,7 +3447,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFunctionsAlt
+            cil-functions-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3459,7 +3462,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFunctions
+            cil-functions
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3474,7 +3477,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFullscreen
+            cil-fullscreen
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3489,7 +3492,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFrown
+            cil-frown
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3504,7 +3507,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGamepad
+            cil-gamepad
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3519,7 +3522,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGradient
+            cil-gradient
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3534,7 +3537,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGif
+            cil-gif
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3549,7 +3552,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGift
+            cil-gift
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3564,7 +3567,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGem
+            cil-gem
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3579,7 +3582,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGarage
+            cil-garage
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3594,7 +3597,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGolfAlt
+            cil-golf-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3609,7 +3612,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGrain
+            cil-grain
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3624,7 +3627,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGlobeAlt
+            cil-globe-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3639,7 +3642,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGraph
+            cil-graph
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3654,7 +3657,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGolf
+            cil-golf
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3669,7 +3672,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGridSlash
+            cil-grid-slash
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3684,7 +3687,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilGrid
+            cil-grid
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3699,7 +3702,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHandPointDown
+            cil-hand-point-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3714,7 +3717,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHandPointLeft
+            cil-hand-point-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3729,7 +3732,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHandPointRight
+            cil-hand-point-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3744,7 +3747,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHealing
+            cil-healing
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3759,7 +3762,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHd
+            cil-hd
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3774,7 +3777,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHdr
+            cil-hdr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3789,7 +3792,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHandPointUp
+            cil-hand-point-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3804,7 +3807,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHeadphones
+            cil-headphones
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3819,7 +3822,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHeader
+            cil-header
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3834,7 +3837,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHeart
+            cil-heart
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3849,7 +3852,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHighlighter
+            cil-highlighter
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3864,7 +3867,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHistory
+            cil-history
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3879,7 +3882,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHome
+            cil-home
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3894,7 +3897,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHotTub
+            cil-hot-tub
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3909,7 +3912,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHospital
+            cil-hospital
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3924,7 +3927,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHighligt
+            cil-highligt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3939,7 +3942,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHttps
+            cil-https
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3954,7 +3957,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilImagePlus
+            cil-image-plus
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3969,7 +3972,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilHouse
+            cil-house
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3984,7 +3987,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInbox
+            cil-inbox
           </div>
         </ccol-stub>
         <ccol-stub
@@ -3999,7 +4002,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilImage1
+            cil-image-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4014,7 +4017,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilIndentDecrease
+            cil-indent-decrease
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4029,7 +4032,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilIndustrySlash
+            cil-industry-slash
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4044,7 +4047,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilIndentIncrease
+            cil-indent-increase
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4059,7 +4062,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilImageBroken
+            cil-image-broken
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4074,7 +4077,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInfo
+            cil-info
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4089,7 +4092,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInputHdmi
+            cil-input-hdmi
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4104,7 +4107,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInputPower
+            cil-input-power
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4119,7 +4122,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInfinity
+            cil-infinity
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4134,7 +4137,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilIndustry
+            cil-industry
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4149,7 +4152,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInstitution
+            cil-institution
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4164,7 +4167,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilItalic
+            cil-italic
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4179,7 +4182,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilInput
+            cil-input
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4194,7 +4197,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilJustifyCenter
+            cil-justify-center
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4209,7 +4212,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilJustifyLeft
+            cil-justify-left
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4224,7 +4227,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilKeyboard
+            cil-keyboard
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4239,7 +4242,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLaptop
+            cil-laptop
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4254,7 +4257,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLanguage
+            cil-language
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4269,7 +4272,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilJustifyRight
+            cil-justify-right
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4284,7 +4287,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLan
+            cil-lan
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4299,7 +4302,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLayers
+            cil-layers
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4314,7 +4317,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLeaf
+            cil-leaf
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4329,7 +4332,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLemon
+            cil-lemon
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4344,7 +4347,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLevelDown
+            cil-level-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4359,7 +4362,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLevelUp
+            cil-level-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4374,7 +4377,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLibraryAdd
+            cil-library-add
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4389,7 +4392,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLifeRing
+            cil-life-ring
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4404,7 +4407,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLightbulb
+            cil-lightbulb
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4419,7 +4422,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLibrary
+            cil-library
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4434,7 +4437,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLinkAlt
+            cil-link-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4449,7 +4452,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLineStyle
+            cil-line-style
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4464,7 +4467,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLineSpacing
+            cil-line-spacing
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4479,7 +4482,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLineWeight
+            cil-line-weight
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4494,7 +4497,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLinkBroken
+            cil-link-broken
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4509,7 +4512,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLink
+            cil-link
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4524,7 +4527,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilListLowPriority
+            cil-list-low-priority
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4539,7 +4542,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilListFilter
+            cil-list-filter
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4554,7 +4557,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilListNumbered
+            cil-list-numbered
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4569,7 +4572,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilListHighPriority
+            cil-list-high-priority
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4584,7 +4587,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilList
+            cil-list
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4599,7 +4602,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilListRich
+            cil-list-rich
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4614,7 +4617,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLockLocked
+            cil-lock-locked
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4629,7 +4632,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLockUnlocked
+            cil-lock-unlocked
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4644,7 +4647,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLoopCircular
+            cil-loop-circular
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4659,7 +4662,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLoop1
+            cil-loop-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4674,7 +4677,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLocomotive
+            cil-locomotive
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4689,7 +4692,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLocationPin
+            cil-location-pin
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4704,7 +4707,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLowVision
+            cil-low-vision
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4719,7 +4722,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilLoop
+            cil-loop
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4734,7 +4737,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMagnifyingGlass
+            cil-magnifying-glass
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4749,7 +4752,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaEject
+            cil-media-eject
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4764,7 +4767,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMap
+            cil-map
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4779,7 +4782,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaPause
+            cil-media-pause
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4794,7 +4797,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaRecord
+            cil-media-record
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4809,7 +4812,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaSkipForward
+            cil-media-skip-forward
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4824,7 +4827,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaStepBackward
+            cil-media-step-backward
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4839,7 +4842,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaSkipBackward
+            cil-media-skip-backward
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4854,7 +4857,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaPlay
+            cil-media-play
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4869,7 +4872,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaStepForward
+            cil-media-step-forward
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4884,7 +4887,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMenu
+            cil-menu
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4899,7 +4902,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMeh
+            cil-meh
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4914,7 +4917,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMediaStop
+            cil-media-stop
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4929,7 +4932,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMicrophone
+            cil-microphone
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4944,7 +4947,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMedicalCross
+            cil-medical-cross
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4959,7 +4962,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMemory
+            cil-memory
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4974,7 +4977,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMinus
+            cil-minus
           </div>
         </ccol-stub>
         <ccol-stub
@@ -4989,7 +4992,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMobile
+            cil-mobile
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5004,7 +5007,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMobileLandscape
+            cil-mobile-landscape
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5019,7 +5022,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMoodBad
+            cil-mood-bad
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5034,7 +5037,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMonitor
+            cil-monitor
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5049,7 +5052,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMoney
+            cil-money
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5064,7 +5067,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMoodGood
+            cil-mood-good
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5079,7 +5082,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMoodVeryGood
+            cil-mood-very-good
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5094,7 +5097,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMouthSlash
+            cil-mouth-slash
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5109,7 +5112,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMoodVeryBad
+            cil-mood-very-bad
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5124,7 +5127,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMouse
+            cil-mouse
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5139,7 +5142,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMovie
+            cil-movie
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5154,7 +5157,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMug
+            cil-mug
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5169,7 +5172,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMoon
+            cil-moon
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5184,7 +5187,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMugTea
+            cil-mug-tea
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5199,7 +5202,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilNewspaper
+            cil-newspaper
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5214,7 +5217,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMove
+            cil-move
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5229,7 +5232,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilNotes
+            cil-notes
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5244,7 +5247,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilMusicNote
+            cil-music-note
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5259,7 +5262,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilOpacity
+            cil-opacity
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5274,7 +5277,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilObjectUngroup
+            cil-object-ungroup
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5289,7 +5292,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilOptionsHorizontal
+            cil-options-horizontal
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5304,7 +5307,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilObjectGroup
+            cil-object-group
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5319,7 +5322,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPaint
+            cil-paint
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5334,7 +5337,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilOptions
+            cil-options
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5349,7 +5352,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPaperPlane
+            cil-paper-plane
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5364,7 +5367,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilParagraph
+            cil-paragraph
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5379,7 +5382,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPaintBucket
+            cil-paint-bucket
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5394,7 +5397,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPaperclip
+            cil-paperclip
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5409,7 +5412,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPaw
+            cil-paw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5424,7 +5427,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPenAlt
+            cil-pen-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5439,7 +5442,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPenNib
+            cil-pen-nib
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5454,7 +5457,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPhone
+            cil-phone
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5469,7 +5472,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPencil
+            cil-pencil
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5484,7 +5487,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPeople
+            cil-people
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5499,7 +5502,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPowerStandby
+            cil-power-standby
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5514,7 +5517,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPlaylistAdd
+            cil-playlist-add
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5529,7 +5532,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPizza
+            cil-pizza
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5544,7 +5547,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPin
+            cil-pin
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5559,7 +5562,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPlus
+            cil-plus
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5574,7 +5577,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPregnant
+            cil-pregnant
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5589,7 +5592,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPool
+            cil-pool
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5604,7 +5607,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPuzzle
+            cil-puzzle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5619,7 +5622,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilPrint
+            cil-print
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5634,7 +5637,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilReload
+            cil-reload
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5649,7 +5652,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilResizeBoth
+            cil-resize-both
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5664,7 +5667,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRain
+            cil-rain
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5679,7 +5682,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilQrCode
+            cil-qr-code
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5694,7 +5697,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRectangle
+            cil-rectangle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5709,7 +5712,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilResizeHeight
+            cil-resize-height
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5724,7 +5727,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRowing
+            cil-rowing
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5739,7 +5742,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilResizeWidth
+            cil-resize-width
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5754,7 +5757,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRemove
+            cil-remove
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5769,7 +5772,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRoom
+            cil-room
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5784,7 +5787,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRss
+            cil-rss
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5799,7 +5802,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSchool
+            cil-school
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5814,7 +5817,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRestaurant
+            cil-restaurant
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5829,7 +5832,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilRunning
+            cil-running
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5844,7 +5847,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilScreenDesktop
+            cil-screen-desktop
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5859,7 +5862,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSettings
+            cil-settings
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5874,7 +5877,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSave
+            cil-save
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5889,7 +5892,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSatelite
+            cil-satelite
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5904,7 +5907,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilScreenSmartphone
+            cil-screen-smartphone
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5919,7 +5922,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShareAll
+            cil-share-all
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5934,7 +5937,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShortText
+            cil-short-text
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5949,7 +5952,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilScrubber
+            cil-scrubber
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5964,7 +5967,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShareAlt
+            cil-share-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5979,7 +5982,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShare
+            cil-share
           </div>
         </ccol-stub>
         <ccol-stub
@@ -5994,7 +5997,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShareBoxed
+            cil-share-boxed
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6009,7 +6012,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShower
+            cil-shower
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6024,7 +6027,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSignLanguage
+            cil-sign-language
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6039,7 +6042,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilShieldAlt
+            cil-shield-alt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6054,7 +6057,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSignalCellular3
+            cil-signal-cellular-3
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6069,7 +6072,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSignalCellular4
+            cil-signal-cellular-4
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6084,7 +6087,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSignalCellular0
+            cil-signal-cellular-0
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6099,7 +6102,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSmile
+            cil-smile
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6114,7 +6117,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSim
+            cil-sim
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6129,7 +6132,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSmokeFree
+            cil-smoke-free
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6144,7 +6147,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSortAlphaUp
+            cil-sort-alpha-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6159,7 +6162,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSmilePlus
+            cil-smile-plus
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6174,7 +6177,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSitemap
+            cil-sitemap
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6189,7 +6192,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSmokingRoom
+            cil-smoking-room
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6204,7 +6207,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSnowflake
+            cil-snowflake
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6219,7 +6222,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSortDescending
+            cil-sort-descending
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6234,7 +6237,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSortAscending
+            cil-sort-ascending
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6249,7 +6252,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSortNumericUp
+            cil-sort-numeric-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6264,7 +6267,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSortNumericDown
+            cil-sort-numeric-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6279,7 +6282,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSpeaker
+            cil-speaker
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6294,7 +6297,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSpeedometer
+            cil-speedometer
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6309,7 +6312,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSpa
+            cil-spa
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6324,7 +6327,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSortAlphaDown
+            cil-sort-alpha-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6339,7 +6342,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSpeech
+            cil-speech
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6354,7 +6357,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilStarHalf
+            cil-star-half
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6369,7 +6372,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilStorage
+            cil-storage
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6384,7 +6387,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSquare
+            cil-square
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6399,7 +6402,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSpaceBar
+            cil-space-bar
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6414,7 +6417,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSpreadsheet
+            cil-spreadsheet
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6429,7 +6432,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSwapVertical
+            cil-swap-vertical
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6444,7 +6447,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilStar
+            cil-star
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6459,7 +6462,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSwapHorizontal
+            cil-swap-horizontal
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6474,7 +6477,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilStream
+            cil-stream
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6489,7 +6492,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilFridge
+            cil-fridge
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6504,7 +6507,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSync
+            cil-sync
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6519,7 +6522,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSun
+            cil-sun
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6534,7 +6537,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTag
+            cil-tag
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6549,7 +6552,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTablet
+            cil-tablet
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6564,7 +6567,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilSwimming
+            cil-swimming
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6579,7 +6582,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTags
+            cil-tags
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6594,7 +6597,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTennis
+            cil-tennis
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6609,7 +6612,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTennisBall
+            cil-tennis-ball
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6624,7 +6627,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTask
+            cil-task
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6639,7 +6642,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTextSquare
+            cil-text-square
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6654,7 +6657,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTerminal
+            cil-terminal
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6669,7 +6672,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTaxi
+            cil-taxi
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6684,7 +6687,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTerrain
+            cil-terrain
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6699,7 +6702,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTextShapes
+            cil-text-shapes
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6714,7 +6717,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilText
+            cil-text
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6729,7 +6732,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTextSize
+            cil-text-size
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6744,7 +6747,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTextStrike
+            cil-text-strike
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6759,7 +6762,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilThumbDown
+            cil-thumb-down
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6774,7 +6777,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilThumbUp
+            cil-thumb-up
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6789,7 +6792,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilToggleOff
+            cil-toggle-off
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6804,7 +6807,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTouchApp
+            cil-touch-app
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6819,7 +6822,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilToilet
+            cil-toilet
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6834,7 +6837,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTransfer
+            cil-transfer
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6849,7 +6852,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTriangle
+            cil-triangle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6864,7 +6867,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTranslate
+            cil-translate
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6879,7 +6882,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTrash
+            cil-trash
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6894,7 +6897,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTv
+            cil-tv
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6909,7 +6912,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilUserFemale
+            cil-user-female
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6924,7 +6927,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilUnderline
+            cil-underline
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6939,7 +6942,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilTruck
+            cil-truck
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6954,7 +6957,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilUserUnfollow
+            cil-user-unfollow
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6969,7 +6972,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilUserFollow
+            cil-user-follow
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6984,7 +6987,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilUser
+            cil-user
           </div>
         </ccol-stub>
         <ccol-stub
@@ -6999,7 +7002,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVerticalAlignCenter
+            cil-vertical-align-center
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7014,7 +7017,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVector
+            cil-vector
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7029,7 +7032,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVerticalAlignBottom
+            cil-vertical-align-bottom
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7044,7 +7047,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVerticalAlignCenter1
+            cil-vertical-align-center-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7059,7 +7062,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVerticalAlignTop
+            cil-vertical-align-top
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7074,7 +7077,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilViewModule
+            cil-view-module
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7089,7 +7092,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVerticalAlignTop1
+            cil-vertical-align-top-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7104,7 +7107,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVerticalAlignBottom1
+            cil-vertical-align-bottom-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7119,7 +7122,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilViewColumn
+            cil-view-column
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7134,7 +7137,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilViewQuilt
+            cil-view-quilt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7149,7 +7152,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVideo
+            cil-video
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7164,7 +7167,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVolumeLow
+            cil-volume-low
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7179,7 +7182,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVolumeHigh
+            cil-volume-high
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7194,7 +7197,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVoiceOverRecord
+            cil-voice-over-record
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7209,7 +7212,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilViewStream
+            cil-view-stream
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7224,7 +7227,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWallpaper
+            cil-wallpaper
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7239,7 +7242,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWalk
+            cil-walk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7254,7 +7257,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilVolumeOff
+            cil-volume-off
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7269,7 +7272,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWarning
+            cil-warning
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7284,7 +7287,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWeightlifitng
+            cil-weightlifitng
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7299,7 +7302,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWatch
+            cil-watch
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7314,7 +7317,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWallet
+            cil-wallet
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7329,7 +7332,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWc
+            cil-wc
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7344,7 +7347,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWifiSignal0
+            cil-wifi-signal-0
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7359,7 +7362,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWheelchair
+            cil-wheelchair
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7374,7 +7377,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWifiSignalOff
+            cil-wifi-signal-off
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7389,7 +7392,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWifiSignal1
+            cil-wifi-signal-1
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7404,7 +7407,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWindowMaximize
+            cil-window-maximize
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7419,7 +7422,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWifiSignal4
+            cil-wifi-signal-4
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7434,7 +7437,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWifiSignal2
+            cil-wifi-signal-2
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7449,7 +7452,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWrapText
+            cil-wrap-text
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7464,7 +7467,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWindowMinimize
+            cil-window-minimize
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7479,7 +7482,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWindowRestore
+            cil-window-restore
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7494,7 +7497,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilXCircle
+            cil-xcircle
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7509,7 +7512,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilWindow
+            cil-window
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7524,7 +7527,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilX
+            cil-x
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7539,7 +7542,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilZoomIn
+            cil-zoom-in
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7554,7 +7557,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilYen
+            cil-yen
           </div>
         </ccol-stub>
         <ccol-stub
@@ -7569,7 +7572,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
           />
            
           <div>
-            cilZoomOut
+            cil-zoom-out
           </div>
         </ccol-stub>
       </crow-stub>
diff --git a/tests/unit/views/icons/__snapshots__/Flags.spec.js.snap b/tests/unit/views/icons/__snapshots__/Flags.spec.js.snap
index a68cd172..76586a90 100644
--- a/tests/unit/views/icons/__snapshots__/Flags.spec.js.snap
+++ b/tests/unit/views/icons/__snapshots__/Flags.spec.js.snap
@@ -34,7 +34,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAe
+            cif-ae
           </div>
         </ccol-stub>
         <ccol-stub
@@ -49,7 +49,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAm
+            cif-am
           </div>
         </ccol-stub>
         <ccol-stub
@@ -64,7 +64,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAg
+            cif-ag
           </div>
         </ccol-stub>
         <ccol-stub
@@ -79,7 +79,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAz
+            cif-az
           </div>
         </ccol-stub>
         <ccol-stub
@@ -94,7 +94,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAo
+            cif-ao
           </div>
         </ccol-stub>
         <ccol-stub
@@ -109,7 +109,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAt
+            cif-at
           </div>
         </ccol-stub>
         <ccol-stub
@@ -124,7 +124,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAu
+            cif-au
           </div>
         </ccol-stub>
         <ccol-stub
@@ -139,7 +139,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBa
+            cif-ba
           </div>
         </ccol-stub>
         <ccol-stub
@@ -154,7 +154,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBe
+            cif-be
           </div>
         </ccol-stub>
         <ccol-stub
@@ -169,7 +169,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBb
+            cif-bb
           </div>
         </ccol-stub>
         <ccol-stub
@@ -184,7 +184,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBf
+            cif-bf
           </div>
         </ccol-stub>
         <ccol-stub
@@ -199,7 +199,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBd
+            cif-bd
           </div>
         </ccol-stub>
         <ccol-stub
@@ -214,7 +214,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBh
+            cif-bh
           </div>
         </ccol-stub>
         <ccol-stub
@@ -229,7 +229,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBg
+            cif-bg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -244,7 +244,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBi
+            cif-bi
           </div>
         </ccol-stub>
         <ccol-stub
@@ -259,7 +259,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBj
+            cif-bj
           </div>
         </ccol-stub>
         <ccol-stub
@@ -274,7 +274,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBo
+            cif-bo
           </div>
         </ccol-stub>
         <ccol-stub
@@ -289,7 +289,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBr
+            cif-br
           </div>
         </ccol-stub>
         <ccol-stub
@@ -304,7 +304,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBs
+            cif-bs
           </div>
         </ccol-stub>
         <ccol-stub
@@ -319,7 +319,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBw
+            cif-bw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -334,7 +334,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCg
+            cif-cg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -349,7 +349,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCa
+            cif-ca
           </div>
         </ccol-stub>
         <ccol-stub
@@ -364,7 +364,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCd
+            cif-cd
           </div>
         </ccol-stub>
         <ccol-stub
@@ -379,7 +379,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCf
+            cif-cf
           </div>
         </ccol-stub>
         <ccol-stub
@@ -394,7 +394,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCh
+            cif-ch
           </div>
         </ccol-stub>
         <ccol-stub
@@ -409,7 +409,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCm
+            cif-cm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -424,7 +424,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCi
+            cif-ci
           </div>
         </ccol-stub>
         <ccol-stub
@@ -439,7 +439,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCn
+            cif-cn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -454,7 +454,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCu
+            cif-cu
           </div>
         </ccol-stub>
         <ccol-stub
@@ -469,7 +469,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCl
+            cif-cl
           </div>
         </ccol-stub>
         <ccol-stub
@@ -484,7 +484,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCv
+            cif-cv
           </div>
         </ccol-stub>
         <ccol-stub
@@ -499,7 +499,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCr
+            cif-cr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -514,7 +514,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCz
+            cif-cz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -529,7 +529,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifDj
+            cif-dj
           </div>
         </ccol-stub>
         <ccol-stub
@@ -544,7 +544,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifDe
+            cif-de
           </div>
         </ccol-stub>
         <ccol-stub
@@ -559,7 +559,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifDk
+            cif-dk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -574,7 +574,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCo
+            cif-co
           </div>
         </ccol-stub>
         <ccol-stub
@@ -589,7 +589,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifEe
+            cif-ee
           </div>
         </ccol-stub>
         <ccol-stub
@@ -604,7 +604,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifDz
+            cif-dz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -619,7 +619,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifEr
+            cif-er
           </div>
         </ccol-stub>
         <ccol-stub
@@ -634,7 +634,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifFi
+            cif-fi
           </div>
         </ccol-stub>
         <ccol-stub
@@ -649,7 +649,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifEt
+            cif-et
           </div>
         </ccol-stub>
         <ccol-stub
@@ -664,7 +664,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifFm
+            cif-fm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -679,7 +679,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGb
+            cif-gb
           </div>
         </ccol-stub>
         <ccol-stub
@@ -694,7 +694,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifFr
+            cif-fr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -709,7 +709,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGd
+            cif-gd
           </div>
         </ccol-stub>
         <ccol-stub
@@ -724,7 +724,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGa
+            cif-ga
           </div>
         </ccol-stub>
         <ccol-stub
@@ -739,7 +739,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGm
+            cif-gm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -754,7 +754,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGh
+            cif-gh
           </div>
         </ccol-stub>
         <ccol-stub
@@ -769,7 +769,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGe
+            cif-ge
           </div>
         </ccol-stub>
         <ccol-stub
@@ -784,7 +784,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGr
+            cif-gr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -799,7 +799,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifHn
+            cif-hn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -814,7 +814,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGy
+            cif-gy
           </div>
         </ccol-stub>
         <ccol-stub
@@ -829,7 +829,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGw
+            cif-gw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -844,7 +844,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifId
+            cif-id
           </div>
         </ccol-stub>
         <ccol-stub
@@ -859,7 +859,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifHu
+            cif-hu
           </div>
         </ccol-stub>
         <ccol-stub
@@ -874,7 +874,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIl
+            cif-il
           </div>
         </ccol-stub>
         <ccol-stub
@@ -889,7 +889,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIq
+            cif-iq
           </div>
         </ccol-stub>
         <ccol-stub
@@ -904,7 +904,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIn
+            cif-in
           </div>
         </ccol-stub>
         <ccol-stub
@@ -919,7 +919,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIe
+            cif-ie
           </div>
         </ccol-stub>
         <ccol-stub
@@ -934,7 +934,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIr
+            cif-ir
           </div>
         </ccol-stub>
         <ccol-stub
@@ -949,7 +949,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifJm
+            cif-jm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -964,7 +964,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIs
+            cif-is
           </div>
         </ccol-stub>
         <ccol-stub
@@ -979,7 +979,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifJo
+            cif-jo
           </div>
         </ccol-stub>
         <ccol-stub
@@ -994,7 +994,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifIt
+            cif-it
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1009,7 +1009,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKe
+            cif-ke
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1024,7 +1024,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKi
+            cif-ki
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1039,7 +1039,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifJp
+            cif-jp
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1054,7 +1054,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKm
+            cif-km
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1069,7 +1069,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKn
+            cif-kn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1084,7 +1084,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKw
+            cif-kw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1099,7 +1099,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKp
+            cif-kp
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1114,7 +1114,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLa
+            cif-la
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1129,7 +1129,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKr
+            cif-kr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1144,7 +1144,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLc
+            cif-lc
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1159,7 +1159,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLs
+            cif-ls
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1174,7 +1174,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLr
+            cif-lr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1189,7 +1189,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLv
+            cif-lv
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1204,7 +1204,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLt
+            cif-lt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1219,7 +1219,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLu
+            cif-lu
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1234,7 +1234,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLy
+            cif-ly
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1249,7 +1249,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMa
+            cif-ma
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1264,7 +1264,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMg
+            cif-mg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1279,7 +1279,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMc
+            cif-mc
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1294,7 +1294,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMh
+            cif-mh
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1309,7 +1309,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMl
+            cif-ml
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1324,7 +1324,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMn
+            cif-mn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1339,7 +1339,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMr
+            cif-mr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1354,7 +1354,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMk
+            cif-mk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1369,7 +1369,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMv
+            cif-mv
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1384,7 +1384,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMu
+            cif-mu
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1399,7 +1399,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMm
+            cif-mm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1414,7 +1414,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMw
+            cif-mw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1429,7 +1429,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNe
+            cif-ne
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1444,7 +1444,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMz
+            cif-mz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1459,7 +1459,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMy
+            cif-my
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1474,7 +1474,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNa
+            cif-na
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1489,7 +1489,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNg
+            cif-ng
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1504,7 +1504,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNl
+            cif-nl
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1519,7 +1519,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNp
+            cif-np
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1534,7 +1534,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNo
+            cif-no
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1549,7 +1549,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNr
+            cif-nr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1564,7 +1564,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNu
+            cif-nu
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1579,7 +1579,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPe
+            cif-pe
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1594,7 +1594,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPa
+            cif-pa
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1609,7 +1609,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPh
+            cif-ph
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1624,7 +1624,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPg
+            cif-pg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1639,7 +1639,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNz
+            cif-nz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1654,7 +1654,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPk
+            cif-pk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1669,7 +1669,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPw
+            cif-pw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1684,7 +1684,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPl
+            cif-pl
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1699,7 +1699,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifQa
+            cif-qa
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1714,7 +1714,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifRo
+            cif-ro
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1729,7 +1729,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifRu
+            cif-ru
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1744,7 +1744,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSb
+            cif-sb
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1759,7 +1759,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifRw
+            cif-rw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1774,7 +1774,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSc
+            cif-sc
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1789,7 +1789,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSd
+            cif-sd
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1804,7 +1804,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSe
+            cif-se
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1819,7 +1819,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSg
+            cif-sg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1834,7 +1834,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSk
+            cif-sk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1849,7 +1849,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSl
+            cif-sl
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1864,7 +1864,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSi
+            cif-si
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1879,7 +1879,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSn
+            cif-sn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1894,7 +1894,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSr
+            cif-sr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1909,7 +1909,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSt
+            cif-st
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1924,7 +1924,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSo
+            cif-so
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1939,7 +1939,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSs
+            cif-ss
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1954,7 +1954,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTh
+            cif-th
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1969,7 +1969,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSy
+            cif-sy
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1984,7 +1984,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTg
+            cif-tg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -1999,7 +1999,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSz
+            cif-sz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2014,7 +2014,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTl
+            cif-tl
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2029,7 +2029,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTd
+            cif-td
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2044,7 +2044,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTn
+            cif-tn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2059,7 +2059,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTj
+            cif-tj
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2074,7 +2074,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTr
+            cif-tr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2089,7 +2089,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTo
+            cif-to
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2104,7 +2104,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTt
+            cif-tt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2119,7 +2119,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTv
+            cif-tv
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2134,7 +2134,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifUa
+            cif-ua
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2149,7 +2149,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTw
+            cif-tw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2164,7 +2164,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTz
+            cif-tz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2179,7 +2179,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifUs
+            cif-us
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2194,7 +2194,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifUg
+            cif-ug
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2209,7 +2209,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifUy
+            cif-uy
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2224,7 +2224,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifUz
+            cif-uz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2239,7 +2239,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifVe
+            cif-ve
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2254,7 +2254,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifVc
+            cif-vc
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2269,7 +2269,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifVn
+            cif-vn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2284,7 +2284,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifWs
+            cif-ws
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2299,7 +2299,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifYe
+            cif-ye
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2314,7 +2314,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifZa
+            cif-za
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2329,7 +2329,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifXk
+            cif-xk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2344,7 +2344,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifZm
+            cif-zm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2359,7 +2359,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifZw
+            cif-zw
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2374,7 +2374,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAr
+            cif-ar
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2389,7 +2389,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAl
+            cif-al
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2404,7 +2404,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBy
+            cif-by
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2419,7 +2419,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifCy
+            cif-cy
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2434,7 +2434,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifDm
+            cif-dm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2449,7 +2449,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGq
+            cif-gq
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2464,7 +2464,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGn
+            cif-gn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2479,7 +2479,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKg
+            cif-kg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2494,7 +2494,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLb
+            cif-lb
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2509,7 +2509,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMt
+            cif-mt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2524,7 +2524,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKh
+            cif-kh
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2539,7 +2539,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLi
+            cif-li
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2554,7 +2554,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifNi
+            cif-ni
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2569,7 +2569,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifOm
+            cif-om
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2584,7 +2584,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSa
+            cif-sa
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2599,7 +2599,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBn
+            cif-bn
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2614,7 +2614,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifEg
+            cif-eg
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2629,7 +2629,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifKz
+            cif-kz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2644,7 +2644,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifLk
+            cif-lk
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2659,7 +2659,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMd
+            cif-md
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2674,7 +2674,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBt
+            cif-bt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2689,7 +2689,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifHt
+            cif-ht
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2704,7 +2704,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPy
+            cif-py
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2719,7 +2719,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifPt
+            cif-pt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2734,7 +2734,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAf
+            cif-af
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2749,7 +2749,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifTm
+            cif-tm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2764,7 +2764,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifAd
+            cif-ad
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2779,7 +2779,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifVa
+            cif-va
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2794,7 +2794,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMe
+            cif-me
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2809,7 +2809,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifBz
+            cif-bz
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2824,7 +2824,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifGt
+            cif-gt
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2839,7 +2839,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifFj
+            cif-fj
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2854,7 +2854,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifHr
+            cif-hr
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2869,7 +2869,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifEs
+            cif-es
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2884,7 +2884,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSm
+            cif-sm
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2899,7 +2899,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifDo
+            cif-do
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2914,7 +2914,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifSv
+            cif-sv
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2929,7 +2929,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifMx
+            cif-mx
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2944,7 +2944,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifEc
+            cif-ec
           </div>
         </ccol-stub>
         <ccol-stub
@@ -2959,7 +2959,7 @@ exports[`Flags.vue renders correctly 1`] = `
           />
            
           <div>
-            cifRs
+            cif-rs
           </div>
         </ccol-stub>
       </crow-stub>
diff --git a/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap b/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
index 1a677d9a..10e7b6fc 100644
--- a/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+++ b/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
@@ -24,7 +24,7 @@ exports[`Alerts.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/Alert"
+            href="https://coreui.io/vue/docs/components/alert"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap b/tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
index 434e06ee..36275e2e 100644
--- a/tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
+++ b/tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
@@ -28,7 +28,7 @@ exports[`Badges.vue renders correctly 1`] = `
         >
           <a
             class="card-header-action"
-            href="https://coreui.io/vue/docs/3.0/components/Badge"
+            href="https://coreui.io/vue/docs/components/badge"
             rel="noreferrer noopener"
             target="_blank"
           >
diff --git a/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap b/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
index 1a388d03..6b0aa60d 100644
--- a/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+++ b/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
             >
               <a
                 class="card-header-action"
-                href="https://coreui.io/vue/docs/3.0/components/Modal"
+                href="https://coreui.io/vue/docs/components/modal"
                 rel="noreferrer noopener"
                 target="_blank"
               >
diff --git a/tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap b/tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap
index f411fc81..4bc11e09 100644
--- a/tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap
+++ b/tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap
@@ -12,10 +12,36 @@ exports[`Widgets.vue renders correctly 1`] = `
     >
       <cwidgetprogress-stub
         footer="Lorem ipsum dolor sit amet enim."
-        header="89.9%"
-        text="Lorem ipsum..."
         value="25"
       >
+        <div
+          class="h4 m-0"
+        >
+          89.9%
+        </div>
+         
+        <div
+          class="card-header-actions"
+        >
+          <a
+            class="card-header-action position-absolute"
+            href="https://coreui.io/vue/docs/components/widgets"
+            rel="noreferrer noopener"
+            style="right: 5px; top: 5px;"
+            target="_blank"
+          >
+            <small
+              class="text-muted"
+            >
+              docs
+            </small>
+          </a>
+        </div>
+         
+        <div>
+          Lorem ipsum...
+        </div>
+         
         <cprogress-stub
           class="progress-xs my-3 mb-0"
           color="success"