From 4713642531fa59515506501ea79f1d1ce97a23af Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Mon, 23 Sep 2024 13:24:25 -0400
Subject: [PATCH 01/21] =?UTF-8?q?feat(ids):=20prefix=20all=20ids=20and=20r?=
 =?UTF-8?q?eferences=20with=20a=20unique=20string=20=E2=88=99=20=E2=88=99?=
 =?UTF-8?q?=20This=20should=20allow=20utilizing=20multiple=20instances=20o?=
 =?UTF-8?q?f=20the=20same=20icon=20on=20a=20page=20while=20preventing=20re?=
 =?UTF-8?q?ference=20conflicts=20and=20duplicate=20id=20selectors.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sandbox/pages/HomePage.vue             | 23 ++++++--
 src/__template__/ComponentTemplate.vue | 75 +++++++++++++++++++++++++-
 2 files changed, 92 insertions(+), 6 deletions(-)

diff --git a/sandbox/pages/HomePage.vue b/sandbox/pages/HomePage.vue
index 1fcb4e3e..6f4c1c34 100644
--- a/sandbox/pages/HomePage.vue
+++ b/sandbox/pages/HomePage.vue
@@ -4,7 +4,7 @@
     <div class="sandbox-container">
       <div v-if="filteredComponents.length">
         <!-- Solid Icons -->
-        <div
+        <!-- <div
           v-if="filteredComponents.filter((icon) => icon.type === 'solid').length"
           class="icon-container"
         >
@@ -16,7 +16,7 @@
               :icon="icon.component"
             />
           </div>
-        </div>
+        </div> -->
         <!-- Multi-Color Icons -->
         <div
           v-if="filteredComponents.filter((icon) => icon.type === 'multi-color').length"
@@ -25,14 +25,27 @@
           <h2>Multi-Color Icons</h2>
           <div class="icon-grid">
             <SandboxIcon
-              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color')"
+              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Azure'))"
               :key="`icon-${idx}`"
               :icon="icon.component"
             />
           </div>
         </div>
-        <!-- Flag Icons -->
         <div
+          v-if="filteredComponents.filter((icon) => icon.type === 'multi-color').length"
+          class="icon-container"
+        >
+          <h2>Multi-Color Icons</h2>
+          <div class="icon-grid">
+            <SandboxIcon
+              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Azure'))"
+              :key="`icon-${idx}`"
+              :icon="icon.component"
+            />
+          </div>
+        </div>
+        <!-- Flag Icons -->
+        <!-- <div
           v-if="filteredComponents.filter((icon) => icon.type === 'flags').length"
           class="icon-container"
         >
@@ -45,7 +58,7 @@
               :title="icon.title"
             />
           </div>
-        </div>
+        </div> -->
       </div>
       <p v-else>
         No icons match your query. Try searching again.
diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 668ce8f2..99b7cfa3 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 /** {%%ICON_COMPONENT_FILE_HEADER%%} */
-import { computed } from 'vue'
+import { computed, ref, onMounted } from 'vue'
 import { KUI_ICON_SIZE_50 } from '@kong/design-tokens'
 
 const props = defineProps({
@@ -58,6 +58,8 @@ const props = defineProps({
   },
 })
 
+const svgElement = ref<SVGElement | null>(null)
+
 const iconSize = computed((): string => {
   // If props.size is a number, ensure it's greater than zero
   if (typeof props.size === 'number' && props.size > 0) {
@@ -90,6 +92,76 @@ const rootElementStyles = computed((): Record<string, string> => ({
   lineHeight: '0',
   width: iconSize.value,
 }))
+
+/**
+ * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.
+ *
+ * The function performs the following steps:
+ * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.
+ * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.
+ *
+ * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.
+ *
+ * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.
+ */
+const prefixSvgIds = (svgElement: SVGElement): void => {
+  if (!svgElement) {
+    return
+  }
+
+  const defsElement = svgElement.querySelector('defs')
+
+  // Prepare a map to store the original and new IDs for quick lookups
+  const idMap: Record<string, string> = {}
+
+  if (defsElement) {
+    // Step 1: Prefix all direct children of <defs> that have an `id`
+    defsElement.querySelectorAll('[id]').forEach((element) => {
+      const originalId = element.getAttribute('id')
+      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`
+
+      // Map old id to new id
+      idMap[originalId!] = newId
+
+      // Update the element's ID with the new prefixed ID
+      element.setAttribute('id', newId)
+    })
+  }
+
+  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`
+  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']
+
+  // Function to update references to IDs in attributes
+  const updateReferences = (element: Element): void => {
+    referencingAttributes.forEach((attr) => {
+      const attrValue = element.getAttribute(attr)
+      if (attrValue) {
+        // Match any url(#id) or href="#id" references
+        const updatedValue = attrValue.replace(/url\(#([^)]+)\)/g, (match, id) => {
+          return idMap[id] ? `url(#${idMap[id]})` : match
+        }).replace(/#([^\s]+)/g, (match, id) => {
+          return idMap[id] ? `#${idMap[id]}` : match
+        })
+
+        // If the value changed, update the attribute
+        if (updatedValue !== attrValue) {
+          element.setAttribute(attr, updatedValue)
+        }
+      }
+    })
+  }
+
+  // Traverse all elements in the SVG to update ID references
+  svgElement.querySelectorAll('*').forEach((element) => {
+    updateReferences(element)
+  })
+}
+
+onMounted(() => {
+  if (svgElement.value) {
+    prefixSvgIds(svgElement.value)
+  }
+})
 </script>
 
 <template>
@@ -101,6 +173,7 @@ const rootElementStyles = computed((): Record<string, string> => ({
     :style="rootElementStyles"
   >
     <svg
+      ref="svgElement"
       :aria-hidden="decorative ? 'true' : undefined"
       data-testid="kui-icon-svg-{%%KONG_COMPONENT_ICON_CLASS%%}"
       fill="none"

From 579b7237a6997a87e6aa6fa094e238ed70929282 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Mon, 23 Sep 2024 13:25:39 -0400
Subject: [PATCH 02/21] revert: sandbox changes

---
 sandbox/pages/HomePage.vue | 23 +++++------------------
 1 file changed, 5 insertions(+), 18 deletions(-)

diff --git a/sandbox/pages/HomePage.vue b/sandbox/pages/HomePage.vue
index 6f4c1c34..1fcb4e3e 100644
--- a/sandbox/pages/HomePage.vue
+++ b/sandbox/pages/HomePage.vue
@@ -4,7 +4,7 @@
     <div class="sandbox-container">
       <div v-if="filteredComponents.length">
         <!-- Solid Icons -->
-        <!-- <div
+        <div
           v-if="filteredComponents.filter((icon) => icon.type === 'solid').length"
           class="icon-container"
         >
@@ -16,21 +16,8 @@
               :icon="icon.component"
             />
           </div>
-        </div> -->
-        <!-- Multi-Color Icons -->
-        <div
-          v-if="filteredComponents.filter((icon) => icon.type === 'multi-color').length"
-          class="icon-container"
-        >
-          <h2>Multi-Color Icons</h2>
-          <div class="icon-grid">
-            <SandboxIcon
-              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Azure'))"
-              :key="`icon-${idx}`"
-              :icon="icon.component"
-            />
-          </div>
         </div>
+        <!-- Multi-Color Icons -->
         <div
           v-if="filteredComponents.filter((icon) => icon.type === 'multi-color').length"
           class="icon-container"
@@ -38,14 +25,14 @@
           <h2>Multi-Color Icons</h2>
           <div class="icon-grid">
             <SandboxIcon
-              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Azure'))"
+              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color')"
               :key="`icon-${idx}`"
               :icon="icon.component"
             />
           </div>
         </div>
         <!-- Flag Icons -->
-        <!-- <div
+        <div
           v-if="filteredComponents.filter((icon) => icon.type === 'flags').length"
           class="icon-container"
         >
@@ -58,7 +45,7 @@
               :title="icon.title"
             />
           </div>
-        </div> -->
+        </div>
       </div>
       <p v-else>
         No icons match your query. Try searching again.

From 931d1da37e928fd0041085012c1424d0304c17bb Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Mon, 23 Sep 2024 14:31:24 -0400
Subject: [PATCH 03/21] test: disable randomized ids for snapshot testing

---
 .../generate-icon-components.spec.ts.snap     |  1 +
 src/__template__/ComponentTemplate.vue        |  7 +++++-
 src/tests/generated-component.spec.ts         |  6 ++++-
 vitest/svg-snapshot-serializer.ts             | 24 +++++++++++++++++++
 4 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 vitest/svg-snapshot-serializer.ts

diff --git a/scripts/utilities/__snapshots__/generate-icon-components.spec.ts.snap b/scripts/utilities/__snapshots__/generate-icon-components.spec.ts.snap
index b0af6266..df677c31 100644
--- a/scripts/utilities/__snapshots__/generate-icon-components.spec.ts.snap
+++ b/scripts/utilities/__snapshots__/generate-icon-components.spec.ts.snap
@@ -730,6 +730,7 @@ exports[`generate > does not remove icons from the previous build 1`] = `
   "InsomniaIcon.vue",
   "ItalicIcon.vue",
   "KeyboardReturnIcon.vue",
+  "KongGradientIcon.vue",
   "KongIcon.vue",
   "LanguageBashIcon.vue",
   "LanguageCIcon.vue",
diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 99b7cfa3..b5858a5b 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -56,6 +56,11 @@ const props = defineProps({
     required: false,
     default: 'span',
   },
+  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */
+  randomizeIds: {
+    type: Boolean,
+    default: true,
+  },
 })
 
 const svgElement = ref<SVGElement | null>(null)
@@ -158,7 +163,7 @@ const prefixSvgIds = (svgElement: SVGElement): void => {
 }
 
 onMounted(() => {
-  if (svgElement.value) {
+  if (props.randomizeIds && svgElement.value) {
     prefixSvgIds(svgElement.value)
   }
 })
diff --git a/src/tests/generated-component.spec.ts b/src/tests/generated-component.spec.ts
index 2af65c49..46095b02 100644
--- a/src/tests/generated-component.spec.ts
+++ b/src/tests/generated-component.spec.ts
@@ -2,6 +2,9 @@ import { describe, it, expect, vi } from 'vitest'
 import { mount } from '@vue/test-utils'
 import * as importedComponents from '../components'
 import { KUI_COLOR_TEXT_PRIMARY } from '@kong/design-tokens'
+import svgSnapshotSerializer from '../../vitest/svg-snapshot-serializer'
+
+expect.addSnapshotSerializer(svgSnapshotSerializer)
 
 // Loop through and test all Icon Components
 for (const [componentName, IconComponent] of Object.entries(importedComponents)) {
@@ -21,9 +24,10 @@ for (const [componentName, IconComponent] of Object.entries(importedComponents))
       expect(svg.isVisible()).toBe(true)
     })
 
-    it('matches snapshot', () => {
+    it.only('matches snapshot', () => {
       const wrapper = mount(IconComponent, {
         props: {
+          randomizeIds: false, // Prevents random IDs from being generated for consistent snapshot testing
           title: 'My custom title',
           color: KUI_COLOR_TEXT_PRIMARY,
           display: 'inline-flex',
diff --git a/vitest/svg-snapshot-serializer.ts b/vitest/svg-snapshot-serializer.ts
new file mode 100644
index 00000000..a16679af
--- /dev/null
+++ b/vitest/svg-snapshot-serializer.ts
@@ -0,0 +1,24 @@
+export default {
+  test: (val) => !!val, // && val.tagName === 'svg',
+  print: (val, serialize) => {
+    const clone = val.cloneNode(true)
+    const attributesToIgnore = ['id', 'url']
+
+    // Replace 'id' attributes with a placeholder
+    attributesToIgnore.forEach(attr => {
+      const elements = clone.querySelectorAll(`[${attr}]`)
+      elements.forEach((el: HTMLElement) => {
+        const attrValue = el.getAttribute(attr)
+        el.setAttribute(attr, 'ANY_STRING') // Replace with a placeholder
+
+        // If the attribute is 'url', modify its content
+        if (attr === 'url') {
+          const pattern = new RegExp(`url$begin:math:text$#${attrValue}\\$end:math:text$`, 'g')
+          clone.innerHTML = clone.innerHTML.replace(pattern, 'url(#ANY_STRING)')
+        }
+      })
+    })
+
+    return serialize(clone)
+  },
+}

From 3fb3a01dc1fd2dfead1f74dac9aac51ad82d5ab8 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Mon, 23 Sep 2024 14:32:45 -0400
Subject: [PATCH 04/21] test: remove unused util

---
 src/tests/generated-component.spec.ts |  7 +++----
 vitest/svg-snapshot-serializer.ts     | 24 ------------------------
 2 files changed, 3 insertions(+), 28 deletions(-)
 delete mode 100644 vitest/svg-snapshot-serializer.ts

diff --git a/src/tests/generated-component.spec.ts b/src/tests/generated-component.spec.ts
index 46095b02..3cd488d9 100644
--- a/src/tests/generated-component.spec.ts
+++ b/src/tests/generated-component.spec.ts
@@ -2,14 +2,12 @@ import { describe, it, expect, vi } from 'vitest'
 import { mount } from '@vue/test-utils'
 import * as importedComponents from '../components'
 import { KUI_COLOR_TEXT_PRIMARY } from '@kong/design-tokens'
-import svgSnapshotSerializer from '../../vitest/svg-snapshot-serializer'
-
-expect.addSnapshotSerializer(svgSnapshotSerializer)
 
 // Loop through and test all Icon Components
 for (const [componentName, IconComponent] of Object.entries(importedComponents)) {
   describe(`${componentName}.vue`, () => {
     it('has proper default structure', () => {
+      // @ts-ignore: dynamic component
       const wrapper = mount(IconComponent)
 
       expect(wrapper.exists()).toBe(true)
@@ -24,7 +22,8 @@ for (const [componentName, IconComponent] of Object.entries(importedComponents))
       expect(svg.isVisible()).toBe(true)
     })
 
-    it.only('matches snapshot', () => {
+    it('matches snapshot', () => {
+      // @ts-ignore: dynamic component interface
       const wrapper = mount(IconComponent, {
         props: {
           randomizeIds: false, // Prevents random IDs from being generated for consistent snapshot testing
diff --git a/vitest/svg-snapshot-serializer.ts b/vitest/svg-snapshot-serializer.ts
deleted file mode 100644
index a16679af..00000000
--- a/vitest/svg-snapshot-serializer.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export default {
-  test: (val) => !!val, // && val.tagName === 'svg',
-  print: (val, serialize) => {
-    const clone = val.cloneNode(true)
-    const attributesToIgnore = ['id', 'url']
-
-    // Replace 'id' attributes with a placeholder
-    attributesToIgnore.forEach(attr => {
-      const elements = clone.querySelectorAll(`[${attr}]`)
-      elements.forEach((el: HTMLElement) => {
-        const attrValue = el.getAttribute(attr)
-        el.setAttribute(attr, 'ANY_STRING') // Replace with a placeholder
-
-        // If the attribute is 'url', modify its content
-        if (attr === 'url') {
-          const pattern = new RegExp(`url$begin:math:text$#${attrValue}\\$end:math:text$`, 'g')
-          clone.innerHTML = clone.innerHTML.replace(pattern, 'url(#ANY_STRING)')
-        }
-      })
-    })
-
-    return serialize(clone)
-  },
-}

From 6d60e23d0befeb8fd1d76c0d804484c66f2f4b14 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Mon, 23 Sep 2024 14:36:32 -0400
Subject: [PATCH 05/21] chore: update comment

---
 src/__template__/ComponentTemplate.vue | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index b5858a5b..2fb4d403 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -56,7 +56,10 @@ const props = defineProps({
     required: false,
     default: 'span',
   },
-  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */
+  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
+   * Typically only set to false during snapshot testing.
+   * Defaults to `true`.
+   */
   randomizeIds: {
     type: Boolean,
     default: true,
@@ -99,13 +102,7 @@ const rootElementStyles = computed((): Record<string, string> => ({
 }))
 
 /**
- * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.
- *
- * The function performs the following steps:
- * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.
- * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.
- *
- * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.
+ * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.
  *
  * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.
  */
@@ -120,7 +117,7 @@ const prefixSvgIds = (svgElement: SVGElement): void => {
   const idMap: Record<string, string> = {}
 
   if (defsElement) {
-    // Step 1: Prefix all direct children of <defs> that have an `id`
+    // Prefix all direct children of <defs> that have an `id`
     defsElement.querySelectorAll('[id]').forEach((element) => {
       const originalId = element.getAttribute('id')
       const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`
@@ -128,15 +125,15 @@ const prefixSvgIds = (svgElement: SVGElement): void => {
       // Map old id to new id
       idMap[originalId!] = newId
 
-      // Update the element's ID with the new prefixed ID
+      // Update the element's id with the new prefixed id
       element.setAttribute('id', newId)
     })
   }
 
-  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`
+  // Update all references to these prefixed ids in attributes like `url(#id)`, `href`, `xlink:href`
   const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']
 
-  // Function to update references to IDs in attributes
+  // Function to update references to ids in attributes
   const updateReferences = (element: Element): void => {
     referencingAttributes.forEach((attr) => {
       const attrValue = element.getAttribute(attr)
@@ -156,7 +153,7 @@ const prefixSvgIds = (svgElement: SVGElement): void => {
     })
   }
 
-  // Traverse all elements in the SVG to update ID references
+  // Traverse all elements in the SVG to update id references
   svgElement.querySelectorAll('*').forEach((element) => {
     updateReferences(element)
   })

From c04e9bc086f1334784a6aadc263b954e59b1b299 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Mon, 23 Sep 2024 20:41:33 -0400
Subject: [PATCH 06/21] chore(deps): remove deprecated types

---
 package.json   |  1 -
 pnpm-lock.yaml | 12 ------------
 2 files changed, 13 deletions(-)

diff --git a/package.json b/package.json
index a73b37cf..5699ebfa 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,6 @@
     "@semantic-release/git": "^10.0.1",
     "@types/jsdom": "^21.1.7",
     "@types/node": "^20.15.0",
-    "@types/node-emoji": "^2.1.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitest/ui": "^2.0.5",
     "@vue/test-utils": "^2.4.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3d377880..5f3519e5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -44,9 +44,6 @@ importers:
       '@types/node':
         specifier: ^20.15.0
         version: 20.16.1
-      '@types/node-emoji':
-        specifier: ^2.1.0
-        version: 2.1.0
       '@vitejs/plugin-vue':
         specifier: ^5.1.2
         version: 5.1.2(vite@5.4.0(@types/node@20.16.1)(sass@1.77.8))(vue@3.4.37(typescript@5.5.4))
@@ -584,7 +581,6 @@ packages:
 
   '@evilmartians/lefthook@1.7.12':
     resolution: {integrity: sha512-YW8tSpL3/KdQbNgXVNdm7DH8Sc8btp5NCX2J9MGIbJCGSEZENDI9mUC61jaClALNlx/dzEGGzdoM9WGSLa18Og==}
-    cpu: [x64, arm64, ia32]
     os: [darwin, linux, win32]
     hasBin: true
 
@@ -940,10 +936,6 @@ packages:
   '@types/lodash@4.17.7':
     resolution: {integrity: sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==}
 
-  '@types/node-emoji@2.1.0':
-    resolution: {integrity: sha512-LBGWP2LL5A+PpcvzrgXCFcHt9N1l5bqQn05ZUQFFM625k/tmc2w9ghT4kUwQN6gIPlX6qnDOfekmJmV9BywV9g==}
-    deprecated: This is a stub types definition. node-emoji provides its own type definitions, so you do not need this installed.
-
   '@types/node@20.16.1':
     resolution: {integrity: sha512-zJDo7wEadFtSyNz5QITDfRcrhqDvQI1xQNQ0VoizPjM/dVAODqqIUWbJPkvsxmTI0MYRGRikcdjMPhOssnPejQ==}
 
@@ -4790,10 +4782,6 @@ snapshots:
 
   '@types/lodash@4.17.7': {}
 
-  '@types/node-emoji@2.1.0':
-    dependencies:
-      node-emoji: 2.1.3
-
   '@types/node@20.16.1':
     dependencies:
       undici-types: 6.19.8

From e0259f956d6365f78398b6e7600e4b723d169e1c Mon Sep 17 00:00:00 2001
From: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>
Date: Mon, 23 Sep 2024 21:45:53 -0400
Subject: [PATCH 07/21] chore: comment formatting

---
 src/__template__/ComponentTemplate.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 2fb4d403..e0357287 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -56,7 +56,8 @@ const props = defineProps({
     required: false,
     default: 'span',
   },
-  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
+  /** 
+   * A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
    * Typically only set to false during snapshot testing.
    * Defaults to `true`.
    */

From 8feb97bffd8427a5f6e6dbd61cc8ab536bbd0730 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:02:08 -0400
Subject: [PATCH 08/21] fix: lint

---
 src/__template__/ComponentTemplate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index e0357287..36eae1da 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -56,7 +56,7 @@ const props = defineProps({
     required: false,
     default: 'span',
   },
-  /** 
+  /**
    * A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
    * Typically only set to false during snapshot testing.
    * Defaults to `true`.

From 5b368817269aedd6a9bef6f2a1dc02a1afc2f7f9 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 09:38:11 -0400
Subject: [PATCH 09/21] refactor(*): ssr compatible replacements

---
 sandbox/pages/HomePage.vue             |  15 ++--
 src/__template__/ComponentTemplate.vue | 100 ++++++++-----------------
 2 files changed, 41 insertions(+), 74 deletions(-)

diff --git a/sandbox/pages/HomePage.vue b/sandbox/pages/HomePage.vue
index 1fcb4e3e..47d43d9d 100644
--- a/sandbox/pages/HomePage.vue
+++ b/sandbox/pages/HomePage.vue
@@ -4,7 +4,7 @@
     <div class="sandbox-container">
       <div v-if="filteredComponents.length">
         <!-- Solid Icons -->
-        <div
+        <!-- <div
           v-if="filteredComponents.filter((icon) => icon.type === 'solid').length"
           class="icon-container"
         >
@@ -16,7 +16,7 @@
               :icon="icon.component"
             />
           </div>
-        </div>
+        </div> -->
         <!-- Multi-Color Icons -->
         <div
           v-if="filteredComponents.filter((icon) => icon.type === 'multi-color').length"
@@ -25,14 +25,19 @@
           <h2>Multi-Color Icons</h2>
           <div class="icon-grid">
             <SandboxIcon
-              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color')"
+              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Gradient'))"
+              :key="`icon-${idx}`"
+              :icon="icon.component"
+            />
+            <SandboxIcon
+              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Gradient'))"
               :key="`icon-${idx}`"
               :icon="icon.component"
             />
           </div>
         </div>
         <!-- Flag Icons -->
-        <div
+        <!-- <div
           v-if="filteredComponents.filter((icon) => icon.type === 'flags').length"
           class="icon-container"
         >
@@ -45,7 +50,7 @@
               :title="icon.title"
             />
           </div>
-        </div>
+        </div> -->
       </div>
       <p v-else>
         No icons match your query. Try searching again.
diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 36eae1da..a6889d63 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -56,19 +56,8 @@ const props = defineProps({
     required: false,
     default: 'span',
   },
-  /**
-   * A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
-   * Typically only set to false during snapshot testing.
-   * Defaults to `true`.
-   */
-  randomizeIds: {
-    type: Boolean,
-    default: true,
-  },
 })
 
-const svgElement = ref<SVGElement | null>(null)
-
 const iconSize = computed((): string => {
   // If props.size is a number, ensure it's greater than zero
   if (typeof props.size === 'number' && props.size > 0) {
@@ -103,68 +92,40 @@ const rootElementStyles = computed((): Record<string, string> => ({
 }))
 
 /**
- * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.
+ * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.
  *
- * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.
+ * This function performs the following steps:
+ * 1. Generates a random prefix.
+ * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.
+ * 3. Updates all ID references (e.g., `url(#id)`, `href="#id"`, etc.) to use the new prefixed IDs.
+ *
+ * @param {string} svgString - The SVG string in which to prefix IDs.
+ * @returns {string} - The SVG string with prefixed IDs.
  */
-const prefixSvgIds = (svgElement: SVGElement): void => {
-  if (!svgElement) {
-    return
-  }
-
-  const defsElement = svgElement.querySelector('defs')
-
-  // Prepare a map to store the original and new IDs for quick lookups
+const prefixSvgIdsInString = (svgString: string): string => {
   const idMap: Record<string, string> = {}
+  const randomPrefix = Math.random().toString(36).substring(2, 12)
 
-  if (defsElement) {
-    // Prefix all direct children of <defs> that have an `id`
-    defsElement.querySelectorAll('[id]').forEach((element) => {
-      const originalId = element.getAttribute('id')
-      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`
-
-      // Map old id to new id
-      idMap[originalId!] = newId
-
-      // Update the element's id with the new prefixed id
-      element.setAttribute('id', newId)
-    })
-  }
-
-  // Update all references to these prefixed ids in attributes like `url(#id)`, `href`, `xlink:href`
-  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']
-
-  // Function to update references to ids in attributes
-  const updateReferences = (element: Element): void => {
-    referencingAttributes.forEach((attr) => {
-      const attrValue = element.getAttribute(attr)
-      if (attrValue) {
-        // Match any url(#id) or href="#id" references
-        const updatedValue = attrValue.replace(/url\(#([^)]+)\)/g, (match, id) => {
-          return idMap[id] ? `url(#${idMap[id]})` : match
-        }).replace(/#([^\s]+)/g, (match, id) => {
-          return idMap[id] ? `#${idMap[id]}` : match
-        })
+  // Replace IDs in the SVG string
+  const updatedSvgString = svgString.replace(/id="([^"]+)"/g, (match, originalId) => {
+    const newId = `${randomPrefix}-${originalId}`
+    idMap[originalId] = newId
+    return `id="${newId}"`
+  })
 
-        // If the value changed, update the attribute
-        if (updatedValue !== attrValue) {
-          element.setAttribute(attr, updatedValue)
-        }
-      }
-    })
-  }
+  // Replace ID references (e.g., url(#id), href="#id", etc.)
+  const processedSvgString = updatedSvgString
+    .replace(/url\(#([^)]+)\)/g, (match, originalId) => idMap[originalId] ? `url(#${idMap[originalId]})` : match)
+    .replace(/#([^\s]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)
 
-  // Traverse all elements in the SVG to update id references
-  svgElement.querySelectorAll('*').forEach((element) => {
-    updateReferences(element)
-  })
+  // Return the processed SVG string
+  return processedSvgString
 }
 
-onMounted(() => {
-  if (props.randomizeIds && svgElement.value) {
-    prefixSvgIds(svgElement.value)
-  }
-})
+// Initially set `svgOriginalContent` to a template string. We will then do a dynamic replacement of any ids in the SVG string.
+// eslint-disable-next-line @stylistic/quotes
+const svgOriginalContent = ref<string>(`{%%ICON_SVG_INNER_HTML%%}`)
+const svgProcessedContent = computed((): string => prefixSvgIdsInString(svgOriginalContent.value))
 </script>
 
 <template>
@@ -176,7 +137,6 @@ onMounted(() => {
     :style="rootElementStyles"
   >
     <svg
-      ref="svgElement"
       :aria-hidden="decorative ? 'true' : undefined"
       data-testid="kui-icon-svg-{%%KONG_COMPONENT_ICON_CLASS%%}"
       fill="none"
@@ -192,14 +152,16 @@ onMounted(() => {
       >
         {{ title }}
       </title>
-      {%%ICON_SVG_INNER_HTML%%}
+      <!-- eslint-disable-next-line vue/no-v-html -->
+      <g v-html="svgProcessedContent" />
     </svg>
   </component>
 </template>
 
 <style lang="scss" scoped>
 /**
- * We are adding styles inline to avoid additional stylesheet imports in the host application/component.
- * Do not add styles into this component file.
+ * !Important: Do not add styles into this component file.
+ *
+ * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.
  */
 </style>

From 30ba94313d9e60485fc84abeb246d94fe50c2723 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 09:39:25 -0400
Subject: [PATCH 10/21] revert: sandbox changes

---
 sandbox/pages/HomePage.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/sandbox/pages/HomePage.vue b/sandbox/pages/HomePage.vue
index 47d43d9d..1fcb4e3e 100644
--- a/sandbox/pages/HomePage.vue
+++ b/sandbox/pages/HomePage.vue
@@ -4,7 +4,7 @@
     <div class="sandbox-container">
       <div v-if="filteredComponents.length">
         <!-- Solid Icons -->
-        <!-- <div
+        <div
           v-if="filteredComponents.filter((icon) => icon.type === 'solid').length"
           class="icon-container"
         >
@@ -16,7 +16,7 @@
               :icon="icon.component"
             />
           </div>
-        </div> -->
+        </div>
         <!-- Multi-Color Icons -->
         <div
           v-if="filteredComponents.filter((icon) => icon.type === 'multi-color').length"
@@ -25,19 +25,14 @@
           <h2>Multi-Color Icons</h2>
           <div class="icon-grid">
             <SandboxIcon
-              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Gradient'))"
-              :key="`icon-${idx}`"
-              :icon="icon.component"
-            />
-            <SandboxIcon
-              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color' && icon.name.includes('Gradient'))"
+              v-for="(icon, idx) in filteredComponents.filter((icon) => icon.type === 'multi-color')"
               :key="`icon-${idx}`"
               :icon="icon.component"
             />
           </div>
         </div>
         <!-- Flag Icons -->
-        <!-- <div
+        <div
           v-if="filteredComponents.filter((icon) => icon.type === 'flags').length"
           class="icon-container"
         >
@@ -50,7 +45,7 @@
               :title="icon.title"
             />
           </div>
-        </div> -->
+        </div>
       </div>
       <p v-else>
         No icons match your query. Try searching again.

From 46c7262b6e2dd8e3ac518d66842d871263c74929 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 09:39:56 -0400
Subject: [PATCH 11/21] chore: remove unused import

---
 src/__template__/ComponentTemplate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index a6889d63..0b11ee89 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 /** {%%ICON_COMPONENT_FILE_HEADER%%} */
-import { computed, ref, onMounted } from 'vue'
+import { computed, ref } from 'vue'
 import { KUI_ICON_SIZE_50 } from '@kong/design-tokens'
 
 const props = defineProps({

From 3ede97ca1c6be92d32dacc02b76d86aed9285869 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 09:50:33 -0400
Subject: [PATCH 12/21] test: update snapshots

---
 src/__template__/ComponentTemplate.vue        |  17 +-
 src/tests/__snapshots__/AddChartIcon.html     |   2 +-
 src/tests/__snapshots__/AddCircleIcon.html    |   2 +-
 src/tests/__snapshots__/AddIcon.html          |   2 +-
 src/tests/__snapshots__/AnalyticsIcon.html    |   2 +-
 src/tests/__snapshots__/AppleIcon.html        |   2 +-
 src/tests/__snapshots__/ArrowDownIcon.html    |   2 +-
 src/tests/__snapshots__/ArrowLeftIcon.html    |   2 +-
 src/tests/__snapshots__/ArrowRightIcon.html   |   2 +-
 src/tests/__snapshots__/ArrowUpIcon.html      |   2 +-
 src/tests/__snapshots__/AwsIcon.html          |   4 +-
 src/tests/__snapshots__/AzureIcon.html        |  22 +-
 src/tests/__snapshots__/BackIcon.html         |   2 +-
 .../__snapshots__/BarChartHorizontalIcon.html |   2 +-
 src/tests/__snapshots__/BarChartIcon.html     |   2 +-
 src/tests/__snapshots__/BlockquoteIcon.html   |   2 +-
 src/tests/__snapshots__/BoldIcon.html         |   2 +-
 src/tests/__snapshots__/BookIcon.html         |   2 +-
 src/tests/__snapshots__/BotIcon.html          |   2 +-
 src/tests/__snapshots__/BrainIcon.html        |   2 +-
 src/tests/__snapshots__/CalIcon.html          |   2 +-
 src/tests/__snapshots__/ChartAreaIcon.html    |   2 +-
 src/tests/__snapshots__/ChartDataIcon.html    |   2 +-
 src/tests/__snapshots__/ChartLinesIcon.html   |   2 +-
 src/tests/__snapshots__/CheckCircleIcon.html  |   2 +-
 src/tests/__snapshots__/CheckIcon.html        |   2 +-
 src/tests/__snapshots__/CheckSmallIcon.html   |   2 +-
 src/tests/__snapshots__/ChevronDownIcon.html  |   2 +-
 src/tests/__snapshots__/ChevronLeftIcon.html  |   2 +-
 src/tests/__snapshots__/ChevronRightIcon.html |   2 +-
 src/tests/__snapshots__/ChevronUpIcon.html    |   2 +-
 src/tests/__snapshots__/ClearIcon.html        |   2 +-
 src/tests/__snapshots__/ClipboardIcon.html    |   2 +-
 src/tests/__snapshots__/ClockIcon.html        |   2 +-
 src/tests/__snapshots__/CloseIcon.html        |   2 +-
 .../__snapshots__/CloudDownloadIcon.html      |   2 +-
 src/tests/__snapshots__/CloudIcon.html        |   2 +-
 src/tests/__snapshots__/CloudUploadIcon.html  |   2 +-
 src/tests/__snapshots__/CodeIcon.html         |   2 +-
 src/tests/__snapshots__/CodeblockIcon.html    |   2 +-
 src/tests/__snapshots__/CogIcon.html          |   2 +-
 src/tests/__snapshots__/CogModeIcon.html      |   2 +-
 src/tests/__snapshots__/CollapseIcon.html     |   2 +-
 .../__snapshots__/CollapsePanelIcon.html      |   2 +-
 src/tests/__snapshots__/ConnectionsIcon.html  |   2 +-
 src/tests/__snapshots__/CopyIcon.html         |   2 +-
 src/tests/__snapshots__/DangerCircleIcon.html |   2 +-
 src/tests/__snapshots__/DangerIcon.html       |   2 +-
 src/tests/__snapshots__/DashboardIcon.html    |   2 +-
 src/tests/__snapshots__/DataObjectIcon.html   |   2 +-
 src/tests/__snapshots__/DataReportIcon.html   |   2 +-
 src/tests/__snapshots__/DecreaseIcon.html     |   2 +-
 src/tests/__snapshots__/DeployIcon.html       |   2 +-
 src/tests/__snapshots__/DevPortalIcon.html    |   2 +-
 src/tests/__snapshots__/DisabledIcon.html     |   2 +-
 src/tests/__snapshots__/DockerIcon.html       |   2 +-
 src/tests/__snapshots__/DocumentIcon.html     |   2 +-
 src/tests/__snapshots__/DocumentListIcon.html |   2 +-
 src/tests/__snapshots__/DownloadIcon.html     |   2 +-
 src/tests/__snapshots__/DragIcon.html         |   2 +-
 src/tests/__snapshots__/EditIcon.html         |   2 +-
 src/tests/__snapshots__/EmailIcon.html        |   2 +-
 src/tests/__snapshots__/EqualIcon.html        |   2 +-
 src/tests/__snapshots__/ExpandIcon.html       |   2 +-
 src/tests/__snapshots__/ExternalLinkIcon.html |   2 +-
 .../__snapshots__/FeatureRequestIcon.html     |   2 +-
 src/tests/__snapshots__/FeedbackIcon.html     |   2 +-
 src/tests/__snapshots__/FileEmptyIcon.html    |   2 +-
 src/tests/__snapshots__/FilterIcon.html       |   2 +-
 src/tests/__snapshots__/FlagAdIcon.html       |  14 +-
 src/tests/__snapshots__/FlagAeIcon.html       |  12 +-
 src/tests/__snapshots__/FlagAfIcon.html       |  13 +-
 src/tests/__snapshots__/FlagAgIcon.html       |  14 +-
 src/tests/__snapshots__/FlagAiIcon.html       |  18 +-
 src/tests/__snapshots__/FlagAlIcon.html       |  10 +-
 src/tests/__snapshots__/FlagAmIcon.html       |  11 +-
 src/tests/__snapshots__/FlagAoIcon.html       |  13 +-
 src/tests/__snapshots__/FlagArIcon.html       |  12 +-
 src/tests/__snapshots__/FlagAsIcon.html       |  14 +-
 src/tests/__snapshots__/FlagAtIcon.html       |  11 +-
 src/tests/__snapshots__/FlagAuIcon.html       |  20 +-
 src/tests/__snapshots__/FlagAwIcon.html       |  14 +-
 src/tests/__snapshots__/FlagAxIcon.html       |  14 +-
 src/tests/__snapshots__/FlagAzIcon.html       |  13 +-
 src/tests/__snapshots__/FlagBaIcon.html       |  12 +-
 src/tests/__snapshots__/FlagBbIcon.html       |  12 +-
 src/tests/__snapshots__/FlagBdIcon.html       |  10 +-
 src/tests/__snapshots__/FlagBeIcon.html       |  11 +-
 src/tests/__snapshots__/FlagBfIcon.html       |  11 +-
 src/tests/__snapshots__/FlagBgIcon.html       |  11 +-
 src/tests/__snapshots__/FlagBhIcon.html       |  10 +-
 src/tests/__snapshots__/FlagBiIcon.html       |  17 +-
 src/tests/__snapshots__/FlagBjIcon.html       |  11 +-
 src/tests/__snapshots__/FlagBlIcon.html       |  15 +-
 src/tests/__snapshots__/FlagBmIcon.html       |  19 +-
 src/tests/__snapshots__/FlagBnIcon.html       |  18 +-
 src/tests/__snapshots__/FlagBoIcon.html       |  11 +-
 src/tests/__snapshots__/FlagBrIcon.html       |  13 +-
 src/tests/__snapshots__/FlagBsIcon.html       |  12 +-
 src/tests/__snapshots__/FlagBtIcon.html       |  12 +-
 src/tests/__snapshots__/FlagBwIcon.html       |  12 +-
 src/tests/__snapshots__/FlagByIcon.html       |  17 +-
 src/tests/__snapshots__/FlagBzIcon.html       |  16 +-
 src/tests/__snapshots__/FlagCaIcon.html       |  12 +-
 src/tests/__snapshots__/FlagCcIcon.html       |  18 +-
 src/tests/__snapshots__/FlagCdIcon.html       |  13 +-
 src/tests/__snapshots__/FlagCfIcon.html       |  19 +-
 src/tests/__snapshots__/FlagChIcon.html       |  10 +-
 src/tests/__snapshots__/FlagCiIcon.html       |  11 +-
 src/tests/__snapshots__/FlagCkIcon.html       |  21 +-
 src/tests/__snapshots__/FlagClIcon.html       |  12 +-
 src/tests/__snapshots__/FlagCmIcon.html       |  12 +-
 src/tests/__snapshots__/FlagCnIcon.html       |  14 +-
 src/tests/__snapshots__/FlagCoIcon.html       |  11 +-
 src/tests/__snapshots__/FlagCrIcon.html       |  12 +-
 src/tests/__snapshots__/FlagCuIcon.html       |  15 +-
 src/tests/__snapshots__/FlagCvIcon.html       |  22 +-
 src/tests/__snapshots__/FlagCyIcon.html       |  11 +-
 src/tests/__snapshots__/FlagCzIcon.html       |  11 +-
 src/tests/__snapshots__/FlagDeIcon.html       |  11 +-
 src/tests/__snapshots__/FlagDjIcon.html       |  12 +-
 src/tests/__snapshots__/FlagDkIcon.html       |  13 +-
 src/tests/__snapshots__/FlagDmIcon.html       |  33 ++-
 src/tests/__snapshots__/FlagDoIcon.html       |  16 +-
 src/tests/__snapshots__/FlagDzIcon.html       |  12 +-
 src/tests/__snapshots__/FlagEcIcon.html       |  14 +-
 src/tests/__snapshots__/FlagEeIcon.html       |  11 +-
 src/tests/__snapshots__/FlagEgIcon.html       |  12 +-
 src/tests/__snapshots__/FlagErIcon.html       |  12 +-
 src/tests/__snapshots__/FlagEsIcon.html       |  11 +-
 src/tests/__snapshots__/FlagEtIcon.html       |  14 +-
 src/tests/__snapshots__/FlagEuIcon.html       |  17 +-
 src/tests/__snapshots__/FlagFiIcon.html       |  10 +-
 src/tests/__snapshots__/FlagFjIcon.html       |  17 +-
 src/tests/__snapshots__/FlagFkIcon.html       |  17 +-
 src/tests/__snapshots__/FlagFmIcon.html       |  13 +-
 src/tests/__snapshots__/FlagFoIcon.html       |  11 +-
 src/tests/__snapshots__/FlagFrIcon.html       |  11 +-
 src/tests/__snapshots__/FlagGaIcon.html       |  11 +-
 src/tests/__snapshots__/FlagGbIcon.html       |  22 +-
 src/tests/__snapshots__/FlagGdIcon.html       |  25 ++-
 src/tests/__snapshots__/FlagGeIcon.html       |  14 +-
 src/tests/__snapshots__/FlagGgIcon.html       |  11 +-
 src/tests/__snapshots__/FlagGhIcon.html       |  12 +-
 src/tests/__snapshots__/FlagGiIcon.html       |  12 +-
 src/tests/__snapshots__/FlagGlIcon.html       |  12 +-
 src/tests/__snapshots__/FlagGmIcon.html       |  12 +-
 src/tests/__snapshots__/FlagGnIcon.html       |  11 +-
 src/tests/__snapshots__/FlagGqIcon.html       |  15 +-
 src/tests/__snapshots__/FlagGrIcon.html       |  14 +-
 src/tests/__snapshots__/FlagGtIcon.html       |  13 +-
 src/tests/__snapshots__/FlagGuIcon.html       |  17 +-
 src/tests/__snapshots__/FlagGwIcon.html       |  13 +-
 src/tests/__snapshots__/FlagGyIcon.html       |  14 +-
 src/tests/__snapshots__/FlagHkIcon.html       |  14 +-
 src/tests/__snapshots__/FlagHnIcon.html       |  16 +-
 src/tests/__snapshots__/FlagHrIcon.html       |  30 ++-
 src/tests/__snapshots__/FlagHtIcon.html       |  16 +-
 src/tests/__snapshots__/FlagHuIcon.html       |  11 +-
 src/tests/__snapshots__/FlagIcon.html         |   2 +-
 src/tests/__snapshots__/FlagIdIcon.html       |  10 +-
 src/tests/__snapshots__/FlagIeIcon.html       |  11 +-
 src/tests/__snapshots__/FlagIlIcon.html       |  12 +-
 src/tests/__snapshots__/FlagImIcon.html       |  10 +-
 src/tests/__snapshots__/FlagInIcon.html       |  14 +-
 src/tests/__snapshots__/FlagIoIcon.html       |  28 ++-
 src/tests/__snapshots__/FlagIqIcon.html       |  14 +-
 src/tests/__snapshots__/FlagIrIcon.html       |  12 +-
 src/tests/__snapshots__/FlagIsIcon.html       |  14 +-
 src/tests/__snapshots__/FlagItIcon.html       |  11 +-
 src/tests/__snapshots__/FlagJeIcon.html       |  12 +-
 src/tests/__snapshots__/FlagJmIcon.html       |  13 +-
 src/tests/__snapshots__/FlagJoIcon.html       |  13 +-
 src/tests/__snapshots__/FlagJpIcon.html       |  10 +-
 src/tests/__snapshots__/FlagKeIcon.html       |  18 +-
 src/tests/__snapshots__/FlagKgIcon.html       |  15 +-
 src/tests/__snapshots__/FlagKhIcon.html       |  12 +-
 src/tests/__snapshots__/FlagKiIcon.html       |  16 +-
 src/tests/__snapshots__/FlagKmIcon.html       |  18 +-
 src/tests/__snapshots__/FlagKpIcon.html       |  14 +-
 src/tests/__snapshots__/FlagKrIcon.html       |  29 ++-
 src/tests/__snapshots__/FlagKwIcon.html       |  12 +-
 src/tests/__snapshots__/FlagKyIcon.html       |  19 +-
 src/tests/__snapshots__/FlagKzIcon.html       |  12 +-
 src/tests/__snapshots__/FlagLaIcon.html       |  12 +-
 src/tests/__snapshots__/FlagLbIcon.html       |  12 +-
 src/tests/__snapshots__/FlagLcIcon.html       |  12 +-
 src/tests/__snapshots__/FlagLiIcon.html       |  11 +-
 src/tests/__snapshots__/FlagLkIcon.html       |  14 +-
 src/tests/__snapshots__/FlagLrIcon.html       |  22 +-
 src/tests/__snapshots__/FlagLsIcon.html       |  12 +-
 src/tests/__snapshots__/FlagLtIcon.html       |  11 +-
 src/tests/__snapshots__/FlagLuIcon.html       |  11 +-
 src/tests/__snapshots__/FlagLvIcon.html       |  11 +-
 src/tests/__snapshots__/FlagLyIcon.html       |  13 +-
 src/tests/__snapshots__/FlagMaIcon.html       |  10 +-
 src/tests/__snapshots__/FlagMcIcon.html       |  10 +-
 src/tests/__snapshots__/FlagMdIcon.html       |  14 +-
 src/tests/__snapshots__/FlagMeIcon.html       |  14 +-
 src/tests/__snapshots__/FlagMgIcon.html       |  11 +-
 src/tests/__snapshots__/FlagMhIcon.html       |  12 +-
 src/tests/__snapshots__/FlagMkIcon.html       |  19 +-
 src/tests/__snapshots__/FlagMlIcon.html       |  11 +-
 src/tests/__snapshots__/FlagMmIcon.html       |  12 +-
 src/tests/__snapshots__/FlagMnIcon.html       |  18 +-
 src/tests/__snapshots__/FlagMoIcon.html       |  17 +-
 src/tests/__snapshots__/FlagMpIcon.html       |  13 +-
 src/tests/__snapshots__/FlagMqIcon.html       |  17 +-
 src/tests/__snapshots__/FlagMrIcon.html       |  11 +-
 src/tests/__snapshots__/FlagMsIcon.html       |  16 +-
 src/tests/__snapshots__/FlagMtIcon.html       |  11 +-
 src/tests/__snapshots__/FlagMuIcon.html       |  12 +-
 src/tests/__snapshots__/FlagMvIcon.html       |  11 +-
 src/tests/__snapshots__/FlagMwIcon.html       |  12 +-
 src/tests/__snapshots__/FlagMxIcon.html       |  13 +-
 src/tests/__snapshots__/FlagMyIcon.html       |  16 +-
 src/tests/__snapshots__/FlagMzIcon.html       |  16 +-
 src/tests/__snapshots__/FlagNaIcon.html       |  13 +-
 src/tests/__snapshots__/FlagNeIcon.html       |  12 +-
 src/tests/__snapshots__/FlagNfIcon.html       |  12 +-
 src/tests/__snapshots__/FlagNgIcon.html       |  11 +-
 src/tests/__snapshots__/FlagNiIcon.html       |  15 +-
 src/tests/__snapshots__/FlagNlIcon.html       |  11 +-
 src/tests/__snapshots__/FlagNoIcon.html       |  14 +-
 src/tests/__snapshots__/FlagNpIcon.html       |  15 +-
 src/tests/__snapshots__/FlagNrIcon.html       |  13 +-
 src/tests/__snapshots__/FlagNuIcon.html       |  19 +-
 src/tests/__snapshots__/FlagNzIcon.html       |  17 +-
 src/tests/__snapshots__/FlagOmIcon.html       |  14 +-
 src/tests/__snapshots__/FlagPaIcon.html       |  13 +-
 src/tests/__snapshots__/FlagPeIcon.html       |  11 +-
 src/tests/__snapshots__/FlagPfIcon.html       |  16 +-
 src/tests/__snapshots__/FlagPgIcon.html       |  16 +-
 src/tests/__snapshots__/FlagPhIcon.html       |  15 +-
 src/tests/__snapshots__/FlagPkIcon.html       |  13 +-
 src/tests/__snapshots__/FlagPlIcon.html       |  10 +-
 src/tests/__snapshots__/FlagPnIcon.html       |  17 +-
 src/tests/__snapshots__/FlagPrIcon.html       |  14 +-
 src/tests/__snapshots__/FlagPtIcon.html       |  13 +-
 src/tests/__snapshots__/FlagPwIcon.html       |  10 +-
 src/tests/__snapshots__/FlagPyIcon.html       |  13 +-
 src/tests/__snapshots__/FlagQaIcon.html       |  10 +-
 src/tests/__snapshots__/FlagRoIcon.html       |  11 +-
 src/tests/__snapshots__/FlagRsIcon.html       |  15 +-
 src/tests/__snapshots__/FlagRuIcon.html       |  11 +-
 src/tests/__snapshots__/FlagRwIcon.html       |  12 +-
 src/tests/__snapshots__/FlagSaIcon.html       |  15 +-
 src/tests/__snapshots__/FlagSbIcon.html       |  16 +-
 src/tests/__snapshots__/FlagScIcon.html       |  13 +-
 src/tests/__snapshots__/FlagSdIcon.html       |  12 +-
 src/tests/__snapshots__/FlagSeIcon.html       |  13 +-
 src/tests/__snapshots__/FlagSgIcon.html       |  16 +-
 src/tests/__snapshots__/FlagSiIcon.html       |  12 +-
 src/tests/__snapshots__/FlagSkIcon.html       |  15 +-
 src/tests/__snapshots__/FlagSlIcon.html       |  11 +-
 src/tests/__snapshots__/FlagSmIcon.html       |  15 +-
 src/tests/__snapshots__/FlagSnIcon.html       |  12 +-
 src/tests/__snapshots__/FlagSoIcon.html       |  10 +-
 src/tests/__snapshots__/FlagSrIcon.html       |  13 +-
 src/tests/__snapshots__/FlagSsIcon.html       |  14 +-
 src/tests/__snapshots__/FlagStIcon.html       |  14 +-
 src/tests/__snapshots__/FlagSvIcon.html       |  14 +-
 src/tests/__snapshots__/FlagSxIcon.html       |  16 +-
 src/tests/__snapshots__/FlagSyIcon.html       |  13 +-
 src/tests/__snapshots__/FlagSzIcon.html       |  20 +-
 src/tests/__snapshots__/FlagTcIcon.html       |  18 +-
 src/tests/__snapshots__/FlagTdIcon.html       |  11 +-
 src/tests/__snapshots__/FlagTgIcon.html       |  14 +-
 src/tests/__snapshots__/FlagThIcon.html       |  12 +-
 src/tests/__snapshots__/FlagTjIcon.html       |  19 +-
 src/tests/__snapshots__/FlagTkIcon.html       |  14 +-
 src/tests/__snapshots__/FlagTlIcon.html       |  12 +-
 src/tests/__snapshots__/FlagTmIcon.html       |  29 ++-
 src/tests/__snapshots__/FlagTnIcon.html       |  12 +-
 src/tests/__snapshots__/FlagToIcon.html       |  11 +-
 src/tests/__snapshots__/FlagTrIcon.html       |  11 +-
 src/tests/__snapshots__/FlagTtIcon.html       |  12 +-
 src/tests/__snapshots__/FlagTvIcon.html       |  24 ++-
 src/tests/__snapshots__/FlagTwIcon.html       |  13 +-
 src/tests/__snapshots__/FlagTzIcon.html       |  12 +-
 src/tests/__snapshots__/FlagUaIcon.html       |  10 +-
 src/tests/__snapshots__/FlagUgIcon.html       |  15 +-
 src/tests/__snapshots__/FlagUnIcon.html       |  11 +-
 src/tests/__snapshots__/FlagUsIcon.html       |  14 +-
 src/tests/__snapshots__/FlagUyIcon.html       |  15 +-
 src/tests/__snapshots__/FlagUzIcon.html       |  26 ++-
 src/tests/__snapshots__/FlagVaIcon.html       |  12 +-
 src/tests/__snapshots__/FlagVcIcon.html       |  14 +-
 src/tests/__snapshots__/FlagVeIcon.html       |  19 +-
 src/tests/__snapshots__/FlagVgIcon.html       |  23 +-
 src/tests/__snapshots__/FlagViIcon.html       |  17 +-
 src/tests/__snapshots__/FlagVnIcon.html       |  10 +-
 src/tests/__snapshots__/FlagVuIcon.html       |  31 ++-
 src/tests/__snapshots__/FlagWsIcon.html       |  15 +-
 src/tests/__snapshots__/FlagYeIcon.html       |  11 +-
 src/tests/__snapshots__/FlagZaIcon.html       |  14 +-
 src/tests/__snapshots__/FlagZmIcon.html       |  13 +-
 src/tests/__snapshots__/FlagZwIcon.html       |  19 +-
 src/tests/__snapshots__/ForwardIcon.html      |   2 +-
 src/tests/__snapshots__/GatewayIcon.html      |   2 +-
 src/tests/__snapshots__/GoogleCloudIcon.html  |   5 +-
 src/tests/__snapshots__/GoogleIcon.html       |   5 +-
 src/tests/__snapshots__/GraduationIcon.html   |   2 +-
 src/tests/__snapshots__/GridIcon.html         |   2 +-
 src/tests/__snapshots__/HashicorpIcon.html    |   3 +-
 src/tests/__snapshots__/HelpIcon.html         |   2 +-
 src/tests/__snapshots__/HistoryIcon.html      |   2 +-
 src/tests/__snapshots__/HtmlIcon.html         |   2 +-
 src/tests/__snapshots__/ImageIcon.html        |   2 +-
 src/tests/__snapshots__/ImmunityIcon.html     |   2 +-
 src/tests/__snapshots__/InboxIcon.html        |   2 +-
 .../__snapshots__/InboxNotificationIcon.html  |   2 +-
 src/tests/__snapshots__/IncreaseIcon.html     |   2 +-
 .../__snapshots__/IndeterminateSmallIcon.html |   2 +-
 src/tests/__snapshots__/InfoIcon.html         |   2 +-
 src/tests/__snapshots__/InsightsIcon.html     |   2 +-
 src/tests/__snapshots__/InsomniaIcon.html     |  15 +-
 src/tests/__snapshots__/ItalicIcon.html       |   2 +-
 .../__snapshots__/KeyboardReturnIcon.html     |   2 +-
 src/tests/__snapshots__/KongGradientIcon.html |  23 +-
 src/tests/__snapshots__/KongIcon.html         |   2 +-
 src/tests/__snapshots__/LanguageBashIcon.html |   3 +-
 src/tests/__snapshots__/LanguageCIcon.html    |   4 +-
 .../__snapshots__/LanguageCPlusPlusIcon.html  |  12 +-
 .../__snapshots__/LanguageCSharpIcon.html     |   4 +-
 src/tests/__snapshots__/LanguageGoIcon.html   | 199 +++++++++++++++++-
 src/tests/__snapshots__/LanguageJavaIcon.html |   6 +-
 .../__snapshots__/LanguageJavascriptIcon.html |  10 +-
 src/tests/__snapshots__/LanguageJsonIcon.html |  18 +-
 .../__snapshots__/LanguageNodejsIcon.html     |  30 ++-
 src/tests/__snapshots__/LanguagePhpIcon.html  |  17 +-
 .../__snapshots__/LanguagePythonIcon.html     |  18 +-
 src/tests/__snapshots__/LanguageRIcon.html    |  13 +-
 src/tests/__snapshots__/LanguageRubyIcon.html | 124 ++++++++++-
 .../__snapshots__/LanguageShellIcon.html      |  18 +-
 .../__snapshots__/LanguageSwiftIcon.html      |  10 +-
 src/tests/__snapshots__/LinkIcon.html         |   2 +-
 .../__snapshots__/LinkedServicesIcon.html     |   2 +-
 src/tests/__snapshots__/LinuxIcon.html        |  14 +-
 src/tests/__snapshots__/ListIcon.html         |   2 +-
 src/tests/__snapshots__/ListOrderedIcon.html  |   2 +-
 .../__snapshots__/ListUnorderedIcon.html      |   2 +-
 src/tests/__snapshots__/LockIcon.html         |   2 +-
 src/tests/__snapshots__/MarkIcon.html         |   2 +-
 src/tests/__snapshots__/MarkdownIcon.html     |   2 +-
 src/tests/__snapshots__/MenuIcon.html         |   2 +-
 src/tests/__snapshots__/MeshIcon.html         |   2 +-
 .../__snapshots__/MoreHorizontalIcon.html     |   2 +-
 src/tests/__snapshots__/MoreIcon.html         |   2 +-
 src/tests/__snapshots__/NetworkIcon.html      |   2 +-
 src/tests/__snapshots__/NotificationIcon.html |   2 +-
 src/tests/__snapshots__/OrganizationIcon.html |   2 +-
 src/tests/__snapshots__/OverviewIcon.html     |   2 +-
 src/tests/__snapshots__/PeopleIcon.html       |   2 +-
 src/tests/__snapshots__/PlugIcon.html         |   2 +-
 src/tests/__snapshots__/PortalIcon.html       |   2 +-
 src/tests/__snapshots__/PresentationIcon.html |   2 +-
 src/tests/__snapshots__/ProfileIcon.html      |   2 +-
 src/tests/__snapshots__/ProfileTeamIcon.html  |   2 +-
 src/tests/__snapshots__/ProgressIcon.html     |   3 +-
 src/tests/__snapshots__/RedoIcon.html         |   2 +-
 src/tests/__snapshots__/RefreshIcon.html      |   2 +-
 src/tests/__snapshots__/RegexIcon.html        |   2 +-
 src/tests/__snapshots__/RemoveIcon.html       |   2 +-
 src/tests/__snapshots__/ResponseIcon.html     |   2 +-
 src/tests/__snapshots__/RocketIcon.html       |   2 +-
 .../__snapshots__/RuntimeCompositeIcon.html   |   2 +-
 .../RuntimeDedicatedCloudIcon.html            |   8 +-
 .../__snapshots__/RuntimeHybridIcon.html      |   2 +-
 src/tests/__snapshots__/RuntimeKicIcon.html   |   4 +-
 .../__snapshots__/RuntimeServerlessIcon.html  |   2 +-
 src/tests/__snapshots__/RuntimesIcon.html     |   2 +-
 src/tests/__snapshots__/SearchIcon.html       |   2 +-
 src/tests/__snapshots__/SecurityIcon.html     |   2 +-
 .../__snapshots__/ServiceDocumentIcon.html    |   2 +-
 src/tests/__snapshots__/ServiceHubIcon.html   |   2 +-
 src/tests/__snapshots__/ServicesIcon.html     |   2 +-
 src/tests/__snapshots__/SharedIcon.html       |   2 +-
 src/tests/__snapshots__/StackIcon.html        |   2 +-
 .../__snapshots__/StrikethroughIcon.html      |   2 +-
 src/tests/__snapshots__/SubscriptIcon.html    |   2 +-
 src/tests/__snapshots__/SuperscriptIcon.html  |   2 +-
 src/tests/__snapshots__/SupportIcon.html      |   2 +-
 src/tests/__snapshots__/TableColumnsIcon.html |   2 +-
 src/tests/__snapshots__/TableIcon.html        |   2 +-
 src/tests/__snapshots__/TableRowsIcon.html    |   2 +-
 src/tests/__snapshots__/TasklistIcon.html     |   2 +-
 src/tests/__snapshots__/TeamIcon.html         |   2 +-
 src/tests/__snapshots__/TeammateIcon.html     |   2 +-
 src/tests/__snapshots__/ThumbDownIcon.html    |   2 +-
 src/tests/__snapshots__/ThumbUpIcon.html      |   2 +-
 src/tests/__snapshots__/TrashIcon.html        |   2 +-
 src/tests/__snapshots__/TrendDownIcon.html    |   2 +-
 src/tests/__snapshots__/TrendUpIcon.html      |   2 +-
 src/tests/__snapshots__/UnderlineIcon.html    |   2 +-
 src/tests/__snapshots__/UnfoldMoreIcon.html   |   2 +-
 src/tests/__snapshots__/UploadIcon.html       |   2 +-
 src/tests/__snapshots__/VisibilityIcon.html   |   2 +-
 src/tests/__snapshots__/VitalsIcon.html       |   2 +-
 src/tests/__snapshots__/WarningIcon.html      |   2 +-
 .../__snapshots__/WarningOutlineIcon.html     |   2 +-
 src/tests/__snapshots__/WidgetsIcon.html      |   7 +-
 src/tests/__snapshots__/WindowsIcon.html      |   2 +-
 src/tests/__snapshots__/WorkspacesIcon.html   |   2 +-
 src/tests/__snapshots__/WorldIcon.html        |   2 +-
 src/tests/__snapshots__/WorldPrivateIcon.html |   2 +-
 406 files changed, 3718 insertions(+), 406 deletions(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 0b11ee89..8fadb9e2 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -56,6 +56,15 @@ const props = defineProps({
     required: false,
     default: 'span',
   },
+  /**
+   * A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
+   * Typically only set to false during snapshot testing.
+   * Defaults to `true`.
+   */
+  randomizeIds: {
+    type: Boolean,
+    default: true,
+  },
 })
 
 const iconSize = computed((): string => {
@@ -125,7 +134,13 @@ const prefixSvgIdsInString = (svgString: string): string => {
 // Initially set `svgOriginalContent` to a template string. We will then do a dynamic replacement of any ids in the SVG string.
 // eslint-disable-next-line @stylistic/quotes
 const svgOriginalContent = ref<string>(`{%%ICON_SVG_INNER_HTML%%}`)
-const svgProcessedContent = computed((): string => prefixSvgIdsInString(svgOriginalContent.value))
+const svgProcessedContent = computed((): string => {
+  if (props.randomizeIds) {
+    return prefixSvgIdsInString(svgOriginalContent.value)
+  }
+
+  return svgOriginalContent.value
+})
 </script>
 
 <template>
diff --git a/src/tests/__snapshots__/AddChartIcon.html b/src/tests/__snapshots__/AddChartIcon.html
index c24aef9c..7859e3fe 100644
--- a/src/tests/__snapshots__/AddChartIcon.html
+++ b/src/tests/__snapshots__/AddChartIcon.html
@@ -1 +1 @@
-<span data-v-2fd133ee="" class="kui-icon add-chart-icon" data-testid="kui-icon-wrapper-add-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fd133ee="" data-testid="kui-icon-svg-add-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2fd133ee="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-2fd133ee="" d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-2fd133ee="" class="kui-icon add-chart-icon" data-testid="kui-icon-wrapper-add-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fd133ee="" data-testid="kui-icon-svg-add-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2fd133ee="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2fd133ee=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AddCircleIcon.html b/src/tests/__snapshots__/AddCircleIcon.html
index 9e3d13bc..19a59df7 100644
--- a/src/tests/__snapshots__/AddCircleIcon.html
+++ b/src/tests/__snapshots__/AddCircleIcon.html
@@ -1 +1 @@
-<span data-v-78cbb050="" class="kui-icon add-circle-icon" data-testid="kui-icon-wrapper-add-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78cbb050="" data-testid="kui-icon-svg-add-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-78cbb050="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-78cbb050="" d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-78cbb050="" class="kui-icon add-circle-icon" data-testid="kui-icon-wrapper-add-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78cbb050="" data-testid="kui-icon-svg-add-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-78cbb050="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-78cbb050=""><path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AddIcon.html b/src/tests/__snapshots__/AddIcon.html
index aeb22a3b..0d7a0833 100644
--- a/src/tests/__snapshots__/AddIcon.html
+++ b/src/tests/__snapshots__/AddIcon.html
@@ -1 +1 @@
-<span data-v-9520c875="" class="kui-icon add-icon" data-testid="kui-icon-wrapper-add-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9520c875="" data-testid="kui-icon-svg-add-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9520c875="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9520c875="" d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9520c875="" class="kui-icon add-icon" data-testid="kui-icon-wrapper-add-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9520c875="" data-testid="kui-icon-svg-add-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9520c875="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9520c875=""><path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AnalyticsIcon.html b/src/tests/__snapshots__/AnalyticsIcon.html
index a4041c26..fdd07ba6 100644
--- a/src/tests/__snapshots__/AnalyticsIcon.html
+++ b/src/tests/__snapshots__/AnalyticsIcon.html
@@ -1 +1 @@
-<span data-v-171e7d2b="" class="kui-icon analytics-icon" data-testid="kui-icon-wrapper-analytics-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-171e7d2b="" data-testid="kui-icon-svg-analytics-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-171e7d2b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-171e7d2b="" d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-171e7d2b="" class="kui-icon analytics-icon" data-testid="kui-icon-wrapper-analytics-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-171e7d2b="" data-testid="kui-icon-svg-analytics-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-171e7d2b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-171e7d2b=""><path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AppleIcon.html b/src/tests/__snapshots__/AppleIcon.html
index cdc10692..7d16fb05 100644
--- a/src/tests/__snapshots__/AppleIcon.html
+++ b/src/tests/__snapshots__/AppleIcon.html
@@ -1 +1 @@
-<span data-v-95a43613="" class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-95a43613="" data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-95a43613="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-95a43613="" d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></svg></span>
\ No newline at end of file
+<span data-v-95a43613="" class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-95a43613="" data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-95a43613="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-95a43613=""><path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowDownIcon.html b/src/tests/__snapshots__/ArrowDownIcon.html
index f7fc0161..a79876e0 100644
--- a/src/tests/__snapshots__/ArrowDownIcon.html
+++ b/src/tests/__snapshots__/ArrowDownIcon.html
@@ -1 +1 @@
-<span data-v-8c015cb2="" class="kui-icon arrow-down-icon" data-testid="kui-icon-wrapper-arrow-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c015cb2="" data-testid="kui-icon-svg-arrow-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8c015cb2="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8c015cb2="" d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8c015cb2="" class="kui-icon arrow-down-icon" data-testid="kui-icon-wrapper-arrow-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c015cb2="" data-testid="kui-icon-svg-arrow-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8c015cb2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8c015cb2=""><path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowLeftIcon.html b/src/tests/__snapshots__/ArrowLeftIcon.html
index 601a046e..facdfbe5 100644
--- a/src/tests/__snapshots__/ArrowLeftIcon.html
+++ b/src/tests/__snapshots__/ArrowLeftIcon.html
@@ -1 +1 @@
-<span data-v-8c5fec7f="" class="kui-icon arrow-left-icon" data-testid="kui-icon-wrapper-arrow-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c5fec7f="" data-testid="kui-icon-svg-arrow-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8c5fec7f="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8c5fec7f="" d="M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8c5fec7f="" class="kui-icon arrow-left-icon" data-testid="kui-icon-wrapper-arrow-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c5fec7f="" data-testid="kui-icon-svg-arrow-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8c5fec7f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8c5fec7f=""><path d="M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowRightIcon.html b/src/tests/__snapshots__/ArrowRightIcon.html
index 7026116c..f83f4cb7 100644
--- a/src/tests/__snapshots__/ArrowRightIcon.html
+++ b/src/tests/__snapshots__/ArrowRightIcon.html
@@ -1 +1 @@
-<span data-v-3afe2357="" class="kui-icon arrow-right-icon" data-testid="kui-icon-wrapper-arrow-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3afe2357="" data-testid="kui-icon-svg-arrow-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3afe2357="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-3afe2357="" d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-3afe2357="" class="kui-icon arrow-right-icon" data-testid="kui-icon-wrapper-arrow-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3afe2357="" data-testid="kui-icon-svg-arrow-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3afe2357="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3afe2357=""><path d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowUpIcon.html b/src/tests/__snapshots__/ArrowUpIcon.html
index d1108ccb..3aaf9af7 100644
--- a/src/tests/__snapshots__/ArrowUpIcon.html
+++ b/src/tests/__snapshots__/ArrowUpIcon.html
@@ -1 +1 @@
-<span data-v-c946fe0e="" class="kui-icon arrow-up-icon" data-testid="kui-icon-wrapper-arrow-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c946fe0e="" data-testid="kui-icon-svg-arrow-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c946fe0e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c946fe0e="" d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-c946fe0e="" class="kui-icon arrow-up-icon" data-testid="kui-icon-wrapper-arrow-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c946fe0e="" data-testid="kui-icon-svg-arrow-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c946fe0e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c946fe0e=""><path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AwsIcon.html b/src/tests/__snapshots__/AwsIcon.html
index 557bd327..2cf500de 100644
--- a/src/tests/__snapshots__/AwsIcon.html
+++ b/src/tests/__snapshots__/AwsIcon.html
@@ -1 +1,3 @@
-<span data-v-1006d913="" class="kui-icon aws-icon" data-testid="kui-icon-wrapper-aws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1006d913="" data-testid="kui-icon-svg-aws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1006d913="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-1006d913="" d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"></path><path data-v-1006d913="" fill-rule="evenodd" clip-rule="evenodd" d="M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z" fill="#FF9900"></path><path data-v-1006d913="" fill-rule="evenodd" clip-rule="evenodd" d="M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z" fill="#FF9900"></path></svg></span>
\ No newline at end of file
+<span data-v-1006d913="" class="kui-icon aws-icon" data-testid="kui-icon-wrapper-aws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1006d913="" data-testid="kui-icon-svg-aws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1006d913="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1006d913=""><path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z" fill="#FF9900"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z" fill="#FF9900"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AzureIcon.html b/src/tests/__snapshots__/AzureIcon.html
index 4ddfe0cd..af73577d 100644
--- a/src/tests/__snapshots__/AzureIcon.html
+++ b/src/tests/__snapshots__/AzureIcon.html
@@ -1 +1,21 @@
-<span data-v-dbe60e7a="" class="kui-icon azure-icon" data-testid="kui-icon-wrapper-azure-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbe60e7a="" data-testid="kui-icon-svg-azure-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dbe60e7a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-dbe60e7a="" d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"></path><path data-v-dbe60e7a="" d="M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z" fill="#0078D4"></path><path data-v-dbe60e7a="" d="M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z" fill="url(#paint1_linear_321_21552)"></path><path data-v-dbe60e7a="" d="M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z" fill="url(#paint2_linear_321_21552)"></path><defs data-v-dbe60e7a=""><linearGradient data-v-dbe60e7a="" id="paint0_linear_321_21552" x1="11.086" y1="3.48228" x2="4.40577" y2="22.6294" gradientUnits="userSpaceOnUse"><stop data-v-dbe60e7a="" stop-color="#114A8B"></stop><stop data-v-dbe60e7a="" offset="1" stop-color="#0669BC"></stop></linearGradient><linearGradient data-v-dbe60e7a="" id="paint1_linear_321_21552" x1="13.0631" y1="12.4626" x2="11.5904" y2="12.9457" gradientUnits="userSpaceOnUse"><stop data-v-dbe60e7a="" stop-opacity="0.3"></stop><stop data-v-dbe60e7a="" offset="0.071" stop-opacity="0.2"></stop><stop data-v-dbe60e7a="" offset="0.321" stop-opacity="0.1"></stop><stop data-v-dbe60e7a="" offset="0.623" stop-opacity="0.05"></stop><stop data-v-dbe60e7a="" offset="1" stop-opacity="0"></stop></linearGradient><linearGradient data-v-dbe60e7a="" id="paint2_linear_321_21552" x1="12.2581" y1="2.92031" x2="19.5817" y2="21.8502" gradientUnits="userSpaceOnUse"><stop data-v-dbe60e7a="" stop-color="#3CCBF4"></stop><stop data-v-dbe60e7a="" offset="1" stop-color="#2892DF"></stop></linearGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-dbe60e7a="" class="kui-icon azure-icon" data-testid="kui-icon-wrapper-azure-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbe60e7a="" data-testid="kui-icon-svg-azure-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dbe60e7a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-dbe60e7a=""><path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"></path>
+<path d="M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z" fill="#0078D4"></path>
+<path d="M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z" fill="url(#paint1_linear_321_21552)"></path>
+<path d="M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z" fill="url(#paint2_linear_321_21552)"></path>
+<defs>
+<linearGradient id="paint0_linear_321_21552" x1="11.086" y1="3.48228" x2="4.40577" y2="22.6294" gradientUnits="userSpaceOnUse">
+<stop stop-color="#114A8B"></stop>
+<stop offset="1" stop-color="#0669BC"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_321_21552" x1="13.0631" y1="12.4626" x2="11.5904" y2="12.9457" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.3"></stop>
+<stop offset="0.071" stop-opacity="0.2"></stop>
+<stop offset="0.321" stop-opacity="0.1"></stop>
+<stop offset="0.623" stop-opacity="0.05"></stop>
+<stop offset="1" stop-opacity="0"></stop>
+</linearGradient>
+<linearGradient id="paint2_linear_321_21552" x1="12.2581" y1="2.92031" x2="19.5817" y2="21.8502" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3CCBF4"></stop>
+<stop offset="1" stop-color="#2892DF"></stop>
+</linearGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BackIcon.html b/src/tests/__snapshots__/BackIcon.html
index 49342e9e..4309b3ec 100644
--- a/src/tests/__snapshots__/BackIcon.html
+++ b/src/tests/__snapshots__/BackIcon.html
@@ -1 +1 @@
-<span data-v-c84d6575="" class="kui-icon back-icon" data-testid="kui-icon-wrapper-back-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c84d6575="" data-testid="kui-icon-svg-back-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c84d6575="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c84d6575="" d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-c84d6575="" class="kui-icon back-icon" data-testid="kui-icon-wrapper-back-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c84d6575="" data-testid="kui-icon-svg-back-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c84d6575="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c84d6575=""><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BarChartHorizontalIcon.html b/src/tests/__snapshots__/BarChartHorizontalIcon.html
index 4b26dafe..96151777 100644
--- a/src/tests/__snapshots__/BarChartHorizontalIcon.html
+++ b/src/tests/__snapshots__/BarChartHorizontalIcon.html
@@ -1 +1 @@
-<span data-v-8cd89094="" class="kui-icon bar-chart-horizontal-icon" data-testid="kui-icon-wrapper-bar-chart-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8cd89094="" data-testid="kui-icon-svg-bar-chart-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8cd89094="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8cd89094="" d="M4 16L18 16L18 20L4 20L4 16ZM4 10L20 10L20 14L4 14L4 10ZM4 4L15 4L15 8L4 8L4 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8cd89094="" class="kui-icon bar-chart-horizontal-icon" data-testid="kui-icon-wrapper-bar-chart-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8cd89094="" data-testid="kui-icon-svg-bar-chart-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8cd89094="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8cd89094=""><path d="M4 16L18 16L18 20L4 20L4 16ZM4 10L20 10L20 14L4 14L4 10ZM4 4L15 4L15 8L4 8L4 4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BarChartIcon.html b/src/tests/__snapshots__/BarChartIcon.html
index 487f8b67..f41cb7e6 100644
--- a/src/tests/__snapshots__/BarChartIcon.html
+++ b/src/tests/__snapshots__/BarChartIcon.html
@@ -1 +1 @@
-<span data-v-4ee63a6e="" class="kui-icon bar-chart-icon" data-testid="kui-icon-wrapper-bar-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ee63a6e="" data-testid="kui-icon-svg-bar-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4ee63a6e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-4ee63a6e="" d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-4ee63a6e="" class="kui-icon bar-chart-icon" data-testid="kui-icon-wrapper-bar-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ee63a6e="" data-testid="kui-icon-svg-bar-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4ee63a6e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4ee63a6e=""><path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BlockquoteIcon.html b/src/tests/__snapshots__/BlockquoteIcon.html
index fe359a30..22d1a67a 100644
--- a/src/tests/__snapshots__/BlockquoteIcon.html
+++ b/src/tests/__snapshots__/BlockquoteIcon.html
@@ -1 +1 @@
-<span data-v-f0c3156b="" class="kui-icon blockquote-icon" data-testid="kui-icon-wrapper-blockquote-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0c3156b="" data-testid="kui-icon-svg-blockquote-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0c3156b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f0c3156b="" d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f0c3156b="" class="kui-icon blockquote-icon" data-testid="kui-icon-wrapper-blockquote-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0c3156b="" data-testid="kui-icon-svg-blockquote-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0c3156b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0c3156b=""><path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BoldIcon.html b/src/tests/__snapshots__/BoldIcon.html
index 75b0d95e..ba60c3a8 100644
--- a/src/tests/__snapshots__/BoldIcon.html
+++ b/src/tests/__snapshots__/BoldIcon.html
@@ -1 +1 @@
-<span data-v-99d29b8f="" class="kui-icon bold-icon" data-testid="kui-icon-wrapper-bold-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99d29b8f="" data-testid="kui-icon-svg-bold-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-99d29b8f="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-99d29b8f="" d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-99d29b8f="" class="kui-icon bold-icon" data-testid="kui-icon-wrapper-bold-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99d29b8f="" data-testid="kui-icon-svg-bold-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-99d29b8f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-99d29b8f=""><path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BookIcon.html b/src/tests/__snapshots__/BookIcon.html
index 45a1da5c..c73dcfbd 100644
--- a/src/tests/__snapshots__/BookIcon.html
+++ b/src/tests/__snapshots__/BookIcon.html
@@ -1 +1 @@
-<span data-v-c1903e79="" class="kui-icon book-icon" data-testid="kui-icon-wrapper-book-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1903e79="" data-testid="kui-icon-svg-book-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1903e79="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c1903e79="" d="M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-c1903e79="" class="kui-icon book-icon" data-testid="kui-icon-wrapper-book-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1903e79="" data-testid="kui-icon-svg-book-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1903e79="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c1903e79=""><path d="M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BotIcon.html b/src/tests/__snapshots__/BotIcon.html
index a8302d88..78cf99a5 100644
--- a/src/tests/__snapshots__/BotIcon.html
+++ b/src/tests/__snapshots__/BotIcon.html
@@ -1 +1 @@
-<span data-v-06f27c64="" class="kui-icon bot-icon" data-testid="kui-icon-wrapper-bot-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06f27c64="" data-testid="kui-icon-svg-bot-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-06f27c64="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-06f27c64="" d="M4 15C3.16667 15 2.45833 14.7083 1.875 14.125C1.29167 13.5417 1 12.8333 1 12C1 11.1667 1.29167 10.4583 1.875 9.875C2.45833 9.29167 3.16667 9 4 9V7C4 6.45 4.19583 5.97917 4.5875 5.5875C4.97917 5.19583 5.45 5 6 5H9C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5H18C18.55 5 19.0208 5.19583 19.4125 5.5875C19.8042 5.97917 20 6.45 20 7V9C20.8333 9 21.5417 9.29167 22.125 9.875C22.7083 10.4583 23 11.1667 23 12C23 12.8333 22.7083 13.5417 22.125 14.125C21.5417 14.7083 20.8333 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V15ZM9 13C9.41667 13 9.77083 12.8542 10.0625 12.5625C10.3542 12.2708 10.5 11.9167 10.5 11.5C10.5 11.0833 10.3542 10.7292 10.0625 10.4375C9.77083 10.1458 9.41667 10 9 10C8.58333 10 8.22917 10.1458 7.9375 10.4375C7.64583 10.7292 7.5 11.0833 7.5 11.5C7.5 11.9167 7.64583 12.2708 7.9375 12.5625C8.22917 12.8542 8.58333 13 9 13ZM15 13C15.4167 13 15.7708 12.8542 16.0625 12.5625C16.3542 12.2708 16.5 11.9167 16.5 11.5C16.5 11.0833 16.3542 10.7292 16.0625 10.4375C15.7708 10.1458 15.4167 10 15 10C14.5833 10 14.2292 10.1458 13.9375 10.4375C13.6458 10.7292 13.5 11.0833 13.5 11.5C13.5 11.9167 13.6458 12.2708 13.9375 12.5625C14.2292 12.8542 14.5833 13 15 13ZM8 17H16V15H8V17ZM6 19H18V7H6V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-06f27c64="" class="kui-icon bot-icon" data-testid="kui-icon-wrapper-bot-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06f27c64="" data-testid="kui-icon-svg-bot-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-06f27c64="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-06f27c64=""><path d="M4 15C3.16667 15 2.45833 14.7083 1.875 14.125C1.29167 13.5417 1 12.8333 1 12C1 11.1667 1.29167 10.4583 1.875 9.875C2.45833 9.29167 3.16667 9 4 9V7C4 6.45 4.19583 5.97917 4.5875 5.5875C4.97917 5.19583 5.45 5 6 5H9C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5H18C18.55 5 19.0208 5.19583 19.4125 5.5875C19.8042 5.97917 20 6.45 20 7V9C20.8333 9 21.5417 9.29167 22.125 9.875C22.7083 10.4583 23 11.1667 23 12C23 12.8333 22.7083 13.5417 22.125 14.125C21.5417 14.7083 20.8333 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V15ZM9 13C9.41667 13 9.77083 12.8542 10.0625 12.5625C10.3542 12.2708 10.5 11.9167 10.5 11.5C10.5 11.0833 10.3542 10.7292 10.0625 10.4375C9.77083 10.1458 9.41667 10 9 10C8.58333 10 8.22917 10.1458 7.9375 10.4375C7.64583 10.7292 7.5 11.0833 7.5 11.5C7.5 11.9167 7.64583 12.2708 7.9375 12.5625C8.22917 12.8542 8.58333 13 9 13ZM15 13C15.4167 13 15.7708 12.8542 16.0625 12.5625C16.3542 12.2708 16.5 11.9167 16.5 11.5C16.5 11.0833 16.3542 10.7292 16.0625 10.4375C15.7708 10.1458 15.4167 10 15 10C14.5833 10 14.2292 10.1458 13.9375 10.4375C13.6458 10.7292 13.5 11.0833 13.5 11.5C13.5 11.9167 13.6458 12.2708 13.9375 12.5625C14.2292 12.8542 14.5833 13 15 13ZM8 17H16V15H8V17ZM6 19H18V7H6V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BrainIcon.html b/src/tests/__snapshots__/BrainIcon.html
index 111229ad..acd55689 100644
--- a/src/tests/__snapshots__/BrainIcon.html
+++ b/src/tests/__snapshots__/BrainIcon.html
@@ -1 +1 @@
-<span data-v-2fad7736="" class="kui-icon brain-icon" data-testid="kui-icon-wrapper-brain-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fad7736="" data-testid="kui-icon-svg-brain-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2fad7736="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-2fad7736="" d="M12.275 15.525C13.4417 15.525 14.4333 15.15 15.25 14.4C16.0667 13.65 16.475 12.7417 16.475 11.675C16.475 10.725 16.1708 9.92083 15.5625 9.2625C14.9542 8.60417 14.2167 8.275 13.35 8.275C12.5667 8.275 11.9042 8.525 11.3625 9.025C10.8208 9.525 10.55 10.1417 10.55 10.875C10.55 11.1917 10.6125 11.5 10.7375 11.8C10.8625 12.1 11.0417 12.375 11.275 12.625L12.7 11.2C12.65 11.1667 12.6125 11.125 12.5875 11.075C12.5625 11.025 12.55 10.9667 12.55 10.9C12.55 10.7167 12.625 10.5708 12.775 10.4625C12.925 10.3542 13.1167 10.3 13.35 10.3C13.6833 10.3 13.9583 10.4375 14.175 10.7125C14.3917 10.9875 14.5 11.3167 14.5 11.7C14.5 12.2167 14.2875 12.6542 13.8625 13.0125C13.4375 13.3708 12.9167 13.55 12.3 13.55C11.5167 13.55 10.8542 13.2333 10.3125 12.6C9.77083 11.9667 9.5 11.1917 9.5 10.275C9.5 9.79167 9.59167 9.32917 9.775 8.8875C9.95833 8.44583 10.2167 8.05833 10.55 7.725L9.125 6.3C8.59167 6.81667 8.18333 7.41667 7.9 8.1C7.61667 8.78333 7.475 9.5 7.475 10.25C7.475 11.7167 7.94167 12.9625 8.875 13.9875C9.80833 15.0125 10.9417 15.525 12.275 15.525ZM6 22V17.7C5.05 16.8333 4.3125 15.8208 3.7875 14.6625C3.2625 13.5042 3 12.2833 3 11C3 8.5 3.875 6.375 5.625 4.625C7.375 2.875 9.5 2 12 2C14.0833 2 15.9292 2.6125 17.5375 3.8375C19.1458 5.0625 20.1917 6.65833 20.675 8.625L21.975 13.75C22.0583 14.0667 22 14.3542 21.8 14.6125C21.6 14.8708 21.3333 15 21 15H19V18C19 18.55 18.8042 19.0208 18.4125 19.4125C18.0208 19.8042 17.55 20 17 20H15V22H13V18H17V13H19.7L18.75 9.125C18.3667 7.60833 17.55 6.375 16.3 5.425C15.05 4.475 13.6167 4 12 4C10.0667 4 8.41667 4.675 7.05 6.025C5.68333 7.375 5 9.01667 5 10.95C5 11.95 5.20417 12.9 5.6125 13.8C6.02083 14.7 6.6 15.5 7.35 16.2L8 16.8V22H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-2fad7736="" class="kui-icon brain-icon" data-testid="kui-icon-wrapper-brain-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fad7736="" data-testid="kui-icon-svg-brain-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2fad7736="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2fad7736=""><path d="M12.275 15.525C13.4417 15.525 14.4333 15.15 15.25 14.4C16.0667 13.65 16.475 12.7417 16.475 11.675C16.475 10.725 16.1708 9.92083 15.5625 9.2625C14.9542 8.60417 14.2167 8.275 13.35 8.275C12.5667 8.275 11.9042 8.525 11.3625 9.025C10.8208 9.525 10.55 10.1417 10.55 10.875C10.55 11.1917 10.6125 11.5 10.7375 11.8C10.8625 12.1 11.0417 12.375 11.275 12.625L12.7 11.2C12.65 11.1667 12.6125 11.125 12.5875 11.075C12.5625 11.025 12.55 10.9667 12.55 10.9C12.55 10.7167 12.625 10.5708 12.775 10.4625C12.925 10.3542 13.1167 10.3 13.35 10.3C13.6833 10.3 13.9583 10.4375 14.175 10.7125C14.3917 10.9875 14.5 11.3167 14.5 11.7C14.5 12.2167 14.2875 12.6542 13.8625 13.0125C13.4375 13.3708 12.9167 13.55 12.3 13.55C11.5167 13.55 10.8542 13.2333 10.3125 12.6C9.77083 11.9667 9.5 11.1917 9.5 10.275C9.5 9.79167 9.59167 9.32917 9.775 8.8875C9.95833 8.44583 10.2167 8.05833 10.55 7.725L9.125 6.3C8.59167 6.81667 8.18333 7.41667 7.9 8.1C7.61667 8.78333 7.475 9.5 7.475 10.25C7.475 11.7167 7.94167 12.9625 8.875 13.9875C9.80833 15.0125 10.9417 15.525 12.275 15.525ZM6 22V17.7C5.05 16.8333 4.3125 15.8208 3.7875 14.6625C3.2625 13.5042 3 12.2833 3 11C3 8.5 3.875 6.375 5.625 4.625C7.375 2.875 9.5 2 12 2C14.0833 2 15.9292 2.6125 17.5375 3.8375C19.1458 5.0625 20.1917 6.65833 20.675 8.625L21.975 13.75C22.0583 14.0667 22 14.3542 21.8 14.6125C21.6 14.8708 21.3333 15 21 15H19V18C19 18.55 18.8042 19.0208 18.4125 19.4125C18.0208 19.8042 17.55 20 17 20H15V22H13V18H17V13H19.7L18.75 9.125C18.3667 7.60833 17.55 6.375 16.3 5.425C15.05 4.475 13.6167 4 12 4C10.0667 4 8.41667 4.675 7.05 6.025C5.68333 7.375 5 9.01667 5 10.95C5 11.95 5.20417 12.9 5.6125 13.8C6.02083 14.7 6.6 15.5 7.35 16.2L8 16.8V22H6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CalIcon.html b/src/tests/__snapshots__/CalIcon.html
index 6979dd94..782676e8 100644
--- a/src/tests/__snapshots__/CalIcon.html
+++ b/src/tests/__snapshots__/CalIcon.html
@@ -1 +1 @@
-<span data-v-bf12f4ed="" class="kui-icon cal-icon" data-testid="kui-icon-wrapper-cal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf12f4ed="" data-testid="kui-icon-svg-cal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf12f4ed="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-bf12f4ed="" d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-bf12f4ed="" class="kui-icon cal-icon" data-testid="kui-icon-wrapper-cal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf12f4ed="" data-testid="kui-icon-svg-cal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf12f4ed="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bf12f4ed=""><path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartAreaIcon.html b/src/tests/__snapshots__/ChartAreaIcon.html
index b51e36e7..7d292974 100644
--- a/src/tests/__snapshots__/ChartAreaIcon.html
+++ b/src/tests/__snapshots__/ChartAreaIcon.html
@@ -1 +1 @@
-<span data-v-968222cb="" class="kui-icon chart-area-icon" data-testid="kui-icon-wrapper-chart-area-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-968222cb="" data-testid="kui-icon-svg-chart-area-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-968222cb="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-968222cb="" d="M2.0498 21L8.4998 12H13.5498L20.9998 3.30002V21H2.0498ZM3.7998 15.175L2.1998 14.025L6.4998 8.00002H11.5498L16.2498 2.52502L17.7498 3.82502L12.4498 10H7.4998L3.7998 15.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-968222cb="" class="kui-icon chart-area-icon" data-testid="kui-icon-wrapper-chart-area-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-968222cb="" data-testid="kui-icon-svg-chart-area-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-968222cb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-968222cb=""><path d="M2.0498 21L8.4998 12H13.5498L20.9998 3.30002V21H2.0498ZM3.7998 15.175L2.1998 14.025L6.4998 8.00002H11.5498L16.2498 2.52502L17.7498 3.82502L12.4498 10H7.4998L3.7998 15.175Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartDataIcon.html b/src/tests/__snapshots__/ChartDataIcon.html
index 4fe961c7..dc49427e 100644
--- a/src/tests/__snapshots__/ChartDataIcon.html
+++ b/src/tests/__snapshots__/ChartDataIcon.html
@@ -1 +1 @@
-<span data-v-9d4251c7="" class="kui-icon chart-data-icon" data-testid="kui-icon-wrapper-chart-data-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d4251c7="" data-testid="kui-icon-svg-chart-data-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9d4251c7="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9d4251c7="" d="M7.4 16L10.45 12.95L12.45 14.95L16 11.425V13H18V8H13V10H14.575L12.45 12.125L10.45 10.125L6 14.6L7.4 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9d4251c7="" class="kui-icon chart-data-icon" data-testid="kui-icon-wrapper-chart-data-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d4251c7="" data-testid="kui-icon-svg-chart-data-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9d4251c7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9d4251c7=""><path d="M7.4 16L10.45 12.95L12.45 14.95L16 11.425V13H18V8H13V10H14.575L12.45 12.125L10.45 10.125L6 14.6L7.4 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartLinesIcon.html b/src/tests/__snapshots__/ChartLinesIcon.html
index fa525185..da9caa00 100644
--- a/src/tests/__snapshots__/ChartLinesIcon.html
+++ b/src/tests/__snapshots__/ChartLinesIcon.html
@@ -1 +1 @@
-<span data-v-434654f5="" class="kui-icon chart-lines-icon" data-testid="kui-icon-wrapper-chart-lines-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-434654f5="" data-testid="kui-icon-svg-chart-lines-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-434654f5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-434654f5="" d="M12 21L5.8 15L3 17V14.55L6 12.4L12.125 18.35L16.3 15H21V17H17L12 21ZM12 12L7.625 7.625L3 11V8.525L7.825 5L12.2 9.375L21 3V5.475L12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-434654f5="" class="kui-icon chart-lines-icon" data-testid="kui-icon-wrapper-chart-lines-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-434654f5="" data-testid="kui-icon-svg-chart-lines-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-434654f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-434654f5=""><path d="M12 21L5.8 15L3 17V14.55L6 12.4L12.125 18.35L16.3 15H21V17H17L12 21ZM12 12L7.625 7.625L3 11V8.525L7.825 5L12.2 9.375L21 3V5.475L12 12Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckCircleIcon.html b/src/tests/__snapshots__/CheckCircleIcon.html
index 539d6769..a496661c 100644
--- a/src/tests/__snapshots__/CheckCircleIcon.html
+++ b/src/tests/__snapshots__/CheckCircleIcon.html
@@ -1 +1 @@
-<span data-v-ea4a7b5c="" class="kui-icon check-circle-icon" data-testid="kui-icon-wrapper-check-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea4a7b5c="" data-testid="kui-icon-svg-check-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea4a7b5c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ea4a7b5c="" d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-ea4a7b5c="" class="kui-icon check-circle-icon" data-testid="kui-icon-wrapper-check-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea4a7b5c="" data-testid="kui-icon-svg-check-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea4a7b5c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea4a7b5c=""><path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckIcon.html b/src/tests/__snapshots__/CheckIcon.html
index e5640c53..85b4712e 100644
--- a/src/tests/__snapshots__/CheckIcon.html
+++ b/src/tests/__snapshots__/CheckIcon.html
@@ -1 +1 @@
-<span data-v-a6bf384d="" class="kui-icon check-icon" data-testid="kui-icon-wrapper-check-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a6bf384d="" data-testid="kui-icon-svg-check-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a6bf384d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-a6bf384d="" d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-a6bf384d="" class="kui-icon check-icon" data-testid="kui-icon-wrapper-check-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a6bf384d="" data-testid="kui-icon-svg-check-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a6bf384d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a6bf384d=""><path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckSmallIcon.html b/src/tests/__snapshots__/CheckSmallIcon.html
index 7ee482c0..0608a794 100644
--- a/src/tests/__snapshots__/CheckSmallIcon.html
+++ b/src/tests/__snapshots__/CheckSmallIcon.html
@@ -1 +1 @@
-<span data-v-1ae0b196="" class="kui-icon check-small-icon" data-testid="kui-icon-wrapper-check-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ae0b196="" data-testid="kui-icon-svg-check-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1ae0b196="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-1ae0b196="" d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-1ae0b196="" class="kui-icon check-small-icon" data-testid="kui-icon-wrapper-check-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ae0b196="" data-testid="kui-icon-svg-check-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1ae0b196="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1ae0b196=""><path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronDownIcon.html b/src/tests/__snapshots__/ChevronDownIcon.html
index 0b72740e..6b981dfa 100644
--- a/src/tests/__snapshots__/ChevronDownIcon.html
+++ b/src/tests/__snapshots__/ChevronDownIcon.html
@@ -1 +1 @@
-<span data-v-70132d72="" class="kui-icon chevron-down-icon" data-testid="kui-icon-wrapper-chevron-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-70132d72="" data-testid="kui-icon-svg-chevron-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-70132d72="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-70132d72="" d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-70132d72="" class="kui-icon chevron-down-icon" data-testid="kui-icon-wrapper-chevron-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-70132d72="" data-testid="kui-icon-svg-chevron-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-70132d72="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-70132d72=""><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronLeftIcon.html b/src/tests/__snapshots__/ChevronLeftIcon.html
index 3b6e8b2d..3aa98bc9 100644
--- a/src/tests/__snapshots__/ChevronLeftIcon.html
+++ b/src/tests/__snapshots__/ChevronLeftIcon.html
@@ -1 +1 @@
-<span data-v-ea48150a="" class="kui-icon chevron-left-icon" data-testid="kui-icon-wrapper-chevron-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea48150a="" data-testid="kui-icon-svg-chevron-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea48150a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ea48150a="" d="M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-ea48150a="" class="kui-icon chevron-left-icon" data-testid="kui-icon-wrapper-chevron-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea48150a="" data-testid="kui-icon-svg-chevron-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea48150a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea48150a=""><path d="M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronRightIcon.html b/src/tests/__snapshots__/ChevronRightIcon.html
index 19983079..8dbc459a 100644
--- a/src/tests/__snapshots__/ChevronRightIcon.html
+++ b/src/tests/__snapshots__/ChevronRightIcon.html
@@ -1 +1 @@
-<span data-v-f268370a="" class="kui-icon chevron-right-icon" data-testid="kui-icon-wrapper-chevron-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f268370a="" data-testid="kui-icon-svg-chevron-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f268370a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f268370a="" d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f268370a="" class="kui-icon chevron-right-icon" data-testid="kui-icon-wrapper-chevron-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f268370a="" data-testid="kui-icon-svg-chevron-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f268370a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f268370a=""><path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronUpIcon.html b/src/tests/__snapshots__/ChevronUpIcon.html
index 0a74c0d5..bbd867c6 100644
--- a/src/tests/__snapshots__/ChevronUpIcon.html
+++ b/src/tests/__snapshots__/ChevronUpIcon.html
@@ -1 +1 @@
-<span data-v-8db12933="" class="kui-icon chevron-up-icon" data-testid="kui-icon-wrapper-chevron-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8db12933="" data-testid="kui-icon-svg-chevron-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8db12933="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8db12933="" d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8db12933="" class="kui-icon chevron-up-icon" data-testid="kui-icon-wrapper-chevron-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8db12933="" data-testid="kui-icon-svg-chevron-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8db12933="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8db12933=""><path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClearIcon.html b/src/tests/__snapshots__/ClearIcon.html
index 2ae5389f..af0731f0 100644
--- a/src/tests/__snapshots__/ClearIcon.html
+++ b/src/tests/__snapshots__/ClearIcon.html
@@ -1 +1 @@
-<span data-v-8341624b="" class="kui-icon clear-icon" data-testid="kui-icon-wrapper-clear-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8341624b="" data-testid="kui-icon-svg-clear-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8341624b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8341624b="" d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8341624b="" class="kui-icon clear-icon" data-testid="kui-icon-wrapper-clear-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8341624b="" data-testid="kui-icon-svg-clear-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8341624b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8341624b=""><path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClipboardIcon.html b/src/tests/__snapshots__/ClipboardIcon.html
index d614a548..ec6b00d6 100644
--- a/src/tests/__snapshots__/ClipboardIcon.html
+++ b/src/tests/__snapshots__/ClipboardIcon.html
@@ -1 +1 @@
-<span data-v-1a647e84="" class="kui-icon clipboard-icon" data-testid="kui-icon-wrapper-clipboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a647e84="" data-testid="kui-icon-svg-clipboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a647e84="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-1a647e84="" d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-1a647e84="" class="kui-icon clipboard-icon" data-testid="kui-icon-wrapper-clipboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a647e84="" data-testid="kui-icon-svg-clipboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a647e84="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1a647e84=""><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClockIcon.html b/src/tests/__snapshots__/ClockIcon.html
index 8327bb14..16abb766 100644
--- a/src/tests/__snapshots__/ClockIcon.html
+++ b/src/tests/__snapshots__/ClockIcon.html
@@ -1 +1 @@
-<span data-v-8dde58e5="" class="kui-icon clock-icon" data-testid="kui-icon-wrapper-clock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dde58e5="" data-testid="kui-icon-svg-clock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8dde58e5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8dde58e5="" d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8dde58e5="" class="kui-icon clock-icon" data-testid="kui-icon-wrapper-clock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dde58e5="" data-testid="kui-icon-svg-clock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8dde58e5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8dde58e5=""><path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloseIcon.html b/src/tests/__snapshots__/CloseIcon.html
index 2195a329..cf26a399 100644
--- a/src/tests/__snapshots__/CloseIcon.html
+++ b/src/tests/__snapshots__/CloseIcon.html
@@ -1 +1 @@
-<span data-v-ee153d28="" class="kui-icon close-icon" data-testid="kui-icon-wrapper-close-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ee153d28="" data-testid="kui-icon-svg-close-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ee153d28="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ee153d28="" d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-ee153d28="" class="kui-icon close-icon" data-testid="kui-icon-wrapper-close-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ee153d28="" data-testid="kui-icon-svg-close-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ee153d28="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ee153d28=""><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudDownloadIcon.html b/src/tests/__snapshots__/CloudDownloadIcon.html
index f123bc5c..5639f0cb 100644
--- a/src/tests/__snapshots__/CloudDownloadIcon.html
+++ b/src/tests/__snapshots__/CloudDownloadIcon.html
@@ -1 +1 @@
-<span data-v-f8ce22e8="" class="kui-icon cloud-download-icon" data-testid="kui-icon-wrapper-cloud-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f8ce22e8="" data-testid="kui-icon-svg-cloud-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f8ce22e8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f8ce22e8="" d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.53333 7.95 6.24167 6.80833 7.375 5.725C8.50833 4.64167 9.71667 4.1 11 4.1C11.55 4.1 12.0208 4.29583 12.4125 4.6875C12.8042 5.07917 13 5.55 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1C9.73333 6.33333 8.75 6.94583 8.05 7.9375C7.35 8.92917 7 9.95 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 10.2 16.8167 9.45417 16.45 8.7625C16.0833 8.07083 15.6 7.48333 15 7V4.675C16.2333 5.25833 17.2083 6.12083 17.925 7.2625C18.6417 8.40417 19 9.65 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f8ce22e8="" class="kui-icon cloud-download-icon" data-testid="kui-icon-wrapper-cloud-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f8ce22e8="" data-testid="kui-icon-svg-cloud-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f8ce22e8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f8ce22e8=""><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.53333 7.95 6.24167 6.80833 7.375 5.725C8.50833 4.64167 9.71667 4.1 11 4.1C11.55 4.1 12.0208 4.29583 12.4125 4.6875C12.8042 5.07917 13 5.55 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1C9.73333 6.33333 8.75 6.94583 8.05 7.9375C7.35 8.92917 7 9.95 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 10.2 16.8167 9.45417 16.45 8.7625C16.0833 8.07083 15.6 7.48333 15 7V4.675C16.2333 5.25833 17.2083 6.12083 17.925 7.2625C18.6417 8.40417 19 9.65 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudIcon.html b/src/tests/__snapshots__/CloudIcon.html
index 3fc59e17..dabc7132 100644
--- a/src/tests/__snapshots__/CloudIcon.html
+++ b/src/tests/__snapshots__/CloudIcon.html
@@ -1 +1 @@
-<span data-v-be4a99a4="" class="kui-icon cloud-icon" data-testid="kui-icon-wrapper-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be4a99a4="" data-testid="kui-icon-svg-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-be4a99a4="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-be4a99a4="" d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-be4a99a4="" class="kui-icon cloud-icon" data-testid="kui-icon-wrapper-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be4a99a4="" data-testid="kui-icon-svg-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-be4a99a4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-be4a99a4=""><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudUploadIcon.html b/src/tests/__snapshots__/CloudUploadIcon.html
index da2917f5..5c646f98 100644
--- a/src/tests/__snapshots__/CloudUploadIcon.html
+++ b/src/tests/__snapshots__/CloudUploadIcon.html
@@ -1 +1 @@
-<span data-v-3f2883af="" class="kui-icon cloud-upload-icon" data-testid="kui-icon-wrapper-cloud-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f2883af="" data-testid="kui-icon-svg-cloud-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f2883af="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-3f2883af="" d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-3f2883af="" class="kui-icon cloud-upload-icon" data-testid="kui-icon-wrapper-cloud-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f2883af="" data-testid="kui-icon-svg-cloud-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f2883af="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3f2883af=""><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CodeIcon.html b/src/tests/__snapshots__/CodeIcon.html
index da1720ae..b2b02d52 100644
--- a/src/tests/__snapshots__/CodeIcon.html
+++ b/src/tests/__snapshots__/CodeIcon.html
@@ -1 +1 @@
-<span data-v-e0cfcce8="" class="kui-icon code-icon" data-testid="kui-icon-wrapper-code-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0cfcce8="" data-testid="kui-icon-svg-code-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e0cfcce8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e0cfcce8="" d="M4.82499 12.025L8.69999 15.9C8.88332 16.0833 8.97499 16.3167 8.97499 16.6C8.97499 16.8833 8.88332 17.1167 8.69999 17.3C8.51665 17.4833 8.28332 17.575 7.99999 17.575C7.71665 17.575 7.48332 17.4833 7.29999 17.3L2.69999 12.7C2.59999 12.6 2.52915 12.4917 2.48749 12.375C2.44582 12.2583 2.42499 12.1333 2.42499 12C2.42499 11.8667 2.44582 11.7417 2.48749 11.625C2.52915 11.5083 2.59999 11.4 2.69999 11.3L7.29999 6.7C7.49999 6.5 7.73749 6.4 8.01249 6.4C8.28749 6.4 8.52499 6.5 8.72499 6.7C8.92499 6.9 9.02499 7.1375 9.02499 7.4125C9.02499 7.6875 8.92499 7.925 8.72499 8.125L4.82499 12.025ZM19.175 11.975L15.3 8.1C15.1167 7.91667 15.025 7.68333 15.025 7.4C15.025 7.11667 15.1167 6.88333 15.3 6.7C15.4833 6.51667 15.7167 6.425 16 6.425C16.2833 6.425 16.5167 6.51667 16.7 6.7L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L16.7 17.3C16.5 17.5 16.2667 17.5958 16 17.5875C15.7333 17.5792 15.5 17.475 15.3 17.275C15.1 17.075 15 16.8375 15 16.5625C15 16.2875 15.1 16.05 15.3 15.85L19.175 11.975Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e0cfcce8="" class="kui-icon code-icon" data-testid="kui-icon-wrapper-code-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0cfcce8="" data-testid="kui-icon-svg-code-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e0cfcce8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e0cfcce8=""><path d="M4.82499 12.025L8.69999 15.9C8.88332 16.0833 8.97499 16.3167 8.97499 16.6C8.97499 16.8833 8.88332 17.1167 8.69999 17.3C8.51665 17.4833 8.28332 17.575 7.99999 17.575C7.71665 17.575 7.48332 17.4833 7.29999 17.3L2.69999 12.7C2.59999 12.6 2.52915 12.4917 2.48749 12.375C2.44582 12.2583 2.42499 12.1333 2.42499 12C2.42499 11.8667 2.44582 11.7417 2.48749 11.625C2.52915 11.5083 2.59999 11.4 2.69999 11.3L7.29999 6.7C7.49999 6.5 7.73749 6.4 8.01249 6.4C8.28749 6.4 8.52499 6.5 8.72499 6.7C8.92499 6.9 9.02499 7.1375 9.02499 7.4125C9.02499 7.6875 8.92499 7.925 8.72499 8.125L4.82499 12.025ZM19.175 11.975L15.3 8.1C15.1167 7.91667 15.025 7.68333 15.025 7.4C15.025 7.11667 15.1167 6.88333 15.3 6.7C15.4833 6.51667 15.7167 6.425 16 6.425C16.2833 6.425 16.5167 6.51667 16.7 6.7L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L16.7 17.3C16.5 17.5 16.2667 17.5958 16 17.5875C15.7333 17.5792 15.5 17.475 15.3 17.275C15.1 17.075 15 16.8375 15 16.5625C15 16.2875 15.1 16.05 15.3 15.85L19.175 11.975Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CodeblockIcon.html b/src/tests/__snapshots__/CodeblockIcon.html
index bcd66e9f..f95623fc 100644
--- a/src/tests/__snapshots__/CodeblockIcon.html
+++ b/src/tests/__snapshots__/CodeblockIcon.html
@@ -1 +1 @@
-<span data-v-5a8ca238="" class="kui-icon codeblock-icon" data-testid="kui-icon-wrapper-codeblock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a8ca238="" data-testid="kui-icon-svg-codeblock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a8ca238="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-5a8ca238="" d="M8.825 12L10.3 10.525C10.5 10.325 10.6 10.0917 10.6 9.825C10.6 9.55833 10.5 9.325 10.3 9.125C10.1 8.925 9.8625 8.825 9.5875 8.825C9.3125 8.825 9.075 8.925 8.875 9.125L6.7 11.3C6.6 11.4 6.52917 11.5083 6.4875 11.625C6.44583 11.7417 6.425 11.8667 6.425 12C6.425 12.1333 6.44583 12.2583 6.4875 12.375C6.52917 12.4917 6.6 12.6 6.7 12.7L8.875 14.875C9.075 15.075 9.3125 15.175 9.5875 15.175C9.8625 15.175 10.1 15.075 10.3 14.875C10.5 14.675 10.6 14.4417 10.6 14.175C10.6 13.9083 10.5 13.675 10.3 13.475L8.825 12ZM15.175 12L13.7 13.475C13.5 13.675 13.4 13.9083 13.4 14.175C13.4 14.4417 13.5 14.675 13.7 14.875C13.9 15.075 14.1375 15.175 14.4125 15.175C14.6875 15.175 14.925 15.075 15.125 14.875L17.3 12.7C17.4 12.6 17.4708 12.4917 17.5125 12.375C17.5542 12.2583 17.575 12.1333 17.575 12C17.575 11.8667 17.5542 11.7417 17.5125 11.625C17.4708 11.5083 17.4 11.4 17.3 11.3L15.125 9.125C15.025 9.025 14.9125 8.95 14.7875 8.9C14.6625 8.85 14.5375 8.825 14.4125 8.825C14.2875 8.825 14.1625 8.85 14.0375 8.9C13.9125 8.95 13.8 9.025 13.7 9.125C13.5 9.325 13.4 9.55833 13.4 9.825C13.4 10.0917 13.5 10.325 13.7 10.525L15.175 12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-5a8ca238="" class="kui-icon codeblock-icon" data-testid="kui-icon-wrapper-codeblock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a8ca238="" data-testid="kui-icon-svg-codeblock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a8ca238="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5a8ca238=""><path d="M8.825 12L10.3 10.525C10.5 10.325 10.6 10.0917 10.6 9.825C10.6 9.55833 10.5 9.325 10.3 9.125C10.1 8.925 9.8625 8.825 9.5875 8.825C9.3125 8.825 9.075 8.925 8.875 9.125L6.7 11.3C6.6 11.4 6.52917 11.5083 6.4875 11.625C6.44583 11.7417 6.425 11.8667 6.425 12C6.425 12.1333 6.44583 12.2583 6.4875 12.375C6.52917 12.4917 6.6 12.6 6.7 12.7L8.875 14.875C9.075 15.075 9.3125 15.175 9.5875 15.175C9.8625 15.175 10.1 15.075 10.3 14.875C10.5 14.675 10.6 14.4417 10.6 14.175C10.6 13.9083 10.5 13.675 10.3 13.475L8.825 12ZM15.175 12L13.7 13.475C13.5 13.675 13.4 13.9083 13.4 14.175C13.4 14.4417 13.5 14.675 13.7 14.875C13.9 15.075 14.1375 15.175 14.4125 15.175C14.6875 15.175 14.925 15.075 15.125 14.875L17.3 12.7C17.4 12.6 17.4708 12.4917 17.5125 12.375C17.5542 12.2583 17.575 12.1333 17.575 12C17.575 11.8667 17.5542 11.7417 17.5125 11.625C17.4708 11.5083 17.4 11.4 17.3 11.3L15.125 9.125C15.025 9.025 14.9125 8.95 14.7875 8.9C14.6625 8.85 14.5375 8.825 14.4125 8.825C14.2875 8.825 14.1625 8.85 14.0375 8.9C13.9125 8.95 13.8 9.025 13.7 9.125C13.5 9.325 13.4 9.55833 13.4 9.825C13.4 10.0917 13.5 10.325 13.7 10.525L15.175 12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CogIcon.html b/src/tests/__snapshots__/CogIcon.html
index 0aa243a1..e365d49a 100644
--- a/src/tests/__snapshots__/CogIcon.html
+++ b/src/tests/__snapshots__/CogIcon.html
@@ -1 +1 @@
-<span data-v-e918e59b="" class="kui-icon cog-icon" data-testid="kui-icon-wrapper-cog-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e918e59b="" data-testid="kui-icon-svg-cog-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e918e59b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e918e59b="" d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e918e59b="" class="kui-icon cog-icon" data-testid="kui-icon-wrapper-cog-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e918e59b="" data-testid="kui-icon-svg-cog-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e918e59b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e918e59b=""><path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CogModeIcon.html b/src/tests/__snapshots__/CogModeIcon.html
index 20f5cf31..a430b159 100644
--- a/src/tests/__snapshots__/CogModeIcon.html
+++ b/src/tests/__snapshots__/CogModeIcon.html
@@ -1 +1 @@
-<span data-v-8360b86d="" class="kui-icon cog-mode-icon" data-testid="kui-icon-wrapper-cog-mode-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8360b86d="" data-testid="kui-icon-svg-cog-mode-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8360b86d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8360b86d="" d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8360b86d="" class="kui-icon cog-mode-icon" data-testid="kui-icon-wrapper-cog-mode-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8360b86d="" data-testid="kui-icon-svg-cog-mode-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8360b86d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8360b86d=""><path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CollapseIcon.html b/src/tests/__snapshots__/CollapseIcon.html
index 990ae36b..e0f6c5b7 100644
--- a/src/tests/__snapshots__/CollapseIcon.html
+++ b/src/tests/__snapshots__/CollapseIcon.html
@@ -1 +1 @@
-<span data-v-60022866="" class="kui-icon collapse-icon" data-testid="kui-icon-wrapper-collapse-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60022866="" data-testid="kui-icon-svg-collapse-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-60022866="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-60022866="" d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-60022866="" class="kui-icon collapse-icon" data-testid="kui-icon-wrapper-collapse-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60022866="" data-testid="kui-icon-svg-collapse-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-60022866="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-60022866=""><path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CollapsePanelIcon.html b/src/tests/__snapshots__/CollapsePanelIcon.html
index f965ecd3..637bfe88 100644
--- a/src/tests/__snapshots__/CollapsePanelIcon.html
+++ b/src/tests/__snapshots__/CollapsePanelIcon.html
@@ -1 +1 @@
-<span data-v-6308f342="" class="kui-icon collapse-panel-icon" data-testid="kui-icon-wrapper-collapse-panel-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6308f342="" data-testid="kui-icon-svg-collapse-panel-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6308f342="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-6308f342="" d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-6308f342="" class="kui-icon collapse-panel-icon" data-testid="kui-icon-wrapper-collapse-panel-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6308f342="" data-testid="kui-icon-svg-collapse-panel-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6308f342="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6308f342=""><path d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ConnectionsIcon.html b/src/tests/__snapshots__/ConnectionsIcon.html
index c5ef1900..a4ab37f2 100644
--- a/src/tests/__snapshots__/ConnectionsIcon.html
+++ b/src/tests/__snapshots__/ConnectionsIcon.html
@@ -1 +1 @@
-<span data-v-9a90e907="" class="kui-icon connections-icon" data-testid="kui-icon-wrapper-connections-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a90e907="" data-testid="kui-icon-svg-connections-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9a90e907="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9a90e907="" fill-rule="evenodd" clip-rule="evenodd" d="M20.999 12H11.999V3H20.999V6.07595V12ZM9.53418 15.5342L9.53418 9L3 9V15.5342H9.53418ZM16.9971 15V20.1989H11.7982L11.7982 15H16.9971Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9a90e907="" class="kui-icon connections-icon" data-testid="kui-icon-wrapper-connections-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a90e907="" data-testid="kui-icon-svg-connections-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9a90e907="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9a90e907=""><path fill-rule="evenodd" clip-rule="evenodd" d="M20.999 12H11.999V3H20.999V6.07595V12ZM9.53418 15.5342L9.53418 9L3 9V15.5342H9.53418ZM16.9971 15V20.1989H11.7982L11.7982 15H16.9971Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CopyIcon.html b/src/tests/__snapshots__/CopyIcon.html
index 6bbc2065..8734021e 100644
--- a/src/tests/__snapshots__/CopyIcon.html
+++ b/src/tests/__snapshots__/CopyIcon.html
@@ -1 +1 @@
-<span data-v-39d7139a="" class="kui-icon copy-icon" data-testid="kui-icon-wrapper-copy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-39d7139a="" data-testid="kui-icon-svg-copy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-39d7139a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-39d7139a="" d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-39d7139a="" class="kui-icon copy-icon" data-testid="kui-icon-wrapper-copy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-39d7139a="" data-testid="kui-icon-svg-copy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-39d7139a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-39d7139a=""><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DangerCircleIcon.html b/src/tests/__snapshots__/DangerCircleIcon.html
index f174b6de..0fedba3a 100644
--- a/src/tests/__snapshots__/DangerCircleIcon.html
+++ b/src/tests/__snapshots__/DangerCircleIcon.html
@@ -1 +1 @@
-<span data-v-cbeb370e="" class="kui-icon danger-circle-icon" data-testid="kui-icon-wrapper-danger-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cbeb370e="" data-testid="kui-icon-svg-danger-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cbeb370e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-cbeb370e="" d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-cbeb370e="" class="kui-icon danger-circle-icon" data-testid="kui-icon-wrapper-danger-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cbeb370e="" data-testid="kui-icon-svg-danger-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cbeb370e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cbeb370e=""><path d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DangerIcon.html b/src/tests/__snapshots__/DangerIcon.html
index db48f634..a3053332 100644
--- a/src/tests/__snapshots__/DangerIcon.html
+++ b/src/tests/__snapshots__/DangerIcon.html
@@ -1 +1 @@
-<span data-v-8823d8a4="" class="kui-icon danger-icon" data-testid="kui-icon-wrapper-danger-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8823d8a4="" data-testid="kui-icon-svg-danger-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8823d8a4="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8823d8a4="" d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8823d8a4="" class="kui-icon danger-icon" data-testid="kui-icon-wrapper-danger-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8823d8a4="" data-testid="kui-icon-svg-danger-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8823d8a4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8823d8a4=""><path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DashboardIcon.html b/src/tests/__snapshots__/DashboardIcon.html
index a361a471..707ea3e6 100644
--- a/src/tests/__snapshots__/DashboardIcon.html
+++ b/src/tests/__snapshots__/DashboardIcon.html
@@ -1 +1 @@
-<span data-v-20dc21f9="" class="kui-icon dashboard-icon" data-testid="kui-icon-wrapper-dashboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-20dc21f9="" data-testid="kui-icon-svg-dashboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-20dc21f9="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-20dc21f9="" d="M10.45 15.5C10.85 15.9 11.3667 16.0958 12 16.0875C12.6333 16.0792 13.1 15.85 13.4 15.4L19 7L10.6 12.6C10.15 12.9 9.9125 13.3583 9.8875 13.975C9.8625 14.5917 10.05 15.1 10.45 15.5ZM12 4C12.9833 4 13.9292 4.1375 14.8375 4.4125C15.7458 4.6875 16.6 5.1 17.4 5.65L15.5 6.85C14.95 6.56667 14.3792 6.35417 13.7875 6.2125C13.1958 6.07083 12.6 6 12 6C9.78333 6 7.89583 6.77917 6.3375 8.3375C4.77917 9.89583 4 11.7833 4 14C4 14.7 4.09583 15.3917 4.2875 16.075C4.47917 16.7583 4.75 17.4 5.1 18H18.9C19.2833 17.3667 19.5625 16.7083 19.7375 16.025C19.9125 15.3417 20 14.6333 20 13.9C20 13.3 19.9292 12.7167 19.7875 12.15C19.6458 11.5833 19.4333 11.0333 19.15 10.5L20.35 8.6C20.85 9.38333 21.2458 10.2167 21.5375 11.1C21.8292 11.9833 21.9833 12.9 22 13.85C22.0167 14.8 21.9083 15.7083 21.675 16.575C21.4417 17.4417 21.1 18.2667 20.65 19.05C20.4667 19.35 20.2167 19.5833 19.9 19.75C19.5833 19.9167 19.25 20 18.9 20H5.1C4.75 20 4.41667 19.9167 4.1 19.75C3.78333 19.5833 3.53333 19.35 3.35 19.05C2.91667 18.3 2.58333 17.5042 2.35 16.6625C2.11667 15.8208 2 14.9333 2 14C2 12.6167 2.2625 11.3208 2.7875 10.1125C3.3125 8.90417 4.02917 7.84583 4.9375 6.9375C5.84583 6.02917 6.90833 5.3125 8.125 4.7875C9.34167 4.2625 10.6333 4 12 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-20dc21f9="" class="kui-icon dashboard-icon" data-testid="kui-icon-wrapper-dashboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-20dc21f9="" data-testid="kui-icon-svg-dashboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-20dc21f9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-20dc21f9=""><path d="M10.45 15.5C10.85 15.9 11.3667 16.0958 12 16.0875C12.6333 16.0792 13.1 15.85 13.4 15.4L19 7L10.6 12.6C10.15 12.9 9.9125 13.3583 9.8875 13.975C9.8625 14.5917 10.05 15.1 10.45 15.5ZM12 4C12.9833 4 13.9292 4.1375 14.8375 4.4125C15.7458 4.6875 16.6 5.1 17.4 5.65L15.5 6.85C14.95 6.56667 14.3792 6.35417 13.7875 6.2125C13.1958 6.07083 12.6 6 12 6C9.78333 6 7.89583 6.77917 6.3375 8.3375C4.77917 9.89583 4 11.7833 4 14C4 14.7 4.09583 15.3917 4.2875 16.075C4.47917 16.7583 4.75 17.4 5.1 18H18.9C19.2833 17.3667 19.5625 16.7083 19.7375 16.025C19.9125 15.3417 20 14.6333 20 13.9C20 13.3 19.9292 12.7167 19.7875 12.15C19.6458 11.5833 19.4333 11.0333 19.15 10.5L20.35 8.6C20.85 9.38333 21.2458 10.2167 21.5375 11.1C21.8292 11.9833 21.9833 12.9 22 13.85C22.0167 14.8 21.9083 15.7083 21.675 16.575C21.4417 17.4417 21.1 18.2667 20.65 19.05C20.4667 19.35 20.2167 19.5833 19.9 19.75C19.5833 19.9167 19.25 20 18.9 20H5.1C4.75 20 4.41667 19.9167 4.1 19.75C3.78333 19.5833 3.53333 19.35 3.35 19.05C2.91667 18.3 2.58333 17.5042 2.35 16.6625C2.11667 15.8208 2 14.9333 2 14C2 12.6167 2.2625 11.3208 2.7875 10.1125C3.3125 8.90417 4.02917 7.84583 4.9375 6.9375C5.84583 6.02917 6.90833 5.3125 8.125 4.7875C9.34167 4.2625 10.6333 4 12 4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DataObjectIcon.html b/src/tests/__snapshots__/DataObjectIcon.html
index e149a737..e51c88d1 100644
--- a/src/tests/__snapshots__/DataObjectIcon.html
+++ b/src/tests/__snapshots__/DataObjectIcon.html
@@ -1 +1 @@
-<span data-v-7018b0ab="" class="kui-icon data-object-icon" data-testid="kui-icon-wrapper-data-object-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7018b0ab="" data-testid="kui-icon-svg-data-object-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7018b0ab="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-7018b0ab="" d="M14 20V18H17C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17V15C18 14.3667 18.1833 13.7917 18.55 13.275C18.9167 12.7583 19.4 12.3917 20 12.175V11.825C19.4 11.6083 18.9167 11.2417 18.55 10.725C18.1833 10.2083 18 9.63333 18 9V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H14V4H17C17.8333 4 18.5417 4.29167 19.125 4.875C19.7083 5.45833 20 6.16667 20 7V9C20 9.28333 20.0958 9.52083 20.2875 9.7125C20.4792 9.90417 20.7167 10 21 10H22V14H21C20.7167 14 20.4792 14.0958 20.2875 14.2875C20.0958 14.4792 20 14.7167 20 15V17C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20H14ZM7 20C6.16667 20 5.45833 19.7083 4.875 19.125C4.29167 18.5417 4 17.8333 4 17V15C4 14.7167 3.90417 14.4792 3.7125 14.2875C3.52083 14.0958 3.28333 14 3 14H2V10H3C3.28333 10 3.52083 9.90417 3.7125 9.7125C3.90417 9.52083 4 9.28333 4 9V7C4 6.16667 4.29167 5.45833 4.875 4.875C5.45833 4.29167 6.16667 4 7 4H10V6H7C6.71667 6 6.47917 6.09583 6.2875 6.2875C6.09583 6.47917 6 6.71667 6 7V9C6 9.63333 5.81667 10.2083 5.45 10.725C5.08333 11.2417 4.6 11.6083 4 11.825V12.175C4.6 12.3917 5.08333 12.7583 5.45 13.275C5.81667 13.7917 6 14.3667 6 15V17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18H10V20H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-7018b0ab="" class="kui-icon data-object-icon" data-testid="kui-icon-wrapper-data-object-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7018b0ab="" data-testid="kui-icon-svg-data-object-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7018b0ab="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7018b0ab=""><path d="M14 20V18H17C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17V15C18 14.3667 18.1833 13.7917 18.55 13.275C18.9167 12.7583 19.4 12.3917 20 12.175V11.825C19.4 11.6083 18.9167 11.2417 18.55 10.725C18.1833 10.2083 18 9.63333 18 9V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H14V4H17C17.8333 4 18.5417 4.29167 19.125 4.875C19.7083 5.45833 20 6.16667 20 7V9C20 9.28333 20.0958 9.52083 20.2875 9.7125C20.4792 9.90417 20.7167 10 21 10H22V14H21C20.7167 14 20.4792 14.0958 20.2875 14.2875C20.0958 14.4792 20 14.7167 20 15V17C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20H14ZM7 20C6.16667 20 5.45833 19.7083 4.875 19.125C4.29167 18.5417 4 17.8333 4 17V15C4 14.7167 3.90417 14.4792 3.7125 14.2875C3.52083 14.0958 3.28333 14 3 14H2V10H3C3.28333 10 3.52083 9.90417 3.7125 9.7125C3.90417 9.52083 4 9.28333 4 9V7C4 6.16667 4.29167 5.45833 4.875 4.875C5.45833 4.29167 6.16667 4 7 4H10V6H7C6.71667 6 6.47917 6.09583 6.2875 6.2875C6.09583 6.47917 6 6.71667 6 7V9C6 9.63333 5.81667 10.2083 5.45 10.725C5.08333 11.2417 4.6 11.6083 4 11.825V12.175C4.6 12.3917 5.08333 12.7583 5.45 13.275C5.81667 13.7917 6 14.3667 6 15V17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18H10V20H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DataReportIcon.html b/src/tests/__snapshots__/DataReportIcon.html
index 5164dc2e..f1b4c2cc 100644
--- a/src/tests/__snapshots__/DataReportIcon.html
+++ b/src/tests/__snapshots__/DataReportIcon.html
@@ -1 +1 @@
-<span data-v-f25bb47c="" class="kui-icon data-report-icon" data-testid="kui-icon-wrapper-data-report-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f25bb47c="" data-testid="kui-icon-svg-data-report-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f25bb47c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f25bb47c="" d="M3 21V19L5 17V21H3ZM7 21V15L9 13V21H7ZM11 21V13L13 15.025V21H11ZM15 21V15.025L17 13.025V21H15ZM19 21V11L21 9V21H19ZM3 15.825V13L10 6L14 10L21 3V5.825L14 12.825L10 8.825L3 15.825Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f25bb47c="" class="kui-icon data-report-icon" data-testid="kui-icon-wrapper-data-report-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f25bb47c="" data-testid="kui-icon-svg-data-report-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f25bb47c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f25bb47c=""><path d="M3 21V19L5 17V21H3ZM7 21V15L9 13V21H7ZM11 21V13L13 15.025V21H11ZM15 21V15.025L17 13.025V21H15ZM19 21V11L21 9V21H19ZM3 15.825V13L10 6L14 10L21 3V5.825L14 12.825L10 8.825L3 15.825Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DecreaseIcon.html b/src/tests/__snapshots__/DecreaseIcon.html
index d56dcea5..83e8c51f 100644
--- a/src/tests/__snapshots__/DecreaseIcon.html
+++ b/src/tests/__snapshots__/DecreaseIcon.html
@@ -1 +1 @@
-<span data-v-ca5184a9="" class="kui-icon decrease-icon" data-testid="kui-icon-wrapper-decrease-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca5184a9="" data-testid="kui-icon-svg-decrease-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ca5184a9="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ca5184a9="" d="M12 15L7 10H17L12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-ca5184a9="" class="kui-icon decrease-icon" data-testid="kui-icon-wrapper-decrease-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca5184a9="" data-testid="kui-icon-svg-decrease-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ca5184a9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ca5184a9=""><path d="M12 15L7 10H17L12 15Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DeployIcon.html b/src/tests/__snapshots__/DeployIcon.html
index caad86d3..a3e3334b 100644
--- a/src/tests/__snapshots__/DeployIcon.html
+++ b/src/tests/__snapshots__/DeployIcon.html
@@ -1 +1 @@
-<span data-v-be1cfb7b="" class="kui-icon deploy-icon" data-testid="kui-icon-wrapper-deploy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be1cfb7b="" data-testid="kui-icon-svg-deploy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-be1cfb7b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-be1cfb7b="" d="M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-be1cfb7b="" class="kui-icon deploy-icon" data-testid="kui-icon-wrapper-deploy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be1cfb7b="" data-testid="kui-icon-svg-deploy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-be1cfb7b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-be1cfb7b=""><path d="M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DevPortalIcon.html b/src/tests/__snapshots__/DevPortalIcon.html
index 06fcd983..074b3f08 100644
--- a/src/tests/__snapshots__/DevPortalIcon.html
+++ b/src/tests/__snapshots__/DevPortalIcon.html
@@ -1 +1 @@
-<span data-v-fc5b2447="" class="kui-icon dev-portal-icon" data-testid="kui-icon-wrapper-dev-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fc5b2447="" data-testid="kui-icon-svg-dev-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fc5b2447="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-fc5b2447="" fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.40002H18.7319L21.5999 5.67602V18.732L18.3239 21.6H5.2679L2.3999 18.324V5.26802L5.6759 2.40002H11.9999ZM16.2719 12C16.3026 12.5793 16.2151 13.1587 16.0146 13.703C15.8141 14.2473 15.5048 14.7451 15.1057 15.166C14.7065 15.5869 14.2258 15.9221 13.6929 16.1512C13.16 16.3802 12.586 16.4984 12.0059 16.4984C11.4258 16.4984 10.8518 16.3802 10.3189 16.1512C9.786 15.9221 9.30531 15.5869 8.90615 15.166C8.507 14.7451 8.19774 14.2473 7.99723 13.703C7.79673 13.1587 7.70917 12.5793 7.7399 12C7.82062 10.9254 8.30446 9.92105 9.09447 9.18815C9.88448 8.45526 10.9223 8.048 11.9999 8.048C13.0775 8.048 14.1153 8.45526 14.9053 9.18815C15.6953 9.92105 16.1792 10.9254 16.2599 12H16.2719Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-fc5b2447="" class="kui-icon dev-portal-icon" data-testid="kui-icon-wrapper-dev-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fc5b2447="" data-testid="kui-icon-svg-dev-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fc5b2447="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fc5b2447=""><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.40002H18.7319L21.5999 5.67602V18.732L18.3239 21.6H5.2679L2.3999 18.324V5.26802L5.6759 2.40002H11.9999ZM16.2719 12C16.3026 12.5793 16.2151 13.1587 16.0146 13.703C15.8141 14.2473 15.5048 14.7451 15.1057 15.166C14.7065 15.5869 14.2258 15.9221 13.6929 16.1512C13.16 16.3802 12.586 16.4984 12.0059 16.4984C11.4258 16.4984 10.8518 16.3802 10.3189 16.1512C9.786 15.9221 9.30531 15.5869 8.90615 15.166C8.507 14.7451 8.19774 14.2473 7.99723 13.703C7.79673 13.1587 7.70917 12.5793 7.7399 12C7.82062 10.9254 8.30446 9.92105 9.09447 9.18815C9.88448 8.45526 10.9223 8.048 11.9999 8.048C13.0775 8.048 14.1153 8.45526 14.9053 9.18815C15.6953 9.92105 16.1792 10.9254 16.2599 12H16.2719Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DisabledIcon.html b/src/tests/__snapshots__/DisabledIcon.html
index 89ebab46..530c3b3a 100644
--- a/src/tests/__snapshots__/DisabledIcon.html
+++ b/src/tests/__snapshots__/DisabledIcon.html
@@ -1 +1 @@
-<span data-v-e860db0b="" class="kui-icon disabled-icon" data-testid="kui-icon-wrapper-disabled-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e860db0b="" data-testid="kui-icon-svg-disabled-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e860db0b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e860db0b="" d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.8542 10.2333 19.5625 9.4C19.2708 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2708 9.4 19.5625C10.2333 19.8542 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72917 14.6 4.4375C13.7667 4.14583 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.14583 13.7667 4.4375 14.6C4.72917 15.4333 5.15 16.2 5.7 16.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e860db0b="" class="kui-icon disabled-icon" data-testid="kui-icon-wrapper-disabled-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e860db0b="" data-testid="kui-icon-svg-disabled-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e860db0b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e860db0b=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.8542 10.2333 19.5625 9.4C19.2708 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2708 9.4 19.5625C10.2333 19.8542 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72917 14.6 4.4375C13.7667 4.14583 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.14583 13.7667 4.4375 14.6C4.72917 15.4333 5.15 16.2 5.7 16.9Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DockerIcon.html b/src/tests/__snapshots__/DockerIcon.html
index 68cae3c2..feaf320a 100644
--- a/src/tests/__snapshots__/DockerIcon.html
+++ b/src/tests/__snapshots__/DockerIcon.html
@@ -1 +1 @@
-<span data-v-ea62b773="" class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea62b773="" data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea62b773="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ea62b773="" d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></svg></span>
\ No newline at end of file
+<span data-v-ea62b773="" class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea62b773="" data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea62b773="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea62b773=""><path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DocumentIcon.html b/src/tests/__snapshots__/DocumentIcon.html
index 79050246..b6928902 100644
--- a/src/tests/__snapshots__/DocumentIcon.html
+++ b/src/tests/__snapshots__/DocumentIcon.html
@@ -1 +1 @@
-<span data-v-548faf8a="" class="kui-icon document-icon" data-testid="kui-icon-wrapper-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-548faf8a="" data-testid="kui-icon-svg-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-548faf8a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-548faf8a="" d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-548faf8a="" class="kui-icon document-icon" data-testid="kui-icon-wrapper-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-548faf8a="" data-testid="kui-icon-svg-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-548faf8a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-548faf8a=""><path d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DocumentListIcon.html b/src/tests/__snapshots__/DocumentListIcon.html
index 4d9b27af..17863af9 100644
--- a/src/tests/__snapshots__/DocumentListIcon.html
+++ b/src/tests/__snapshots__/DocumentListIcon.html
@@ -1 +1 @@
-<span data-v-f5a18630="" class="kui-icon document-list-icon" data-testid="kui-icon-wrapper-document-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f5a18630="" data-testid="kui-icon-svg-document-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f5a18630="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f5a18630="" d="M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f5a18630="" class="kui-icon document-list-icon" data-testid="kui-icon-wrapper-document-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f5a18630="" data-testid="kui-icon-svg-document-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f5a18630="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f5a18630=""><path d="M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DownloadIcon.html b/src/tests/__snapshots__/DownloadIcon.html
index 46476d32..25a2bbf6 100644
--- a/src/tests/__snapshots__/DownloadIcon.html
+++ b/src/tests/__snapshots__/DownloadIcon.html
@@ -1 +1 @@
-<span data-v-349429ea="" class="kui-icon download-icon" data-testid="kui-icon-wrapper-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-349429ea="" data-testid="kui-icon-svg-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-349429ea="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-349429ea="" d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-349429ea="" class="kui-icon download-icon" data-testid="kui-icon-wrapper-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-349429ea="" data-testid="kui-icon-svg-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-349429ea="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-349429ea=""><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DragIcon.html b/src/tests/__snapshots__/DragIcon.html
index 7bfa23a3..887aa540 100644
--- a/src/tests/__snapshots__/DragIcon.html
+++ b/src/tests/__snapshots__/DragIcon.html
@@ -1 +1 @@
-<span data-v-282e46eb="" class="kui-icon drag-icon" data-testid="kui-icon-wrapper-drag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-282e46eb="" data-testid="kui-icon-svg-drag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-282e46eb="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-282e46eb="" d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-282e46eb="" class="kui-icon drag-icon" data-testid="kui-icon-wrapper-drag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-282e46eb="" data-testid="kui-icon-svg-drag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-282e46eb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-282e46eb=""><path d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EditIcon.html b/src/tests/__snapshots__/EditIcon.html
index c0a31e9f..b10ce4c5 100644
--- a/src/tests/__snapshots__/EditIcon.html
+++ b/src/tests/__snapshots__/EditIcon.html
@@ -1 +1 @@
-<span data-v-0aaa9f73="" class="kui-icon edit-icon" data-testid="kui-icon-wrapper-edit-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aaa9f73="" data-testid="kui-icon-svg-edit-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0aaa9f73="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0aaa9f73="" d="M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0aaa9f73="" class="kui-icon edit-icon" data-testid="kui-icon-wrapper-edit-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aaa9f73="" data-testid="kui-icon-svg-edit-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0aaa9f73="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0aaa9f73=""><path d="M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EmailIcon.html b/src/tests/__snapshots__/EmailIcon.html
index c18651ab..dfbf6f0a 100644
--- a/src/tests/__snapshots__/EmailIcon.html
+++ b/src/tests/__snapshots__/EmailIcon.html
@@ -1 +1 @@
-<span data-v-7f2e61c5="" class="kui-icon email-icon" data-testid="kui-icon-wrapper-email-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f2e61c5="" data-testid="kui-icon-svg-email-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7f2e61c5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-7f2e61c5="" d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-7f2e61c5="" class="kui-icon email-icon" data-testid="kui-icon-wrapper-email-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f2e61c5="" data-testid="kui-icon-svg-email-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7f2e61c5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7f2e61c5=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EqualIcon.html b/src/tests/__snapshots__/EqualIcon.html
index 71a54ec4..661065ff 100644
--- a/src/tests/__snapshots__/EqualIcon.html
+++ b/src/tests/__snapshots__/EqualIcon.html
@@ -1 +1 @@
-<span data-v-c29c0c10="" class="kui-icon equal-icon" data-testid="kui-icon-wrapper-equal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c29c0c10="" data-testid="kui-icon-svg-equal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c29c0c10="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c29c0c10="" d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-c29c0c10="" class="kui-icon equal-icon" data-testid="kui-icon-wrapper-equal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c29c0c10="" data-testid="kui-icon-svg-equal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c29c0c10="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c29c0c10=""><path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ExpandIcon.html b/src/tests/__snapshots__/ExpandIcon.html
index 5f9e0bba..49a59b77 100644
--- a/src/tests/__snapshots__/ExpandIcon.html
+++ b/src/tests/__snapshots__/ExpandIcon.html
@@ -1 +1 @@
-<span data-v-391ad3ed="" class="kui-icon expand-icon" data-testid="kui-icon-wrapper-expand-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-391ad3ed="" data-testid="kui-icon-svg-expand-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-391ad3ed="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-391ad3ed="" d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-391ad3ed="" class="kui-icon expand-icon" data-testid="kui-icon-wrapper-expand-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-391ad3ed="" data-testid="kui-icon-svg-expand-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-391ad3ed="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-391ad3ed=""><path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ExternalLinkIcon.html b/src/tests/__snapshots__/ExternalLinkIcon.html
index 91321f6b..31321bb4 100644
--- a/src/tests/__snapshots__/ExternalLinkIcon.html
+++ b/src/tests/__snapshots__/ExternalLinkIcon.html
@@ -1 +1 @@
-<span data-v-88beb056="" class="kui-icon external-link-icon" data-testid="kui-icon-wrapper-external-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88beb056="" data-testid="kui-icon-svg-external-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88beb056="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-88beb056="" d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-88beb056="" class="kui-icon external-link-icon" data-testid="kui-icon-wrapper-external-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88beb056="" data-testid="kui-icon-svg-external-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88beb056="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88beb056=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FeatureRequestIcon.html b/src/tests/__snapshots__/FeatureRequestIcon.html
index d50fb69f..442eddb9 100644
--- a/src/tests/__snapshots__/FeatureRequestIcon.html
+++ b/src/tests/__snapshots__/FeatureRequestIcon.html
@@ -1 +1 @@
-<span data-v-55898368="" class="kui-icon feature-request-icon" data-testid="kui-icon-wrapper-feature-request-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55898368="" data-testid="kui-icon-svg-feature-request-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-55898368="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-55898368="" d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-55898368="" class="kui-icon feature-request-icon" data-testid="kui-icon-wrapper-feature-request-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55898368="" data-testid="kui-icon-svg-feature-request-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-55898368="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-55898368=""><path d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FeedbackIcon.html b/src/tests/__snapshots__/FeedbackIcon.html
index f3d1ac1c..47efdc05 100644
--- a/src/tests/__snapshots__/FeedbackIcon.html
+++ b/src/tests/__snapshots__/FeedbackIcon.html
@@ -1 +1 @@
-<span data-v-ca92c17e="" class="kui-icon feedback-icon" data-testid="kui-icon-wrapper-feedback-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca92c17e="" data-testid="kui-icon-svg-feedback-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ca92c17e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ca92c17e="" d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-ca92c17e="" class="kui-icon feedback-icon" data-testid="kui-icon-wrapper-feedback-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca92c17e="" data-testid="kui-icon-svg-feedback-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ca92c17e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ca92c17e=""><path d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FileEmptyIcon.html b/src/tests/__snapshots__/FileEmptyIcon.html
index 0d6a1d18..490787b0 100644
--- a/src/tests/__snapshots__/FileEmptyIcon.html
+++ b/src/tests/__snapshots__/FileEmptyIcon.html
@@ -1 +1 @@
-<span data-v-f163d922="" class="kui-icon file-empty-icon" data-testid="kui-icon-wrapper-file-empty-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f163d922="" data-testid="kui-icon-svg-file-empty-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f163d922="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f163d922="" d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f163d922="" class="kui-icon file-empty-icon" data-testid="kui-icon-wrapper-file-empty-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f163d922="" data-testid="kui-icon-svg-file-empty-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f163d922="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f163d922=""><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FilterIcon.html b/src/tests/__snapshots__/FilterIcon.html
index 4a972234..d11e5df1 100644
--- a/src/tests/__snapshots__/FilterIcon.html
+++ b/src/tests/__snapshots__/FilterIcon.html
@@ -1 +1 @@
-<span data-v-55956c00="" class="kui-icon filter-icon" data-testid="kui-icon-wrapper-filter-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55956c00="" data-testid="kui-icon-svg-filter-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-55956c00="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-55956c00="" d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-55956c00="" class="kui-icon filter-icon" data-testid="kui-icon-wrapper-filter-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55956c00="" data-testid="kui-icon-svg-filter-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-55956c00="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-55956c00=""><path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAdIcon.html b/src/tests/__snapshots__/FlagAdIcon.html
index 0ec85fc9..17ba6482 100644
--- a/src/tests/__snapshots__/FlagAdIcon.html
+++ b/src/tests/__snapshots__/FlagAdIcon.html
@@ -1 +1,13 @@
-<span data-v-0f127b7c="" class="kui-icon flag-ad-icon" data-testid="kui-icon-wrapper-flag-ad-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0f127b7c="" data-testid="kui-icon-svg-flag-ad-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0f127b7c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-0f127b7c="" clip-path="url(#clip0_1_2254)"><path data-v-0f127b7c="" d="M6.78262 22.8093C8.36025 23.5721 10.1301 24 12 24C13.8699 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072C15.6397 0.427875 13.8699 0 12 0C10.1301 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093Z" fill="#FFDA44"></path><path data-v-0f127b7c="" d="M17.2174 22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2174 1.19092V22.8086Z" fill="#D80027"></path><path data-v-0f127b7c="" d="M6.78262 22.8086V1.19092C2.76867 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76867 20.8677 6.78262 22.8086Z" fill="#0052B4"></path><path data-v-0f127b7c="" d="M12 16.1739C12 14.259 12 12 12 12H15.1305V13.5652C15.1305 13.8371 14.6087 14.8335 13.3209 15.6522C12.8332 15.9623 12.3283 16.062 12 16.1739Z" fill="#D80027"></path><path data-v-0f127b7c="" d="M8.86955 8.86963H12V12.0001H8.86955V8.86963Z" fill="#D80027"></path><path data-v-0f127b7c="" d="M13.5652 7.8262C13.5652 7.24987 13.098 6.78271 12.5217 6.78271C12.3314 6.78271 12.1536 6.83446 12 6.92343C11.8464 6.83446 11.6686 6.78271 11.4783 6.78271C10.902 6.78271 10.4348 7.24987 10.4348 7.8262H7.82611V13.0435C7.82611 14.9858 9.36858 16.1091 10.5782 16.6914C10.4877 16.846 10.4348 17.0254 10.4348 17.2175C10.4348 17.7938 10.902 18.261 11.4783 18.261C11.6686 18.261 11.8464 18.2092 12 18.1203C12.1536 18.2092 12.3314 18.261 12.5217 18.261C13.098 18.261 13.5652 17.7938 13.5652 17.2175C13.5652 17.0254 13.5123 16.846 13.4218 16.6914C14.6314 16.1091 16.1739 14.9859 16.1739 13.0435V7.8262H13.5652ZM14.6087 13.0435C14.6087 13.3154 14.6087 14.1428 13.3209 14.9616C12.8332 15.2717 12.3283 15.4728 12 15.5846C11.6717 15.4728 11.1668 15.2717 10.6791 14.9616C9.39131 14.1428 9.39131 13.3154 9.39131 13.0435V9.3914H14.6087V13.0435Z" fill="#FF9811"></path></g><defs data-v-0f127b7c=""><clipPath data-v-0f127b7c="" id="clip0_1_2254"><rect data-v-0f127b7c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-0f127b7c="" class="kui-icon flag-ad-icon" data-testid="kui-icon-wrapper-flag-ad-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0f127b7c="" data-testid="kui-icon-svg-flag-ad-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0f127b7c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0f127b7c=""><g clip-path="url(#clip0_1_2254)">
+<path d="M6.78262 22.8093C8.36025 23.5721 10.1301 24 12 24C13.8699 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072C15.6397 0.427875 13.8699 0 12 0C10.1301 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093Z" fill="#FFDA44"></path>
+<path d="M17.2174 22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2174 1.19092V22.8086Z" fill="#D80027"></path>
+<path d="M6.78262 22.8086V1.19092C2.76867 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76867 20.8677 6.78262 22.8086Z" fill="#0052B4"></path>
+<path d="M12 16.1739C12 14.259 12 12 12 12H15.1305V13.5652C15.1305 13.8371 14.6087 14.8335 13.3209 15.6522C12.8332 15.9623 12.3283 16.062 12 16.1739Z" fill="#D80027"></path>
+<path d="M8.86955 8.86963H12V12.0001H8.86955V8.86963Z" fill="#D80027"></path>
+<path d="M13.5652 7.8262C13.5652 7.24987 13.098 6.78271 12.5217 6.78271C12.3314 6.78271 12.1536 6.83446 12 6.92343C11.8464 6.83446 11.6686 6.78271 11.4783 6.78271C10.902 6.78271 10.4348 7.24987 10.4348 7.8262H7.82611V13.0435C7.82611 14.9858 9.36858 16.1091 10.5782 16.6914C10.4877 16.846 10.4348 17.0254 10.4348 17.2175C10.4348 17.7938 10.902 18.261 11.4783 18.261C11.6686 18.261 11.8464 18.2092 12 18.1203C12.1536 18.2092 12.3314 18.261 12.5217 18.261C13.098 18.261 13.5652 17.7938 13.5652 17.2175C13.5652 17.0254 13.5123 16.846 13.4218 16.6914C14.6314 16.1091 16.1739 14.9859 16.1739 13.0435V7.8262H13.5652ZM14.6087 13.0435C14.6087 13.3154 14.6087 14.1428 13.3209 14.9616C12.8332 15.2717 12.3283 15.4728 12 15.5846C11.6717 15.4728 11.1668 15.2717 10.6791 14.9616C9.39131 14.1428 9.39131 13.3154 9.39131 13.0435V9.3914H14.6087V13.0435Z" fill="#FF9811"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2254">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAeIcon.html b/src/tests/__snapshots__/FlagAeIcon.html
index e5381701..c19ecce8 100644
--- a/src/tests/__snapshots__/FlagAeIcon.html
+++ b/src/tests/__snapshots__/FlagAeIcon.html
@@ -1 +1,11 @@
-<span data-v-02a06d80="" class="kui-icon flag-ae-icon" data-testid="kui-icon-wrapper-flag-ae-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-02a06d80="" data-testid="kui-icon-svg-flag-ae-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-02a06d80="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-02a06d80="" clip-path="url(#clip0_247_6279)"><path data-v-02a06d80="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-02a06d80="" d="M6.78271 16.1739L7.8262 23.2537C9.12614 23.7361 10.5322 24 12.0001 24C17.1596 24 21.5582 20.7435 23.2537 16.1739H6.78271Z" fill="black"></path><path data-v-02a06d80="" d="M6.78271 7.82611L7.8262 0.746297C9.12614 0.263906 10.5322 0 12.0001 0C17.1596 0 21.5582 3.2565 23.2537 7.82611H6.78271Z" fill="#6DA544"></path><path data-v-02a06d80="" d="M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746399C3.25655 2.44191 0 6.84043 0 12Z" fill="#A2001D"></path></g><defs data-v-02a06d80=""><clipPath data-v-02a06d80="" id="clip0_247_6279"><rect data-v-02a06d80="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-02a06d80="" class="kui-icon flag-ae-icon" data-testid="kui-icon-wrapper-flag-ae-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-02a06d80="" data-testid="kui-icon-svg-flag-ae-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-02a06d80="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-02a06d80=""><g clip-path="url(#clip0_247_6279)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M6.78271 16.1739L7.8262 23.2537C9.12614 23.7361 10.5322 24 12.0001 24C17.1596 24 21.5582 20.7435 23.2537 16.1739H6.78271Z" fill="black"></path>
+<path d="M6.78271 7.82611L7.8262 0.746297C9.12614 0.263906 10.5322 0 12.0001 0C17.1596 0 21.5582 3.2565 23.2537 7.82611H6.78271Z" fill="#6DA544"></path>
+<path d="M0 12C0 17.1596 3.25655 21.5581 7.82611 23.2536V0.746399C3.25655 2.44191 0 6.84043 0 12Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6279">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAfIcon.html b/src/tests/__snapshots__/FlagAfIcon.html
index 8482206e..423095a1 100644
--- a/src/tests/__snapshots__/FlagAfIcon.html
+++ b/src/tests/__snapshots__/FlagAfIcon.html
@@ -1 +1,12 @@
-<span data-v-387b2aca="" class="kui-icon flag-af-icon" data-testid="kui-icon-wrapper-flag-af-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-387b2aca="" data-testid="kui-icon-svg-flag-af-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-387b2aca="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-387b2aca="" clip-path="url(#clip0_1_2249)"><path data-v-387b2aca="" d="M17.2174 1.19072C15.6398 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78263 1.19072L5.73914 12L6.78263 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6398 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path><path data-v-387b2aca="" d="M6.78262 1.19092C2.76872 3.13187 0 7.24229 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="black"></path><path data-v-387b2aca="" d="M17.2174 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13187 17.2174 1.19092Z" fill="#496E2D"></path><path data-v-387b2aca="" d="M12 7.82617C9.69478 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617ZM12 14.6088C10.5593 14.6088 9.39131 13.4408 9.39131 12.0001C9.39131 10.5594 10.5593 9.39138 12 9.39138C13.4407 9.39138 14.6087 10.5594 14.6087 12.0001C14.6087 13.4408 13.4408 14.6088 12 14.6088Z" fill="#FFDA44"></path><path data-v-387b2aca="" d="M12 10.4351C11.4237 10.4351 10.9565 10.9022 10.9565 11.4785V13.0437H13.0435V11.4785C13.0435 10.9022 12.5763 10.4351 12 10.4351V10.4351Z" fill="#FFDA44"></path></g><defs data-v-387b2aca=""><clipPath data-v-387b2aca="" id="clip0_1_2249"><rect data-v-387b2aca="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-387b2aca="" class="kui-icon flag-af-icon" data-testid="kui-icon-wrapper-flag-af-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-387b2aca="" data-testid="kui-icon-svg-flag-af-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-387b2aca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-387b2aca=""><g clip-path="url(#clip0_1_2249)">
+<path d="M17.2174 1.19072C15.6398 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78263 1.19072L5.73914 12L6.78263 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6398 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path>
+<path d="M6.78262 1.19092C2.76872 3.13187 0 7.24229 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="black"></path>
+<path d="M17.2174 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13187 17.2174 1.19092Z" fill="#496E2D"></path>
+<path d="M12 7.82617C9.69478 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617ZM12 14.6088C10.5593 14.6088 9.39131 13.4408 9.39131 12.0001C9.39131 10.5594 10.5593 9.39138 12 9.39138C13.4407 9.39138 14.6087 10.5594 14.6087 12.0001C14.6087 13.4408 13.4408 14.6088 12 14.6088Z" fill="#FFDA44"></path>
+<path d="M12 10.4351C11.4237 10.4351 10.9565 10.9022 10.9565 11.4785V13.0437H13.0435V11.4785C13.0435 10.9022 12.5763 10.4351 12 10.4351V10.4351Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2249">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAgIcon.html b/src/tests/__snapshots__/FlagAgIcon.html
index 7571223f..be424bb5 100644
--- a/src/tests/__snapshots__/FlagAgIcon.html
+++ b/src/tests/__snapshots__/FlagAgIcon.html
@@ -1 +1,13 @@
-<span data-v-b6efd573="" class="kui-icon flag-ag-icon" data-testid="kui-icon-wrapper-flag-ag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6efd573="" data-testid="kui-icon-svg-flag-ag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b6efd573="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b6efd573="" clip-path="url(#clip0_1_2257)"><path data-v-b6efd573="" d="M0 12.0001C0 12.822 0.082875 13.6246 0.240328 14.4001L12 15.1305L23.7597 14.4001C23.9172 13.6246 24 12.822 24 12.0001C24 11.1781 23.9171 10.3755 23.7597 9.60008L12 8.86963L0.240328 9.60008C0.082875 10.3755 0 11.1781 0 12.0001H0Z" fill="#0052B4"></path><path data-v-b6efd573="" d="M23.7597 14.3999H0.240326C1.35215 19.8772 6.19458 23.9999 12 23.9999C17.8054 23.9999 22.6478 19.8772 23.7597 14.3999Z" fill="#F0F0F0"></path><path data-v-b6efd573="" d="M0.240326 9.6H23.7598C22.6478 4.12266 17.8055 0 12 0C6.19448 0 1.35215 4.12266 0.240326 9.6V9.6Z" fill="black"></path><path data-v-b6efd573="" d="M17.2174 9.59998H6.78262L8.9145 8.59714L7.77923 6.53253L10.0942 6.97527L10.3876 4.63672L12 6.35675L13.6125 4.63672L13.9057 6.97527L16.2208 6.53253L15.0856 8.59723L17.2174 9.59998Z" fill="#FFDA44"></path><path data-v-b6efd573="" d="M0 12.0002C0 18.6276 5.37262 24.0002 12 24.0002L2.39981 4.7998C0.893062 6.80554 0 9.29849 0 12.0002Z" fill="#A2001D"></path><path data-v-b6efd573="" d="M12 24.0002C18.6274 24.0002 24 18.6276 24 12.0002C24 9.29849 23.1069 6.80554 21.6002 4.7998L12 24.0002Z" fill="#A2001D"></path></g><defs data-v-b6efd573=""><clipPath data-v-b6efd573="" id="clip0_1_2257"><rect data-v-b6efd573="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b6efd573="" class="kui-icon flag-ag-icon" data-testid="kui-icon-wrapper-flag-ag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6efd573="" data-testid="kui-icon-svg-flag-ag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b6efd573="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b6efd573=""><g clip-path="url(#clip0_1_2257)">
+<path d="M0 12.0001C0 12.822 0.082875 13.6246 0.240328 14.4001L12 15.1305L23.7597 14.4001C23.9172 13.6246 24 12.822 24 12.0001C24 11.1781 23.9171 10.3755 23.7597 9.60008L12 8.86963L0.240328 9.60008C0.082875 10.3755 0 11.1781 0 12.0001H0Z" fill="#0052B4"></path>
+<path d="M23.7597 14.3999H0.240326C1.35215 19.8772 6.19458 23.9999 12 23.9999C17.8054 23.9999 22.6478 19.8772 23.7597 14.3999Z" fill="#F0F0F0"></path>
+<path d="M0.240326 9.6H23.7598C22.6478 4.12266 17.8055 0 12 0C6.19448 0 1.35215 4.12266 0.240326 9.6V9.6Z" fill="black"></path>
+<path d="M17.2174 9.59998H6.78262L8.9145 8.59714L7.77923 6.53253L10.0942 6.97527L10.3876 4.63672L12 6.35675L13.6125 4.63672L13.9057 6.97527L16.2208 6.53253L15.0856 8.59723L17.2174 9.59998Z" fill="#FFDA44"></path>
+<path d="M0 12.0002C0 18.6276 5.37262 24.0002 12 24.0002L2.39981 4.7998C0.893062 6.80554 0 9.29849 0 12.0002Z" fill="#A2001D"></path>
+<path d="M12 24.0002C18.6274 24.0002 24 18.6276 24 12.0002C24 9.29849 23.1069 6.80554 21.6002 4.7998L12 24.0002Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2257">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAiIcon.html b/src/tests/__snapshots__/FlagAiIcon.html
index ce7292f1..5f0f0884 100644
--- a/src/tests/__snapshots__/FlagAiIcon.html
+++ b/src/tests/__snapshots__/FlagAiIcon.html
@@ -1 +1,17 @@
-<span data-v-222a1002="" class="kui-icon flag-ai-icon" data-testid="kui-icon-wrapper-flag-ai-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-222a1002="" data-testid="kui-icon-svg-flag-ai-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-222a1002="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-222a1002="" clip-path="url(#clip0_1_2256)"><path data-v-222a1002="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-222a1002="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-222a1002="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-222a1002="" d="M6.07101 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z" fill="#D80027"></path><path data-v-222a1002="" d="M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path><path data-v-222a1002="" d="M20.294 13.7564C20.6391 13.2816 20.8695 12.7019 20.8695 11.9998V6.78241C20.4335 7.10998 19.8916 7.30413 19.3043 7.30413C18.4509 7.30413 17.6933 6.8943 17.2174 6.26074C16.7414 6.8943 15.9838 7.30413 15.1304 7.30413C14.5431 7.30413 14.0012 7.10993 13.5652 6.78251V11.9998C13.5652 12.7019 13.7957 13.2816 14.1407 13.7564H20.294Z" fill="#F3F3F3"></path><path data-v-222a1002="" d="M19.2087 11.0324C19.3748 10.6271 19.504 10.0347 19.504 9.73995C19.504 9.26628 18.8865 8.88232 18.8865 8.88232C18.8865 8.88232 18.2689 9.26628 18.2689 9.73995C18.2689 10.0348 18.3982 10.6272 18.5642 11.0324L18.2077 11.8373C18.4172 11.9225 18.6463 11.9698 18.8865 11.9698C19.1267 11.9698 19.3557 11.9224 19.5653 11.8373L19.2087 11.0324Z" fill="#FF9811"></path><path data-v-222a1002="" d="M16.795 8.42598C16.3612 8.48477 15.7835 8.66922 15.5282 8.81659C15.118 9.05345 15.0942 9.78016 15.0942 9.78016C15.0942 9.78016 15.7356 10.123 16.1457 9.88614C16.4011 9.73872 16.8494 9.33072 17.1172 8.98422L17.9926 8.89047C17.9617 8.6665 17.888 8.44445 17.768 8.23647C17.6478 8.02848 17.4924 7.85373 17.3138 7.71484L16.795 8.42598Z" fill="#FF9811"></path><path data-v-222a1002="" d="M15.7449 11.8192C16.0127 12.1655 16.4612 12.5735 16.7166 12.721C17.1268 12.9578 17.7681 12.6151 17.7681 12.6151C17.7681 12.6151 17.7442 11.8883 17.3341 11.6514C17.0786 11.504 16.5011 11.3197 16.0671 11.261L15.5483 10.5498C15.3698 10.6886 15.2144 10.8635 15.0942 11.0713C14.9742 11.2794 14.9007 11.5013 14.8696 11.7254L15.7449 11.8192Z" fill="#FF9811"></path><path data-v-222a1002="" d="M14.0117 13.5654C14.9861 15.1289 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 19.4487 15.1289 20.4232 13.5654H14.0117Z" fill="#338AF3"></path></g><defs data-v-222a1002=""><clipPath data-v-222a1002="" id="clip0_1_2256"><rect data-v-222a1002="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-222a1002="" class="kui-icon flag-ai-icon" data-testid="kui-icon-wrapper-flag-ai-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-222a1002="" data-testid="kui-icon-svg-flag-ai-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-222a1002="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-222a1002=""><g clip-path="url(#clip0_1_2256)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07101 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z" fill="#D80027"></path>
+<path d="M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path>
+<path d="M20.294 13.7564C20.6391 13.2816 20.8695 12.7019 20.8695 11.9998V6.78241C20.4335 7.10998 19.8916 7.30413 19.3043 7.30413C18.4509 7.30413 17.6933 6.8943 17.2174 6.26074C16.7414 6.8943 15.9838 7.30413 15.1304 7.30413C14.5431 7.30413 14.0012 7.10993 13.5652 6.78251V11.9998C13.5652 12.7019 13.7957 13.2816 14.1407 13.7564H20.294Z" fill="#F3F3F3"></path>
+<path d="M19.2087 11.0324C19.3748 10.6271 19.504 10.0347 19.504 9.73995C19.504 9.26628 18.8865 8.88232 18.8865 8.88232C18.8865 8.88232 18.2689 9.26628 18.2689 9.73995C18.2689 10.0348 18.3982 10.6272 18.5642 11.0324L18.2077 11.8373C18.4172 11.9225 18.6463 11.9698 18.8865 11.9698C19.1267 11.9698 19.3557 11.9224 19.5653 11.8373L19.2087 11.0324Z" fill="#FF9811"></path>
+<path d="M16.795 8.42598C16.3612 8.48477 15.7835 8.66922 15.5282 8.81659C15.118 9.05345 15.0942 9.78016 15.0942 9.78016C15.0942 9.78016 15.7356 10.123 16.1457 9.88614C16.4011 9.73872 16.8494 9.33072 17.1172 8.98422L17.9926 8.89047C17.9617 8.6665 17.888 8.44445 17.768 8.23647C17.6478 8.02848 17.4924 7.85373 17.3138 7.71484L16.795 8.42598Z" fill="#FF9811"></path>
+<path d="M15.7449 11.8192C16.0127 12.1655 16.4612 12.5735 16.7166 12.721C17.1268 12.9578 17.7681 12.6151 17.7681 12.6151C17.7681 12.6151 17.7442 11.8883 17.3341 11.6514C17.0786 11.504 16.5011 11.3197 16.0671 11.261L15.5483 10.5498C15.3698 10.6886 15.2144 10.8635 15.0942 11.0713C14.9742 11.2794 14.9007 11.5013 14.8696 11.7254L15.7449 11.8192Z" fill="#FF9811"></path>
+<path d="M14.0117 13.5654C14.9861 15.1289 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 19.4487 15.1289 20.4232 13.5654H14.0117Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2256">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAlIcon.html b/src/tests/__snapshots__/FlagAlIcon.html
index 0a114524..b77fc6bc 100644
--- a/src/tests/__snapshots__/FlagAlIcon.html
+++ b/src/tests/__snapshots__/FlagAlIcon.html
@@ -1 +1,9 @@
-<span data-v-7825d941="" class="kui-icon flag-al-icon" data-testid="kui-icon-wrapper-flag-al-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7825d941="" data-testid="kui-icon-svg-flag-al-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7825d941="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7825d941="" clip-path="url(#clip0_1_2251)"><path data-v-7825d941="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-7825d941="" d="M18.7826 8.90651H14.4361C14.7044 8.62554 14.8695 8.24515 14.8695 7.82595C14.8695 6.96152 14.1688 6.26074 13.3043 6.26074C12.7598 6.26074 12.2804 6.53899 12 6.96091C11.7196 6.53899 11.2402 6.26074 10.6957 6.26074C9.83123 6.26074 9.13045 6.96152 9.13045 7.82595C9.13045 8.24515 9.29559 8.62559 9.56391 8.90651H5.21742C5.21742 10.0591 6.22134 10.9934 7.37386 10.9934H7.3043C7.3043 12.1461 8.23866 13.0804 9.39131 13.0804C9.39131 13.4538 9.4897 13.8037 9.66145 14.1067L7.93036 15.8379L9.25852 17.1659L11.1425 15.282C11.2163 15.309 11.2927 15.3307 11.3715 15.3455L10.233 17.9159L12 19.8259L13.767 17.9158L12.6285 15.3454C12.7074 15.3306 12.7837 15.309 12.8575 15.2819L14.7415 17.1658L16.0696 15.8377L14.3385 14.1066C14.5103 13.8036 14.6087 13.4536 14.6087 13.0803C15.7613 13.0803 16.6957 12.146 16.6957 10.9933H16.6261C17.7787 10.9934 18.7826 10.0591 18.7826 8.90651V8.90651Z" fill="black"></path></g><defs data-v-7825d941=""><clipPath data-v-7825d941="" id="clip0_1_2251"><rect data-v-7825d941="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7825d941="" class="kui-icon flag-al-icon" data-testid="kui-icon-wrapper-flag-al-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7825d941="" data-testid="kui-icon-svg-flag-al-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7825d941="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7825d941=""><g clip-path="url(#clip0_1_2251)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M18.7826 8.90651H14.4361C14.7044 8.62554 14.8695 8.24515 14.8695 7.82595C14.8695 6.96152 14.1688 6.26074 13.3043 6.26074C12.7598 6.26074 12.2804 6.53899 12 6.96091C11.7196 6.53899 11.2402 6.26074 10.6957 6.26074C9.83123 6.26074 9.13045 6.96152 9.13045 7.82595C9.13045 8.24515 9.29559 8.62559 9.56391 8.90651H5.21742C5.21742 10.0591 6.22134 10.9934 7.37386 10.9934H7.3043C7.3043 12.1461 8.23866 13.0804 9.39131 13.0804C9.39131 13.4538 9.4897 13.8037 9.66145 14.1067L7.93036 15.8379L9.25852 17.1659L11.1425 15.282C11.2163 15.309 11.2927 15.3307 11.3715 15.3455L10.233 17.9159L12 19.8259L13.767 17.9158L12.6285 15.3454C12.7074 15.3306 12.7837 15.309 12.8575 15.2819L14.7415 17.1658L16.0696 15.8377L14.3385 14.1066C14.5103 13.8036 14.6087 13.4536 14.6087 13.0803C15.7613 13.0803 16.6957 12.146 16.6957 10.9933H16.6261C17.7787 10.9934 18.7826 10.0591 18.7826 8.90651V8.90651Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2251">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAmIcon.html b/src/tests/__snapshots__/FlagAmIcon.html
index c4a8386e..c50af057 100644
--- a/src/tests/__snapshots__/FlagAmIcon.html
+++ b/src/tests/__snapshots__/FlagAmIcon.html
@@ -1 +1,10 @@
-<span data-v-35cd71f0="" class="kui-icon flag-am-icon" data-testid="kui-icon-wrapper-flag-am-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35cd71f0="" data-testid="kui-icon-svg-flag-am-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35cd71f0="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-35cd71f0="" clip-path="url(#clip0_1_2259)"><path data-v-35cd71f0="" d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#0052B4"></path><path data-v-35cd71f0="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#FF9811"></path><path data-v-35cd71f0="" d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#D80027"></path></g><defs data-v-35cd71f0=""><clipPath data-v-35cd71f0="" id="clip0_1_2259"><rect data-v-35cd71f0="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-35cd71f0="" class="kui-icon flag-am-icon" data-testid="kui-icon-wrapper-flag-am-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35cd71f0="" data-testid="kui-icon-svg-flag-am-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35cd71f0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-35cd71f0=""><g clip-path="url(#clip0_1_2259)">
+<path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#0052B4"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#FF9811"></path>
+<path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2259">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAoIcon.html b/src/tests/__snapshots__/FlagAoIcon.html
index 41f48e79..9330d407 100644
--- a/src/tests/__snapshots__/FlagAoIcon.html
+++ b/src/tests/__snapshots__/FlagAoIcon.html
@@ -1 +1,12 @@
-<span data-v-f40cb6c2="" class="kui-icon flag-ao-icon" data-testid="kui-icon-wrapper-flag-ao-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f40cb6c2="" data-testid="kui-icon-svg-flag-ao-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f40cb6c2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f40cb6c2="" clip-path="url(#clip0_1_2255)"><path data-v-f40cb6c2="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path><path data-v-f40cb6c2="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="black"></path><path data-v-f40cb6c2="" d="M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z" fill="#FFDA44"></path><path data-v-f40cb6c2="" d="M15 6.80381C14.0544 6.25785 13.0205 6.00018 12 6.00196V7.56684C12.7543 7.56548 13.5184 7.75579 14.2174 8.15938C16.3351 9.38207 17.0633 12.0997 15.8406 14.2174C14.6179 16.3351 11.9003 17.0633 9.78257 15.8407C9.1656 15.4844 8.66756 15.0008 8.30043 14.4427L6.99374 15.3053C7.49048 16.0604 8.16529 16.7142 8.99999 17.1961C11.8652 18.8503 15.5419 17.8651 17.1961 14.9999C18.8503 12.1348 17.8652 8.45803 15 6.80381V6.80381Z" fill="#FFDA44"></path><path data-v-f40cb6c2="" d="M8.54016 10.9565C8.12531 11.7149 8.40385 12.6661 9.16219 13.0809L14.2457 15.8587C13.9 16.4907 14.0836 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.54016 10.9565Z" fill="#FFDA44"></path></g><defs data-v-f40cb6c2=""><clipPath data-v-f40cb6c2="" id="clip0_1_2255"><rect data-v-f40cb6c2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f40cb6c2="" class="kui-icon flag-ao-icon" data-testid="kui-icon-wrapper-flag-ao-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f40cb6c2="" data-testid="kui-icon-svg-flag-ao-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f40cb6c2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f40cb6c2=""><g clip-path="url(#clip0_1_2255)">
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="black"></path>
+<path d="M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z" fill="#FFDA44"></path>
+<path d="M15 6.80381C14.0544 6.25785 13.0205 6.00018 12 6.00196V7.56684C12.7543 7.56548 13.5184 7.75579 14.2174 8.15938C16.3351 9.38207 17.0633 12.0997 15.8406 14.2174C14.6179 16.3351 11.9003 17.0633 9.78257 15.8407C9.1656 15.4844 8.66756 15.0008 8.30043 14.4427L6.99374 15.3053C7.49048 16.0604 8.16529 16.7142 8.99999 17.1961C11.8652 18.8503 15.5419 17.8651 17.1961 14.9999C18.8503 12.1348 17.8652 8.45803 15 6.80381V6.80381Z" fill="#FFDA44"></path>
+<path d="M8.54016 10.9565C8.12531 11.7149 8.40385 12.6661 9.16219 13.0809L14.2457 15.8587C13.9 16.4907 14.0836 17.2598 14.7156 17.6055L16.0888 18.3567C16.7207 18.7024 17.5134 18.4703 17.8591 17.8384L18.6103 16.4652L8.54016 10.9565Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2255">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagArIcon.html b/src/tests/__snapshots__/FlagArIcon.html
index da22482b..63f9b499 100644
--- a/src/tests/__snapshots__/FlagArIcon.html
+++ b/src/tests/__snapshots__/FlagArIcon.html
@@ -1 +1,11 @@
-<span data-v-914584b9="" class="kui-icon flag-ar-icon" data-testid="kui-icon-wrapper-flag-ar-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-914584b9="" data-testid="kui-icon-svg-flag-ar-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-914584b9="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-914584b9="" clip-path="url(#clip0_1_2258)"><path data-v-914584b9="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-914584b9="" d="M12 0C7.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path><path data-v-914584b9="" d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z" fill="#338AF3"></path><path data-v-914584b9="" d="M15.5866 11.9998L14.1211 12.6892L14.9015 14.1085L13.3101 13.804L13.1085 15.4117L12 14.2293L10.8915 15.4117L10.6899 13.804L9.09849 14.1085L9.87886 12.6891L8.41336 11.9998L9.87891 11.3104L9.09849 9.89111L10.6898 10.1955L10.8915 8.58789L12 9.77027L13.1085 8.58789L13.3101 10.1955L14.9016 9.89111L14.1211 11.3104L15.5866 11.9998Z" fill="#FFDA44"></path></g><defs data-v-914584b9=""><clipPath data-v-914584b9="" id="clip0_1_2258"><rect data-v-914584b9="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-914584b9="" class="kui-icon flag-ar-icon" data-testid="kui-icon-wrapper-flag-ar-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-914584b9="" data-testid="kui-icon-svg-flag-ar-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-914584b9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-914584b9=""><g clip-path="url(#clip0_1_2258)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C7.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path>
+<path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z" fill="#338AF3"></path>
+<path d="M15.5866 11.9998L14.1211 12.6892L14.9015 14.1085L13.3101 13.804L13.1085 15.4117L12 14.2293L10.8915 15.4117L10.6899 13.804L9.09849 14.1085L9.87886 12.6891L8.41336 11.9998L9.87891 11.3104L9.09849 9.89111L10.6898 10.1955L10.8915 8.58789L12 9.77027L13.1085 8.58789L13.3101 10.1955L14.9016 9.89111L14.1211 11.3104L15.5866 11.9998Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2258">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAsIcon.html b/src/tests/__snapshots__/FlagAsIcon.html
index 82a1673e..a555175a 100644
--- a/src/tests/__snapshots__/FlagAsIcon.html
+++ b/src/tests/__snapshots__/FlagAsIcon.html
@@ -1 +1,13 @@
-<span data-v-68d734d1="" class="kui-icon flag-as-icon" data-testid="kui-icon-wrapper-flag-as-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68d734d1="" data-testid="kui-icon-svg-flag-as-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-68d734d1="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-68d734d1="" clip-path="url(#clip0_1_2253)"><path data-v-68d734d1="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-68d734d1="" d="M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z" fill="#0052B4"></path><path data-v-68d734d1="" d="M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z" fill="#0052B4"></path><path data-v-68d734d1="" d="M18.8217 2.12721C18.4994 1.90414 18.1654 1.69667 17.8213 1.50537L0 11.9985V11.9999C0 11.9999 0 12.0009 0 12.0013L17.8213 22.4944C18.1655 22.3031 18.4994 22.0957 18.8218 21.8726L2.05416 11.9999L18.8217 2.12721Z" fill="#D80027"></path><path data-v-68d734d1="" d="M20.8695 11.5526H19.4401C19.8118 11.1063 19.7889 10.4424 19.3702 10.0238C19.8137 9.58029 19.8137 8.86118 19.3702 8.4176L19.3434 8.44441C19.7869 8.00093 19.8137 7.25501 19.3702 6.81152L12.9457 13.236C13.3892 13.6796 14.0957 13.6743 14.5392 13.2308L14.6628 13.1178L17.7391 12.8381V14.1612H18.7826V12.7432L20.3478 12.601L20.8695 11.5526Z" fill="#A2001D"></path><path data-v-68d734d1="" d="M13.0439 14.6089L12 14.0872L13.0439 13.5654H19.8264V14.6089H13.0439Z" fill="#FFDA44"></path></g><defs data-v-68d734d1=""><clipPath data-v-68d734d1="" id="clip0_1_2253"><rect data-v-68d734d1="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-68d734d1="" class="kui-icon flag-as-icon" data-testid="kui-icon-wrapper-flag-as-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68d734d1="" data-testid="kui-icon-svg-flag-as-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-68d734d1="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-68d734d1=""><g clip-path="url(#clip0_1_2253)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z" fill="#0052B4"></path>
+<path d="M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z" fill="#0052B4"></path>
+<path d="M18.8217 2.12721C18.4994 1.90414 18.1654 1.69667 17.8213 1.50537L0 11.9985V11.9999C0 11.9999 0 12.0009 0 12.0013L17.8213 22.4944C18.1655 22.3031 18.4994 22.0957 18.8218 21.8726L2.05416 11.9999L18.8217 2.12721Z" fill="#D80027"></path>
+<path d="M20.8695 11.5526H19.4401C19.8118 11.1063 19.7889 10.4424 19.3702 10.0238C19.8137 9.58029 19.8137 8.86118 19.3702 8.4176L19.3434 8.44441C19.7869 8.00093 19.8137 7.25501 19.3702 6.81152L12.9457 13.236C13.3892 13.6796 14.0957 13.6743 14.5392 13.2308L14.6628 13.1178L17.7391 12.8381V14.1612H18.7826V12.7432L20.3478 12.601L20.8695 11.5526Z" fill="#A2001D"></path>
+<path d="M13.0439 14.6089L12 14.0872L13.0439 13.5654H19.8264V14.6089H13.0439Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2253">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAtIcon.html b/src/tests/__snapshots__/FlagAtIcon.html
index ffddeb6f..f7a6981a 100644
--- a/src/tests/__snapshots__/FlagAtIcon.html
+++ b/src/tests/__snapshots__/FlagAtIcon.html
@@ -1 +1,10 @@
-<span data-v-94b5e14f="" class="kui-icon flag-at-icon" data-testid="kui-icon-wrapper-flag-at-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-94b5e14f="" data-testid="kui-icon-svg-flag-at-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-94b5e14f="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-94b5e14f="" clip-path="url(#clip0_1_2262)"><path data-v-94b5e14f="" d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path><path data-v-94b5e14f="" d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path><path data-v-94b5e14f="" d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#D80027"></path></g><defs data-v-94b5e14f=""><clipPath data-v-94b5e14f="" id="clip0_1_2262"><rect data-v-94b5e14f="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-94b5e14f="" class="kui-icon flag-at-icon" data-testid="kui-icon-wrapper-flag-at-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-94b5e14f="" data-testid="kui-icon-svg-flag-at-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-94b5e14f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-94b5e14f=""><g clip-path="url(#clip0_1_2262)">
+<path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path>
+<path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
+<path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2262">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAuIcon.html b/src/tests/__snapshots__/FlagAuIcon.html
index 4d82a2d4..14c869eb 100644
--- a/src/tests/__snapshots__/FlagAuIcon.html
+++ b/src/tests/__snapshots__/FlagAuIcon.html
@@ -1 +1,19 @@
-<span data-v-aea52e2b="" class="kui-icon flag-au-icon" data-testid="kui-icon-wrapper-flag-au-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aea52e2b="" data-testid="kui-icon-svg-flag-au-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aea52e2b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-aea52e2b="" clip-path="url(#clip0_246_3694)"><path data-v-aea52e2b="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-aea52e2b="" d="M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path><path data-v-aea52e2b="" d="M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z" fill="#D80027"></path><path data-v-aea52e2b="" d="M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z" fill="#F0F0F0"></path><path data-v-aea52e2b="" d="M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z" fill="#F0F0F0"></path></g><defs data-v-aea52e2b=""><clipPath data-v-aea52e2b="" id="clip0_246_3694"><rect data-v-aea52e2b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-aea52e2b="" class="kui-icon flag-au-icon" data-testid="kui-icon-wrapper-flag-au-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aea52e2b="" data-testid="kui-icon-svg-flag-au-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aea52e2b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aea52e2b=""><g clip-path="url(#clip0_246_3694)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z" fill="#F0F0F0"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26092C12 4.14944 12 2.76583 12 6.10352e-05H11.998C5.3715 0.00113916 0 5.37325 0 12H6.26086V8.47445L9.78642 12H11.9679C11.9787 11.9893 11.9894 11.9786 12 11.9679C12 11.1595 12 10.4381 12 9.78653L8.47444 6.26092H12Z" fill="#F0F0F0"></path>
+<path d="M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69572V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path>
+<path d="M12.0003 10.5244L7.7369 6.26098H6.26123C6.26123 6.26093 6.26123 6.26098 6.26123 6.26098L12.0003 12H12.0003C12.0003 12 12.0003 10.9826 12.0003 10.5244Z" fill="#D80027"></path>
+<path d="M7.23729 14.087L7.89588 15.4641L9.38309 15.1203L8.71709 16.4939L9.91305 17.4423L8.42398 17.7779L8.42815 19.3043L7.23729 18.3494L6.04648 19.3043L6.05065 17.7779L4.56152 17.4423L5.75754 16.4939L5.09145 15.1203L6.57874 15.4641L7.23729 14.087Z" fill="#F0F0F0"></path>
+<path d="M17.9663 16.6956L18.2956 17.3842L19.0392 17.2123L18.7062 17.8991L19.3042 18.3733L18.5596 18.5411L18.5617 19.3043L17.9663 18.8268L17.3709 19.3043L17.3729 18.5411L16.6284 18.3733L17.2264 17.8991L16.8934 17.2123L17.637 17.3842L17.9663 16.6956Z" fill="#F0F0F0"></path>
+<path d="M14.9033 9.39133L15.2326 10.0799L15.9762 9.90798L15.6432 10.5947L16.2412 11.069L15.4967 11.2368L15.4987 12L14.9033 11.5225L14.3079 12L14.3099 11.2368L13.5654 11.069L14.1634 10.5947L13.8304 9.90798L14.574 10.0799L14.9033 9.39133Z" fill="#F0F0F0"></path>
+<path d="M17.9663 5.21738L18.2956 5.90597L19.0392 5.73408L18.7062 6.42085L19.3041 6.89503L18.5596 7.06289L18.5617 7.82611L17.9663 7.3486L17.3709 7.82611L17.3729 7.06289L16.6284 6.89503L17.2264 6.42085L16.8934 5.73408L17.637 5.90597L17.9663 5.21738Z" fill="#F0F0F0"></path>
+<path d="M20.6421 8.34784L20.9714 9.03643L21.715 8.8645L21.382 9.55126L21.98 10.0255L21.2354 10.1934L21.2375 10.9565L20.6421 10.4791L20.0467 10.9565L20.0487 10.1934L19.3042 10.0255L19.9022 9.55126L19.5692 8.8645L20.3128 9.03643L20.6421 8.34784Z" fill="#F0F0F0"></path>
+<path d="M18.729 12L18.988 12.7972H19.8262L19.1481 13.2899L19.4072 14.087L18.729 13.5943L18.0509 14.087L18.3099 13.2899L17.6318 12.7972H18.47L18.729 12Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_3694">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAwIcon.html b/src/tests/__snapshots__/FlagAwIcon.html
index 99273be8..87cf5a82 100644
--- a/src/tests/__snapshots__/FlagAwIcon.html
+++ b/src/tests/__snapshots__/FlagAwIcon.html
@@ -1 +1,13 @@
-<span data-v-b8302101="" class="kui-icon flag-aw-icon" data-testid="kui-icon-wrapper-flag-aw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b8302101="" data-testid="kui-icon-svg-flag-aw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b8302101="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b8302101="" clip-path="url(#clip0_1_2260)"><path data-v-b8302101="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-b8302101="" d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#338AF3"></path><path data-v-b8302101="" d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#338AF3"></path><path data-v-b8302101="" d="M0.953857 16.6958C1.18519 17.2394 1.45561 17.7621 1.76128 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0462 16.6958H0.953857Z" fill="#338AF3"></path><path data-v-b8302101="" d="M5.49922 7.56868L3.15472 6.53396L5.49922 5.49924L6.5339 3.15479L7.56857 5.49924L9.91302 6.53396L7.56857 7.56868L6.5339 9.91313L5.49922 7.56868Z" fill="#F0F0F0"></path><path data-v-b8302101="" d="M6.5339 4.44678L7.17285 5.8947L8.62082 6.53375L7.17285 7.17275L6.5339 8.62067L5.89485 7.17275L4.44693 6.53375L5.89485 5.8947L6.5339 4.44678Z" fill="#D80027"></path></g><defs data-v-b8302101=""><clipPath data-v-b8302101="" id="clip0_1_2260"><rect data-v-b8302101="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b8302101="" class="kui-icon flag-aw-icon" data-testid="kui-icon-wrapper-flag-aw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b8302101="" data-testid="kui-icon-svg-flag-aw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b8302101="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b8302101=""><g clip-path="url(#clip0_1_2260)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#338AF3"></path>
+<path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#338AF3"></path>
+<path d="M0.953857 16.6958C1.18519 17.2394 1.45561 17.7621 1.76128 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0462 16.6958H0.953857Z" fill="#338AF3"></path>
+<path d="M5.49922 7.56868L3.15472 6.53396L5.49922 5.49924L6.5339 3.15479L7.56857 5.49924L9.91302 6.53396L7.56857 7.56868L6.5339 9.91313L5.49922 7.56868Z" fill="#F0F0F0"></path>
+<path d="M6.5339 4.44678L7.17285 5.8947L8.62082 6.53375L7.17285 7.17275L6.5339 8.62067L5.89485 7.17275L4.44693 6.53375L5.89485 5.8947L6.5339 4.44678Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2260">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAxIcon.html b/src/tests/__snapshots__/FlagAxIcon.html
index e377f6b8..aa37d6cb 100644
--- a/src/tests/__snapshots__/FlagAxIcon.html
+++ b/src/tests/__snapshots__/FlagAxIcon.html
@@ -1 +1,13 @@
-<span data-v-77f8816c="" class="kui-icon flag-ax-icon" data-testid="kui-icon-wrapper-flag-ax-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f8816c="" data-testid="kui-icon-svg-flag-ax-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-77f8816c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-77f8816c="" clip-path="url(#clip0_246_3613)"><path data-v-77f8816c="" d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86955L10.9565 0.0456581C8.61178 0.247689 6.46008 1.12378 4.69566 2.47945L0.413391 8.86955C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"></path><path data-v-77f8816c="" d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5205V15.1305H0.413574Z" fill="#0052B4"></path><path data-v-77f8816c="" d="M10.9565 23.9543C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9543Z" fill="#0052B4"></path><path data-v-77f8816c="" d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"></path><path data-v-77f8816c="" d="M4.69584 2.47945C2.63812 4.06055 1.10789 6.29334 0.413574 8.86955H4.69584V2.47945Z" fill="#0052B4"></path><path data-v-77f8816c="" d="M23.8984 10.4348H9.39136H9.39131V0.285233C8.28234 0.531139 7.23098 0.929717 6.26086 1.45908V10.4347H0.101578C0.0347813 10.9471 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"></path></g><defs data-v-77f8816c=""><clipPath data-v-77f8816c="" id="clip0_246_3613"><rect data-v-77f8816c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-77f8816c="" class="kui-icon flag-ax-icon" data-testid="kui-icon-wrapper-flag-ax-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f8816c="" data-testid="kui-icon-svg-flag-ax-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-77f8816c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-77f8816c=""><g clip-path="url(#clip0_246_3613)">
+<path d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86955L10.9565 0.0456581C8.61178 0.247689 6.46008 1.12378 4.69566 2.47945L0.413391 8.86955C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"></path>
+<path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5205V15.1305H0.413574Z" fill="#0052B4"></path>
+<path d="M10.9565 23.9543C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9543Z" fill="#0052B4"></path>
+<path d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"></path>
+<path d="M4.69584 2.47945C2.63812 4.06055 1.10789 6.29334 0.413574 8.86955H4.69584V2.47945Z" fill="#0052B4"></path>
+<path d="M23.8984 10.4348H9.39136H9.39131V0.285233C8.28234 0.531139 7.23098 0.929717 6.26086 1.45908V10.4347H0.101578C0.0347813 10.9471 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_3613">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAzIcon.html b/src/tests/__snapshots__/FlagAzIcon.html
index 442f4062..04bf6da5 100644
--- a/src/tests/__snapshots__/FlagAzIcon.html
+++ b/src/tests/__snapshots__/FlagAzIcon.html
@@ -1 +1,12 @@
-<span data-v-3baef04c="" class="kui-icon flag-az-icon" data-testid="kui-icon-wrapper-flag-az-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3baef04c="" data-testid="kui-icon-svg-flag-az-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3baef04c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3baef04c="" clip-path="url(#clip0_1_2263)"><path data-v-3baef04c="" d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#D80027"></path><path data-v-3baef04c="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#6DA544"></path><path data-v-3baef04c="" d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#338AF3"></path><path data-v-3baef04c="" d="M12.2609 15.3914C10.388 15.3914 8.86958 13.873 8.86958 12.0001C8.86958 10.1272 10.388 8.6088 12.2609 8.6088C12.8449 8.6088 13.3944 8.75645 13.8741 9.01642C13.1215 8.28044 12.0923 7.82617 10.9565 7.82617C8.65133 7.82617 6.78265 9.69489 6.78265 12.0001C6.78265 14.3052 8.65137 16.174 10.9565 16.174C12.0923 16.174 13.1215 15.7197 13.8741 14.9837C13.3944 15.2438 12.8449 15.3914 12.2609 15.3914Z" fill="#F0F0F0"></path><path data-v-3baef04c="" d="M14.8696 9.65234L15.3188 10.9157L16.5297 10.34L15.9541 11.5509L17.2174 12.0002L15.9541 12.4494L16.5297 13.6604L15.3188 13.0847L14.8696 14.348L14.4204 13.0847L13.2094 13.6604L13.7851 12.4494L12.5217 12.0002L13.7851 11.5509L13.2094 10.34L14.4204 10.9157L14.8696 9.65234Z" fill="#F0F0F0"></path></g><defs data-v-3baef04c=""><clipPath data-v-3baef04c="" id="clip0_1_2263"><rect data-v-3baef04c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3baef04c="" class="kui-icon flag-az-icon" data-testid="kui-icon-wrapper-flag-az-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3baef04c="" data-testid="kui-icon-svg-flag-az-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3baef04c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3baef04c=""><g clip-path="url(#clip0_1_2263)">
+<path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#D80027"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#6DA544"></path>
+<path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#338AF3"></path>
+<path d="M12.2609 15.3914C10.388 15.3914 8.86958 13.873 8.86958 12.0001C8.86958 10.1272 10.388 8.6088 12.2609 8.6088C12.8449 8.6088 13.3944 8.75645 13.8741 9.01642C13.1215 8.28044 12.0923 7.82617 10.9565 7.82617C8.65133 7.82617 6.78265 9.69489 6.78265 12.0001C6.78265 14.3052 8.65137 16.174 10.9565 16.174C12.0923 16.174 13.1215 15.7197 13.8741 14.9837C13.3944 15.2438 12.8449 15.3914 12.2609 15.3914Z" fill="#F0F0F0"></path>
+<path d="M14.8696 9.65234L15.3188 10.9157L16.5297 10.34L15.9541 11.5509L17.2174 12.0002L15.9541 12.4494L16.5297 13.6604L15.3188 13.0847L14.8696 14.348L14.4204 13.0847L13.2094 13.6604L13.7851 12.4494L12.5217 12.0002L13.7851 11.5509L13.2094 10.34L14.4204 10.9157L14.8696 9.65234Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2263">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBaIcon.html b/src/tests/__snapshots__/FlagBaIcon.html
index 183f2fad..64284d3b 100644
--- a/src/tests/__snapshots__/FlagBaIcon.html
+++ b/src/tests/__snapshots__/FlagBaIcon.html
@@ -1 +1,11 @@
-<span data-v-c35e636f="" class="kui-icon flag-ba-icon" data-testid="kui-icon-wrapper-flag-ba-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c35e636f="" data-testid="kui-icon-svg-flag-ba-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c35e636f="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c35e636f="" clip-path="url(#clip0_1_2280)"><path data-v-c35e636f="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-c35e636f="" d="M12 0C7.74515 0 4.00781 2.21452 1.87706 5.5537L18.1501 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path><path data-v-c35e636f="" d="M24 12C24 8.88651 22.8142 6.0502 20.8696 3.91748V20.0827C22.8142 17.9499 24 15.1136 24 12Z" fill="#0052B4"></path><path data-v-c35e636f="" d="M14.9901 22.5877L16.2471 22.5869L16.6348 21.3912L17.024 22.5864L17.6544 22.586C18.041 22.3791 18.4149 22.1517 18.7747 21.905L2.0948 5.2251C1.81992 5.62616 1.56923 6.04494 1.34381 6.479L1.49203 6.93425L2.74898 6.93346L1.73255 7.67291L2.1217 8.86818L1.10433 8.12999L0.497531 8.57136C0.174047 9.65774 0 10.8085 0 11.9999C0 18.6273 5.37262 23.9999 12 23.9999C13.4012 23.9999 14.7461 23.7593 15.9961 23.3178L14.9901 22.5877ZM2.67652 11.4782L3.06417 10.2825L2.04689 9.54421L3.30384 9.54341L3.69155 8.34768L4.0807 9.54294L5.33766 9.54214L4.32117 10.2816L4.71033 11.4769L3.69295 10.7387L2.67652 11.4782ZM5.26519 14.0869L5.65284 12.8912L4.63556 12.1529L5.89252 12.1521L6.28022 10.9564L6.66937 12.1516L7.92633 12.1508L6.90989 12.8903L7.29905 14.0855L6.28167 13.3474L5.26519 14.0869ZM7.85381 16.6956L8.24147 15.4999L7.22419 14.7616L8.48114 14.7608L8.86884 13.5651L9.258 14.7603L10.515 14.7595L9.49851 15.499L9.88767 16.6942L8.8703 15.956L7.85381 16.6956ZM11.4589 18.5648L10.4424 19.3042L10.8301 18.1085L9.81281 17.3703L11.0698 17.3695L11.4575 16.1737L11.8467 17.369L13.1036 17.3682L12.0872 18.1077L12.4763 19.3029L11.4589 18.5648ZM13.0311 21.9129L13.4188 20.7172L12.4015 19.979L13.6584 19.9782L14.0461 18.7824L14.4353 19.9777L15.6922 19.9769L14.6758 20.7163L15.065 21.9116L14.0476 21.1733L13.0311 21.9129Z" fill="#0052B4"></path></g><defs data-v-c35e636f=""><clipPath data-v-c35e636f="" id="clip0_1_2280"><rect data-v-c35e636f="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-c35e636f="" class="kui-icon flag-ba-icon" data-testid="kui-icon-wrapper-flag-ba-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c35e636f="" data-testid="kui-icon-svg-flag-ba-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c35e636f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c35e636f=""><g clip-path="url(#clip0_1_2280)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C7.74515 0 4.00781 2.21452 1.87706 5.5537L18.1501 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path>
+<path d="M24 12C24 8.88651 22.8142 6.0502 20.8696 3.91748V20.0827C22.8142 17.9499 24 15.1136 24 12Z" fill="#0052B4"></path>
+<path d="M14.9901 22.5877L16.2471 22.5869L16.6348 21.3912L17.024 22.5864L17.6544 22.586C18.041 22.3791 18.4149 22.1517 18.7747 21.905L2.0948 5.2251C1.81992 5.62616 1.56923 6.04494 1.34381 6.479L1.49203 6.93425L2.74898 6.93346L1.73255 7.67291L2.1217 8.86818L1.10433 8.12999L0.497531 8.57136C0.174047 9.65774 0 10.8085 0 11.9999C0 18.6273 5.37262 23.9999 12 23.9999C13.4012 23.9999 14.7461 23.7593 15.9961 23.3178L14.9901 22.5877ZM2.67652 11.4782L3.06417 10.2825L2.04689 9.54421L3.30384 9.54341L3.69155 8.34768L4.0807 9.54294L5.33766 9.54214L4.32117 10.2816L4.71033 11.4769L3.69295 10.7387L2.67652 11.4782ZM5.26519 14.0869L5.65284 12.8912L4.63556 12.1529L5.89252 12.1521L6.28022 10.9564L6.66937 12.1516L7.92633 12.1508L6.90989 12.8903L7.29905 14.0855L6.28167 13.3474L5.26519 14.0869ZM7.85381 16.6956L8.24147 15.4999L7.22419 14.7616L8.48114 14.7608L8.86884 13.5651L9.258 14.7603L10.515 14.7595L9.49851 15.499L9.88767 16.6942L8.8703 15.956L7.85381 16.6956ZM11.4589 18.5648L10.4424 19.3042L10.8301 18.1085L9.81281 17.3703L11.0698 17.3695L11.4575 16.1737L11.8467 17.369L13.1036 17.3682L12.0872 18.1077L12.4763 19.3029L11.4589 18.5648ZM13.0311 21.9129L13.4188 20.7172L12.4015 19.979L13.6584 19.9782L14.0461 18.7824L14.4353 19.9777L15.6922 19.9769L14.6758 20.7163L15.065 21.9116L14.0476 21.1733L13.0311 21.9129Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2280">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBbIcon.html b/src/tests/__snapshots__/FlagBbIcon.html
index 903f9f0e..94b29425 100644
--- a/src/tests/__snapshots__/FlagBbIcon.html
+++ b/src/tests/__snapshots__/FlagBbIcon.html
@@ -1 +1,11 @@
-<span data-v-e700414b="" class="kui-icon flag-bb-icon" data-testid="kui-icon-wrapper-flag-bb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e700414b="" data-testid="kui-icon-svg-flag-bb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e700414b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e700414b="" clip-path="url(#clip0_1_2269)"><path data-v-e700414b="" d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#FFDA44"></path><path data-v-e700414b="" d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#0052B4"></path><path data-v-e700414b="" d="M17.2173 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2173 1.19092Z" fill="#0052B4"></path><path data-v-e700414b="" d="M15.6522 7.30423L16.3521 7.6542L15.6522 7.30423L14.9521 6.95426C14.9099 7.03868 13.9959 8.89835 13.8466 11.739H12.7826V7.30423L12 6.26074L11.2174 7.30423V11.739H10.1533C10.004 8.89835 9.09003 7.03868 9.0478 6.95426L7.64783 7.65424C7.65748 7.67346 8.60872 9.60963 8.60872 12.5216V13.3043H11.2174V17.7391H12.7826V13.3043H15.3913V12.5216C15.3913 11.0161 15.6518 9.77463 15.8704 8.99829C16.1086 8.15173 16.3506 7.65734 16.353 7.65241L15.6522 7.30423Z" fill="black"></path></g><defs data-v-e700414b=""><clipPath data-v-e700414b="" id="clip0_1_2269"><rect data-v-e700414b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e700414b="" class="kui-icon flag-bb-icon" data-testid="kui-icon-wrapper-flag-bb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e700414b="" data-testid="kui-icon-svg-flag-bb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e700414b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e700414b=""><g clip-path="url(#clip0_1_2269)">
+<path d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#FFDA44"></path>
+<path d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#0052B4"></path>
+<path d="M17.2173 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2173 1.19092Z" fill="#0052B4"></path>
+<path d="M15.6522 7.30423L16.3521 7.6542L15.6522 7.30423L14.9521 6.95426C14.9099 7.03868 13.9959 8.89835 13.8466 11.739H12.7826V7.30423L12 6.26074L11.2174 7.30423V11.739H10.1533C10.004 8.89835 9.09003 7.03868 9.0478 6.95426L7.64783 7.65424C7.65748 7.67346 8.60872 9.60963 8.60872 12.5216V13.3043H11.2174V17.7391H12.7826V13.3043H15.3913V12.5216C15.3913 11.0161 15.6518 9.77463 15.8704 8.99829C16.1086 8.15173 16.3506 7.65734 16.353 7.65241L15.6522 7.30423Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2269">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBdIcon.html b/src/tests/__snapshots__/FlagBdIcon.html
index bcd21b4a..37872d37 100644
--- a/src/tests/__snapshots__/FlagBdIcon.html
+++ b/src/tests/__snapshots__/FlagBdIcon.html
@@ -1 +1,9 @@
-<span data-v-2b3c60ab="" class="kui-icon flag-bd-icon" data-testid="kui-icon-wrapper-flag-bd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b3c60ab="" data-testid="kui-icon-svg-flag-bd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2b3c60ab="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2b3c60ab="" clip-path="url(#clip0_1_2268)"><path data-v-2b3c60ab="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path><path data-v-2b3c60ab="" d="M9.39132 17.2175C12.2728 17.2175 14.6087 14.8816 14.6087 12.0001C14.6087 9.11861 12.2728 6.78271 9.39132 6.78271C6.50985 6.78271 4.17395 9.11861 4.17395 12.0001C4.17395 14.8816 6.50985 17.2175 9.39132 17.2175Z" fill="#D80027"></path></g><defs data-v-2b3c60ab=""><clipPath data-v-2b3c60ab="" id="clip0_1_2268"><rect data-v-2b3c60ab="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2b3c60ab="" class="kui-icon flag-bd-icon" data-testid="kui-icon-wrapper-flag-bd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b3c60ab="" data-testid="kui-icon-svg-flag-bd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2b3c60ab="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2b3c60ab=""><g clip-path="url(#clip0_1_2268)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
+<path d="M9.39132 17.2175C12.2728 17.2175 14.6087 14.8816 14.6087 12.0001C14.6087 9.11861 12.2728 6.78271 9.39132 6.78271C6.50985 6.78271 4.17395 9.11861 4.17395 12.0001C4.17395 14.8816 6.50985 17.2175 9.39132 17.2175Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2268">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBeIcon.html b/src/tests/__snapshots__/FlagBeIcon.html
index d9ef9881..ec77cb15 100644
--- a/src/tests/__snapshots__/FlagBeIcon.html
+++ b/src/tests/__snapshots__/FlagBeIcon.html
@@ -1 +1,10 @@
-<span data-v-6693e895="" class="kui-icon flag-be-icon" data-testid="kui-icon-wrapper-flag-be-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6693e895="" data-testid="kui-icon-svg-flag-be-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6693e895="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6693e895="" clip-path="url(#clip0_1_2272)"><path data-v-6693e895="" d="M16.1739 0.746391C14.8739 0.264047 13.4679 0 12 0C10.5322 0 9.12612 0.264047 7.82614 0.746391L6.78265 12L7.82614 23.2536C9.12612 23.736 10.5322 24 12 24C13.4679 24 14.8739 23.736 16.1739 23.2536L17.2174 12L16.1739 0.746391Z" fill="#FFDA44"></path><path data-v-6693e895="" d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#D80027"></path><path data-v-6693e895="" d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="black"></path></g><defs data-v-6693e895=""><clipPath data-v-6693e895="" id="clip0_1_2272"><rect data-v-6693e895="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6693e895="" class="kui-icon flag-be-icon" data-testid="kui-icon-wrapper-flag-be-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6693e895="" data-testid="kui-icon-svg-flag-be-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6693e895="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6693e895=""><g clip-path="url(#clip0_1_2272)">
+<path d="M16.1739 0.746391C14.8739 0.264047 13.4679 0 12 0C10.5322 0 9.12612 0.264047 7.82614 0.746391L6.78265 12L7.82614 23.2536C9.12612 23.736 10.5322 24 12 24C13.4679 24 14.8739 23.736 16.1739 23.2536L17.2174 12L16.1739 0.746391Z" fill="#FFDA44"></path>
+<path d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#D80027"></path>
+<path d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2272">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBfIcon.html b/src/tests/__snapshots__/FlagBfIcon.html
index dba4cf2a..f4518576 100644
--- a/src/tests/__snapshots__/FlagBfIcon.html
+++ b/src/tests/__snapshots__/FlagBfIcon.html
@@ -1 +1,10 @@
-<span data-v-bd13fecd="" class="kui-icon flag-bf-icon" data-testid="kui-icon-wrapper-flag-bf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bd13fecd="" data-testid="kui-icon-svg-flag-bf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bd13fecd="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-bd13fecd="" clip-path="url(#clip0_1_2288)"><path data-v-bd13fecd="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path><path data-v-bd13fecd="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#6DA544"></path><path data-v-bd13fecd="" d="M11.9999 7.82617L12.9064 10.6161H15.8401L13.4667 12.3404L14.3732 15.1305L11.9999 13.4062L9.6266 15.1305L10.5332 12.3404L8.15979 10.6161H11.0934L11.9999 7.82617Z" fill="#FFDA44"></path></g><defs data-v-bd13fecd=""><clipPath data-v-bd13fecd="" id="clip0_1_2288"><rect data-v-bd13fecd="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-bd13fecd="" class="kui-icon flag-bf-icon" data-testid="kui-icon-wrapper-flag-bf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bd13fecd="" data-testid="kui-icon-svg-flag-bf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bd13fecd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bd13fecd=""><g clip-path="url(#clip0_1_2288)">
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#6DA544"></path>
+<path d="M11.9999 7.82617L12.9064 10.6161H15.8401L13.4667 12.3404L14.3732 15.1305L11.9999 13.4062L9.6266 15.1305L10.5332 12.3404L8.15979 10.6161H11.0934L11.9999 7.82617Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2288">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBgIcon.html b/src/tests/__snapshots__/FlagBgIcon.html
index ee847a1c..17dcc72a 100644
--- a/src/tests/__snapshots__/FlagBgIcon.html
+++ b/src/tests/__snapshots__/FlagBgIcon.html
@@ -1 +1,10 @@
-<span data-v-69d9340c="" class="kui-icon flag-bg-icon" data-testid="kui-icon-wrapper-flag-bg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-69d9340c="" data-testid="kui-icon-svg-flag-bg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-69d9340c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-69d9340c="" clip-path="url(#clip0_1_2287)"><path data-v-69d9340c="" d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#496E2D"></path><path data-v-69d9340c="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#D80027"></path><path data-v-69d9340c="" d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#F0F0F0"></path></g><defs data-v-69d9340c=""><clipPath data-v-69d9340c="" id="clip0_1_2287"><rect data-v-69d9340c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-69d9340c="" class="kui-icon flag-bg-icon" data-testid="kui-icon-wrapper-flag-bg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-69d9340c="" data-testid="kui-icon-svg-flag-bg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-69d9340c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-69d9340c=""><g clip-path="url(#clip0_1_2287)">
+<path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#496E2D"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#D80027"></path>
+<path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2287">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBhIcon.html b/src/tests/__snapshots__/FlagBhIcon.html
index a8d51fa8..3c035c47 100644
--- a/src/tests/__snapshots__/FlagBhIcon.html
+++ b/src/tests/__snapshots__/FlagBhIcon.html
@@ -1 +1,9 @@
-<span data-v-9252fb8b="" class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9252fb8b="" data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9252fb8b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9252fb8b="" clip-path="url(#clip0_1415_3170)"><path data-v-9252fb8b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-9252fb8b="" d="M11.9999 0C9.59165 0 7.34953 0.709922 5.47021 1.93116L8.55642 3.9997L4.69556 5.99967L8.55642 7.99964L4.69556 9.99961L8.55642 11.9993L4.69556 13.9993L8.55642 15.9992L4.69556 17.9993L8.55642 19.9993L5.46984 22.0685C7.34924 23.29 9.59151 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0V0Z" fill="#D80027"></path></g><defs data-v-9252fb8b=""><clipPath data-v-9252fb8b="" id="clip0_1415_3170"><rect data-v-9252fb8b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9252fb8b="" class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9252fb8b="" data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9252fb8b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9252fb8b=""><g clip-path="url(#clip0_1415_3170)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M11.9999 0C9.59165 0 7.34953 0.709922 5.47021 1.93116L8.55642 3.9997L4.69556 5.99967L8.55642 7.99964L4.69556 9.99961L8.55642 11.9993L4.69556 13.9993L8.55642 15.9992L4.69556 17.9993L8.55642 19.9993L5.46984 22.0685C7.34924 23.29 9.59151 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0V0Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_3170">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBiIcon.html b/src/tests/__snapshots__/FlagBiIcon.html
index b3872866..c07d7dbf 100644
--- a/src/tests/__snapshots__/FlagBiIcon.html
+++ b/src/tests/__snapshots__/FlagBiIcon.html
@@ -1 +1,16 @@
-<span data-v-f0378c29="" class="kui-icon flag-bi-icon" data-testid="kui-icon-wrapper-flag-bi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0378c29="" data-testid="kui-icon-svg-flag-bi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0378c29="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f0378c29="" clip-path="url(#clip0_1_2289)"><path data-v-f0378c29="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-f0378c29="" d="M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z" fill="#D80027"></path><path data-v-f0378c29="" d="M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z" fill="#D80027"></path><path data-v-f0378c29="" d="M9.78644 12L2.4798 4.69336C-0.82611 8.98955 -0.82611 15.0105 2.4798 19.3067L9.78644 12Z" fill="#6DA544"></path><path data-v-f0378c29="" d="M14.2136 12L21.5202 19.3067C24.8261 15.0105 24.8261 8.98955 21.5202 4.69336L14.2136 12Z" fill="#6DA544"></path><path data-v-f0378c29="" d="M12 17.2175C14.8815 17.2175 17.2174 14.8816 17.2174 12.0001C17.2174 9.11861 14.8815 6.78271 12 6.78271C9.11855 6.78271 6.78265 9.11861 6.78265 12.0001C6.78265 14.8816 9.11855 17.2175 12 17.2175Z" fill="#F0F0F0"></path><path data-v-f0378c29="" d="M12 8.34766L12.4518 9.13028H13.3555L12.9037 9.91286L13.3555 10.6955H12.4518L12 11.4781L11.5482 10.6955H10.6445L11.0964 9.91286L10.6445 9.13028H11.5482L12 8.34766Z" fill="#D80027"></path><path data-v-f0378c29="" d="M9.70337 12L10.1552 12.7826H11.0589L10.607 13.5652L11.0589 14.3478H10.1552L9.70337 15.1305L9.2515 14.3478H8.34784L8.79967 13.5652L8.34784 12.7826H9.2515L9.70337 12Z" fill="#D80027"></path><path data-v-f0378c29="" d="M14.2967 12L14.7485 12.7826H15.6522L15.2003 13.5652L15.6522 14.3478H14.7485L14.2967 15.1305L13.8448 14.3478H12.9412L13.393 13.5652L12.9412 12.7826H13.8448L14.2967 12Z" fill="#D80027"></path></g><defs data-v-f0378c29=""><clipPath data-v-f0378c29="" id="clip0_1_2289"><rect data-v-f0378c29="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f0378c29="" class="kui-icon flag-bi-icon" data-testid="kui-icon-wrapper-flag-bi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0378c29="" data-testid="kui-icon-svg-flag-bi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0378c29="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0378c29=""><g clip-path="url(#clip0_1_2289)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z" fill="#D80027"></path>
+<path d="M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z" fill="#D80027"></path>
+<path d="M9.78644 12L2.4798 4.69336C-0.82611 8.98955 -0.82611 15.0105 2.4798 19.3067L9.78644 12Z" fill="#6DA544"></path>
+<path d="M14.2136 12L21.5202 19.3067C24.8261 15.0105 24.8261 8.98955 21.5202 4.69336L14.2136 12Z" fill="#6DA544"></path>
+<path d="M12 17.2175C14.8815 17.2175 17.2174 14.8816 17.2174 12.0001C17.2174 9.11861 14.8815 6.78271 12 6.78271C9.11855 6.78271 6.78265 9.11861 6.78265 12.0001C6.78265 14.8816 9.11855 17.2175 12 17.2175Z" fill="#F0F0F0"></path>
+<path d="M12 8.34766L12.4518 9.13028H13.3555L12.9037 9.91286L13.3555 10.6955H12.4518L12 11.4781L11.5482 10.6955H10.6445L11.0964 9.91286L10.6445 9.13028H11.5482L12 8.34766Z" fill="#D80027"></path>
+<path d="M9.70337 12L10.1552 12.7826H11.0589L10.607 13.5652L11.0589 14.3478H10.1552L9.70337 15.1305L9.2515 14.3478H8.34784L8.79967 13.5652L8.34784 12.7826H9.2515L9.70337 12Z" fill="#D80027"></path>
+<path d="M14.2967 12L14.7485 12.7826H15.6522L15.2003 13.5652L15.6522 14.3478H14.7485L14.2967 15.1305L13.8448 14.3478H12.9412L13.393 13.5652L12.9412 12.7826H13.8448L14.2967 12Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2289">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBjIcon.html b/src/tests/__snapshots__/FlagBjIcon.html
index 9b86f27b..6b1d44a5 100644
--- a/src/tests/__snapshots__/FlagBjIcon.html
+++ b/src/tests/__snapshots__/FlagBjIcon.html
@@ -1 +1,10 @@
-<span data-v-0b66ffa2="" class="kui-icon flag-bj-icon" data-testid="kui-icon-wrapper-flag-bj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b66ffa2="" data-testid="kui-icon-svg-flag-bj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0b66ffa2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-0b66ffa2="" clip-path="url(#clip0_1_2275)"><path data-v-0b66ffa2="" d="M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z" fill="#D80027"></path><path data-v-0b66ffa2="" d="M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z" fill="#FFDA44"></path><path data-v-0b66ffa2="" d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#6DA544"></path></g><defs data-v-0b66ffa2=""><clipPath data-v-0b66ffa2="" id="clip0_1_2275"><rect data-v-0b66ffa2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-0b66ffa2="" class="kui-icon flag-bj-icon" data-testid="kui-icon-wrapper-flag-bj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b66ffa2="" data-testid="kui-icon-svg-flag-bj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0b66ffa2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0b66ffa2=""><g clip-path="url(#clip0_1_2275)">
+<path d="M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z" fill="#D80027"></path>
+<path d="M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z" fill="#FFDA44"></path>
+<path d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2275">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBlIcon.html b/src/tests/__snapshots__/FlagBlIcon.html
index 14519849..58394c8e 100644
--- a/src/tests/__snapshots__/FlagBlIcon.html
+++ b/src/tests/__snapshots__/FlagBlIcon.html
@@ -1 +1,14 @@
-<span data-v-85dc8bf2="" class="kui-icon flag-bl-icon" data-testid="kui-icon-wrapper-flag-bl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85dc8bf2="" data-testid="kui-icon-svg-flag-bl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-85dc8bf2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-85dc8bf2="" clip-path="url(#clip0_246_5346)"><path data-v-85dc8bf2="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-85dc8bf2="" d="M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z" fill="#ACABB1"></path><path data-v-85dc8bf2="" d="M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z" fill="#ACABB1"></path><path data-v-85dc8bf2="" d="M16.174 16.6956V17.2173H7.8262V16.6956H5.73926V18.7826H7.8262V19.3043H16.174V18.7826H18.261V16.6956H16.174Z" fill="#FFDA44"></path><path data-v-85dc8bf2="" d="M7.82617 8.34777V13.5651C7.82617 16.7601 12.0001 17.7391 12.0001 17.7391C12.0001 17.7391 16.174 16.7601 16.174 13.5651V8.34777L12.0001 7.82605L7.82617 8.34777Z" fill="#0052B4"></path><path data-v-85dc8bf2="" d="M7.82617 10.4349H16.174V13.5654H7.82617V10.4349Z" fill="#D80027"></path><path data-v-85dc8bf2="" d="M14.087 5.73911V6.52173L13.5653 6.78261L13.0436 6.26084V4.69562H10.9566V6.26084L10.4349 6.78261L9.91312 6.52173V5.73911H7.82617V8.34779H16.174V5.73911H14.087Z" fill="#FFDA44"></path></g><defs data-v-85dc8bf2=""><clipPath data-v-85dc8bf2="" id="clip0_246_5346"><rect data-v-85dc8bf2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-85dc8bf2="" class="kui-icon flag-bl-icon" data-testid="kui-icon-wrapper-flag-bl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85dc8bf2="" data-testid="kui-icon-svg-flag-bl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-85dc8bf2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-85dc8bf2=""><g clip-path="url(#clip0_246_5346)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z" fill="#ACABB1"></path>
+<path d="M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z" fill="#ACABB1"></path>
+<path d="M16.174 16.6956V17.2173H7.8262V16.6956H5.73926V18.7826H7.8262V19.3043H16.174V18.7826H18.261V16.6956H16.174Z" fill="#FFDA44"></path>
+<path d="M7.82617 8.34777V13.5651C7.82617 16.7601 12.0001 17.7391 12.0001 17.7391C12.0001 17.7391 16.174 16.7601 16.174 13.5651V8.34777L12.0001 7.82605L7.82617 8.34777Z" fill="#0052B4"></path>
+<path d="M7.82617 10.4349H16.174V13.5654H7.82617V10.4349Z" fill="#D80027"></path>
+<path d="M14.087 5.73911V6.52173L13.5653 6.78261L13.0436 6.26084V4.69562H10.9566V6.26084L10.4349 6.78261L9.91312 6.52173V5.73911H7.82617V8.34779H16.174V5.73911H14.087Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5346">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBmIcon.html b/src/tests/__snapshots__/FlagBmIcon.html
index 1d035ef9..81b055bb 100644
--- a/src/tests/__snapshots__/FlagBmIcon.html
+++ b/src/tests/__snapshots__/FlagBmIcon.html
@@ -1 +1,18 @@
-<span data-v-ab6d5c44="" class="kui-icon flag-bm-icon" data-testid="kui-icon-wrapper-flag-bm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ab6d5c44="" data-testid="kui-icon-svg-flag-bm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ab6d5c44="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ab6d5c44="" clip-path="url(#clip0_1_2276)"><path data-v-ab6d5c44="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path><path data-v-ab6d5c44="" d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path><path data-v-ab6d5c44="" d="M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path><path data-v-ab6d5c44="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-ab6d5c44="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-ab6d5c44="" d="M6.07102 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.5219H4.69566V4.69598V4.69588H12.5217C12.5217 3.70855 12.5217 2.76796 12.5217 1.56543H6.07102Z" fill="#D80027"></path><path data-v-ab6d5c44="" d="M12.477 11.0017L7.73649 6.26123H6.26086V6.26132L12.4769 12.4774H12.477C12.477 12.4774 12.477 11.4599 12.477 11.0017V11.0017Z" fill="#D80027"></path><path data-v-ab6d5c44="" d="M13.5652 6.26074V11.9998C13.5652 14.7955 20.8695 14.7955 20.8695 11.9998V6.26074H13.5652Z" fill="#F3F3F3"></path><path data-v-ab6d5c44="" d="M13.5652 12V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V12H13.5652Z" fill="#6DA544"></path><path data-v-ab6d5c44="" d="M17.2174 9.7041L15.5217 10.4346V11.9998L17.2174 13.0432L18.913 11.9998V10.4346L17.2174 9.7041Z" fill="#A2001D"></path><path data-v-ab6d5c44="" d="M15.5217 8.86963H18.913V10.4348H15.5217V8.86963Z" fill="#338AF3"></path></g><defs data-v-ab6d5c44=""><clipPath data-v-ab6d5c44="" id="clip0_1_2276"><rect data-v-ab6d5c44="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ab6d5c44="" class="kui-icon flag-bm-icon" data-testid="kui-icon-wrapper-flag-bm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ab6d5c44="" data-testid="kui-icon-svg-flag-bm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ab6d5c44="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ab6d5c44=""><g clip-path="url(#clip0_1_2276)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
+<path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path>
+<path d="M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07102 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.5219H4.69566V4.69598V4.69588H12.5217C12.5217 3.70855 12.5217 2.76796 12.5217 1.56543H6.07102Z" fill="#D80027"></path>
+<path d="M12.477 11.0017L7.73649 6.26123H6.26086V6.26132L12.4769 12.4774H12.477C12.477 12.4774 12.477 11.4599 12.477 11.0017V11.0017Z" fill="#D80027"></path>
+<path d="M13.5652 6.26074V11.9998C13.5652 14.7955 20.8695 14.7955 20.8695 11.9998V6.26074H13.5652Z" fill="#F3F3F3"></path>
+<path d="M13.5652 12V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V12H13.5652Z" fill="#6DA544"></path>
+<path d="M17.2174 9.7041L15.5217 10.4346V11.9998L17.2174 13.0432L18.913 11.9998V10.4346L17.2174 9.7041Z" fill="#A2001D"></path>
+<path d="M15.5217 8.86963H18.913V10.4348H15.5217V8.86963Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2276">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBnIcon.html b/src/tests/__snapshots__/FlagBnIcon.html
index 4e9cdb61..1beb34ac 100644
--- a/src/tests/__snapshots__/FlagBnIcon.html
+++ b/src/tests/__snapshots__/FlagBnIcon.html
@@ -1 +1,17 @@
-<span data-v-52947c34="" class="kui-icon flag-bn-icon" data-testid="kui-icon-wrapper-flag-bn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-52947c34="" data-testid="kui-icon-svg-flag-bn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-52947c34="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-52947c34="" clip-path="url(#clip0_1_2286)"><path data-v-52947c34="" d="M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z" fill="#F0F0F0"></path><path data-v-52947c34="" d="M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z" fill="black"></path><path data-v-52947c34="" d="M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z" fill="#FFDA44"></path><path data-v-52947c34="" d="M6.00091 22.3906C10.8017 25.1624 16.7213 24.2386 20.4679 20.503L0.402184 8.91797C-0.959611 14.0305 1.20006 19.6189 6.00091 22.3906Z" fill="#FFDA44"></path><path data-v-52947c34="" d="M15.3908 10.6955C15.3908 12.5682 13.8727 14.0863 12 14.0863C10.1273 14.0863 8.60919 12.5682 8.60919 10.6955C8.60919 10.1116 8.7568 9.5622 9.01678 9.08252C8.28097 9.83502 7.82669 10.864 7.82669 11.9997C7.82669 14.3045 9.69512 16.173 12 16.173C14.3049 16.173 16.1733 14.3046 16.1733 11.9997C16.1733 10.864 15.7191 9.83502 14.9832 9.08252C15.2432 9.5623 15.3908 10.1116 15.3908 10.6955V10.6955Z" fill="#D80027"></path><path data-v-52947c34="" d="M11.2176 6.7832H12.7826V14.6082H11.2176V6.7832Z" fill="#D80027"></path><path data-v-52947c34="" d="M14.6083 8.34814H9.39172C9.39172 8.70829 9.70546 9.00022 10.0656 9.00022H10.0438C10.0438 9.36036 10.3358 9.6523 10.6959 9.6523C10.6959 10.0124 10.9879 10.3044 11.348 10.3044H12.6521C13.0123 10.3044 13.3042 10.0124 13.3042 9.6523C13.6644 9.6523 13.9563 9.36036 13.9563 9.00022H13.9346C14.2946 9.00018 14.6083 8.70833 14.6083 8.34814Z" fill="#D80027"></path><path data-v-52947c34="" d="M8.34845 15.1299H15.6517V16.6949H8.34845V15.1299Z" fill="#D80027"></path><path data-v-52947c34="" d="M13.5651 15.6514H16.695V17.2163H13.5651V15.6514Z" fill="#D80027"></path><path data-v-52947c34="" d="M7.30515 15.6514H10.4351V17.2163H7.30515V15.6514Z" fill="#D80027"></path></g><defs data-v-52947c34=""><clipPath data-v-52947c34="" id="clip0_1_2286"><rect data-v-52947c34="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-52947c34="" class="kui-icon flag-bn-icon" data-testid="kui-icon-wrapper-flag-bn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-52947c34="" data-testid="kui-icon-svg-flag-bn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-52947c34="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-52947c34=""><g clip-path="url(#clip0_1_2286)">
+<path d="M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z" fill="#F0F0F0"></path>
+<path d="M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z" fill="black"></path>
+<path d="M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z" fill="#FFDA44"></path>
+<path d="M6.00091 22.3906C10.8017 25.1624 16.7213 24.2386 20.4679 20.503L0.402184 8.91797C-0.959611 14.0305 1.20006 19.6189 6.00091 22.3906Z" fill="#FFDA44"></path>
+<path d="M15.3908 10.6955C15.3908 12.5682 13.8727 14.0863 12 14.0863C10.1273 14.0863 8.60919 12.5682 8.60919 10.6955C8.60919 10.1116 8.7568 9.5622 9.01678 9.08252C8.28097 9.83502 7.82669 10.864 7.82669 11.9997C7.82669 14.3045 9.69512 16.173 12 16.173C14.3049 16.173 16.1733 14.3046 16.1733 11.9997C16.1733 10.864 15.7191 9.83502 14.9832 9.08252C15.2432 9.5623 15.3908 10.1116 15.3908 10.6955V10.6955Z" fill="#D80027"></path>
+<path d="M11.2176 6.7832H12.7826V14.6082H11.2176V6.7832Z" fill="#D80027"></path>
+<path d="M14.6083 8.34814H9.39172C9.39172 8.70829 9.70546 9.00022 10.0656 9.00022H10.0438C10.0438 9.36036 10.3358 9.6523 10.6959 9.6523C10.6959 10.0124 10.9879 10.3044 11.348 10.3044H12.6521C13.0123 10.3044 13.3042 10.0124 13.3042 9.6523C13.6644 9.6523 13.9563 9.36036 13.9563 9.00022H13.9346C14.2946 9.00018 14.6083 8.70833 14.6083 8.34814Z" fill="#D80027"></path>
+<path d="M8.34845 15.1299H15.6517V16.6949H8.34845V15.1299Z" fill="#D80027"></path>
+<path d="M13.5651 15.6514H16.695V17.2163H13.5651V15.6514Z" fill="#D80027"></path>
+<path d="M7.30515 15.6514H10.4351V17.2163H7.30515V15.6514Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2286">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBoIcon.html b/src/tests/__snapshots__/FlagBoIcon.html
index 20d741f9..7801ad5b 100644
--- a/src/tests/__snapshots__/FlagBoIcon.html
+++ b/src/tests/__snapshots__/FlagBoIcon.html
@@ -1 +1,10 @@
-<span data-v-e8447cca="" class="kui-icon flag-bo-icon" data-testid="kui-icon-wrapper-flag-bo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e8447cca="" data-testid="kui-icon-svg-flag-bo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e8447cca="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e8447cca="" clip-path="url(#clip0_1_2278)"><path data-v-e8447cca="" d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264 9.1259 0 10.532 0 11.9999C0 13.4677 0.264 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#FFDA44"></path><path data-v-e8447cca="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#6DA544"></path><path data-v-e8447cca="" d="M0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611V7.82611Z" fill="#D80027"></path></g><defs data-v-e8447cca=""><clipPath data-v-e8447cca="" id="clip0_1_2278"><rect data-v-e8447cca="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e8447cca="" class="kui-icon flag-bo-icon" data-testid="kui-icon-wrapper-flag-bo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e8447cca="" data-testid="kui-icon-svg-flag-bo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e8447cca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e8447cca=""><g clip-path="url(#clip0_1_2278)">
+<path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264 9.1259 0 10.532 0 11.9999C0 13.4677 0.264 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#FFDA44"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#6DA544"></path>
+<path d="M0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611V7.82611Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2278">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBrIcon.html b/src/tests/__snapshots__/FlagBrIcon.html
index 87abd451..53784f34 100644
--- a/src/tests/__snapshots__/FlagBrIcon.html
+++ b/src/tests/__snapshots__/FlagBrIcon.html
@@ -1 +1,12 @@
-<span data-v-71f6867a="" class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-71f6867a="" data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-71f6867a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-71f6867a="" clip-path="url(#clip0_1415_3697)"><path data-v-71f6867a="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path><path data-v-71f6867a="" d="M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z" fill="#FFDA44"></path><path data-v-71f6867a="" d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#F0F0F0"></path><path data-v-71f6867a="" d="M9.913 11.7393C9.18719 11.7393 8.48674 11.8496 7.82739 12.0545C7.8566 14.3345 9.71303 16.1741 12 16.1741C13.4141 16.1741 14.663 15.4701 15.418 14.3943C14.1263 12.7773 12.1388 11.7393 9.913 11.7393Z" fill="#0052B4"></path><path data-v-71f6867a="" d="M16.0964 12.7997C16.1467 12.5408 16.1738 12.2737 16.1738 12.0001C16.1738 9.69484 14.3051 7.82617 11.9999 7.82617C10.2799 7.82617 8.80331 8.86684 8.16431 10.3527C8.72915 10.2356 9.31396 10.174 9.91298 10.174C12.3372 10.174 14.5303 11.1817 16.0964 12.7997Z" fill="#0052B4"></path></g><defs data-v-71f6867a=""><clipPath data-v-71f6867a="" id="clip0_1415_3697"><rect data-v-71f6867a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-71f6867a="" class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-71f6867a="" data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-71f6867a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-71f6867a=""><g clip-path="url(#clip0_1415_3697)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
+<path d="M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z" fill="#FFDA44"></path>
+<path d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#F0F0F0"></path>
+<path d="M9.913 11.7393C9.18719 11.7393 8.48674 11.8496 7.82739 12.0545C7.8566 14.3345 9.71303 16.1741 12 16.1741C13.4141 16.1741 14.663 15.4701 15.418 14.3943C14.1263 12.7773 12.1388 11.7393 9.913 11.7393Z" fill="#0052B4"></path>
+<path d="M16.0964 12.7997C16.1467 12.5408 16.1738 12.2737 16.1738 12.0001C16.1738 9.69484 14.3051 7.82617 11.9999 7.82617C10.2799 7.82617 8.80331 8.86684 8.16431 10.3527C8.72915 10.2356 9.31396 10.174 9.91298 10.174C12.3372 10.174 14.5303 11.1817 16.0964 12.7997Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_3697">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBsIcon.html b/src/tests/__snapshots__/FlagBsIcon.html
index cbe2c04c..8145c1e2 100644
--- a/src/tests/__snapshots__/FlagBsIcon.html
+++ b/src/tests/__snapshots__/FlagBsIcon.html
@@ -1 +1,11 @@
-<span data-v-fb0112d9="" class="kui-icon flag-bs-icon" data-testid="kui-icon-wrapper-flag-bs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fb0112d9="" data-testid="kui-icon-svg-flag-bs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fb0112d9="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-fb0112d9="" clip-path="url(#clip0_1_2265)"><path data-v-fb0112d9="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-fb0112d9="" d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#338AF3"></path><path data-v-fb0112d9="" d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#338AF3"></path><path data-v-fb0112d9="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="black"></path></g><defs data-v-fb0112d9=""><clipPath data-v-fb0112d9="" id="clip0_1_2265"><rect data-v-fb0112d9="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-fb0112d9="" class="kui-icon flag-bs-icon" data-testid="kui-icon-wrapper-flag-bs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fb0112d9="" data-testid="kui-icon-svg-flag-bs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fb0112d9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fb0112d9=""><g clip-path="url(#clip0_1_2265)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#338AF3"></path>
+<path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#338AF3"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2265">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBtIcon.html b/src/tests/__snapshots__/FlagBtIcon.html
index 110f1cdb..7f4e23bf 100644
--- a/src/tests/__snapshots__/FlagBtIcon.html
+++ b/src/tests/__snapshots__/FlagBtIcon.html
@@ -1 +1,11 @@
-<span data-v-58993545="" class="kui-icon flag-bt-icon" data-testid="kui-icon-wrapper-flag-bt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58993545="" data-testid="kui-icon-svg-flag-bt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-58993545="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-58993545="" clip-path="url(#clip0_1_2277)"><path data-v-58993545="" d="M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z" fill="#FFDA44"></path><path data-v-58993545="" d="M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z" fill="#D80027"></path><path data-v-58993545="" d="M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z" fill="#FF9811"></path><path data-v-58993545="" d="M16.4431 8.12741L15.5949 11.1542L13.0501 10.6843L11.412 7.30762L6.98667 8.87798L6.63769 7.89454L5.47988 7.7519L6.35227 10.2104L9.39769 9.43157L10.2631 11.8704L8.15789 14.9774L11.7306 18.0245L11.0534 18.8184L11.5088 19.8926L13.2018 17.9077L11.0046 15.6597L12.684 13.6908L16.4273 13.9605L17.2799 9.34288L18.306 9.5324L19.0087 8.60099L16.4431 8.12741ZM11.9991 12.0818V12.0819V12.0818Z" fill="#FFEACF"></path></g><defs data-v-58993545=""><clipPath data-v-58993545="" id="clip0_1_2277"><rect data-v-58993545="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-58993545="" class="kui-icon flag-bt-icon" data-testid="kui-icon-wrapper-flag-bt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58993545="" data-testid="kui-icon-svg-flag-bt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-58993545="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-58993545=""><g clip-path="url(#clip0_1_2277)">
+<path d="M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z" fill="#FFDA44"></path>
+<path d="M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z" fill="#D80027"></path>
+<path d="M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z" fill="#FF9811"></path>
+<path d="M16.4431 8.12741L15.5949 11.1542L13.0501 10.6843L11.412 7.30762L6.98667 8.87798L6.63769 7.89454L5.47988 7.7519L6.35227 10.2104L9.39769 9.43157L10.2631 11.8704L8.15789 14.9774L11.7306 18.0245L11.0534 18.8184L11.5088 19.8926L13.2018 17.9077L11.0046 15.6597L12.684 13.6908L16.4273 13.9605L17.2799 9.34288L18.306 9.5324L19.0087 8.60099L16.4431 8.12741ZM11.9991 12.0818V12.0819V12.0818Z" fill="#FFEACF"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2277">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBwIcon.html b/src/tests/__snapshots__/FlagBwIcon.html
index e6900029..9c6f1ede 100644
--- a/src/tests/__snapshots__/FlagBwIcon.html
+++ b/src/tests/__snapshots__/FlagBwIcon.html
@@ -1 +1,11 @@
-<span data-v-5aa248a0="" class="kui-icon flag-bw-icon" data-testid="kui-icon-wrapper-flag-bw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5aa248a0="" data-testid="kui-icon-svg-flag-bw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5aa248a0="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5aa248a0="" clip-path="url(#clip0_1_2281)"><path data-v-5aa248a0="" d="M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z" fill="#F0F0F0"></path><path data-v-5aa248a0="" d="M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z" fill="black"></path><path data-v-5aa248a0="" d="M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z" fill="#338AF3"></path><path data-v-5aa248a0="" d="M12 1.87984e-09C6.64621 1.87984e-09 2.11199 3.50639 0.566666 8.34773L23.4332 8.34778C21.8881 3.50639 17.3538 -9.37481e-05 12 1.87984e-09V1.87984e-09Z" fill="#338AF3"></path></g><defs data-v-5aa248a0=""><clipPath data-v-5aa248a0="" id="clip0_1_2281"><rect data-v-5aa248a0="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5aa248a0="" class="kui-icon flag-bw-icon" data-testid="kui-icon-wrapper-flag-bw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5aa248a0="" data-testid="kui-icon-svg-flag-bw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5aa248a0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5aa248a0=""><g clip-path="url(#clip0_1_2281)">
+<path d="M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z" fill="#F0F0F0"></path>
+<path d="M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z" fill="black"></path>
+<path d="M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z" fill="#338AF3"></path>
+<path d="M12 1.87984e-09C6.64621 1.87984e-09 2.11199 3.50639 0.566666 8.34773L23.4332 8.34778C21.8881 3.50639 17.3538 -9.37481e-05 12 1.87984e-09V1.87984e-09Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2281">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagByIcon.html b/src/tests/__snapshots__/FlagByIcon.html
index ce5b4119..bfddb1ab 100644
--- a/src/tests/__snapshots__/FlagByIcon.html
+++ b/src/tests/__snapshots__/FlagByIcon.html
@@ -1 +1,16 @@
-<span data-v-7c78ffa8="" class="kui-icon flag-by-icon" data-testid="kui-icon-wrapper-flag-by-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c78ffa8="" data-testid="kui-icon-svg-flag-by-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7c78ffa8="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7c78ffa8="" clip-path="url(#clip0_1_2271)"><path data-v-7c78ffa8="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path><path data-v-7c78ffa8="" d="M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z" fill="#A2001D"></path><path data-v-7c78ffa8="" d="M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z" fill="#A2001D"></path><path data-v-7c78ffa8="" d="M4.9565 17.5653L3.65216 15.1989L4.9565 12.8696L6.26085 15.1989L4.9565 17.5653Z" fill="#A2001D"></path><path data-v-7c78ffa8="" d="M2.3478 17.5653L1.04346 15.1989L2.3478 12.8696L3.65214 15.1989L2.3478 17.5653Z" fill="#A2001D"></path><path data-v-7c78ffa8="" d="M6.26083 2.32936L5.89155 1.66992C5.22921 2.06236 4.60797 2.51672 4.03558 3.02503L4.95649 4.6957L6.26083 2.32936Z" fill="#A2001D"></path><path data-v-7c78ffa8="" d="M4.95647 19.3042L4.02582 20.9662C4.59769 21.4752 5.21851 21.9302 5.88057 22.3235L6.26086 21.6335L4.95647 19.3042Z" fill="#A2001D"></path><path data-v-7c78ffa8="" d="M7.30432 15.1304V23.0458C8.74662 23.6597 10.3335 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L7.30432 15.1304Z" fill="#6DA544"></path><path data-v-7c78ffa8="" d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 5.37263 18.6274 0 12 0C10.3336 0 8.74662 0.339984 7.30432 0.953813V16.1739H23.2536V16.1739Z" fill="#A2001D"></path></g><defs data-v-7c78ffa8=""><clipPath data-v-7c78ffa8="" id="clip0_1_2271"><rect data-v-7c78ffa8="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7c78ffa8="" class="kui-icon flag-by-icon" data-testid="kui-icon-wrapper-flag-by-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c78ffa8="" data-testid="kui-icon-svg-flag-by-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7c78ffa8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7c78ffa8=""><g clip-path="url(#clip0_1_2271)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
+<path d="M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z" fill="#A2001D"></path>
+<path d="M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z" fill="#A2001D"></path>
+<path d="M4.9565 17.5653L3.65216 15.1989L4.9565 12.8696L6.26085 15.1989L4.9565 17.5653Z" fill="#A2001D"></path>
+<path d="M2.3478 17.5653L1.04346 15.1989L2.3478 12.8696L3.65214 15.1989L2.3478 17.5653Z" fill="#A2001D"></path>
+<path d="M6.26083 2.32936L5.89155 1.66992C5.22921 2.06236 4.60797 2.51672 4.03558 3.02503L4.95649 4.6957L6.26083 2.32936Z" fill="#A2001D"></path>
+<path d="M4.95647 19.3042L4.02582 20.9662C4.59769 21.4752 5.21851 21.9302 5.88057 22.3235L6.26086 21.6335L4.95647 19.3042Z" fill="#A2001D"></path>
+<path d="M7.30432 15.1304V23.0458C8.74662 23.6597 10.3335 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L7.30432 15.1304Z" fill="#6DA544"></path>
+<path d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 5.37263 18.6274 0 12 0C10.3336 0 8.74662 0.339984 7.30432 0.953813V16.1739H23.2536V16.1739Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2271">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBzIcon.html b/src/tests/__snapshots__/FlagBzIcon.html
index 091d6529..4d39d1d2 100644
--- a/src/tests/__snapshots__/FlagBzIcon.html
+++ b/src/tests/__snapshots__/FlagBzIcon.html
@@ -1 +1,15 @@
-<span data-v-32dddf53="" class="kui-icon flag-bz-icon" data-testid="kui-icon-wrapper-flag-bz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32dddf53="" data-testid="kui-icon-svg-flag-bz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-32dddf53="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-32dddf53="" clip-path="url(#clip0_1_2274)"><path data-v-32dddf53="" d="M24 12.0002C24 7.88174 21.9249 4.24832 18.7635 2.0872L12 1.56543L5.23655 2.08715C2.07516 4.24832 0 7.88179 0 12.0002C0 16.1188 2.07516 19.7521 5.23655 21.9133L12 22.435L18.7635 21.9133C21.9249 19.7521 24 16.1188 24 12.0002Z" fill="#0052B4"></path><path data-v-32dddf53="" d="M18.7634 2.08697C16.8376 0.770437 14.5089 0 12 0C9.4911 0 7.1624 0.770437 5.23654 2.08697H18.7634Z" fill="#A2001D"></path><path data-v-32dddf53="" d="M5.23654 21.9131C7.16235 23.2296 9.4911 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7634 21.9131H5.23654Z" fill="#A2001D"></path><path data-v-32dddf53="" d="M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83037 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83037 17.739 12 17.739Z" fill="#F0F0F0"></path><path data-v-32dddf53="" d="M12 16.6955C14.5933 16.6955 16.6957 14.5932 16.6957 11.9999C16.6957 9.40652 14.5933 7.3042 12 7.3042C9.40667 7.3042 7.30435 9.40652 7.30435 11.9999C7.30435 14.5932 9.40667 16.6955 12 16.6955Z" fill="#6DA544"></path><path data-v-32dddf53="" d="M12 15.1305C13.7289 15.1305 15.1305 13.729 15.1305 12.0001C15.1305 10.2712 13.7289 8.86963 12 8.86963C10.2711 8.86963 8.86955 10.2712 8.86955 12.0001C8.86955 13.729 10.2711 15.1305 12 15.1305Z" fill="#F0F0F0"></path><path data-v-32dddf53="" d="M12 11.2173L10.3044 11.9999V13.3043L12 14.3477L13.6957 13.3043V11.9999L12 11.2173Z" fill="#0052B4"></path><path data-v-32dddf53="" d="M10.3044 10.4346H13.6957V11.9998H10.3044V10.4346Z" fill="#FFDA44"></path></g><defs data-v-32dddf53=""><clipPath data-v-32dddf53="" id="clip0_1_2274"><rect data-v-32dddf53="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-32dddf53="" class="kui-icon flag-bz-icon" data-testid="kui-icon-wrapper-flag-bz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32dddf53="" data-testid="kui-icon-svg-flag-bz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-32dddf53="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-32dddf53=""><g clip-path="url(#clip0_1_2274)">
+<path d="M24 12.0002C24 7.88174 21.9249 4.24832 18.7635 2.0872L12 1.56543L5.23655 2.08715C2.07516 4.24832 0 7.88179 0 12.0002C0 16.1188 2.07516 19.7521 5.23655 21.9133L12 22.435L18.7635 21.9133C21.9249 19.7521 24 16.1188 24 12.0002Z" fill="#0052B4"></path>
+<path d="M18.7634 2.08697C16.8376 0.770437 14.5089 0 12 0C9.4911 0 7.1624 0.770437 5.23654 2.08697H18.7634Z" fill="#A2001D"></path>
+<path d="M5.23654 21.9131C7.16235 23.2296 9.4911 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7634 21.9131H5.23654Z" fill="#A2001D"></path>
+<path d="M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83037 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83037 17.739 12 17.739Z" fill="#F0F0F0"></path>
+<path d="M12 16.6955C14.5933 16.6955 16.6957 14.5932 16.6957 11.9999C16.6957 9.40652 14.5933 7.3042 12 7.3042C9.40667 7.3042 7.30435 9.40652 7.30435 11.9999C7.30435 14.5932 9.40667 16.6955 12 16.6955Z" fill="#6DA544"></path>
+<path d="M12 15.1305C13.7289 15.1305 15.1305 13.729 15.1305 12.0001C15.1305 10.2712 13.7289 8.86963 12 8.86963C10.2711 8.86963 8.86955 10.2712 8.86955 12.0001C8.86955 13.729 10.2711 15.1305 12 15.1305Z" fill="#F0F0F0"></path>
+<path d="M12 11.2173L10.3044 11.9999V13.3043L12 14.3477L13.6957 13.3043V11.9999L12 11.2173Z" fill="#0052B4"></path>
+<path d="M10.3044 10.4346H13.6957V11.9998H10.3044V10.4346Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2274">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCaIcon.html b/src/tests/__snapshots__/FlagCaIcon.html
index b104f083..0f3ce840 100644
--- a/src/tests/__snapshots__/FlagCaIcon.html
+++ b/src/tests/__snapshots__/FlagCaIcon.html
@@ -1 +1,11 @@
-<span data-v-cab513ae="" class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cab513ae="" data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cab513ae="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-cab513ae="" clip-path="url(#clip0_1415_3800)"><path data-v-cab513ae="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-cab513ae="" d="M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path><path data-v-cab513ae="" d="M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z" fill="#D80027"></path><path data-v-cab513ae="" d="M14.087 13.5653L16.174 12.5218L15.1305 12.0001V10.9566L13.0435 12.0001L14.087 9.9131H13.0435L12.0001 8.3479L10.9566 9.9131H9.91309L10.9566 12.0001L8.86961 10.9566V12.0001L7.82617 12.5218L9.91309 13.5653L9.39138 14.6088H11.4783V16.174H12.5218V14.6088H14.6088L14.087 13.5653Z" fill="#D80027"></path></g><defs data-v-cab513ae=""><clipPath data-v-cab513ae="" id="clip0_1415_3800"><rect data-v-cab513ae="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-cab513ae="" class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cab513ae="" data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cab513ae="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cab513ae=""><g clip-path="url(#clip0_1415_3800)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path>
+<path d="M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z" fill="#D80027"></path>
+<path d="M14.087 13.5653L16.174 12.5218L15.1305 12.0001V10.9566L13.0435 12.0001L14.087 9.9131H13.0435L12.0001 8.3479L10.9566 9.9131H9.91309L10.9566 12.0001L8.86961 10.9566V12.0001L7.82617 12.5218L9.91309 13.5653L9.39138 14.6088H11.4783V16.174H12.5218V14.6088H14.6088L14.087 13.5653Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_3800">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCcIcon.html b/src/tests/__snapshots__/FlagCcIcon.html
index 67bf8762..ce98335a 100644
--- a/src/tests/__snapshots__/FlagCcIcon.html
+++ b/src/tests/__snapshots__/FlagCcIcon.html
@@ -1 +1,17 @@
-<span data-v-7a0bd759="" class="kui-icon flag-cc-icon" data-testid="kui-icon-wrapper-flag-cc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a0bd759="" data-testid="kui-icon-svg-flag-cc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7a0bd759="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7a0bd759="" clip-path="url(#clip0_1_2302)"><path data-v-7a0bd759="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path><path data-v-7a0bd759="" d="M18.4211 17.2178L18.7504 17.9063L19.494 17.7345L19.161 18.4212L19.759 18.8954L19.0145 19.0632L19.0166 19.8265L18.4211 19.349L17.8257 19.8265L17.8278 19.0632L17.0833 18.8954L17.6812 18.4212L17.3482 17.7345L18.0918 17.9063L18.4211 17.2178Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M15.3577 9.91309L15.6871 10.6016L16.4307 10.4297L16.0977 11.1166L16.6957 11.5907L15.9511 11.7586L15.9532 12.5218L15.3577 12.0443L14.7623 12.5218L14.7644 11.7586L14.0199 11.5907L14.6179 11.1166L14.2848 10.4297L15.0285 10.6016L15.3577 9.91309Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M18.4211 5.73926L18.7504 6.4278L19.494 6.25587L19.1611 6.94268L19.759 7.41691L19.0145 7.58468L19.0165 8.34795L18.4211 7.87043L17.8257 8.34795L17.8278 7.58468L17.0833 7.41691L17.6813 6.94268L17.3483 6.25587L18.0918 6.4278L18.4211 5.73926Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M21.0969 8.86963L21.4262 9.55818L22.1699 9.38629L21.8368 10.0731L22.4348 10.5473L21.6903 10.7151L21.6923 11.4784L21.0969 11.0008L20.5015 11.4784L20.5035 10.7151L19.759 10.5473L20.357 10.0731L20.024 9.38629L20.7676 9.55818L21.0969 8.86963Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M19.1835 12.522L19.4426 13.3192H20.2808L19.6027 13.8118L19.8617 14.6089L19.1835 14.1163L18.5055 14.6089L18.7645 13.8118L18.0864 13.3192H18.9246L19.1835 12.522Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M13.3043 15.3914C11.4314 15.3914 9.91298 13.873 9.91298 12.0001C9.91298 10.1272 11.4313 8.6088 13.3043 8.6088C13.8883 8.6088 14.4378 8.7565 14.9175 9.01642C14.165 8.28039 13.1358 7.82617 11.9999 7.82617C9.69478 7.82617 7.82606 9.69489 7.82606 12.0001C7.82606 14.3052 9.69478 16.174 11.9999 16.174C13.1358 16.174 14.165 15.7197 14.9175 14.9837C14.4378 15.2437 13.8883 15.3914 13.3043 15.3914V15.3914Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M7.54622 4.69583C7.18528 4.0722 6.51145 3.65234 5.73914 3.65234C4.96683 3.65234 4.293 4.0722 3.93206 4.69583H7.54622Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M7.55316 4.70801L5.73914 6.52202L3.92512 4.70801C3.75173 5.01227 3.65222 5.36416 3.65222 5.73945C3.65222 6.89205 4.58658 7.82641 5.73919 7.82641C6.8918 7.82641 7.82615 6.8921 7.82615 5.73945C7.82611 5.36416 7.72655 5.01227 7.55316 4.70801V4.70801Z" fill="#FFDA44"></path><path data-v-7a0bd759="" d="M5.21738 6V7.76034C5.38411 7.80323 5.55895 7.82606 5.7391 7.82606C5.91924 7.82606 6.09408 7.80319 6.26081 7.76034V6H5.21738Z" fill="#A2001D"></path></g><defs data-v-7a0bd759=""><clipPath data-v-7a0bd759="" id="clip0_1_2302"><rect data-v-7a0bd759="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7a0bd759="" class="kui-icon flag-cc-icon" data-testid="kui-icon-wrapper-flag-cc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a0bd759="" data-testid="kui-icon-svg-flag-cc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7a0bd759="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7a0bd759=""><g clip-path="url(#clip0_1_2302)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
+<path d="M18.4211 17.2178L18.7504 17.9063L19.494 17.7345L19.161 18.4212L19.759 18.8954L19.0145 19.0632L19.0166 19.8265L18.4211 19.349L17.8257 19.8265L17.8278 19.0632L17.0833 18.8954L17.6812 18.4212L17.3482 17.7345L18.0918 17.9063L18.4211 17.2178Z" fill="#FFDA44"></path>
+<path d="M15.3577 9.91309L15.6871 10.6016L16.4307 10.4297L16.0977 11.1166L16.6957 11.5907L15.9511 11.7586L15.9532 12.5218L15.3577 12.0443L14.7623 12.5218L14.7644 11.7586L14.0199 11.5907L14.6179 11.1166L14.2848 10.4297L15.0285 10.6016L15.3577 9.91309Z" fill="#FFDA44"></path>
+<path d="M18.4211 5.73926L18.7504 6.4278L19.494 6.25587L19.1611 6.94268L19.759 7.41691L19.0145 7.58468L19.0165 8.34795L18.4211 7.87043L17.8257 8.34795L17.8278 7.58468L17.0833 7.41691L17.6813 6.94268L17.3483 6.25587L18.0918 6.4278L18.4211 5.73926Z" fill="#FFDA44"></path>
+<path d="M21.0969 8.86963L21.4262 9.55818L22.1699 9.38629L21.8368 10.0731L22.4348 10.5473L21.6903 10.7151L21.6923 11.4784L21.0969 11.0008L20.5015 11.4784L20.5035 10.7151L19.759 10.5473L20.357 10.0731L20.024 9.38629L20.7676 9.55818L21.0969 8.86963Z" fill="#FFDA44"></path>
+<path d="M19.1835 12.522L19.4426 13.3192H20.2808L19.6027 13.8118L19.8617 14.6089L19.1835 14.1163L18.5055 14.6089L18.7645 13.8118L18.0864 13.3192H18.9246L19.1835 12.522Z" fill="#FFDA44"></path>
+<path d="M13.3043 15.3914C11.4314 15.3914 9.91298 13.873 9.91298 12.0001C9.91298 10.1272 11.4313 8.6088 13.3043 8.6088C13.8883 8.6088 14.4378 8.7565 14.9175 9.01642C14.165 8.28039 13.1358 7.82617 11.9999 7.82617C9.69478 7.82617 7.82606 9.69489 7.82606 12.0001C7.82606 14.3052 9.69478 16.174 11.9999 16.174C13.1358 16.174 14.165 15.7197 14.9175 14.9837C14.4378 15.2437 13.8883 15.3914 13.3043 15.3914V15.3914Z" fill="#FFDA44"></path>
+<path d="M7.54622 4.69583C7.18528 4.0722 6.51145 3.65234 5.73914 3.65234C4.96683 3.65234 4.293 4.0722 3.93206 4.69583H7.54622Z" fill="#FFDA44"></path>
+<path d="M7.55316 4.70801L5.73914 6.52202L3.92512 4.70801C3.75173 5.01227 3.65222 5.36416 3.65222 5.73945C3.65222 6.89205 4.58658 7.82641 5.73919 7.82641C6.8918 7.82641 7.82615 6.8921 7.82615 5.73945C7.82611 5.36416 7.72655 5.01227 7.55316 4.70801V4.70801Z" fill="#FFDA44"></path>
+<path d="M5.21738 6V7.76034C5.38411 7.80323 5.55895 7.82606 5.7391 7.82606C5.91924 7.82606 6.09408 7.80319 6.26081 7.76034V6H5.21738Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2302">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCdIcon.html b/src/tests/__snapshots__/FlagCdIcon.html
index 3023e769..da79854d 100644
--- a/src/tests/__snapshots__/FlagCdIcon.html
+++ b/src/tests/__snapshots__/FlagCdIcon.html
@@ -1 +1,12 @@
-<span data-v-bfa75b85="" class="kui-icon flag-cd-icon" data-testid="kui-icon-wrapper-flag-cd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bfa75b85="" data-testid="kui-icon-svg-flag-cd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bfa75b85="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-bfa75b85="" clip-path="url(#clip0_1_2313)"><path data-v-bfa75b85="" d="M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z" fill="#FFDA44"></path><path data-v-bfa75b85="" d="M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z" fill="#D80027"></path><path data-v-bfa75b85="" d="M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z" fill="#338AF3"></path><path data-v-bfa75b85="" d="M20.4856 20.4855C24.2715 16.6996 24.9983 11.0137 22.6675 6.49756L6.49771 22.6673C11.0139 24.9982 16.6998 24.2714 20.4856 20.4855V20.4855Z" fill="#338AF3"></path><path data-v-bfa75b85="" d="M6.39498 3.65186L7.04251 5.64484H9.13801L7.44273 6.87653L8.09026 8.86946L6.39498 7.63773L4.69961 8.86946L5.34723 6.87653L3.65186 5.64484H5.74736L6.39498 3.65186Z" fill="#FFDA44"></path></g><defs data-v-bfa75b85=""><clipPath data-v-bfa75b85="" id="clip0_1_2313"><rect data-v-bfa75b85="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-bfa75b85="" class="kui-icon flag-cd-icon" data-testid="kui-icon-wrapper-flag-cd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bfa75b85="" data-testid="kui-icon-svg-flag-cd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bfa75b85="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bfa75b85=""><g clip-path="url(#clip0_1_2313)">
+<path d="M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z" fill="#FFDA44"></path>
+<path d="M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z" fill="#D80027"></path>
+<path d="M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z" fill="#338AF3"></path>
+<path d="M20.4856 20.4855C24.2715 16.6996 24.9983 11.0137 22.6675 6.49756L6.49771 22.6673C11.0139 24.9982 16.6998 24.2714 20.4856 20.4855V20.4855Z" fill="#338AF3"></path>
+<path d="M6.39498 3.65186L7.04251 5.64484H9.13801L7.44273 6.87653L8.09026 8.86946L6.39498 7.63773L4.69961 8.86946L5.34723 6.87653L3.65186 5.64484H5.74736L6.39498 3.65186Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2313">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCfIcon.html b/src/tests/__snapshots__/FlagCfIcon.html
index 88ef1410..497707d8 100644
--- a/src/tests/__snapshots__/FlagCfIcon.html
+++ b/src/tests/__snapshots__/FlagCfIcon.html
@@ -1 +1,18 @@
-<span data-v-6b8fb026="" class="kui-icon flag-cf-icon" data-testid="kui-icon-wrapper-flag-cf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6b8fb026="" data-testid="kui-icon-svg-flag-cf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6b8fb026="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6b8fb026="" clip-path="url(#clip0_1_2296)"><path data-v-6b8fb026="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-6b8fb026="" d="M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z" fill="#0052B4"></path><path data-v-6b8fb026="" d="M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z" fill="#0052B4"></path><path data-v-6b8fb026="" d="M14.6087 12V17.7391H22.5409C23.4711 16.0342 24 14.0789 24 12H14.6087Z" fill="#6DA544"></path><path data-v-6b8fb026="" d="M9.39131 12H0C0 14.0789 0.528891 16.0342 1.45908 17.7391H9.39127V12H9.39131Z" fill="#6DA544"></path><path data-v-6b8fb026="" d="M1.45911 17.7393C3.00978 20.5812 5.67612 22.7267 8.86958 23.5874L9.39129 18.4729L1.45911 17.7393Z" fill="#FFDA44"></path><path data-v-6b8fb026="" d="M15.1305 23.5874C18.3239 22.7267 20.9903 20.5812 22.541 17.7393L14.6088 18.4728L15.1305 23.5874Z" fill="#FFDA44"></path><path data-v-6b8fb026="" d="M14.6087 18.4728L22.5409 17.7393H14.6087V18.4728Z" fill="#FFDA44"></path><path data-v-6b8fb026="" d="M9.39134 17.7393H1.45911L9.39134 18.4728V17.7393Z" fill="#FFDA44"></path><path data-v-6b8fb026="" d="M12 0C10.9169 0 9.86772 0.144375 8.86957 0.413391V23.5867C9.86772 23.8556 10.9169 24 12 24C13.0832 24 14.1323 23.8556 15.1305 23.5866V0.413391C14.1323 0.144375 13.0832 0 12 0V0Z" fill="#D80027"></path><path data-v-6b8fb026="" d="M6.45457 2.60889L6.77828 3.60531H7.82608L6.97849 4.22115L7.30225 5.21757L6.45457 4.60178L5.60693 5.21757L5.93078 4.22115L5.08319 3.60531H6.13089L6.45457 2.60889Z" fill="#FFDA44"></path></g><defs data-v-6b8fb026=""><clipPath data-v-6b8fb026="" id="clip0_1_2296"><rect data-v-6b8fb026="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6b8fb026="" class="kui-icon flag-cf-icon" data-testid="kui-icon-wrapper-flag-cf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6b8fb026="" data-testid="kui-icon-svg-flag-cf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6b8fb026="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6b8fb026=""><g clip-path="url(#clip0_1_2296)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z" fill="#0052B4"></path>
+<path d="M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z" fill="#0052B4"></path>
+<path d="M14.6087 12V17.7391H22.5409C23.4711 16.0342 24 14.0789 24 12H14.6087Z" fill="#6DA544"></path>
+<path d="M9.39131 12H0C0 14.0789 0.528891 16.0342 1.45908 17.7391H9.39127V12H9.39131Z" fill="#6DA544"></path>
+<path d="M1.45911 17.7393C3.00978 20.5812 5.67612 22.7267 8.86958 23.5874L9.39129 18.4729L1.45911 17.7393Z" fill="#FFDA44"></path>
+<path d="M15.1305 23.5874C18.3239 22.7267 20.9903 20.5812 22.541 17.7393L14.6088 18.4728L15.1305 23.5874Z" fill="#FFDA44"></path>
+<path d="M14.6087 18.4728L22.5409 17.7393H14.6087V18.4728Z" fill="#FFDA44"></path>
+<path d="M9.39134 17.7393H1.45911L9.39134 18.4728V17.7393Z" fill="#FFDA44"></path>
+<path d="M12 0C10.9169 0 9.86772 0.144375 8.86957 0.413391V23.5867C9.86772 23.8556 10.9169 24 12 24C13.0832 24 14.1323 23.8556 15.1305 23.5866V0.413391C14.1323 0.144375 13.0832 0 12 0V0Z" fill="#D80027"></path>
+<path d="M6.45457 2.60889L6.77828 3.60531H7.82608L6.97849 4.22115L7.30225 5.21757L6.45457 4.60178L5.60693 5.21757L5.93078 4.22115L5.08319 3.60531H6.13089L6.45457 2.60889Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2296">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagChIcon.html b/src/tests/__snapshots__/FlagChIcon.html
index d3c8a633..3535c196 100644
--- a/src/tests/__snapshots__/FlagChIcon.html
+++ b/src/tests/__snapshots__/FlagChIcon.html
@@ -1 +1,9 @@
-<span data-v-d537e9e4="" class="kui-icon flag-ch-icon" data-testid="kui-icon-wrapper-flag-ch-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d537e9e4="" data-testid="kui-icon-svg-flag-ch-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d537e9e4="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d537e9e4="" clip-path="url(#clip0_247_6260)"><path data-v-d537e9e4="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-d537e9e4="" d="M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z" fill="#F0F0F0"></path></g><defs data-v-d537e9e4=""><clipPath data-v-d537e9e4="" id="clip0_247_6260"><rect data-v-d537e9e4="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d537e9e4="" class="kui-icon flag-ch-icon" data-testid="kui-icon-wrapper-flag-ch-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d537e9e4="" data-testid="kui-icon-svg-flag-ch-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d537e9e4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d537e9e4=""><g clip-path="url(#clip0_247_6260)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6260">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCiIcon.html b/src/tests/__snapshots__/FlagCiIcon.html
index 434bc9e3..0cab2ddc 100644
--- a/src/tests/__snapshots__/FlagCiIcon.html
+++ b/src/tests/__snapshots__/FlagCiIcon.html
@@ -1 +1,10 @@
-<span data-v-38745c45="" class="kui-icon flag-ci-icon" data-testid="kui-icon-wrapper-flag-ci-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38745c45="" data-testid="kui-icon-svg-flag-ci-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-38745c45="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-38745c45="" clip-path="url(#clip0_1_2366)"><path data-v-38745c45="" d="M12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24Z" fill="#F0F0F0"></path><path data-v-38745c45="" d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#FF9811"></path><path data-v-38745c45="" d="M16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V0.746582Z" fill="#6DA544"></path></g><defs data-v-38745c45=""><clipPath data-v-38745c45="" id="clip0_1_2366"><rect data-v-38745c45="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-38745c45="" class="kui-icon flag-ci-icon" data-testid="kui-icon-wrapper-flag-ci-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38745c45="" data-testid="kui-icon-svg-flag-ci-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-38745c45="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-38745c45=""><g clip-path="url(#clip0_1_2366)">
+<path d="M12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#FF9811"></path>
+<path d="M16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V0.746582Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2366">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCkIcon.html b/src/tests/__snapshots__/FlagCkIcon.html
index ee3e983f..51c55ef4 100644
--- a/src/tests/__snapshots__/FlagCkIcon.html
+++ b/src/tests/__snapshots__/FlagCkIcon.html
@@ -1 +1,20 @@
-<span data-v-93b0cf63="" class="kui-icon flag-ck-icon" data-testid="kui-icon-wrapper-flag-ck-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93b0cf63="" data-testid="kui-icon-svg-flag-ck-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93b0cf63="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-93b0cf63="" clip-path="url(#clip0_1_2305)"><path data-v-93b0cf63="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-93b0cf63="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M6.07101 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z" fill="#D80027"></path><path data-v-93b0cf63="" d="M12 10.5247L7.73648 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path><path data-v-93b0cf63="" d="M16.1739 12L16.396 12.6832H17.1143L16.5332 13.1055L16.7552 13.7888L16.1739 13.3665L15.5927 13.7888L15.8147 13.1055L15.2335 12.6832H15.9519L16.1739 12Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M13.2225 13.2224L13.8626 13.5485L14.3707 13.0405L14.2583 13.7501L14.8984 14.0763L14.1888 14.1886L14.0764 14.8983L13.7502 14.2581L13.0407 14.3705L13.5488 13.8625L13.2225 13.2224Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M12 16.1737L12.6832 15.9517L12.6833 15.2334L13.1055 15.8145L13.7888 15.5925L13.3665 16.1737L13.7888 16.755L13.1055 16.533L12.6833 17.1142V16.3958L12 16.1737Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M13.2225 19.125L13.5487 18.4849L13.0407 17.977L13.7503 18.0893L14.0764 17.4492L14.1888 18.1588L14.8984 18.2711L14.2583 18.5973L14.3707 19.307L13.8626 18.7988L13.2225 19.125Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M16.1739 20.3479L15.9519 19.6646H15.2335L15.8147 19.2423L15.5927 18.5591L16.1739 18.9813L16.7552 18.5591L16.5332 19.2423L17.1143 19.6646H16.396L16.1739 20.3479Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M19.1253 19.125L18.4852 18.799L17.9772 19.307L18.0896 18.5973L17.4495 18.2712L18.159 18.1588L18.2715 17.4492L18.5976 18.0893L19.3072 17.977L18.7991 18.485L19.1253 19.125Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M20.3478 16.1737L19.6645 16.3958V17.1142L19.2423 16.533L18.559 16.755L18.9813 16.1737L18.559 15.5925L19.2423 15.8145L19.6645 15.2334V15.9517L20.3478 16.1737Z" fill="#F0F0F0"></path><path data-v-93b0cf63="" d="M19.1253 13.2224L18.7992 13.8625L19.3072 14.3705L18.5976 14.2581L18.2715 14.8982L18.159 14.1885L17.4495 14.0762L18.0896 13.7501L17.9772 13.0405L18.4852 13.5485L19.1253 13.2224Z" fill="#F0F0F0"></path></g><defs data-v-93b0cf63=""><clipPath data-v-93b0cf63="" id="clip0_1_2305"><rect data-v-93b0cf63="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-93b0cf63="" class="kui-icon flag-ck-icon" data-testid="kui-icon-wrapper-flag-ck-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93b0cf63="" data-testid="kui-icon-svg-flag-ck-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93b0cf63="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-93b0cf63=""><g clip-path="url(#clip0_1_2305)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07101 1.56543C4.19419 2.63413 2.63386 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z" fill="#D80027"></path>
+<path d="M12 10.5247L7.73648 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path>
+<path d="M16.1739 12L16.396 12.6832H17.1143L16.5332 13.1055L16.7552 13.7888L16.1739 13.3665L15.5927 13.7888L15.8147 13.1055L15.2335 12.6832H15.9519L16.1739 12Z" fill="#F0F0F0"></path>
+<path d="M13.2225 13.2224L13.8626 13.5485L14.3707 13.0405L14.2583 13.7501L14.8984 14.0763L14.1888 14.1886L14.0764 14.8983L13.7502 14.2581L13.0407 14.3705L13.5488 13.8625L13.2225 13.2224Z" fill="#F0F0F0"></path>
+<path d="M12 16.1737L12.6832 15.9517L12.6833 15.2334L13.1055 15.8145L13.7888 15.5925L13.3665 16.1737L13.7888 16.755L13.1055 16.533L12.6833 17.1142V16.3958L12 16.1737Z" fill="#F0F0F0"></path>
+<path d="M13.2225 19.125L13.5487 18.4849L13.0407 17.977L13.7503 18.0893L14.0764 17.4492L14.1888 18.1588L14.8984 18.2711L14.2583 18.5973L14.3707 19.307L13.8626 18.7988L13.2225 19.125Z" fill="#F0F0F0"></path>
+<path d="M16.1739 20.3479L15.9519 19.6646H15.2335L15.8147 19.2423L15.5927 18.5591L16.1739 18.9813L16.7552 18.5591L16.5332 19.2423L17.1143 19.6646H16.396L16.1739 20.3479Z" fill="#F0F0F0"></path>
+<path d="M19.1253 19.125L18.4852 18.799L17.9772 19.307L18.0896 18.5973L17.4495 18.2712L18.159 18.1588L18.2715 17.4492L18.5976 18.0893L19.3072 17.977L18.7991 18.485L19.1253 19.125Z" fill="#F0F0F0"></path>
+<path d="M20.3478 16.1737L19.6645 16.3958V17.1142L19.2423 16.533L18.559 16.755L18.9813 16.1737L18.559 15.5925L19.2423 15.8145L19.6645 15.2334V15.9517L20.3478 16.1737Z" fill="#F0F0F0"></path>
+<path d="M19.1253 13.2224L18.7992 13.8625L19.3072 14.3705L18.5976 14.2581L18.2715 14.8982L18.159 14.1885L17.4495 14.0762L18.0896 13.7501L17.9772 13.0405L18.4852 13.5485L19.1253 13.2224Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2305">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagClIcon.html b/src/tests/__snapshots__/FlagClIcon.html
index e7557bd1..b19f1634 100644
--- a/src/tests/__snapshots__/FlagClIcon.html
+++ b/src/tests/__snapshots__/FlagClIcon.html
@@ -1 +1,11 @@
-<span data-v-8f739682="" class="kui-icon flag-cl-icon" data-testid="kui-icon-wrapper-flag-cl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f739682="" data-testid="kui-icon-svg-flag-cl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f739682="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-8f739682="" clip-path="url(#clip0_1_2300)"><path data-v-8f739682="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-8f739682="" d="M24 12.0002C24 18.6276 18.6274 24.0002 12 24.0002C5.37262 24.0002 0 18.6276 0 12.0002C0 5.37281 12 12.0002 12 12.0002C12 12.0002 21.0825 12.0002 24 12.0002Z" fill="#D80027"></path><path data-v-8f739682="" d="M0 12C0 5.37262 5.37262 0 12 0V12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path><path data-v-8f739682="" d="M7.14323 4.17383L7.92028 6.5653H10.4348L8.40051 8.04327L9.17751 10.4347L7.14323 8.95672L5.10895 10.4347L5.88595 8.04327L3.85167 6.5653H6.36618L7.14323 4.17383Z" fill="#F0F0F0"></path></g><defs data-v-8f739682=""><clipPath data-v-8f739682="" id="clip0_1_2300"><rect data-v-8f739682="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-8f739682="" class="kui-icon flag-cl-icon" data-testid="kui-icon-wrapper-flag-cl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f739682="" data-testid="kui-icon-svg-flag-cl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f739682="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8f739682=""><g clip-path="url(#clip0_1_2300)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24 12.0002C24 18.6276 18.6274 24.0002 12 24.0002C5.37262 24.0002 0 18.6276 0 12.0002C0 5.37281 12 12.0002 12 12.0002C12 12.0002 21.0825 12.0002 24 12.0002Z" fill="#D80027"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0V12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path>
+<path d="M7.14323 4.17383L7.92028 6.5653H10.4348L8.40051 8.04327L9.17751 10.4347L7.14323 8.95672L5.10895 10.4347L5.88595 8.04327L3.85167 6.5653H6.36618L7.14323 4.17383Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2300">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCmIcon.html b/src/tests/__snapshots__/FlagCmIcon.html
index 8752372e..6f46595b 100644
--- a/src/tests/__snapshots__/FlagCmIcon.html
+++ b/src/tests/__snapshots__/FlagCmIcon.html
@@ -1 +1,11 @@
-<span data-v-8dea81a5="" class="kui-icon flag-cm-icon" data-testid="kui-icon-wrapper-flag-cm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dea81a5="" data-testid="kui-icon-svg-flag-cm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8dea81a5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-8dea81a5="" clip-path="url(#clip0_1_2291)"><path data-v-8dea81a5="" d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path><path data-v-8dea81a5="" d="M11.9999 7.82617L13.0358 11.0146H16.3887L13.6763 12.9854L14.7123 16.174L11.9999 14.2033L9.28747 16.174L10.3236 12.9854L7.61127 11.0146H10.9639L11.9999 7.82617Z" fill="#FFDA44"></path><path data-v-8dea81a5="" d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#496E2D"></path><path data-v-8dea81a5="" d="M17.2173 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2173 1.19092Z" fill="#FFDA44"></path></g><defs data-v-8dea81a5=""><clipPath data-v-8dea81a5="" id="clip0_1_2291"><rect data-v-8dea81a5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-8dea81a5="" class="kui-icon flag-cm-icon" data-testid="kui-icon-wrapper-flag-cm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dea81a5="" data-testid="kui-icon-svg-flag-cm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8dea81a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8dea81a5=""><g clip-path="url(#clip0_1_2291)">
+<path d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path>
+<path d="M11.9999 7.82617L13.0358 11.0146H16.3887L13.6763 12.9854L14.7123 16.174L11.9999 14.2033L9.28747 16.174L10.3236 12.9854L7.61127 11.0146H10.9639L11.9999 7.82617Z" fill="#FFDA44"></path>
+<path d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#496E2D"></path>
+<path d="M17.2173 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2173 1.19092Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2291">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCnIcon.html b/src/tests/__snapshots__/FlagCnIcon.html
index 0c9dfc75..9d81b82b 100644
--- a/src/tests/__snapshots__/FlagCnIcon.html
+++ b/src/tests/__snapshots__/FlagCnIcon.html
@@ -1 +1,13 @@
-<span data-v-d3982a16="" class="kui-icon flag-cn-icon" data-testid="kui-icon-wrapper-flag-cn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d3982a16="" data-testid="kui-icon-svg-flag-cn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d3982a16="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d3982a16="" clip-path="url(#clip0_1_2301)"><path data-v-d3982a16="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-d3982a16="" d="M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z" fill="#FFDA44"></path><path data-v-d3982a16="" d="M14.2266 18.5857L13.4344 17.6107L12.2625 18.0654L12.9422 17.0107L12.15 16.0311L13.3641 16.3545L14.0484 15.2998L14.1141 16.5561L15.3328 16.8795L14.1563 17.3295L14.2266 18.5857Z" fill="#FFDA44"></path><path data-v-d3982a16="" d="M15.8016 15.7264L16.1766 14.5264L15.15 13.7998L16.4063 13.7811L16.7766 12.5811L17.1844 13.7717L18.4406 13.7576L17.4328 14.5076L17.8359 15.6982L16.8094 14.9717L15.8016 15.7264Z" fill="#FFDA44"></path><path data-v-d3982a16="" d="M17.925 8.80771L17.3719 9.9374L18.2719 10.814L17.0297 10.6358L16.4766 11.7608L16.2609 10.5233L15.0141 10.3452L16.1297 9.75928L15.9141 8.51709L16.8141 9.39365L17.925 8.80771Z" fill="#FFDA44"></path><path data-v-d3982a16="" d="M14.2594 5.38574L14.1656 6.63731L15.3328 7.11074L14.1094 7.41074L14.0203 8.66699L13.3594 7.59824L12.1359 7.89824L12.9469 6.9373L12.2813 5.87324L13.4484 6.34668L14.2594 5.38574Z" fill="#FFDA44"></path></g><defs data-v-d3982a16=""><clipPath data-v-d3982a16="" id="clip0_1_2301"><rect data-v-d3982a16="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d3982a16="" class="kui-icon flag-cn-icon" data-testid="kui-icon-wrapper-flag-cn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d3982a16="" data-testid="kui-icon-svg-flag-cn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d3982a16="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d3982a16=""><g clip-path="url(#clip0_1_2301)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z" fill="#FFDA44"></path>
+<path d="M14.2266 18.5857L13.4344 17.6107L12.2625 18.0654L12.9422 17.0107L12.15 16.0311L13.3641 16.3545L14.0484 15.2998L14.1141 16.5561L15.3328 16.8795L14.1563 17.3295L14.2266 18.5857Z" fill="#FFDA44"></path>
+<path d="M15.8016 15.7264L16.1766 14.5264L15.15 13.7998L16.4063 13.7811L16.7766 12.5811L17.1844 13.7717L18.4406 13.7576L17.4328 14.5076L17.8359 15.6982L16.8094 14.9717L15.8016 15.7264Z" fill="#FFDA44"></path>
+<path d="M17.925 8.80771L17.3719 9.9374L18.2719 10.814L17.0297 10.6358L16.4766 11.7608L16.2609 10.5233L15.0141 10.3452L16.1297 9.75928L15.9141 8.51709L16.8141 9.39365L17.925 8.80771Z" fill="#FFDA44"></path>
+<path d="M14.2594 5.38574L14.1656 6.63731L15.3328 7.11074L14.1094 7.41074L14.0203 8.66699L13.3594 7.59824L12.1359 7.89824L12.9469 6.9373L12.2813 5.87324L13.4484 6.34668L14.2594 5.38574Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2301">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCoIcon.html b/src/tests/__snapshots__/FlagCoIcon.html
index 3bb151f2..93cb1e91 100644
--- a/src/tests/__snapshots__/FlagCoIcon.html
+++ b/src/tests/__snapshots__/FlagCoIcon.html
@@ -1 +1,10 @@
-<span data-v-d1f23536="" class="kui-icon flag-co-icon" data-testid="kui-icon-wrapper-flag-co-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1f23536="" data-testid="kui-icon-svg-flag-co-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d1f23536="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d1f23536="" clip-path="url(#clip0_1_2303)"><path data-v-d1f23536="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path><path data-v-d1f23536="" d="M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z" fill="#D80027"></path><path data-v-d1f23536="" d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path></g><defs data-v-d1f23536=""><clipPath data-v-d1f23536="" id="clip0_1_2303"><rect data-v-d1f23536="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d1f23536="" class="kui-icon flag-co-icon" data-testid="kui-icon-wrapper-flag-co-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1f23536="" data-testid="kui-icon-svg-flag-co-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d1f23536="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d1f23536=""><g clip-path="url(#clip0_1_2303)">
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path>
+<path d="M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z" fill="#D80027"></path>
+<path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2303">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCrIcon.html b/src/tests/__snapshots__/FlagCrIcon.html
index 8aa9ddc0..64115e8c 100644
--- a/src/tests/__snapshots__/FlagCrIcon.html
+++ b/src/tests/__snapshots__/FlagCrIcon.html
@@ -1 +1,11 @@
-<span data-v-e10451ed="" class="kui-icon flag-cr-icon" data-testid="kui-icon-wrapper-flag-cr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e10451ed="" data-testid="kui-icon-svg-flag-cr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e10451ed="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e10451ed="" clip-path="url(#clip0_1_2307)"><path data-v-e10451ed="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-e10451ed="" d="M23.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z" fill="#D80027"></path><path data-v-e10451ed="" d="M12 0C8.36293 0 5.10404 1.61831 2.9034 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0V0Z" fill="#0052B4"></path><path data-v-e10451ed="" d="M21.0966 19.8262H2.9034C5.10404 22.3818 8.36293 24.0001 12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262Z" fill="#0052B4"></path></g><defs data-v-e10451ed=""><clipPath data-v-e10451ed="" id="clip0_1_2307"><rect data-v-e10451ed="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e10451ed="" class="kui-icon flag-cr-icon" data-testid="kui-icon-wrapper-flag-cr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e10451ed="" data-testid="kui-icon-svg-flag-cr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e10451ed="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e10451ed=""><g clip-path="url(#clip0_1_2307)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z" fill="#D80027"></path>
+<path d="M12 0C8.36293 0 5.10404 1.61831 2.9034 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0V0Z" fill="#0052B4"></path>
+<path d="M21.0966 19.8262H2.9034C5.10404 22.3818 8.36293 24.0001 12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2307">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCuIcon.html b/src/tests/__snapshots__/FlagCuIcon.html
index 739c0f99..6ef23ef4 100644
--- a/src/tests/__snapshots__/FlagCuIcon.html
+++ b/src/tests/__snapshots__/FlagCuIcon.html
@@ -1 +1,14 @@
-<span data-v-3f83e25c="" class="kui-icon flag-cu-icon" data-testid="kui-icon-wrapper-flag-cu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f83e25c="" data-testid="kui-icon-svg-flag-cu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f83e25c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3f83e25c="" clip-path="url(#clip0_1_2309)"><path data-v-3f83e25c="" d="M4.6875e-05 2.08691H0V21.913H4.6875e-05V12V2.08691Z" fill="#FF9811"></path><path data-v-3f83e25c="" d="M12 23.9999C18.6273 23.9999 23.9999 18.6273 23.9999 12C23.9999 5.37256 18.6273 0 12 0C5.37256 0 0 5.37256 0 12C0 18.6273 5.37256 23.9999 12 23.9999Z" fill="#F0F0F0"></path><path data-v-3f83e25c="" d="M12.0001 0C8.07418 0 4.58883 1.88545 2.39954 4.8H21.6005C19.4113 1.88541 15.9259 0 12.0001 0V0Z" fill="#0052B4"></path><path data-v-3f83e25c="" d="M12.0001 23.9997C15.9259 23.9997 19.4113 22.1143 21.6006 19.1997H2.39954C4.58879 22.1143 8.07418 23.9997 12.0001 23.9997Z" fill="#0052B4"></path><path data-v-3f83e25c="" d="M6.10352e-05 12.0001C6.10352e-05 12.8221 0.082936 13.6246 0.240389 14.4001H23.7598C23.9172 13.6246 24.0001 12.8221 24.0001 12.0001C24.0001 11.1781 23.9172 10.3756 23.7598 9.6001H0.240389C0.082936 10.3756 6.10352e-05 11.1781 6.10352e-05 12.0001V12.0001Z" fill="#0052B4"></path><path data-v-3f83e25c="" d="M3.51474 3.51465C-1.1715 8.20088 -1.1715 15.7989 3.51474 20.4852C5.45128 18.5487 7.31372 16.6862 12 12L3.51474 3.51465Z" fill="#D80027"></path><path data-v-3f83e25c="" d="M4.85676 8.86963L5.63367 11.261H8.14832L6.11409 12.739L6.891 15.1304L4.85676 13.6524L2.82243 15.1304L3.59953 12.739L1.56525 11.261H4.07972L4.85676 8.86963Z" fill="#F0F0F0"></path></g><defs data-v-3f83e25c=""><clipPath data-v-3f83e25c="" id="clip0_1_2309"><rect data-v-3f83e25c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3f83e25c="" class="kui-icon flag-cu-icon" data-testid="kui-icon-wrapper-flag-cu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f83e25c="" data-testid="kui-icon-svg-flag-cu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f83e25c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3f83e25c=""><g clip-path="url(#clip0_1_2309)">
+<path d="M4.6875e-05 2.08691H0V21.913H4.6875e-05V12V2.08691Z" fill="#FF9811"></path>
+<path d="M12 23.9999C18.6273 23.9999 23.9999 18.6273 23.9999 12C23.9999 5.37256 18.6273 0 12 0C5.37256 0 0 5.37256 0 12C0 18.6273 5.37256 23.9999 12 23.9999Z" fill="#F0F0F0"></path>
+<path d="M12.0001 0C8.07418 0 4.58883 1.88545 2.39954 4.8H21.6005C19.4113 1.88541 15.9259 0 12.0001 0V0Z" fill="#0052B4"></path>
+<path d="M12.0001 23.9997C15.9259 23.9997 19.4113 22.1143 21.6006 19.1997H2.39954C4.58879 22.1143 8.07418 23.9997 12.0001 23.9997Z" fill="#0052B4"></path>
+<path d="M6.10352e-05 12.0001C6.10352e-05 12.8221 0.082936 13.6246 0.240389 14.4001H23.7598C23.9172 13.6246 24.0001 12.8221 24.0001 12.0001C24.0001 11.1781 23.9172 10.3756 23.7598 9.6001H0.240389C0.082936 10.3756 6.10352e-05 11.1781 6.10352e-05 12.0001V12.0001Z" fill="#0052B4"></path>
+<path d="M3.51474 3.51465C-1.1715 8.20088 -1.1715 15.7989 3.51474 20.4852C5.45128 18.5487 7.31372 16.6862 12 12L3.51474 3.51465Z" fill="#D80027"></path>
+<path d="M4.85676 8.86963L5.63367 11.261H8.14832L6.11409 12.739L6.891 15.1304L4.85676 13.6524L2.82243 15.1304L3.59953 12.739L1.56525 11.261H4.07972L4.85676 8.86963Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2309">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCvIcon.html b/src/tests/__snapshots__/FlagCvIcon.html
index 0473592a..765edb0d 100644
--- a/src/tests/__snapshots__/FlagCvIcon.html
+++ b/src/tests/__snapshots__/FlagCvIcon.html
@@ -1 +1,21 @@
-<span data-v-62f9360d="" class="kui-icon flag-cv-icon" data-testid="kui-icon-wrapper-flag-cv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62f9360d="" data-testid="kui-icon-svg-flag-cv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-62f9360d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-62f9360d="" clip-path="url(#clip0_1_2294)"><path data-v-62f9360d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-62f9360d="" d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#0052B4"></path><path data-v-62f9360d="" d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#0052B4"></path><path data-v-62f9360d="" d="M0.953796 16.6958C1.18512 17.2394 1.45555 17.7621 1.76131 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0463 16.6958H0.953796Z" fill="#D80027"></path><path data-v-62f9360d="" d="M8.57767 12.7827L8.77192 13.3806H9.40056L8.89201 13.7501L9.08626 14.3479L8.57767 13.9784L8.06907 14.3479L8.26337 13.7501L7.75482 13.3806H8.38346L8.57767 12.7827Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M8.57767 20.6089L8.77192 21.2068H9.40056L8.89201 21.5762L9.08626 22.1741L8.57767 21.8046L8.06907 22.1741L8.26337 21.5762L7.75482 21.2068H8.38346L8.57767 20.6089Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M4.93472 17.9619L5.12897 18.5597H5.75761L5.24907 18.9292L5.44331 19.5271L4.93472 19.1576L4.42613 19.5271L4.62047 18.9292L4.11188 18.5597H4.74047L4.93472 17.9619Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M6.32619 13.5654L6.52044 14.1633H7.14903L6.64053 14.5328L6.83478 15.1307L6.32619 14.7612L5.81759 15.1307L6.01194 14.5328L5.5033 14.1633H6.13194L6.32619 13.5654Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M4.11188 16.0271L4.74038 16.0272L4.93467 15.4292L5.12897 16.0271L5.75761 16.0271L5.24902 16.3966L5.44331 16.9945L4.93467 16.625L4.42613 16.9944L4.62038 16.3966L4.11188 16.0271Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M5.81769 21.277L6.01194 20.6793L5.5033 20.3098H6.13194L6.32623 19.7119L6.52053 20.3098H7.14912L6.64053 20.6792L6.83478 21.2772L6.32619 20.9076L5.81769 21.277Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M12.2192 17.9619L12.025 18.5597H11.3964L11.9049 18.9292L11.7106 19.5271L12.2192 19.1576L12.7278 19.5271L12.5335 18.9292L13.0421 18.5597H12.4135L12.2192 17.9619Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M10.8277 13.5654L10.6335 14.1633H10.0049L10.5134 14.5328L10.3191 15.1307L10.8277 14.7612L11.3363 15.1307L11.142 14.5328L11.6506 14.1633H11.022L10.8277 13.5654Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M13.0421 16.0271L12.4135 16.0272L12.2193 15.4292L12.025 16.0271L11.3964 16.0271L11.9049 16.3966L11.7106 16.9945L12.2193 16.625L12.7278 16.9944L12.5335 16.3966L13.0421 16.0271Z" fill="#FFDA44"></path><path data-v-62f9360d="" d="M11.3363 21.277L11.1421 20.6793L11.6507 20.3098H11.0221L10.8278 19.7119L10.6335 20.3098H10.0049L10.5135 20.6792L10.3192 21.2772L10.8278 20.9076L11.3363 21.277Z" fill="#FFDA44"></path></g><defs data-v-62f9360d=""><clipPath data-v-62f9360d="" id="clip0_1_2294"><rect data-v-62f9360d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-62f9360d="" class="kui-icon flag-cv-icon" data-testid="kui-icon-wrapper-flag-cv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62f9360d="" data-testid="kui-icon-svg-flag-cv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-62f9360d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-62f9360d=""><g clip-path="url(#clip0_1_2294)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#0052B4"></path>
+<path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#0052B4"></path>
+<path d="M0.953796 16.6958C1.18512 17.2394 1.45555 17.7621 1.76131 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0463 16.6958H0.953796Z" fill="#D80027"></path>
+<path d="M8.57767 12.7827L8.77192 13.3806H9.40056L8.89201 13.7501L9.08626 14.3479L8.57767 13.9784L8.06907 14.3479L8.26337 13.7501L7.75482 13.3806H8.38346L8.57767 12.7827Z" fill="#FFDA44"></path>
+<path d="M8.57767 20.6089L8.77192 21.2068H9.40056L8.89201 21.5762L9.08626 22.1741L8.57767 21.8046L8.06907 22.1741L8.26337 21.5762L7.75482 21.2068H8.38346L8.57767 20.6089Z" fill="#FFDA44"></path>
+<path d="M4.93472 17.9619L5.12897 18.5597H5.75761L5.24907 18.9292L5.44331 19.5271L4.93472 19.1576L4.42613 19.5271L4.62047 18.9292L4.11188 18.5597H4.74047L4.93472 17.9619Z" fill="#FFDA44"></path>
+<path d="M6.32619 13.5654L6.52044 14.1633H7.14903L6.64053 14.5328L6.83478 15.1307L6.32619 14.7612L5.81759 15.1307L6.01194 14.5328L5.5033 14.1633H6.13194L6.32619 13.5654Z" fill="#FFDA44"></path>
+<path d="M4.11188 16.0271L4.74038 16.0272L4.93467 15.4292L5.12897 16.0271L5.75761 16.0271L5.24902 16.3966L5.44331 16.9945L4.93467 16.625L4.42613 16.9944L4.62038 16.3966L4.11188 16.0271Z" fill="#FFDA44"></path>
+<path d="M5.81769 21.277L6.01194 20.6793L5.5033 20.3098H6.13194L6.32623 19.7119L6.52053 20.3098H7.14912L6.64053 20.6792L6.83478 21.2772L6.32619 20.9076L5.81769 21.277Z" fill="#FFDA44"></path>
+<path d="M12.2192 17.9619L12.025 18.5597H11.3964L11.9049 18.9292L11.7106 19.5271L12.2192 19.1576L12.7278 19.5271L12.5335 18.9292L13.0421 18.5597H12.4135L12.2192 17.9619Z" fill="#FFDA44"></path>
+<path d="M10.8277 13.5654L10.6335 14.1633H10.0049L10.5134 14.5328L10.3191 15.1307L10.8277 14.7612L11.3363 15.1307L11.142 14.5328L11.6506 14.1633H11.022L10.8277 13.5654Z" fill="#FFDA44"></path>
+<path d="M13.0421 16.0271L12.4135 16.0272L12.2193 15.4292L12.025 16.0271L11.3964 16.0271L11.9049 16.3966L11.7106 16.9945L12.2193 16.625L12.7278 16.9944L12.5335 16.3966L13.0421 16.0271Z" fill="#FFDA44"></path>
+<path d="M11.3363 21.277L11.1421 20.6793L11.6507 20.3098H11.0221L10.8278 19.7119L10.6335 20.3098H10.0049L10.5135 20.6792L10.3192 21.2772L10.8278 20.9076L11.3363 21.277Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2294">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCyIcon.html b/src/tests/__snapshots__/FlagCyIcon.html
index 2ba96102..028641ae 100644
--- a/src/tests/__snapshots__/FlagCyIcon.html
+++ b/src/tests/__snapshots__/FlagCyIcon.html
@@ -1 +1,10 @@
-<span data-v-6e4058cc="" class="kui-icon flag-cy-icon" data-testid="kui-icon-wrapper-flag-cy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e4058cc="" data-testid="kui-icon-svg-flag-cy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6e4058cc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6e4058cc="" clip-path="url(#clip0_1_2311)"><path data-v-6e4058cc="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path><path data-v-6e4058cc="" d="M18.7826 10.4346C18.4174 10.4346 17.9652 10.4346 17.2174 10.4346C17.2174 13.3161 14.8815 15.6519 12 15.6519C9.1185 15.6519 6.78267 13.3161 6.78267 10.4346C6.2783 10.4346 5.72175 10.4346 5.21747 10.4346C5.21747 13.5384 7.30228 16.1553 10.1481 16.9612C9.83606 17.5539 9.88359 18.3001 10.3293 18.8563C10.9147 18.3871 11.5207 17.9014 12.0348 17.4895C12.549 17.9015 13.155 18.3871 13.7404 18.8563C14.1905 18.2946 14.2348 17.5389 13.9124 16.9434C16.727 16.1176 18.7826 13.5163 18.7826 10.4346V10.4346Z" fill="#6DA544"></path><path data-v-6e4058cc="" d="M7.82611 9.91291C7.82611 9.91291 7.82611 12.5216 10.4348 12.5216L10.9565 13.0433H12C12 13.0433 12.5217 11.4781 13.5652 11.4781C13.5652 11.4781 13.5652 10.4346 14.6087 10.4346C15.6522 10.4346 16.1739 10.4346 16.1739 10.4346C16.1739 10.4346 15.6522 8.34766 18.2609 6.78246L17.2174 6.26074C17.2174 6.26074 13.5652 8.86943 10.9565 8.34771V9.3912H9.91303L9.39131 8.86948L7.82611 9.91291Z" fill="#FFDA44"></path></g><defs data-v-6e4058cc=""><clipPath data-v-6e4058cc="" id="clip0_1_2311"><rect data-v-6e4058cc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6e4058cc="" class="kui-icon flag-cy-icon" data-testid="kui-icon-wrapper-flag-cy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e4058cc="" data-testid="kui-icon-svg-flag-cy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6e4058cc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6e4058cc=""><g clip-path="url(#clip0_1_2311)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
+<path d="M18.7826 10.4346C18.4174 10.4346 17.9652 10.4346 17.2174 10.4346C17.2174 13.3161 14.8815 15.6519 12 15.6519C9.1185 15.6519 6.78267 13.3161 6.78267 10.4346C6.2783 10.4346 5.72175 10.4346 5.21747 10.4346C5.21747 13.5384 7.30228 16.1553 10.1481 16.9612C9.83606 17.5539 9.88359 18.3001 10.3293 18.8563C10.9147 18.3871 11.5207 17.9014 12.0348 17.4895C12.549 17.9015 13.155 18.3871 13.7404 18.8563C14.1905 18.2946 14.2348 17.5389 13.9124 16.9434C16.727 16.1176 18.7826 13.5163 18.7826 10.4346V10.4346Z" fill="#6DA544"></path>
+<path d="M7.82611 9.91291C7.82611 9.91291 7.82611 12.5216 10.4348 12.5216L10.9565 13.0433H12C12 13.0433 12.5217 11.4781 13.5652 11.4781C13.5652 11.4781 13.5652 10.4346 14.6087 10.4346C15.6522 10.4346 16.1739 10.4346 16.1739 10.4346C16.1739 10.4346 15.6522 8.34766 18.2609 6.78246L17.2174 6.26074C17.2174 6.26074 13.5652 8.86943 10.9565 8.34771V9.3912H9.91303L9.39131 8.86948L7.82611 9.91291Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2311">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCzIcon.html b/src/tests/__snapshots__/FlagCzIcon.html
index c9d24295..d25c9679 100644
--- a/src/tests/__snapshots__/FlagCzIcon.html
+++ b/src/tests/__snapshots__/FlagCzIcon.html
@@ -1 +1,10 @@
-<span data-v-753a3403="" class="kui-icon flag-cz-icon" data-testid="kui-icon-wrapper-flag-cz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-753a3403="" data-testid="kui-icon-svg-flag-cz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-753a3403="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-753a3403="" clip-path="url(#clip0_1_2312)"><path data-v-753a3403="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-753a3403="" d="M10.9565 12C10.9565 12 3.52171 20.487 3.51468 20.4853C5.68621 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#D80027"></path><path data-v-753a3403="" d="M3.51468 3.51465C-1.1716 8.20093 -1.1716 15.7989 3.51468 20.4853C5.45123 18.5487 7.31371 16.6862 12 12L3.51468 3.51465Z" fill="#0052B4"></path></g><defs data-v-753a3403=""><clipPath data-v-753a3403="" id="clip0_1_2312"><rect data-v-753a3403="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-753a3403="" class="kui-icon flag-cz-icon" data-testid="kui-icon-wrapper-flag-cz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-753a3403="" data-testid="kui-icon-svg-flag-cz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-753a3403="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-753a3403=""><g clip-path="url(#clip0_1_2312)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M10.9565 12C10.9565 12 3.52171 20.487 3.51468 20.4853C5.68621 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#D80027"></path>
+<path d="M3.51468 3.51465C-1.1716 8.20093 -1.1716 15.7989 3.51468 20.4853C5.45123 18.5487 7.31371 16.6862 12 12L3.51468 3.51465Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2312">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDeIcon.html b/src/tests/__snapshots__/FlagDeIcon.html
index d91086a7..18e726e4 100644
--- a/src/tests/__snapshots__/FlagDeIcon.html
+++ b/src/tests/__snapshots__/FlagDeIcon.html
@@ -1 +1,10 @@
-<span data-v-da91fc87="" class="kui-icon flag-de-icon" data-testid="kui-icon-wrapper-flag-de-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-da91fc87="" data-testid="kui-icon-svg-flag-de-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-da91fc87="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-da91fc87="" clip-path="url(#clip0_1_2339)"><path data-v-da91fc87="" d="M0.746399 16.1738C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L12 15.1304L0.746399 16.1738Z" fill="#FFDA44"></path><path data-v-da91fc87="" d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611L12 8.86955L23.2536 7.82606C21.5581 3.2565 17.1596 0 12 0Z" fill="black"></path><path data-v-da91fc87="" d="M0.746391 7.82617C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617H0.746391Z" fill="#D80027"></path></g><defs data-v-da91fc87=""><clipPath data-v-da91fc87="" id="clip0_1_2339"><rect data-v-da91fc87="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-da91fc87="" class="kui-icon flag-de-icon" data-testid="kui-icon-wrapper-flag-de-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-da91fc87="" data-testid="kui-icon-svg-flag-de-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-da91fc87="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-da91fc87=""><g clip-path="url(#clip0_1_2339)">
+<path d="M0.746399 16.1738C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L12 15.1304L0.746399 16.1738Z" fill="#FFDA44"></path>
+<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611L12 8.86955L23.2536 7.82606C21.5581 3.2565 17.1596 0 12 0Z" fill="black"></path>
+<path d="M0.746391 7.82617C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617H0.746391Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2339">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDjIcon.html b/src/tests/__snapshots__/FlagDjIcon.html
index 245ba36e..518d542a 100644
--- a/src/tests/__snapshots__/FlagDjIcon.html
+++ b/src/tests/__snapshots__/FlagDjIcon.html
@@ -1 +1,11 @@
-<span data-v-2aaa6375="" class="kui-icon flag-dj-icon" data-testid="kui-icon-wrapper-flag-dj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2aaa6375="" data-testid="kui-icon-svg-flag-dj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2aaa6375="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2aaa6375="" clip-path="url(#clip0_1_2315)"><path data-v-2aaa6375="" d="M10.9565 13.0435C10.9565 13.0435 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#338AF3"></path><path data-v-2aaa6375="" d="M10.9565 12C10.9565 12 3.52174 20.487 3.51471 20.4853C5.68624 22.6568 8.68629 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#6DA544"></path><path data-v-2aaa6375="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#F0F0F0"></path><path data-v-2aaa6375="" d="M4.8567 8.86963L5.63365 11.261H8.14831L6.11403 12.7391L6.89094 15.1305L4.8567 13.6525L2.82237 15.1305L3.59947 12.7391L1.56519 11.261H4.07965L4.8567 8.86963Z" fill="#D80027"></path></g><defs data-v-2aaa6375=""><clipPath data-v-2aaa6375="" id="clip0_1_2315"><rect data-v-2aaa6375="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2aaa6375="" class="kui-icon flag-dj-icon" data-testid="kui-icon-wrapper-flag-dj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2aaa6375="" data-testid="kui-icon-svg-flag-dj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2aaa6375="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2aaa6375=""><g clip-path="url(#clip0_1_2315)">
+<path d="M10.9565 13.0435C10.9565 13.0435 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#338AF3"></path>
+<path d="M10.9565 12C10.9565 12 3.52174 20.487 3.51471 20.4853C5.68624 22.6568 8.68629 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#6DA544"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#F0F0F0"></path>
+<path d="M4.8567 8.86963L5.63365 11.261H8.14831L6.11403 12.7391L6.89094 15.1305L4.8567 13.6525L2.82237 15.1305L3.59947 12.7391L1.56519 11.261H4.07965L4.8567 8.86963Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2315">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDkIcon.html b/src/tests/__snapshots__/FlagDkIcon.html
index a432922f..cd948f68 100644
--- a/src/tests/__snapshots__/FlagDkIcon.html
+++ b/src/tests/__snapshots__/FlagDkIcon.html
@@ -1 +1,12 @@
-<span data-v-3fbce30b="" class="kui-icon flag-dk-icon" data-testid="kui-icon-wrapper-flag-dk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3fbce30b="" data-testid="kui-icon-svg-flag-dk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3fbce30b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3fbce30b="" clip-path="url(#clip0_1_2314)"><path data-v-3fbce30b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3fbce30b="" d="M9.39134 10.4348H23.8984C23.1314 4.54697 18.0969 0 12 0C11.104 0 10.2313 0.0990469 9.3913 0.285234V10.4348H9.39134Z" fill="#D80027"></path><path data-v-3fbce30b="" d="M6.26084 10.4347V1.45898C2.96586 3.25683 0.607016 6.55453 0.101562 10.4347H6.26084V10.4347Z" fill="#D80027"></path><path data-v-3fbce30b="" d="M6.2608 13.5654H0.101562C0.607016 17.4456 2.96586 20.7433 6.26084 22.5411L6.2608 13.5654Z" fill="#D80027"></path><path data-v-3fbce30b="" d="M9.3913 13.5655V23.715C10.2313 23.9012 11.104 24.0002 12 24.0002C18.0969 24.0002 23.1314 19.4533 23.8984 13.5654H9.3913V13.5655Z" fill="#D80027"></path></g><defs data-v-3fbce30b=""><clipPath data-v-3fbce30b="" id="clip0_1_2314"><rect data-v-3fbce30b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3fbce30b="" class="kui-icon flag-dk-icon" data-testid="kui-icon-wrapper-flag-dk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3fbce30b="" data-testid="kui-icon-svg-flag-dk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3fbce30b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3fbce30b=""><g clip-path="url(#clip0_1_2314)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M9.39134 10.4348H23.8984C23.1314 4.54697 18.0969 0 12 0C11.104 0 10.2313 0.0990469 9.3913 0.285234V10.4348H9.39134Z" fill="#D80027"></path>
+<path d="M6.26084 10.4347V1.45898C2.96586 3.25683 0.607016 6.55453 0.101562 10.4347H6.26084V10.4347Z" fill="#D80027"></path>
+<path d="M6.2608 13.5654H0.101562C0.607016 17.4456 2.96586 20.7433 6.26084 22.5411L6.2608 13.5654Z" fill="#D80027"></path>
+<path d="M9.3913 13.5655V23.715C10.2313 23.9012 11.104 24.0002 12 24.0002C18.0969 24.0002 23.1314 19.4533 23.8984 13.5654H9.3913V13.5655Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2314">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDmIcon.html b/src/tests/__snapshots__/FlagDmIcon.html
index a90baea9..c730f270 100644
--- a/src/tests/__snapshots__/FlagDmIcon.html
+++ b/src/tests/__snapshots__/FlagDmIcon.html
@@ -1 +1,32 @@
-<span data-v-85920d32="" class="kui-icon flag-dm-icon" data-testid="kui-icon-wrapper-flag-dm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85920d32="" data-testid="kui-icon-svg-flag-dm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-85920d32="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-85920d32="" clip-path="url(#clip0_1_2316)"><path data-v-85920d32="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-85920d32="" d="M14.3478 23.77C19.0917 22.829 22.8287 19.092 23.7697 14.3481H14.3478V23.77Z" fill="#496E2D"></path><path data-v-85920d32="" d="M0.230286 14.3481C1.1713 19.092 4.90827 22.829 9.65216 23.77V14.3481H0.230286Z" fill="#496E2D"></path><path data-v-85920d32="" d="M23.7697 9.65234C22.8287 4.9085 19.0917 1.17153 14.3478 0.230469V9.65234H23.7697Z" fill="#496E2D"></path><path data-v-85920d32="" d="M9.65216 0.230469C4.90827 1.17153 1.1713 4.9085 0.230286 9.65234H9.65216V0.230469Z" fill="#496E2D"></path><path data-v-85920d32="" d="M11.2174 14.3477H9.65216V23.7695C10.163 23.8708 10.6855 23.9395 11.2174 23.9737V14.3477Z" fill="#FFDA44"></path><path data-v-85920d32="" d="M11.2174 9.65194V0.0258789C10.6855 0.0600977 10.1629 0.12877 9.65216 0.230066V9.65194H11.2174Z" fill="#FFDA44"></path><path data-v-85920d32="" d="M12.7826 0.0261094C12.5238 0.009375 12.263 0 12 0C11.737 0 11.4762 0.009375 11.2173 0.0261094V9.65222H12.7825V0.0261094H12.7826Z" fill="black"></path><path data-v-85920d32="" d="M11.2173 23.9737C11.4762 23.9905 11.737 23.9998 12 23.9998C12.263 23.9998 12.5238 23.9905 12.7826 23.9737V14.3477H11.2174V23.9737H11.2173Z" fill="black"></path><path data-v-85920d32="" d="M9.65219 11.2175V9.65234H0.230311C0.128967 10.1632 0.0603418 10.6857 0.026123 11.2175H9.65219Z" fill="#FFDA44"></path><path data-v-85920d32="" d="M14.3478 11.2175H23.9739C23.9397 10.6857 23.8711 10.1632 23.7698 9.65234H14.3479V11.2175H14.3478Z" fill="#FFDA44"></path><path data-v-85920d32="" d="M14.3478 12.7825H23.9739C23.9906 12.5237 24 12.2629 24 11.9999C24 11.7369 23.9906 11.4761 23.9739 11.2173H14.3478V12.7825Z" fill="black"></path><path data-v-85920d32="" d="M0.0261094 11.2173C0.00942187 11.4761 0 11.7369 0 11.9999C0 12.2629 0.00942187 12.5237 0.0261094 12.7825H9.65222V11.2173H0.0261094V11.2173Z" fill="black"></path><path data-v-85920d32="" d="M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83037 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83037 17.739 12 17.739Z" fill="#D80027"></path><path data-v-85920d32="" d="M13.3075 12.6399C12.8806 11.7862 12.3258 10.9209 12.3258 10.9209C12.3258 10.9209 12.3395 10.5269 12.3395 10.2922C12.3395 9.93854 12.0529 9.65186 11.6992 9.65186C11.3642 9.65186 11.0897 9.90925 11.0617 10.2369C10.7983 10.2542 10.5898 10.4727 10.5898 10.7404C10.5898 10.9351 10.7001 11.1038 10.8616 11.1881C10.9418 11.0004 11.099 10.8539 11.2933 10.7871C11.325 10.813 11.359 10.8362 11.3953 10.8558L11.4774 10.8951C11.4774 10.8951 11.1732 11.7525 11.1732 12.2131C11.1732 13.508 12.027 13.9073 12.027 13.9073V13.9207L11.6001 14.3475H12.4538V13.4937L12.8807 13.9206C12.8845 13.9126 13.6893 13.4036 13.3075 12.6399V12.6399Z" fill="#496E2D"></path><path data-v-85920d32="" d="M12 7.3042L12.1943 7.90204H12.8229L12.3143 8.27156L12.5086 8.8694L12 8.49993L11.4914 8.8694L11.6857 8.27156L11.1772 7.90204H11.8058L12 7.3042Z" fill="#496E2D"></path><path data-v-85920d32="" d="M9.24 8.20122L9.7485 8.57073L10.2571 8.20117L10.0628 8.79911L10.5714 9.16853L9.9428 9.16858L9.74855 9.76642L9.55425 9.16858L8.92566 9.16853L9.43421 8.79902L9.24 8.20122Z" fill="#496E2D"></path><path data-v-85920d32="" d="M7.53418 10.549H8.16273L8.35702 9.95117L8.55127 10.549L9.17991 10.549L8.67137 10.9185L8.86566 11.5164L8.35702 11.1469L7.84848 11.5163L8.04268 10.9185L7.53418 10.549Z" fill="#496E2D"></path><path data-v-85920d32="" d="M7.53418 13.4507L8.04268 13.0813L7.84843 12.4834L8.35702 12.8529L8.86562 12.4834L8.67137 13.0812L9.17996 13.4508L8.55127 13.4508L8.35702 14.0486L8.16273 13.4507H7.53418Z" fill="#496E2D"></path><path data-v-85920d32="" d="M9.23999 15.7986L9.43419 15.2008L8.9256 14.8313H9.55424L9.74854 14.2334L9.94279 14.8312H10.5714L10.0628 15.2008L10.2571 15.7986L9.74849 15.4291L9.23999 15.7986Z" fill="#496E2D"></path><path data-v-85920d32="" d="M12 16.6956L11.8058 16.0978H11.1772L11.6857 15.7283L11.4914 15.1304L12 15.4998L12.5086 15.1304L12.3143 15.7283L12.8229 16.0978L12.1943 16.0978L12 16.6956Z" fill="#496E2D"></path><path data-v-85920d32="" d="M14.76 15.7986L14.2515 15.4291L13.743 15.7986L13.9372 15.2008L13.4286 14.8313L14.0572 14.8312L14.2514 14.2334L14.4458 14.8313H15.0744L14.5658 15.2008L14.76 15.7986Z" fill="#496E2D"></path><path data-v-85920d32="" d="M16.4658 13.4507H15.8373L15.643 14.0486L15.4488 13.4508H14.8201L15.3287 13.0812L15.1344 12.4834L15.643 12.8529L16.1515 12.4834L15.9573 13.0812L16.4658 13.4507Z" fill="#496E2D"></path><path data-v-85920d32="" d="M16.4658 10.549L15.9573 10.9184L16.1516 11.5163L15.643 11.1468L15.1344 11.5164L15.3287 10.9185L14.8201 10.549L15.4488 10.5489L15.643 9.95117L15.8373 10.549H16.4658Z" fill="#496E2D"></path><path data-v-85920d32="" d="M14.76 8.20117L14.5658 8.79897L15.0744 9.16848H14.4458L14.2515 9.76638L14.0572 9.16853L13.4286 9.16858L13.9372 8.79897L13.7429 8.20122L14.2515 8.57064L14.76 8.20117Z" fill="#496E2D"></path></g><defs data-v-85920d32=""><clipPath data-v-85920d32="" id="clip0_1_2316"><rect data-v-85920d32="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-85920d32="" class="kui-icon flag-dm-icon" data-testid="kui-icon-wrapper-flag-dm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85920d32="" data-testid="kui-icon-svg-flag-dm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-85920d32="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-85920d32=""><g clip-path="url(#clip0_1_2316)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M14.3478 23.77C19.0917 22.829 22.8287 19.092 23.7697 14.3481H14.3478V23.77Z" fill="#496E2D"></path>
+<path d="M0.230286 14.3481C1.1713 19.092 4.90827 22.829 9.65216 23.77V14.3481H0.230286Z" fill="#496E2D"></path>
+<path d="M23.7697 9.65234C22.8287 4.9085 19.0917 1.17153 14.3478 0.230469V9.65234H23.7697Z" fill="#496E2D"></path>
+<path d="M9.65216 0.230469C4.90827 1.17153 1.1713 4.9085 0.230286 9.65234H9.65216V0.230469Z" fill="#496E2D"></path>
+<path d="M11.2174 14.3477H9.65216V23.7695C10.163 23.8708 10.6855 23.9395 11.2174 23.9737V14.3477Z" fill="#FFDA44"></path>
+<path d="M11.2174 9.65194V0.0258789C10.6855 0.0600977 10.1629 0.12877 9.65216 0.230066V9.65194H11.2174Z" fill="#FFDA44"></path>
+<path d="M12.7826 0.0261094C12.5238 0.009375 12.263 0 12 0C11.737 0 11.4762 0.009375 11.2173 0.0261094V9.65222H12.7825V0.0261094H12.7826Z" fill="black"></path>
+<path d="M11.2173 23.9737C11.4762 23.9905 11.737 23.9998 12 23.9998C12.263 23.9998 12.5238 23.9905 12.7826 23.9737V14.3477H11.2174V23.9737H11.2173Z" fill="black"></path>
+<path d="M9.65219 11.2175V9.65234H0.230311C0.128967 10.1632 0.0603418 10.6857 0.026123 11.2175H9.65219Z" fill="#FFDA44"></path>
+<path d="M14.3478 11.2175H23.9739C23.9397 10.6857 23.8711 10.1632 23.7698 9.65234H14.3479V11.2175H14.3478Z" fill="#FFDA44"></path>
+<path d="M14.3478 12.7825H23.9739C23.9906 12.5237 24 12.2629 24 11.9999C24 11.7369 23.9906 11.4761 23.9739 11.2173H14.3478V12.7825Z" fill="black"></path>
+<path d="M0.0261094 11.2173C0.00942187 11.4761 0 11.7369 0 11.9999C0 12.2629 0.00942187 12.5237 0.0261094 12.7825H9.65222V11.2173H0.0261094V11.2173Z" fill="black"></path>
+<path d="M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83037 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83037 17.739 12 17.739Z" fill="#D80027"></path>
+<path d="M13.3075 12.6399C12.8806 11.7862 12.3258 10.9209 12.3258 10.9209C12.3258 10.9209 12.3395 10.5269 12.3395 10.2922C12.3395 9.93854 12.0529 9.65186 11.6992 9.65186C11.3642 9.65186 11.0897 9.90925 11.0617 10.2369C10.7983 10.2542 10.5898 10.4727 10.5898 10.7404C10.5898 10.9351 10.7001 11.1038 10.8616 11.1881C10.9418 11.0004 11.099 10.8539 11.2933 10.7871C11.325 10.813 11.359 10.8362 11.3953 10.8558L11.4774 10.8951C11.4774 10.8951 11.1732 11.7525 11.1732 12.2131C11.1732 13.508 12.027 13.9073 12.027 13.9073V13.9207L11.6001 14.3475H12.4538V13.4937L12.8807 13.9206C12.8845 13.9126 13.6893 13.4036 13.3075 12.6399V12.6399Z" fill="#496E2D"></path>
+<path d="M12 7.3042L12.1943 7.90204H12.8229L12.3143 8.27156L12.5086 8.8694L12 8.49993L11.4914 8.8694L11.6857 8.27156L11.1772 7.90204H11.8058L12 7.3042Z" fill="#496E2D"></path>
+<path d="M9.24 8.20122L9.7485 8.57073L10.2571 8.20117L10.0628 8.79911L10.5714 9.16853L9.9428 9.16858L9.74855 9.76642L9.55425 9.16858L8.92566 9.16853L9.43421 8.79902L9.24 8.20122Z" fill="#496E2D"></path>
+<path d="M7.53418 10.549H8.16273L8.35702 9.95117L8.55127 10.549L9.17991 10.549L8.67137 10.9185L8.86566 11.5164L8.35702 11.1469L7.84848 11.5163L8.04268 10.9185L7.53418 10.549Z" fill="#496E2D"></path>
+<path d="M7.53418 13.4507L8.04268 13.0813L7.84843 12.4834L8.35702 12.8529L8.86562 12.4834L8.67137 13.0812L9.17996 13.4508L8.55127 13.4508L8.35702 14.0486L8.16273 13.4507H7.53418Z" fill="#496E2D"></path>
+<path d="M9.23999 15.7986L9.43419 15.2008L8.9256 14.8313H9.55424L9.74854 14.2334L9.94279 14.8312H10.5714L10.0628 15.2008L10.2571 15.7986L9.74849 15.4291L9.23999 15.7986Z" fill="#496E2D"></path>
+<path d="M12 16.6956L11.8058 16.0978H11.1772L11.6857 15.7283L11.4914 15.1304L12 15.4998L12.5086 15.1304L12.3143 15.7283L12.8229 16.0978L12.1943 16.0978L12 16.6956Z" fill="#496E2D"></path>
+<path d="M14.76 15.7986L14.2515 15.4291L13.743 15.7986L13.9372 15.2008L13.4286 14.8313L14.0572 14.8312L14.2514 14.2334L14.4458 14.8313H15.0744L14.5658 15.2008L14.76 15.7986Z" fill="#496E2D"></path>
+<path d="M16.4658 13.4507H15.8373L15.643 14.0486L15.4488 13.4508H14.8201L15.3287 13.0812L15.1344 12.4834L15.643 12.8529L16.1515 12.4834L15.9573 13.0812L16.4658 13.4507Z" fill="#496E2D"></path>
+<path d="M16.4658 10.549L15.9573 10.9184L16.1516 11.5163L15.643 11.1468L15.1344 11.5164L15.3287 10.9185L14.8201 10.549L15.4488 10.5489L15.643 9.95117L15.8373 10.549H16.4658Z" fill="#496E2D"></path>
+<path d="M14.76 8.20117L14.5658 8.79897L15.0744 9.16848H14.4458L14.2515 9.76638L14.0572 9.16853L13.4286 9.16858L13.9372 8.79897L13.7429 8.20122L14.2515 8.57064L14.76 8.20117Z" fill="#496E2D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2316">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDoIcon.html b/src/tests/__snapshots__/FlagDoIcon.html
index 3d690c14..dd8c3d7f 100644
--- a/src/tests/__snapshots__/FlagDoIcon.html
+++ b/src/tests/__snapshots__/FlagDoIcon.html
@@ -1 +1,15 @@
-<span data-v-9dc00ff8="" class="kui-icon flag-do-icon" data-testid="kui-icon-wrapper-flag-do-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9dc00ff8="" data-testid="kui-icon-svg-flag-do-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9dc00ff8="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9dc00ff8="" clip-path="url(#clip0_1_2317)"><path data-v-9dc00ff8="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-9dc00ff8="" d="M0.413391 15.1304C1.52142 19.2414 4.75847 22.4785 8.86959 23.5866V15.1304H0.413391Z" fill="#D80027"></path><path data-v-9dc00ff8="" d="M8.86955 0.413574C4.75847 1.52156 1.52138 4.75865 0.413391 8.86973H8.86959V0.413574H8.86955Z" fill="#0052B4"></path><path data-v-9dc00ff8="" d="M23.5866 8.86973C22.4786 4.75865 19.2415 1.52156 15.1304 0.413574V8.86978H23.5866V8.86973Z" fill="#D80027"></path><path data-v-9dc00ff8="" d="M15.1304 23.5866C19.2415 22.4785 22.4786 19.2415 23.5866 15.1304H15.1304V23.5866Z" fill="#0052B4"></path><path data-v-9dc00ff8="" d="M15.1305 12.0001C15.1305 13.729 13.729 15.1305 12 15.1305C10.2711 15.1305 8.86957 13.729 8.86957 12.0001C8.86957 10.2711 12 8.86963 12 8.86963C12 8.86963 15.1305 10.2711 15.1305 12.0001Z" fill="#496E2D"></path><path data-v-9dc00ff8="" d="M8.86957 12.0001C8.86957 10.2711 10.2711 8.86963 12 8.86963C13.729 8.86963 15.1305 10.2711 15.1305 12.0001" fill="#0052B4"></path><path data-v-9dc00ff8="" d="M10.2391 10.4346V12.3911C10.2391 13.3636 11.0275 14.1519 12 14.1519C12.9725 14.1519 13.7609 13.3636 13.7609 12.3911V10.4346H10.2391Z" fill="#D80027"></path></g><defs data-v-9dc00ff8=""><clipPath data-v-9dc00ff8="" id="clip0_1_2317"><rect data-v-9dc00ff8="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9dc00ff8="" class="kui-icon flag-do-icon" data-testid="kui-icon-wrapper-flag-do-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9dc00ff8="" data-testid="kui-icon-svg-flag-do-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9dc00ff8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9dc00ff8=""><g clip-path="url(#clip0_1_2317)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0.413391 15.1304C1.52142 19.2414 4.75847 22.4785 8.86959 23.5866V15.1304H0.413391Z" fill="#D80027"></path>
+<path d="M8.86955 0.413574C4.75847 1.52156 1.52138 4.75865 0.413391 8.86973H8.86959V0.413574H8.86955Z" fill="#0052B4"></path>
+<path d="M23.5866 8.86973C22.4786 4.75865 19.2415 1.52156 15.1304 0.413574V8.86978H23.5866V8.86973Z" fill="#D80027"></path>
+<path d="M15.1304 23.5866C19.2415 22.4785 22.4786 19.2415 23.5866 15.1304H15.1304V23.5866Z" fill="#0052B4"></path>
+<path d="M15.1305 12.0001C15.1305 13.729 13.729 15.1305 12 15.1305C10.2711 15.1305 8.86957 13.729 8.86957 12.0001C8.86957 10.2711 12 8.86963 12 8.86963C12 8.86963 15.1305 10.2711 15.1305 12.0001Z" fill="#496E2D"></path>
+<path d="M8.86957 12.0001C8.86957 10.2711 10.2711 8.86963 12 8.86963C13.729 8.86963 15.1305 10.2711 15.1305 12.0001" fill="#0052B4"></path>
+<path d="M10.2391 10.4346V12.3911C10.2391 13.3636 11.0275 14.1519 12 14.1519C12.9725 14.1519 13.7609 13.3636 13.7609 12.3911V10.4346H10.2391Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2317">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDzIcon.html b/src/tests/__snapshots__/FlagDzIcon.html
index 5041276b..9a4e74eb 100644
--- a/src/tests/__snapshots__/FlagDzIcon.html
+++ b/src/tests/__snapshots__/FlagDzIcon.html
@@ -1 +1,11 @@
-<span data-v-eadf0e46="" class="kui-icon flag-dz-icon" data-testid="kui-icon-wrapper-flag-dz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eadf0e46="" data-testid="kui-icon-svg-flag-dz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eadf0e46="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-eadf0e46="" clip-path="url(#clip0_1_2252)"><path data-v-eadf0e46="" d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24C12 23.4783 10.4348 12 10.4348 12L12 0Z" fill="#F0F0F0"></path><path data-v-eadf0e46="" d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#496E2D"></path><path data-v-eadf0e46="" d="M14.5783 9.69824L13.5937 11.055L11.9992 10.5379L12.9853 11.8935L12.0008 13.2503L13.5948 12.7314L14.5809 14.087L14.5799 12.4107L16.1739 11.8917L14.5794 11.3746L14.5783 9.69824Z" fill="#D80027"></path><path data-v-eadf0e46="" d="M12.9955 15.3914C11.1225 15.3914 9.60417 13.873 9.60417 12.0001C9.60417 10.1272 11.1225 8.6088 12.9955 8.6088C13.5795 8.6088 14.129 8.75645 14.6087 9.01642C13.8561 8.28044 12.8269 7.82617 11.6911 7.82617C9.38592 7.82617 7.51725 9.69489 7.51725 12.0001C7.51725 14.3052 9.38597 16.174 11.6911 16.174C12.8269 16.174 13.8561 15.7197 14.6087 14.9837C14.129 15.2438 13.5795 15.3914 12.9955 15.3914Z" fill="#D80027"></path></g><defs data-v-eadf0e46=""><clipPath data-v-eadf0e46="" id="clip0_1_2252"><rect data-v-eadf0e46="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-eadf0e46="" class="kui-icon flag-dz-icon" data-testid="kui-icon-wrapper-flag-dz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eadf0e46="" data-testid="kui-icon-svg-flag-dz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eadf0e46="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eadf0e46=""><g clip-path="url(#clip0_1_2252)">
+<path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24C12 23.4783 10.4348 12 10.4348 12L12 0Z" fill="#F0F0F0"></path>
+<path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#496E2D"></path>
+<path d="M14.5783 9.69824L13.5937 11.055L11.9992 10.5379L12.9853 11.8935L12.0008 13.2503L13.5948 12.7314L14.5809 14.087L14.5799 12.4107L16.1739 11.8917L14.5794 11.3746L14.5783 9.69824Z" fill="#D80027"></path>
+<path d="M12.9955 15.3914C11.1225 15.3914 9.60417 13.873 9.60417 12.0001C9.60417 10.1272 11.1225 8.6088 12.9955 8.6088C13.5795 8.6088 14.129 8.75645 14.6087 9.01642C13.8561 8.28044 12.8269 7.82617 11.6911 7.82617C9.38592 7.82617 7.51725 9.69489 7.51725 12.0001C7.51725 14.3052 9.38597 16.174 11.6911 16.174C12.8269 16.174 13.8561 15.7197 14.6087 14.9837C14.129 15.2438 13.5795 15.3914 12.9955 15.3914Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2252">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEcIcon.html b/src/tests/__snapshots__/FlagEcIcon.html
index 9141ff2b..7e45c207 100644
--- a/src/tests/__snapshots__/FlagEcIcon.html
+++ b/src/tests/__snapshots__/FlagEcIcon.html
@@ -1 +1,13 @@
-<span data-v-74eb431f="" class="kui-icon flag-ec-icon" data-testid="kui-icon-wrapper-flag-ec-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-74eb431f="" data-testid="kui-icon-svg-flag-ec-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-74eb431f="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-74eb431f="" clip-path="url(#clip0_1_2319)"><path data-v-74eb431f="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path><path data-v-74eb431f="" d="M1.60577 17.9999C3.6807 21.5866 7.55838 23.9999 12 23.9999C16.4417 23.9999 20.3193 21.5866 22.3943 17.9999L12 17.2173L1.60577 17.9999Z" fill="#D80027"></path><path data-v-74eb431f="" d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path><path data-v-74eb431f="" d="M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z" fill="#FFDA44"></path><path data-v-74eb431f="" d="M12 14.6088C10.5615 14.6088 9.3913 13.4385 9.3913 12.0001V10.4349C9.3913 8.99641 10.5616 7.82617 12 7.82617C13.4384 7.82617 14.6087 8.99645 14.6087 10.4349V12.0001C14.6087 13.4385 13.4384 14.6088 12 14.6088Z" fill="#338AF3"></path><path data-v-74eb431f="" d="M16.1739 5.73928H13.0434C13.0434 5.163 12.5762 4.6958 11.9999 4.6958C11.4236 4.6958 10.9564 5.163 10.9564 5.73928H7.82599C7.82599 6.31561 8.32797 6.78277 8.90421 6.78277H8.86947C8.86947 7.3591 9.33663 7.82625 9.91296 7.82625C9.91296 8.40258 10.3801 8.86974 10.9564 8.86974H13.0434C13.6197 8.86974 14.0869 8.40258 14.0869 7.82625C14.6632 7.82625 15.1304 7.3591 15.1304 6.78277H15.0956C15.6719 6.78277 16.1739 6.31557 16.1739 5.73928V5.73928Z" fill="black"></path></g><defs data-v-74eb431f=""><clipPath data-v-74eb431f="" id="clip0_1_2319"><rect data-v-74eb431f="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-74eb431f="" class="kui-icon flag-ec-icon" data-testid="kui-icon-wrapper-flag-ec-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-74eb431f="" data-testid="kui-icon-svg-flag-ec-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-74eb431f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-74eb431f=""><g clip-path="url(#clip0_1_2319)">
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path>
+<path d="M1.60577 17.9999C3.6807 21.5866 7.55838 23.9999 12 23.9999C16.4417 23.9999 20.3193 21.5866 22.3943 17.9999L12 17.2173L1.60577 17.9999Z" fill="#D80027"></path>
+<path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path>
+<path d="M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z" fill="#FFDA44"></path>
+<path d="M12 14.6088C10.5615 14.6088 9.3913 13.4385 9.3913 12.0001V10.4349C9.3913 8.99641 10.5616 7.82617 12 7.82617C13.4384 7.82617 14.6087 8.99645 14.6087 10.4349V12.0001C14.6087 13.4385 13.4384 14.6088 12 14.6088Z" fill="#338AF3"></path>
+<path d="M16.1739 5.73928H13.0434C13.0434 5.163 12.5762 4.6958 11.9999 4.6958C11.4236 4.6958 10.9564 5.163 10.9564 5.73928H7.82599C7.82599 6.31561 8.32797 6.78277 8.90421 6.78277H8.86947C8.86947 7.3591 9.33663 7.82625 9.91296 7.82625C9.91296 8.40258 10.3801 8.86974 10.9564 8.86974H13.0434C13.6197 8.86974 14.0869 8.40258 14.0869 7.82625C14.6632 7.82625 15.1304 7.3591 15.1304 6.78277H15.0956C15.6719 6.78277 16.1739 6.31557 16.1739 5.73928V5.73928Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2319">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEeIcon.html b/src/tests/__snapshots__/FlagEeIcon.html
index 7e16fea1..6084cd2b 100644
--- a/src/tests/__snapshots__/FlagEeIcon.html
+++ b/src/tests/__snapshots__/FlagEeIcon.html
@@ -1 +1,10 @@
-<span data-v-90039129="" class="kui-icon flag-ee-icon" data-testid="kui-icon-wrapper-flag-ee-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-90039129="" data-testid="kui-icon-svg-flag-ee-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-90039129="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-90039129="" clip-path="url(#clip0_1_2326)"><path data-v-90039129="" d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="black"></path><path data-v-90039129="" d="M12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#0052B4"></path><path data-v-90039129="" d="M23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#F0F0F0"></path></g><defs data-v-90039129=""><clipPath data-v-90039129="" id="clip0_1_2326"><rect data-v-90039129="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-90039129="" class="kui-icon flag-ee-icon" data-testid="kui-icon-wrapper-flag-ee-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-90039129="" data-testid="kui-icon-svg-flag-ee-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-90039129="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-90039129=""><g clip-path="url(#clip0_1_2326)">
+<path d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="black"></path>
+<path d="M12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#0052B4"></path>
+<path d="M23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2326">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEgIcon.html b/src/tests/__snapshots__/FlagEgIcon.html
index 1677821a..c207aab8 100644
--- a/src/tests/__snapshots__/FlagEgIcon.html
+++ b/src/tests/__snapshots__/FlagEgIcon.html
@@ -1 +1,11 @@
-<span data-v-7666b66e="" class="kui-icon flag-eg-icon" data-testid="kui-icon-wrapper-flag-eg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7666b66e="" data-testid="kui-icon-svg-flag-eg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7666b66e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7666b66e="" clip-path="url(#clip0_1_2320)"><path data-v-7666b66e="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-7666b66e="" d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path><path data-v-7666b66e="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path><path data-v-7666b66e="" d="M16.1739 10.6958H13.0434C13.0434 10.1195 12.5762 9.65234 11.9999 9.65234C11.4236 9.65234 10.9564 10.1195 10.9564 10.6958H7.82599C7.82599 11.2722 8.32797 11.7393 8.90425 11.7393H8.86947C8.86947 12.3156 9.33663 12.7828 9.91296 12.7828C9.91296 13.3591 10.3801 13.8263 10.9564 13.8263H13.0434C13.6197 13.8263 14.0869 13.3591 14.0869 12.7828C14.6632 12.7828 15.1304 12.3156 15.1304 11.7393H15.0956C15.6719 11.7393 16.1739 11.2722 16.1739 10.6958V10.6958Z" fill="#FF9811"></path></g><defs data-v-7666b66e=""><clipPath data-v-7666b66e="" id="clip0_1_2320"><rect data-v-7666b66e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7666b66e="" class="kui-icon flag-eg-icon" data-testid="kui-icon-wrapper-flag-eg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7666b66e="" data-testid="kui-icon-svg-flag-eg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7666b66e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7666b66e=""><g clip-path="url(#clip0_1_2320)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path>
+<path d="M16.1739 10.6958H13.0434C13.0434 10.1195 12.5762 9.65234 11.9999 9.65234C11.4236 9.65234 10.9564 10.1195 10.9564 10.6958H7.82599C7.82599 11.2722 8.32797 11.7393 8.90425 11.7393H8.86947C8.86947 12.3156 9.33663 12.7828 9.91296 12.7828C9.91296 13.3591 10.3801 13.8263 10.9564 13.8263H13.0434C13.6197 13.8263 14.0869 13.3591 14.0869 12.7828C14.6632 12.7828 15.1304 12.3156 15.1304 11.7393H15.0956C15.6719 11.7393 16.1739 11.2722 16.1739 10.6958V10.6958Z" fill="#FF9811"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2320">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagErIcon.html b/src/tests/__snapshots__/FlagErIcon.html
index 4e0b5f45..6fb3529f 100644
--- a/src/tests/__snapshots__/FlagErIcon.html
+++ b/src/tests/__snapshots__/FlagErIcon.html
@@ -1 +1,11 @@
-<span data-v-11ef7e3c="" class="kui-icon flag-er-icon" data-testid="kui-icon-wrapper-flag-er-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11ef7e3c="" data-testid="kui-icon-svg-flag-er-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-11ef7e3c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-11ef7e3c="" clip-path="url(#clip0_1_2324)"><path data-v-11ef7e3c="" d="M10.9565 10.9565C10.9565 10.9565 3.52174 20.487 3.51471 20.4853C5.68624 22.6569 8.68629 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z" fill="#338AF3"></path><path data-v-11ef7e3c="" d="M10.9565 12C10.9565 12 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z" fill="#6DA544"></path><path data-v-11ef7e3c="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C3.51438 20.4872 24 12 24 12L3.51471 3.51465Z" fill="#D80027"></path><path data-v-11ef7e3c="" d="M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z" fill="#FFDA44"></path></g><defs data-v-11ef7e3c=""><clipPath data-v-11ef7e3c="" id="clip0_1_2324"><rect data-v-11ef7e3c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-11ef7e3c="" class="kui-icon flag-er-icon" data-testid="kui-icon-wrapper-flag-er-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11ef7e3c="" data-testid="kui-icon-svg-flag-er-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-11ef7e3c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-11ef7e3c=""><g clip-path="url(#clip0_1_2324)">
+<path d="M10.9565 10.9565C10.9565 10.9565 3.52174 20.487 3.51471 20.4853C5.68624 22.6569 8.68629 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z" fill="#338AF3"></path>
+<path d="M10.9565 12C10.9565 12 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z" fill="#6DA544"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C3.51438 20.4872 24 12 24 12L3.51471 3.51465Z" fill="#D80027"></path>
+<path d="M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2324">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEsIcon.html b/src/tests/__snapshots__/FlagEsIcon.html
index 48e36eca..288de673 100644
--- a/src/tests/__snapshots__/FlagEsIcon.html
+++ b/src/tests/__snapshots__/FlagEsIcon.html
@@ -1 +1,10 @@
-<span data-v-46b1b34b="" class="kui-icon flag-es-icon" data-testid="kui-icon-wrapper-flag-es-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-46b1b34b="" data-testid="kui-icon-svg-flag-es-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-46b1b34b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-46b1b34b="" clip-path="url(#clip0_246_5334)"><path data-v-46b1b34b="" d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264047 9.12612 0 10.5322 0 12H0Z" fill="#FFDA44"></path><path data-v-46b1b34b="" d="M23.2538 7.82611C21.5583 3.25655 17.1598 0 12.0002 0C6.84061 0 2.4421 3.25655 0.746582 7.82611H23.2538Z" fill="#D80027"></path><path data-v-46b1b34b="" d="M0.746582 16.1739C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582Z" fill="#D80027"></path></g><defs data-v-46b1b34b=""><clipPath data-v-46b1b34b="" id="clip0_246_5334"><rect data-v-46b1b34b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-46b1b34b="" class="kui-icon flag-es-icon" data-testid="kui-icon-wrapper-flag-es-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-46b1b34b="" data-testid="kui-icon-svg-flag-es-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-46b1b34b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-46b1b34b=""><g clip-path="url(#clip0_246_5334)">
+<path d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264047 9.12612 0 10.5322 0 12H0Z" fill="#FFDA44"></path>
+<path d="M23.2538 7.82611C21.5583 3.25655 17.1598 0 12.0002 0C6.84061 0 2.4421 3.25655 0.746582 7.82611H23.2538Z" fill="#D80027"></path>
+<path d="M0.746582 16.1739C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5334">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEtIcon.html b/src/tests/__snapshots__/FlagEtIcon.html
index 5b260cac..ab02e89f 100644
--- a/src/tests/__snapshots__/FlagEtIcon.html
+++ b/src/tests/__snapshots__/FlagEtIcon.html
@@ -1 +1,13 @@
-<span data-v-861cca33="" class="kui-icon flag-et-icon" data-testid="kui-icon-wrapper-flag-et-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-861cca33="" data-testid="kui-icon-svg-flag-et-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-861cca33="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-861cca33="" clip-path="url(#clip0_1_2327)"><path data-v-861cca33="" d="M0 12.0001C0 13.468 0.264047 14.8741 0.746437 16.1741L12 17.2175L23.2536 16.1741C23.736 14.8741 24 13.468 24 12.0001C24 10.5524 23.7435 9.16453 23.2737 7.87954L12 6.78271L0.726281 7.87959C0.256453 9.16453 0 10.5524 0 12.0001H0Z" fill="#FFDA44"></path><path data-v-861cca33="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#D80027"></path><path data-v-861cca33="" d="M12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#6DA544"></path><path data-v-861cca33="" d="M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83036 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83036 17.739 12 17.739Z" fill="#0052B4"></path><path data-v-861cca33="" d="M11.9988 7.55566L13.0348 10.7442H16.3928L13.6751 12.7149L14.7193 15.9129L11.9988 13.9328L9.28247 15.9092L10.3224 12.7149L7.6072 10.7442H10.9627L11.9988 7.55566Z" fill="#FFDA44"></path><path data-v-861cca33="" d="M16.1308 12.7934L12.8441 11.7254L14.8754 8.92981L14.0312 8.31641L11.9999 11.1122L9.96876 8.31645L9.12455 8.92977L11.1557 11.7256L7.86919 12.7934L8.19159 13.7859L11.4783 12.718V16.1737H12.5217V12.718L15.8083 13.7859L16.1308 12.7934Z" fill="#FFDA44"></path></g><defs data-v-861cca33=""><clipPath data-v-861cca33="" id="clip0_1_2327"><rect data-v-861cca33="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-861cca33="" class="kui-icon flag-et-icon" data-testid="kui-icon-wrapper-flag-et-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-861cca33="" data-testid="kui-icon-svg-flag-et-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-861cca33="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-861cca33=""><g clip-path="url(#clip0_1_2327)">
+<path d="M0 12.0001C0 13.468 0.264047 14.8741 0.746437 16.1741L12 17.2175L23.2536 16.1741C23.736 14.8741 24 13.468 24 12.0001C24 10.5524 23.7435 9.16453 23.2737 7.87954L12 6.78271L0.726281 7.87959C0.256453 9.16453 0 10.5524 0 12.0001H0Z" fill="#FFDA44"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#D80027"></path>
+<path d="M12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#6DA544"></path>
+<path d="M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83036 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83036 17.739 12 17.739Z" fill="#0052B4"></path>
+<path d="M11.9988 7.55566L13.0348 10.7442H16.3928L13.6751 12.7149L14.7193 15.9129L11.9988 13.9328L9.28247 15.9092L10.3224 12.7149L7.6072 10.7442H10.9627L11.9988 7.55566Z" fill="#FFDA44"></path>
+<path d="M16.1308 12.7934L12.8441 11.7254L14.8754 8.92981L14.0312 8.31641L11.9999 11.1122L9.96876 8.31645L9.12455 8.92977L11.1557 11.7256L7.86919 12.7934L8.19159 13.7859L11.4783 12.718V16.1737H12.5217V12.718L15.8083 13.7859L16.1308 12.7934Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2327">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEuIcon.html b/src/tests/__snapshots__/FlagEuIcon.html
index 30c80c04..56052198 100644
--- a/src/tests/__snapshots__/FlagEuIcon.html
+++ b/src/tests/__snapshots__/FlagEuIcon.html
@@ -1 +1,16 @@
-<span data-v-a7882816="" class="kui-icon flag-eu-icon" data-testid="kui-icon-wrapper-flag-eu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7882816="" data-testid="kui-icon-svg-flag-eu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a7882816="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a7882816="" clip-path="url(#clip0_246_4298)"><path data-v-a7882816="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path><path data-v-a7882816="" d="M12.0003 4.69565L12.3888 5.89138H13.646L12.6289 6.63037L13.0174 7.8261L12.0003 7.08707L10.9831 7.8261L11.3716 6.63037L10.3545 5.89138H11.6117L12.0003 4.69565Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M6.83523 6.83503L7.95554 7.40578L8.84453 6.51685L8.64779 7.75856L9.76806 8.32936L8.52629 8.52605L8.32961 9.76786L7.75881 8.6476L6.51709 8.84433L7.40607 7.95535L6.83523 6.83503Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M4.6958 12L5.89153 11.6115V10.3542L6.63047 11.3714L7.82625 10.9829L7.08718 12L7.82625 13.0171L6.63047 12.6286L5.89153 13.6458V12.3885L4.6958 12Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M6.83523 17.165L7.40603 16.0446L6.51709 15.1557L7.75886 15.3524L8.32956 14.2322L8.52629 15.4739L9.76801 15.6706L8.64789 16.2414L8.84453 17.4831L7.95554 16.5942L6.83523 17.165Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M12.0003 19.3043L11.6117 18.1086H10.3545L11.3717 17.3696L10.9831 16.174L12.0003 16.9129L13.0174 16.174L12.6289 17.3696L13.646 18.1086H12.3888L12.0003 19.3043Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M17.1652 17.165L16.0449 16.5942L15.1559 17.4832L15.3526 16.2414L14.2324 15.6706L15.4741 15.4739L15.6708 14.2322L16.2416 15.3524L17.4833 15.1557L16.5943 16.0447L17.1652 17.165Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M19.3047 12L18.1089 12.3885V13.6458L17.37 12.6286L16.1743 13.0171L16.9133 12L16.1743 10.9829L17.37 11.3714L18.1089 10.3542V11.6115L19.3047 12Z" fill="#FFDA44"></path><path data-v-a7882816="" d="M17.1652 6.83502L16.5944 7.95533L17.4833 8.84431L16.2415 8.64753L15.6708 9.7678L15.4741 8.52603L14.2324 8.3293L15.3526 7.75855L15.1559 6.51688L16.0449 7.40581L17.1652 6.83502Z" fill="#FFDA44"></path></g><defs data-v-a7882816=""><clipPath data-v-a7882816="" id="clip0_246_4298"><rect data-v-a7882816="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a7882816="" class="kui-icon flag-eu-icon" data-testid="kui-icon-wrapper-flag-eu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7882816="" data-testid="kui-icon-svg-flag-eu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a7882816="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a7882816=""><g clip-path="url(#clip0_246_4298)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path>
+<path d="M12.0003 4.69565L12.3888 5.89138H13.646L12.6289 6.63037L13.0174 7.8261L12.0003 7.08707L10.9831 7.8261L11.3716 6.63037L10.3545 5.89138H11.6117L12.0003 4.69565Z" fill="#FFDA44"></path>
+<path d="M6.83523 6.83503L7.95554 7.40578L8.84453 6.51685L8.64779 7.75856L9.76806 8.32936L8.52629 8.52605L8.32961 9.76786L7.75881 8.6476L6.51709 8.84433L7.40607 7.95535L6.83523 6.83503Z" fill="#FFDA44"></path>
+<path d="M4.6958 12L5.89153 11.6115V10.3542L6.63047 11.3714L7.82625 10.9829L7.08718 12L7.82625 13.0171L6.63047 12.6286L5.89153 13.6458V12.3885L4.6958 12Z" fill="#FFDA44"></path>
+<path d="M6.83523 17.165L7.40603 16.0446L6.51709 15.1557L7.75886 15.3524L8.32956 14.2322L8.52629 15.4739L9.76801 15.6706L8.64789 16.2414L8.84453 17.4831L7.95554 16.5942L6.83523 17.165Z" fill="#FFDA44"></path>
+<path d="M12.0003 19.3043L11.6117 18.1086H10.3545L11.3717 17.3696L10.9831 16.174L12.0003 16.9129L13.0174 16.174L12.6289 17.3696L13.646 18.1086H12.3888L12.0003 19.3043Z" fill="#FFDA44"></path>
+<path d="M17.1652 17.165L16.0449 16.5942L15.1559 17.4832L15.3526 16.2414L14.2324 15.6706L15.4741 15.4739L15.6708 14.2322L16.2416 15.3524L17.4833 15.1557L16.5943 16.0447L17.1652 17.165Z" fill="#FFDA44"></path>
+<path d="M19.3047 12L18.1089 12.3885V13.6458L17.37 12.6286L16.1743 13.0171L16.9133 12L16.1743 10.9829L17.37 11.3714L18.1089 10.3542V11.6115L19.3047 12Z" fill="#FFDA44"></path>
+<path d="M17.1652 6.83502L16.5944 7.95533L17.4833 8.84431L16.2415 8.64753L15.6708 9.7678L15.4741 8.52603L14.2324 8.3293L15.3526 7.75855L15.1559 6.51688L16.0449 7.40581L17.1652 6.83502Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4298">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFiIcon.html b/src/tests/__snapshots__/FlagFiIcon.html
index 070438ed..cecb6af6 100644
--- a/src/tests/__snapshots__/FlagFiIcon.html
+++ b/src/tests/__snapshots__/FlagFiIcon.html
@@ -1 +1,9 @@
-<span data-v-e95e5d59="" class="kui-icon flag-fi-icon" data-testid="kui-icon-wrapper-flag-fi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e95e5d59="" data-testid="kui-icon-svg-flag-fi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e95e5d59="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e95e5d59="" clip-path="url(#clip0_1_2332)"><path data-v-e95e5d59="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-e95e5d59="" d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#0052B4"></path></g><defs data-v-e95e5d59=""><clipPath data-v-e95e5d59="" id="clip0_1_2332"><rect data-v-e95e5d59="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e95e5d59="" class="kui-icon flag-fi-icon" data-testid="kui-icon-wrapper-flag-fi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e95e5d59="" data-testid="kui-icon-svg-flag-fi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e95e5d59="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e95e5d59=""><g clip-path="url(#clip0_1_2332)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2332">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFjIcon.html b/src/tests/__snapshots__/FlagFjIcon.html
index 9423a82e..e564bbc0 100644
--- a/src/tests/__snapshots__/FlagFjIcon.html
+++ b/src/tests/__snapshots__/FlagFjIcon.html
@@ -1 +1,16 @@
-<span data-v-3daac4c7="" class="kui-icon flag-fj-icon" data-testid="kui-icon-wrapper-flag-fj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3daac4c7="" data-testid="kui-icon-svg-flag-fj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3daac4c7="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3daac4c7="" clip-path="url(#clip0_1_2331)"><path data-v-3daac4c7="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path><path data-v-3daac4c7="" d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path><path data-v-3daac4c7="" d="M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path><path data-v-3daac4c7="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-3daac4c7="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-3daac4c7="" d="M6.07101 1.56543C4.19419 2.63413 2.6339 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z" fill="#D80027"></path><path data-v-3daac4c7="" d="M12 10.5247L7.73657 6.26123H6.2609V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z" fill="#D80027"></path><path data-v-3daac4c7="" d="M13.5652 7.8262V12C13.5652 14.7957 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 20.8695 14.7957 20.8695 12V7.8262L17.2174 6.78271L13.5652 7.8262Z" fill="#F3F3F3"></path><path data-v-3daac4c7="" d="M20.8695 7.82595V6.26074H13.5652V7.82595H16.6956V10.9564H13.5652V11.9998V11.9999L16.6956 12V15.492C17.0105 15.6034 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 17.4242 15.6035 17.739 15.492V11.9999H20.8695V11.9998V10.9564H17.739V7.8259H20.8695V7.82595Z" fill="#D80027"></path></g><defs data-v-3daac4c7=""><clipPath data-v-3daac4c7="" id="clip0_1_2331"><rect data-v-3daac4c7="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3daac4c7="" class="kui-icon flag-fj-icon" data-testid="kui-icon-wrapper-flag-fj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3daac4c7="" data-testid="kui-icon-svg-flag-fj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3daac4c7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3daac4c7=""><g clip-path="url(#clip0_1_2331)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path>
+<path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path>
+<path d="M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07101 1.56543C4.19419 2.63413 2.6339 4.19441 1.5652 6.07124V12.0002H4.69565V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07101Z" fill="#D80027"></path>
+<path d="M12 10.5247L7.73657 6.26123H6.2609V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z" fill="#D80027"></path>
+<path d="M13.5652 7.8262V12C13.5652 14.7957 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 20.8695 14.7957 20.8695 12V7.8262L17.2174 6.78271L13.5652 7.8262Z" fill="#F3F3F3"></path>
+<path d="M20.8695 7.82595V6.26074H13.5652V7.82595H16.6956V10.9564H13.5652V11.9998V11.9999L16.6956 12V15.492C17.0105 15.6034 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 17.4242 15.6035 17.739 15.492V11.9999H20.8695V11.9998V10.9564H17.739V7.8259H20.8695V7.82595Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2331">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFkIcon.html b/src/tests/__snapshots__/FlagFkIcon.html
index 3e52a153..cf116b26 100644
--- a/src/tests/__snapshots__/FlagFkIcon.html
+++ b/src/tests/__snapshots__/FlagFkIcon.html
@@ -1 +1,16 @@
-<span data-v-ea174b26="" class="kui-icon flag-fk-icon" data-testid="kui-icon-wrapper-flag-fk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea174b26="" data-testid="kui-icon-svg-flag-fk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea174b26="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ea174b26="" clip-path="url(#clip0_1_2329)"><path data-v-ea174b26="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-ea174b26="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-ea174b26="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-ea174b26="" d="M6.07102 1.56543C4.19419 2.63413 2.63391 4.19441 1.5652 6.07124V12.0002H4.69566V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07102Z" fill="#D80027"></path><path data-v-ea174b26="" d="M12 10.5247L7.73658 6.26123H6.26091V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z" fill="#D80027"></path><path data-v-ea174b26="" d="M19.3043 14.0869V14.6086H15.1305V14.0869H13.5652V16.1738H14.6087V16.6956H19.8261V16.1738H20.8695V14.0869H19.3043Z" fill="#FFDA44"></path><path data-v-ea174b26="" d="M13.5652 6.26074V11.9999C13.5652 14.7955 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 20.8695 14.7955 20.8695 11.9999V6.26074H13.5652Z" fill="#338AF3"></path><path data-v-ea174b26="" d="M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5653 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z" fill="#F3F3F3"></path><path data-v-ea174b26="" d="M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5653 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z" fill="#F3F3F3"></path></g><defs data-v-ea174b26=""><clipPath data-v-ea174b26="" id="clip0_1_2329"><rect data-v-ea174b26="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ea174b26="" class="kui-icon flag-fk-icon" data-testid="kui-icon-wrapper-flag-fk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea174b26="" data-testid="kui-icon-svg-flag-fk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea174b26="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea174b26=""><g clip-path="url(#clip0_1_2329)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07102 1.56543C4.19419 2.63413 2.63391 4.19441 1.5652 6.07124V12.0002H4.69566V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07102Z" fill="#D80027"></path>
+<path d="M12 10.5247L7.73658 6.26123H6.26091V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z" fill="#D80027"></path>
+<path d="M19.3043 14.0869V14.6086H15.1305V14.0869H13.5652V16.1738H14.6087V16.6956H19.8261V16.1738H20.8695V14.0869H19.3043Z" fill="#FFDA44"></path>
+<path d="M13.5652 6.26074V11.9999C13.5652 14.7955 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 20.8695 14.7955 20.8695 11.9999V6.26074H13.5652Z" fill="#338AF3"></path>
+<path d="M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5653 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z" fill="#F3F3F3"></path>
+<path d="M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5653 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z" fill="#F3F3F3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2329">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFmIcon.html b/src/tests/__snapshots__/FlagFmIcon.html
index 8708adb0..4fc1cc34 100644
--- a/src/tests/__snapshots__/FlagFmIcon.html
+++ b/src/tests/__snapshots__/FlagFmIcon.html
@@ -1 +1,12 @@
-<span data-v-77f74e60="" class="kui-icon flag-fm-icon" data-testid="kui-icon-wrapper-flag-fm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f74e60="" data-testid="kui-icon-svg-flag-fm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-77f74e60="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-77f74e60="" clip-path="url(#clip0_246_4797)"><path data-v-77f74e60="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-77f74e60="" d="M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z" fill="#F0F0F0"></path><path data-v-77f74e60="" d="M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z" fill="#F0F0F0"></path><path data-v-77f74e60="" d="M12.0001 18.7826L11.4821 17.1883H9.80566L11.1619 16.203L10.6439 14.6087L12.0001 15.594L13.3563 14.6087L12.8382 16.203L14.1944 17.1883H12.5181L12.0001 18.7826Z" fill="#F0F0F0"></path><path data-v-77f74e60="" d="M18.7823 12L17.188 12.518V14.1944L16.2027 12.8381L14.6084 13.3561L15.5937 12L14.6084 10.6438L16.2027 11.1619L17.188 9.8056V11.482L18.7823 12Z" fill="#F0F0F0"></path></g><defs data-v-77f74e60=""><clipPath data-v-77f74e60="" id="clip0_246_4797"><rect data-v-77f74e60="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-77f74e60="" class="kui-icon flag-fm-icon" data-testid="kui-icon-wrapper-flag-fm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f74e60="" data-testid="kui-icon-svg-flag-fm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-77f74e60="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-77f74e60=""><g clip-path="url(#clip0_246_4797)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z" fill="#F0F0F0"></path>
+<path d="M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z" fill="#F0F0F0"></path>
+<path d="M12.0001 18.7826L11.4821 17.1883H9.80566L11.1619 16.203L10.6439 14.6087L12.0001 15.594L13.3563 14.6087L12.8382 16.203L14.1944 17.1883H12.5181L12.0001 18.7826Z" fill="#F0F0F0"></path>
+<path d="M18.7823 12L17.188 12.518V14.1944L16.2027 12.8381L14.6084 13.3561L15.5937 12L14.6084 10.6438L16.2027 11.1619L17.188 9.8056V11.482L18.7823 12Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4797">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFoIcon.html b/src/tests/__snapshots__/FlagFoIcon.html
index 1d77ed7d..94a1221c 100644
--- a/src/tests/__snapshots__/FlagFoIcon.html
+++ b/src/tests/__snapshots__/FlagFoIcon.html
@@ -1 +1,10 @@
-<span data-v-3877d1f2="" class="kui-icon flag-fo-icon" data-testid="kui-icon-wrapper-flag-fo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3877d1f2="" data-testid="kui-icon-svg-flag-fo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3877d1f2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3877d1f2="" clip-path="url(#clip0_1_2330)"><path data-v-3877d1f2="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3877d1f2="" d="M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z" fill="#0052B4"></path><path data-v-3877d1f2="" d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"></path></g><defs data-v-3877d1f2=""><clipPath data-v-3877d1f2="" id="clip0_1_2330"><rect data-v-3877d1f2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3877d1f2="" class="kui-icon flag-fo-icon" data-testid="kui-icon-wrapper-flag-fo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3877d1f2="" data-testid="kui-icon-svg-flag-fo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3877d1f2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3877d1f2=""><g clip-path="url(#clip0_1_2330)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z" fill="#0052B4"></path>
+<path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2330">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFrIcon.html b/src/tests/__snapshots__/FlagFrIcon.html
index c55cccf8..9dc6db89 100644
--- a/src/tests/__snapshots__/FlagFrIcon.html
+++ b/src/tests/__snapshots__/FlagFrIcon.html
@@ -1 +1,10 @@
-<span data-v-3d67ed74="" class="kui-icon flag-fr-icon" data-testid="kui-icon-wrapper-flag-fr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3d67ed74="" data-testid="kui-icon-svg-flag-fr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3d67ed74="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3d67ed74="" clip-path="url(#clip0_1_2333)"><path data-v-3d67ed74="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3d67ed74="" d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path><path data-v-3d67ed74="" d="M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z" fill="#0052B4"></path></g><defs data-v-3d67ed74=""><clipPath data-v-3d67ed74="" id="clip0_1_2333"><rect data-v-3d67ed74="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3d67ed74="" class="kui-icon flag-fr-icon" data-testid="kui-icon-wrapper-flag-fr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3d67ed74="" data-testid="kui-icon-svg-flag-fr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3d67ed74="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3d67ed74=""><g clip-path="url(#clip0_1_2333)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
+<path d="M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2333">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGaIcon.html b/src/tests/__snapshots__/FlagGaIcon.html
index ef927a38..2ad38392 100644
--- a/src/tests/__snapshots__/FlagGaIcon.html
+++ b/src/tests/__snapshots__/FlagGaIcon.html
@@ -1 +1,10 @@
-<span data-v-36298b54="" class="kui-icon flag-ga-icon" data-testid="kui-icon-wrapper-flag-ga-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-36298b54="" data-testid="kui-icon-svg-flag-ga-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-36298b54="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-36298b54="" clip-path="url(#clip0_1_2335)"><path data-v-36298b54="" d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#FFDA44"></path><path data-v-36298b54="" d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#0052B4"></path><path data-v-36298b54="" d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path></g><defs data-v-36298b54=""><clipPath data-v-36298b54="" id="clip0_1_2335"><rect data-v-36298b54="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-36298b54="" class="kui-icon flag-ga-icon" data-testid="kui-icon-wrapper-flag-ga-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-36298b54="" data-testid="kui-icon-svg-flag-ga-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-36298b54="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-36298b54=""><g clip-path="url(#clip0_1_2335)">
+<path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#FFDA44"></path>
+<path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#0052B4"></path>
+<path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2335">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGbIcon.html b/src/tests/__snapshots__/FlagGbIcon.html
index 6b769971..a6554eb6 100644
--- a/src/tests/__snapshots__/FlagGbIcon.html
+++ b/src/tests/__snapshots__/FlagGbIcon.html
@@ -1 +1,21 @@
-<span data-v-af5a45f4="" class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af5a45f4="" data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af5a45f4="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-af5a45f4="" clip-path="url(#clip0_1415_1325)"><path data-v-af5a45f4="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-af5a45f4="" d="M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z" fill="#0052B4"></path><path data-v-af5a45f4="" d="M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z" fill="#D80027"></path><path data-v-af5a45f4="" d="M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z" fill="#D80027"></path></g><defs data-v-af5a45f4=""><clipPath data-v-af5a45f4="" id="clip0_1415_1325"><rect data-v-af5a45f4="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-af5a45f4="" class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af5a45f4="" data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af5a45f4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-af5a45f4=""><g clip-path="url(#clip0_1415_1325)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z" fill="#0052B4"></path>
+<path d="M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z" fill="#0052B4"></path>
+<path d="M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z" fill="#0052B4"></path>
+<path d="M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z" fill="#0052B4"></path>
+<path d="M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z" fill="#0052B4"></path>
+<path d="M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z" fill="#0052B4"></path>
+<path d="M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z" fill="#0052B4"></path>
+<path d="M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z" fill="#0052B4"></path>
+<path d="M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z" fill="#D80027"></path>
+<path d="M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z" fill="#D80027"></path>
+<path d="M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z" fill="#D80027"></path>
+<path d="M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z" fill="#D80027"></path>
+<path d="M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_1325">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGdIcon.html b/src/tests/__snapshots__/FlagGdIcon.html
index 8567abe6..2ede7e53 100644
--- a/src/tests/__snapshots__/FlagGdIcon.html
+++ b/src/tests/__snapshots__/FlagGdIcon.html
@@ -1 +1,24 @@
-<span data-v-5a3eda86="" class="kui-icon flag-gd-icon" data-testid="kui-icon-wrapper-flag-gd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a3eda86="" data-testid="kui-icon-svg-flag-gd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a3eda86="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5a3eda86="" clip-path="url(#clip0_1_2344)"><path data-v-5a3eda86="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z" fill="#A2001D"></path><path data-v-5a3eda86="" d="M12 12.0002L11.2342 11.2344L11.0308 11.5986L12 12.0002Z" fill="#0052B4"></path><path data-v-5a3eda86="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#496E2D"></path><path data-v-5a3eda86="" d="M20.4853 3.51465C25.1716 8.20093 25.1716 15.7989 20.4853 20.4853C18.5488 18.5487 16.6863 16.6862 12 12L20.4853 3.51465Z" fill="#496E2D"></path><path data-v-5a3eda86="" d="M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z" fill="#A2001D"></path><path data-v-5a3eda86="" d="M12 7.82617L12.9355 10.7057H15.9636L13.514 12.4856L14.4495 15.3653L12 13.5856L9.55027 15.3653L10.486 12.4856L8.03644 10.7057H11.0643L12 7.82617Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M12.004 0H11.996C8.68413 0.00107813 5.68596 1.34372 3.51532 3.51413H20.4847C18.314 1.34372 15.3158 0.00107813 12.004 0Z" fill="#A2001D"></path><path data-v-5a3eda86="" d="M3.51538 20.4858C5.68691 22.657 8.68663 23.9999 12 23.9999C15.3133 23.9999 18.3131 22.657 20.4846 20.4858H3.51538Z" fill="#A2001D"></path><path data-v-5a3eda86="" d="M12 1.3042L12.1943 1.90204H12.8229L12.3144 2.27156L12.5087 2.8694L12 2.49993L11.4915 2.8694L11.6858 2.27156L11.1771 1.90204H11.8057L12 1.3042Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M9.09016 1.3042L9.28446 1.90204H9.91305L9.40451 2.27156L9.5988 2.8694L9.09016 2.49993L8.58166 2.8694L8.77591 2.27156L8.26727 1.90204H8.89587L9.09016 1.3042Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M14.9099 1.3042L15.1042 1.90204H15.7328L15.2242 2.27156L15.4185 2.8694L14.9099 2.49993L14.4013 2.8694L14.5956 2.27156L14.087 1.90204H14.7156L14.9099 1.3042Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M12 21.1304L12.1943 21.7282H12.8229L12.3144 22.0977L12.5087 22.6956L12 22.3261L11.4915 22.6956L11.6858 22.0977L11.1771 21.7282H11.8057L12 21.1304Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M9.09016 21.1304L9.28446 21.7282H9.91305L9.40451 22.0977L9.5988 22.6956L9.09016 22.3261L8.58166 22.6956L8.77591 22.0977L8.26727 21.7282H8.89587L9.09016 21.1304Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M14.9099 21.1304L15.1042 21.7282H15.7328L15.2242 22.0977L15.4185 22.6956L14.9099 22.3261L14.4013 22.6956L14.5956 22.0977L14.087 21.7282H14.7156L14.9099 21.1304Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M3.65639 11.8014C3.96459 12.2884 3.81975 12.933 3.33277 13.2413C2.84583 13.5495 2.2012 13.4047 1.89295 12.9177C1.33491 12.0361 1.65848 10.5962 1.65848 10.5962C1.65848 10.5962 3.0983 10.9198 3.65639 11.8014V11.8014Z" fill="#FFDA44"></path><path data-v-5a3eda86="" d="M3.0537 13.3227C3.34184 13.3227 3.57542 13.0892 3.57542 12.801C3.57542 12.5129 3.34184 12.2793 3.0537 12.2793C2.76556 12.2793 2.53198 12.5129 2.53198 12.801C2.53198 13.0892 2.76556 13.3227 3.0537 13.3227Z" fill="#A2001D"></path></g><defs data-v-5a3eda86=""><clipPath data-v-5a3eda86="" id="clip0_1_2344"><rect data-v-5a3eda86="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5a3eda86="" class="kui-icon flag-gd-icon" data-testid="kui-icon-wrapper-flag-gd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a3eda86="" data-testid="kui-icon-svg-flag-gd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a3eda86="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5a3eda86=""><g clip-path="url(#clip0_1_2344)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z" fill="#A2001D"></path>
+<path d="M12 12.0002L11.2342 11.2344L11.0308 11.5986L12 12.0002Z" fill="#0052B4"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#496E2D"></path>
+<path d="M20.4853 3.51465C25.1716 8.20093 25.1716 15.7989 20.4853 20.4853C18.5488 18.5487 16.6863 16.6862 12 12L20.4853 3.51465Z" fill="#496E2D"></path>
+<path d="M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z" fill="#A2001D"></path>
+<path d="M12 7.82617L12.9355 10.7057H15.9636L13.514 12.4856L14.4495 15.3653L12 13.5856L9.55027 15.3653L10.486 12.4856L8.03644 10.7057H11.0643L12 7.82617Z" fill="#FFDA44"></path>
+<path d="M12.004 0H11.996C8.68413 0.00107813 5.68596 1.34372 3.51532 3.51413H20.4847C18.314 1.34372 15.3158 0.00107813 12.004 0Z" fill="#A2001D"></path>
+<path d="M3.51538 20.4858C5.68691 22.657 8.68663 23.9999 12 23.9999C15.3133 23.9999 18.3131 22.657 20.4846 20.4858H3.51538Z" fill="#A2001D"></path>
+<path d="M12 1.3042L12.1943 1.90204H12.8229L12.3144 2.27156L12.5087 2.8694L12 2.49993L11.4915 2.8694L11.6858 2.27156L11.1771 1.90204H11.8057L12 1.3042Z" fill="#FFDA44"></path>
+<path d="M9.09016 1.3042L9.28446 1.90204H9.91305L9.40451 2.27156L9.5988 2.8694L9.09016 2.49993L8.58166 2.8694L8.77591 2.27156L8.26727 1.90204H8.89587L9.09016 1.3042Z" fill="#FFDA44"></path>
+<path d="M14.9099 1.3042L15.1042 1.90204H15.7328L15.2242 2.27156L15.4185 2.8694L14.9099 2.49993L14.4013 2.8694L14.5956 2.27156L14.087 1.90204H14.7156L14.9099 1.3042Z" fill="#FFDA44"></path>
+<path d="M12 21.1304L12.1943 21.7282H12.8229L12.3144 22.0977L12.5087 22.6956L12 22.3261L11.4915 22.6956L11.6858 22.0977L11.1771 21.7282H11.8057L12 21.1304Z" fill="#FFDA44"></path>
+<path d="M9.09016 21.1304L9.28446 21.7282H9.91305L9.40451 22.0977L9.5988 22.6956L9.09016 22.3261L8.58166 22.6956L8.77591 22.0977L8.26727 21.7282H8.89587L9.09016 21.1304Z" fill="#FFDA44"></path>
+<path d="M14.9099 21.1304L15.1042 21.7282H15.7328L15.2242 22.0977L15.4185 22.6956L14.9099 22.3261L14.4013 22.6956L14.5956 22.0977L14.087 21.7282H14.7156L14.9099 21.1304Z" fill="#FFDA44"></path>
+<path d="M3.65639 11.8014C3.96459 12.2884 3.81975 12.933 3.33277 13.2413C2.84583 13.5495 2.2012 13.4047 1.89295 12.9177C1.33491 12.0361 1.65848 10.5962 1.65848 10.5962C1.65848 10.5962 3.0983 10.9198 3.65639 11.8014V11.8014Z" fill="#FFDA44"></path>
+<path d="M3.0537 13.3227C3.34184 13.3227 3.57542 13.0892 3.57542 12.801C3.57542 12.5129 3.34184 12.2793 3.0537 12.2793C2.76556 12.2793 2.53198 12.5129 2.53198 12.801C2.53198 13.0892 2.76556 13.3227 3.0537 13.3227Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2344">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGeIcon.html b/src/tests/__snapshots__/FlagGeIcon.html
index eb1c71d8..8ef97a1b 100644
--- a/src/tests/__snapshots__/FlagGeIcon.html
+++ b/src/tests/__snapshots__/FlagGeIcon.html
@@ -1 +1,13 @@
-<span data-v-c51f3493="" class="kui-icon flag-ge-icon" data-testid="kui-icon-wrapper-flag-ge-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c51f3493="" data-testid="kui-icon-svg-flag-ge-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c51f3493="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c51f3493="" clip-path="url(#clip0_1_2338)"><path data-v-c51f3493="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-c51f3493="" d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path><path data-v-c51f3493="" d="M7.30434 5.73908V4.17383H5.73914V5.73908H4.17389V7.30428H5.73914V8.86948H7.30434V7.30428H8.86954V5.73908H7.30434Z" fill="#D80027"></path><path data-v-c51f3493="" d="M18.2609 5.73908V4.17383H16.6957V5.73908H15.1305V7.30428H16.6957V8.86948H18.2609V7.30428H19.8261V5.73908H18.2609Z" fill="#D80027"></path><path data-v-c51f3493="" d="M7.30434 16.6956V15.1304H5.73914V16.6956H4.17389V18.2608H5.73914V19.826H7.30434V18.2608H8.86954V16.6956H7.30434Z" fill="#D80027"></path><path data-v-c51f3493="" d="M18.2609 16.6956V15.1304H16.6957V16.6956H15.1305V18.2608H16.6957V19.826H18.2609V18.2608H19.8261V16.6956H18.2609Z" fill="#D80027"></path></g><defs data-v-c51f3493=""><clipPath data-v-c51f3493="" id="clip0_1_2338"><rect data-v-c51f3493="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-c51f3493="" class="kui-icon flag-ge-icon" data-testid="kui-icon-wrapper-flag-ge-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c51f3493="" data-testid="kui-icon-svg-flag-ge-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c51f3493="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c51f3493=""><g clip-path="url(#clip0_1_2338)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path>
+<path d="M7.30434 5.73908V4.17383H5.73914V5.73908H4.17389V7.30428H5.73914V8.86948H7.30434V7.30428H8.86954V5.73908H7.30434Z" fill="#D80027"></path>
+<path d="M18.2609 5.73908V4.17383H16.6957V5.73908H15.1305V7.30428H16.6957V8.86948H18.2609V7.30428H19.8261V5.73908H18.2609Z" fill="#D80027"></path>
+<path d="M7.30434 16.6956V15.1304H5.73914V16.6956H4.17389V18.2608H5.73914V19.826H7.30434V18.2608H8.86954V16.6956H7.30434Z" fill="#D80027"></path>
+<path d="M18.2609 16.6956V15.1304H16.6957V16.6956H15.1305V18.2608H16.6957V19.826H18.2609V18.2608H19.8261V16.6956H18.2609Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2338">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGgIcon.html b/src/tests/__snapshots__/FlagGgIcon.html
index 8e500838..52bd9b76 100644
--- a/src/tests/__snapshots__/FlagGgIcon.html
+++ b/src/tests/__snapshots__/FlagGgIcon.html
@@ -1 +1,10 @@
-<span data-v-a7f3ce5d="" class="kui-icon flag-gg-icon" data-testid="kui-icon-wrapper-flag-gg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7f3ce5d="" data-testid="kui-icon-svg-flag-gg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a7f3ce5d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a7f3ce5d="" clip-path="url(#clip0_1_2347)"><path data-v-a7f3ce5d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-a7f3ce5d="" d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path><path data-v-a7f3ce5d="" d="M15.3913 12.5218L16.1739 13.0435V10.9566L15.3913 11.4783H12.5217V8.60875L13.0435 7.82617H10.9565L11.4783 8.60875V11.4783H8.60869L7.82611 10.9566V13.0435L8.60869 12.5218H11.4783V15.3914L10.9565 16.174H13.0435L12.5217 15.3914V12.5218H15.3913Z" fill="#FFDA44"></path></g><defs data-v-a7f3ce5d=""><clipPath data-v-a7f3ce5d="" id="clip0_1_2347"><rect data-v-a7f3ce5d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a7f3ce5d="" class="kui-icon flag-gg-icon" data-testid="kui-icon-wrapper-flag-gg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7f3ce5d="" data-testid="kui-icon-svg-flag-gg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a7f3ce5d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a7f3ce5d=""><g clip-path="url(#clip0_1_2347)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path>
+<path d="M15.3913 12.5218L16.1739 13.0435V10.9566L15.3913 11.4783H12.5217V8.60875L13.0435 7.82617H10.9565L11.4783 8.60875V11.4783H8.60869L7.82611 10.9566V13.0435L8.60869 12.5218H11.4783V15.3914L10.9565 16.174H13.0435L12.5217 15.3914V12.5218H15.3913Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2347">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGhIcon.html b/src/tests/__snapshots__/FlagGhIcon.html
index 1a701ee2..c4e47257 100644
--- a/src/tests/__snapshots__/FlagGhIcon.html
+++ b/src/tests/__snapshots__/FlagGhIcon.html
@@ -1 +1,11 @@
-<span data-v-6045098d="" class="kui-icon flag-gh-icon" data-testid="kui-icon-wrapper-flag-gh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6045098d="" data-testid="kui-icon-svg-flag-gh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6045098d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6045098d="" clip-path="url(#clip0_1_2340)"><path data-v-6045098d="" d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="#FFDA44"></path><path data-v-6045098d="" d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path><path data-v-6045098d="" d="M23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#496E2D"></path><path data-v-6045098d="" d="M11.9999 7.82617L13.0358 11.0146H16.3887L13.6764 12.9854L14.7123 16.174L11.9999 14.2033L9.28747 16.174L10.3236 12.9854L7.61127 11.0146H10.964L11.9999 7.82617Z" fill="black"></path></g><defs data-v-6045098d=""><clipPath data-v-6045098d="" id="clip0_1_2340"><rect data-v-6045098d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6045098d="" class="kui-icon flag-gh-icon" data-testid="kui-icon-wrapper-flag-gh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6045098d="" data-testid="kui-icon-svg-flag-gh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6045098d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6045098d=""><g clip-path="url(#clip0_1_2340)">
+<path d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="#FFDA44"></path>
+<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
+<path d="M23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#496E2D"></path>
+<path d="M11.9999 7.82617L13.0358 11.0146H16.3887L13.6764 12.9854L14.7123 16.174L11.9999 14.2033L9.28747 16.174L10.3236 12.9854L7.61127 11.0146H10.964L11.9999 7.82617Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2340">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGiIcon.html b/src/tests/__snapshots__/FlagGiIcon.html
index d711ca02..69a7da99 100644
--- a/src/tests/__snapshots__/FlagGiIcon.html
+++ b/src/tests/__snapshots__/FlagGiIcon.html
@@ -1 +1,11 @@
-<span data-v-3e55c693="" class="kui-icon flag-gi-icon" data-testid="kui-icon-wrapper-flag-gi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e55c693="" data-testid="kui-icon-svg-flag-gi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e55c693="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3e55c693="" clip-path="url(#clip0_1_2341)"><path data-v-3e55c693="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F9F9F9"></path><path data-v-3e55c693="" d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path><path data-v-3e55c693="" d="M16.6957 9.9128V8.3476H17.2174V7.30411H16.1739V7.82588H15.1305V7.30411H14.087V8.3476H14.6087V9.9128H13.5652V6.26072H14.087V5.21729H13.0435V5.73891H12.5217V5.21729H11.4783V5.73891H10.9565V5.21729H9.91304V6.26072H10.4348V9.9128H9.39132V8.3476H9.91304V7.30411H8.86955V7.82588H7.82611V7.30411H6.78263V8.3476H7.30435V9.9128H6.26086V14.0867H17.7391V9.9128H16.6957Z" fill="#D80027"></path><path data-v-3e55c693="" d="M12 13.5654C11.1356 13.5654 10.4348 14.2662 10.4348 15.1306C10.4348 15.812 10.8705 16.3916 11.4783 16.6064V18.7829H9.91309V20.8698H12.5218V16.6065C13.1296 16.3916 13.5653 15.8121 13.5653 15.1307C13.5652 14.2663 12.8644 13.5654 12 13.5654V13.5654ZM12 15.6524C11.7119 15.6524 11.4783 15.4188 11.4783 15.1307C11.4783 14.8425 11.7119 14.609 12 14.609C12.2881 14.609 12.5217 14.8425 12.5217 15.1307C12.5217 15.4188 12.2881 15.6524 12 15.6524Z" fill="#FFDA44"></path></g><defs data-v-3e55c693=""><clipPath data-v-3e55c693="" id="clip0_1_2341"><rect data-v-3e55c693="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3e55c693="" class="kui-icon flag-gi-icon" data-testid="kui-icon-wrapper-flag-gi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e55c693="" data-testid="kui-icon-svg-flag-gi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e55c693="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e55c693=""><g clip-path="url(#clip0_1_2341)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F9F9F9"></path>
+<path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
+<path d="M16.6957 9.9128V8.3476H17.2174V7.30411H16.1739V7.82588H15.1305V7.30411H14.087V8.3476H14.6087V9.9128H13.5652V6.26072H14.087V5.21729H13.0435V5.73891H12.5217V5.21729H11.4783V5.73891H10.9565V5.21729H9.91304V6.26072H10.4348V9.9128H9.39132V8.3476H9.91304V7.30411H8.86955V7.82588H7.82611V7.30411H6.78263V8.3476H7.30435V9.9128H6.26086V14.0867H17.7391V9.9128H16.6957Z" fill="#D80027"></path>
+<path d="M12 13.5654C11.1356 13.5654 10.4348 14.2662 10.4348 15.1306C10.4348 15.812 10.8705 16.3916 11.4783 16.6064V18.7829H9.91309V20.8698H12.5218V16.6065C13.1296 16.3916 13.5653 15.8121 13.5653 15.1307C13.5652 14.2663 12.8644 13.5654 12 13.5654V13.5654ZM12 15.6524C11.7119 15.6524 11.4783 15.4188 11.4783 15.1307C11.4783 14.8425 11.7119 14.609 12 14.609C12.2881 14.609 12.5217 14.8425 12.5217 15.1307C12.5217 15.4188 12.2881 15.6524 12 15.6524Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2341">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGlIcon.html b/src/tests/__snapshots__/FlagGlIcon.html
index bb9ebc9c..1bc1f846 100644
--- a/src/tests/__snapshots__/FlagGlIcon.html
+++ b/src/tests/__snapshots__/FlagGlIcon.html
@@ -1 +1,11 @@
-<span data-v-1413a327="" class="kui-icon flag-gl-icon" data-testid="kui-icon-wrapper-flag-gl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1413a327="" data-testid="kui-icon-svg-flag-gl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1413a327="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-1413a327="" clip-path="url(#clip0_1_2343)"><path data-v-1413a327="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#F0F0F0"></path><path data-v-1413a327="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path><path data-v-1413a327="" d="M8.34784 17.739C11.5175 17.739 14.087 15.1695 14.087 11.9999C14.087 8.83024 11.5175 6.26074 8.34784 6.26074C5.1782 6.26074 2.6087 8.83024 2.6087 11.9999C2.6087 15.1695 5.1782 17.739 8.34784 17.739Z" fill="#F0F0F0"></path><path data-v-1413a327="" d="M2.6087 11.9999C2.6087 8.83034 5.1782 6.26074 8.34784 6.26074C11.5175 6.26074 14.087 8.83029 14.087 11.9999" fill="#D80027"></path></g><defs data-v-1413a327=""><clipPath data-v-1413a327="" id="clip0_1_2343"><rect data-v-1413a327="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-1413a327="" class="kui-icon flag-gl-icon" data-testid="kui-icon-wrapper-flag-gl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1413a327="" data-testid="kui-icon-svg-flag-gl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1413a327="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1413a327=""><g clip-path="url(#clip0_1_2343)">
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#F0F0F0"></path>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path>
+<path d="M8.34784 17.739C11.5175 17.739 14.087 15.1695 14.087 11.9999C14.087 8.83024 11.5175 6.26074 8.34784 6.26074C5.1782 6.26074 2.6087 8.83024 2.6087 11.9999C2.6087 15.1695 5.1782 17.739 8.34784 17.739Z" fill="#F0F0F0"></path>
+<path d="M2.6087 11.9999C2.6087 8.83034 5.1782 6.26074 8.34784 6.26074C11.5175 6.26074 14.087 8.83029 14.087 11.9999" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2343">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGmIcon.html b/src/tests/__snapshots__/FlagGmIcon.html
index 1af23b7b..6f4119fc 100644
--- a/src/tests/__snapshots__/FlagGmIcon.html
+++ b/src/tests/__snapshots__/FlagGmIcon.html
@@ -1 +1,11 @@
-<span data-v-a2c5f8cd="" class="kui-icon flag-gm-icon" data-testid="kui-icon-wrapper-flag-gm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a2c5f8cd="" data-testid="kui-icon-svg-flag-gm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a2c5f8cd="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a2c5f8cd="" clip-path="url(#clip0_1_2337)"><path data-v-a2c5f8cd="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-a2c5f8cd="" d="M12 0C7.039 0 2.78144 3.01059 0.953827 7.30434H23.0462C21.2186 3.01059 16.961 0 12 0Z" fill="#A2001D"></path><path data-v-a2c5f8cd="" d="M12 24.0001C16.961 24.0001 21.2186 20.9896 23.0462 16.6958H0.953827C2.78144 20.9896 7.039 24.0001 12 24.0001Z" fill="#496E2D"></path><path data-v-a2c5f8cd="" d="M23.5866 8.86963H0.413391C0.144375 9.86774 0 10.9169 0 12.0001C0 13.0832 0.144375 14.1324 0.413391 15.1305H23.5867C23.8556 14.1324 24 13.0832 24 12.0001C24 10.9169 23.8556 9.86774 23.5866 8.86963V8.86963Z" fill="#0052B4"></path></g><defs data-v-a2c5f8cd=""><clipPath data-v-a2c5f8cd="" id="clip0_1_2337"><rect data-v-a2c5f8cd="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a2c5f8cd="" class="kui-icon flag-gm-icon" data-testid="kui-icon-wrapper-flag-gm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a2c5f8cd="" data-testid="kui-icon-svg-flag-gm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a2c5f8cd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a2c5f8cd=""><g clip-path="url(#clip0_1_2337)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C7.039 0 2.78144 3.01059 0.953827 7.30434H23.0462C21.2186 3.01059 16.961 0 12 0Z" fill="#A2001D"></path>
+<path d="M12 24.0001C16.961 24.0001 21.2186 20.9896 23.0462 16.6958H0.953827C2.78144 20.9896 7.039 24.0001 12 24.0001Z" fill="#496E2D"></path>
+<path d="M23.5866 8.86963H0.413391C0.144375 9.86774 0 10.9169 0 12.0001C0 13.0832 0.144375 14.1324 0.413391 15.1305H23.5867C23.8556 14.1324 24 13.0832 24 12.0001C24 10.9169 23.8556 9.86774 23.5866 8.86963V8.86963Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2337">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGnIcon.html b/src/tests/__snapshots__/FlagGnIcon.html
index 1f8e86c5..e4fd0e56 100644
--- a/src/tests/__snapshots__/FlagGnIcon.html
+++ b/src/tests/__snapshots__/FlagGnIcon.html
@@ -1 +1,10 @@
-<span data-v-f84306c0="" class="kui-icon flag-gn-icon" data-testid="kui-icon-wrapper-flag-gn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f84306c0="" data-testid="kui-icon-svg-flag-gn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f84306c0="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f84306c0="" clip-path="url(#clip0_1_2348)"><path data-v-f84306c0="" d="M16.174 0.746437C14.874 0.264047 13.4679 0 12 0C10.5322 0 9.12615 0.264047 7.82621 0.746344L7.30444 12L7.82616 23.2537C9.12615 23.736 10.5322 24 12 24C13.4679 24 14.874 23.736 16.174 23.2536L16.6958 12L16.174 0.746437Z" fill="#FFDA44"></path><path data-v-f84306c0="" d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.44214 0 6.84061 0 12.0002Z" fill="#D80027"></path><path data-v-f84306c0="" d="M24 12.0002C24 6.84061 20.7435 2.44214 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002Z" fill="#6DA544"></path></g><defs data-v-f84306c0=""><clipPath data-v-f84306c0="" id="clip0_1_2348"><rect data-v-f84306c0="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f84306c0="" class="kui-icon flag-gn-icon" data-testid="kui-icon-wrapper-flag-gn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f84306c0="" data-testid="kui-icon-svg-flag-gn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f84306c0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f84306c0=""><g clip-path="url(#clip0_1_2348)">
+<path d="M16.174 0.746437C14.874 0.264047 13.4679 0 12 0C10.5322 0 9.12615 0.264047 7.82621 0.746344L7.30444 12L7.82616 23.2537C9.12615 23.736 10.5322 24 12 24C13.4679 24 14.874 23.736 16.174 23.2536L16.6958 12L16.174 0.746437Z" fill="#FFDA44"></path>
+<path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.44214 0 6.84061 0 12.0002Z" fill="#D80027"></path>
+<path d="M24 12.0002C24 6.84061 20.7435 2.44214 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2348">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGqIcon.html b/src/tests/__snapshots__/FlagGqIcon.html
index e7f1eba6..1c040432 100644
--- a/src/tests/__snapshots__/FlagGqIcon.html
+++ b/src/tests/__snapshots__/FlagGqIcon.html
@@ -1 +1,14 @@
-<span data-v-c125e70d="" class="kui-icon flag-gq-icon" data-testid="kui-icon-wrapper-flag-gq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c125e70d="" data-testid="kui-icon-svg-flag-gq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c125e70d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c125e70d="" clip-path="url(#clip0_1_2323)"><path data-v-c125e70d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-c125e70d="" d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path><path data-v-c125e70d="" d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#D80027"></path><path data-v-c125e70d="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#0052B4"></path><path data-v-c125e70d="" d="M14.087 9.91309V12.5218C14.087 14.1193 16.1739 14.6088 16.1739 14.6088C16.1739 14.6088 18.2609 14.1193 18.2609 12.5218V9.91309H14.087Z" fill="#DEDDE0"></path><path data-v-c125e70d="" d="M15.6522 12.0522H16.6956V13.5653H15.6522V12.0522Z" fill="#786145"></path><path data-v-c125e70d="" d="M17.2174 11.4781C17.2174 10.9017 16.7502 10.4346 16.1739 10.4346C15.5976 10.4346 15.1304 10.9017 15.1304 11.4781C14.8423 11.4781 14.6087 11.7116 14.6087 11.9998C14.6087 12.2879 14.8423 12.5215 15.1304 12.5215H17.2174C17.5055 12.5215 17.7391 12.2879 17.7391 11.9998C17.7391 11.7116 17.5056 11.4781 17.2174 11.4781V11.4781Z" fill="#6DA544"></path></g><defs data-v-c125e70d=""><clipPath data-v-c125e70d="" id="clip0_1_2323"><rect data-v-c125e70d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-c125e70d="" class="kui-icon flag-gq-icon" data-testid="kui-icon-wrapper-flag-gq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c125e70d="" data-testid="kui-icon-svg-flag-gq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c125e70d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c125e70d=""><g clip-path="url(#clip0_1_2323)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path>
+<path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#D80027"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#0052B4"></path>
+<path d="M14.087 9.91309V12.5218C14.087 14.1193 16.1739 14.6088 16.1739 14.6088C16.1739 14.6088 18.2609 14.1193 18.2609 12.5218V9.91309H14.087Z" fill="#DEDDE0"></path>
+<path d="M15.6522 12.0522H16.6956V13.5653H15.6522V12.0522Z" fill="#786145"></path>
+<path d="M17.2174 11.4781C17.2174 10.9017 16.7502 10.4346 16.1739 10.4346C15.5976 10.4346 15.1304 10.9017 15.1304 11.4781C14.8423 11.4781 14.6087 11.7116 14.6087 11.9998C14.6087 12.2879 14.8423 12.5215 15.1304 12.5215H17.2174C17.5055 12.5215 17.7391 12.2879 17.7391 11.9998C17.7391 11.7116 17.5056 11.4781 17.2174 11.4781V11.4781Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2323">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGrIcon.html b/src/tests/__snapshots__/FlagGrIcon.html
index de633420..78105d26 100644
--- a/src/tests/__snapshots__/FlagGrIcon.html
+++ b/src/tests/__snapshots__/FlagGrIcon.html
@@ -1 +1,13 @@
-<span data-v-abd82765="" class="kui-icon flag-gr-icon" data-testid="kui-icon-wrapper-flag-gr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abd82765="" data-testid="kui-icon-svg-flag-gr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abd82765="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-abd82765="" clip-path="url(#clip0_1_2342)"><path data-v-abd82765="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-abd82765="" d="M12 8.86971H23.5866C23.2857 7.75343 22.8284 6.70151 22.2387 5.73926H12V8.86971Z" fill="#338AF3"></path><path data-v-abd82765="" d="M4.53015 21.3912H19.4698C20.565 20.5189 21.5042 19.4595 22.2387 18.2607H1.76129C2.49587 19.4594 3.43506 20.5189 4.53015 21.3912V21.3912Z" fill="#338AF3"></path><path data-v-abd82765="" d="M4.1739 2.90332C3.23049 3.71571 2.41492 4.67238 1.76129 5.73907H4.1739V2.90332Z" fill="#338AF3"></path><path data-v-abd82765="" d="M12 12.0001C12 10.7778 12 9.75482 12 8.86963H7.30434V12.0001H4.17389V8.86963H0.413391C0.144375 9.86779 0 10.9169 0 12.0001C0 13.0832 0.144375 14.1324 0.413391 15.1305H23.5867C23.8556 14.1324 24 13.0832 24 12.0001H12Z" fill="#338AF3"></path><path data-v-abd82765="" d="M12 0C10.3336 0 8.74667 0.339984 7.30432 0.953812V5.73914H12C12 4.64639 12 3.717 12 2.60869H19.4698C17.4199 0.976125 14.8241 0 12 0V0Z" fill="#338AF3"></path></g><defs data-v-abd82765=""><clipPath data-v-abd82765="" id="clip0_1_2342"><rect data-v-abd82765="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-abd82765="" class="kui-icon flag-gr-icon" data-testid="kui-icon-wrapper-flag-gr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abd82765="" data-testid="kui-icon-svg-flag-gr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abd82765="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-abd82765=""><g clip-path="url(#clip0_1_2342)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 8.86971H23.5866C23.2857 7.75343 22.8284 6.70151 22.2387 5.73926H12V8.86971Z" fill="#338AF3"></path>
+<path d="M4.53015 21.3912H19.4698C20.565 20.5189 21.5042 19.4595 22.2387 18.2607H1.76129C2.49587 19.4594 3.43506 20.5189 4.53015 21.3912V21.3912Z" fill="#338AF3"></path>
+<path d="M4.1739 2.90332C3.23049 3.71571 2.41492 4.67238 1.76129 5.73907H4.1739V2.90332Z" fill="#338AF3"></path>
+<path d="M12 12.0001C12 10.7778 12 9.75482 12 8.86963H7.30434V12.0001H4.17389V8.86963H0.413391C0.144375 9.86779 0 10.9169 0 12.0001C0 13.0832 0.144375 14.1324 0.413391 15.1305H23.5867C23.8556 14.1324 24 13.0832 24 12.0001H12Z" fill="#338AF3"></path>
+<path d="M12 0C10.3336 0 8.74667 0.339984 7.30432 0.953812V5.73914H12C12 4.64639 12 3.717 12 2.60869H19.4698C17.4199 0.976125 14.8241 0 12 0V0Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2342">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGtIcon.html b/src/tests/__snapshots__/FlagGtIcon.html
index 33551859..0d6a1868 100644
--- a/src/tests/__snapshots__/FlagGtIcon.html
+++ b/src/tests/__snapshots__/FlagGtIcon.html
@@ -1 +1,12 @@
-<span data-v-9b20ee1d="" class="kui-icon flag-gt-icon" data-testid="kui-icon-wrapper-flag-gt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9b20ee1d="" data-testid="kui-icon-svg-flag-gt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9b20ee1d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9b20ee1d="" clip-path="url(#clip0_1_2346)"><path data-v-9b20ee1d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-9b20ee1d="" d="M24 12.0002C24 7.24267 21.2313 3.13192 17.2173 1.19092V22.8094C21.2313 20.8685 24 16.7577 24 12.0002V12.0002Z" fill="#338AF3"></path><path data-v-9b20ee1d="" d="M0 12.0002C0 16.7577 2.76867 20.8685 6.78262 22.8095V1.19092C2.76867 3.13192 0 7.24267 0 12.0002Z" fill="#338AF3"></path><path data-v-9b20ee1d="" d="M15.1359 14.0292L13.1068 12.0002L15.0382 10.0687L14.9507 9.04864L14.3978 8.49561L12 10.8934L9.60228 8.49561L9.04934 9.04864L8.96182 10.0687L10.8932 12.0002L8.86414 14.0292L9.97095 15.136L12 13.107L14.0291 15.136L15.1359 14.0292Z" fill="#ACABB1"></path><path data-v-9b20ee1d="" d="M14.9514 9.04883L13.8446 10.1556C14.3167 10.6277 14.6087 11.2798 14.6087 12.0002C14.6087 13.441 13.4408 14.6089 12 14.6089C10.5593 14.6089 9.39131 13.441 9.39131 12.0002C9.39131 11.2798 9.68335 10.6277 10.1554 10.1556L9.04866 9.04883C8.29327 9.80408 7.82611 10.8476 7.82611 12.0002C7.82611 14.3054 9.69483 16.1741 12 16.1741C14.3052 16.1741 16.1739 14.3054 16.1739 12.0002C16.1739 10.8476 15.7067 9.80413 14.9514 9.04883V9.04883Z" fill="#6DA544"></path></g><defs data-v-9b20ee1d=""><clipPath data-v-9b20ee1d="" id="clip0_1_2346"><rect data-v-9b20ee1d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9b20ee1d="" class="kui-icon flag-gt-icon" data-testid="kui-icon-wrapper-flag-gt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9b20ee1d="" data-testid="kui-icon-svg-flag-gt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9b20ee1d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9b20ee1d=""><g clip-path="url(#clip0_1_2346)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24 12.0002C24 7.24267 21.2313 3.13192 17.2173 1.19092V22.8094C21.2313 20.8685 24 16.7577 24 12.0002V12.0002Z" fill="#338AF3"></path>
+<path d="M0 12.0002C0 16.7577 2.76867 20.8685 6.78262 22.8095V1.19092C2.76867 3.13192 0 7.24267 0 12.0002Z" fill="#338AF3"></path>
+<path d="M15.1359 14.0292L13.1068 12.0002L15.0382 10.0687L14.9507 9.04864L14.3978 8.49561L12 10.8934L9.60228 8.49561L9.04934 9.04864L8.96182 10.0687L10.8932 12.0002L8.86414 14.0292L9.97095 15.136L12 13.107L14.0291 15.136L15.1359 14.0292Z" fill="#ACABB1"></path>
+<path d="M14.9514 9.04883L13.8446 10.1556C14.3167 10.6277 14.6087 11.2798 14.6087 12.0002C14.6087 13.441 13.4408 14.6089 12 14.6089C10.5593 14.6089 9.39131 13.441 9.39131 12.0002C9.39131 11.2798 9.68335 10.6277 10.1554 10.1556L9.04866 9.04883C8.29327 9.80408 7.82611 10.8476 7.82611 12.0002C7.82611 14.3054 9.69483 16.1741 12 16.1741C14.3052 16.1741 16.1739 14.3054 16.1739 12.0002C16.1739 10.8476 15.7067 9.80413 14.9514 9.04883V9.04883Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2346">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGuIcon.html b/src/tests/__snapshots__/FlagGuIcon.html
index dabde94c..1cad8d56 100644
--- a/src/tests/__snapshots__/FlagGuIcon.html
+++ b/src/tests/__snapshots__/FlagGuIcon.html
@@ -1 +1,16 @@
-<span data-v-5f231cbd="" class="kui-icon flag-gu-icon" data-testid="kui-icon-wrapper-flag-gu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5f231cbd="" data-testid="kui-icon-svg-flag-gu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5f231cbd="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5f231cbd="" clip-path="url(#clip0_1_2345)"><path data-v-5f231cbd="" d="M5.23657 21.9131C7.16238 23.2296 9.49113 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7635 21.9131L12 20.8696L5.23657 21.9131Z" fill="#D80027"></path><path data-v-5f231cbd="" d="M18.7635 2.08697C16.8376 0.770484 14.5089 0 12 0C9.49113 0 7.16238 0.770484 5.23657 2.08697L12 3.13045L18.7635 2.08697Z" fill="#D80027"></path><path data-v-5f231cbd="" d="M24 11.9999C24 8.02916 21.6227 4.04151 18.7635 2.08691H5.23655C2.07516 4.24804 0 7.88151 0 11.9999C0 16.1185 2.07516 19.7518 5.23655 21.913H18.7635C21.9249 19.7518 24 16.1185 24 11.9999Z" fill="#0052B4"></path><path data-v-5f231cbd="" d="M11.3209 19.5751C11.1569 19.4344 7.30432 16.0853 7.30432 12.0002C7.30432 7.91511 11.1569 4.56593 11.3209 4.42536L12 3.84326L12.6791 4.42531C12.843 4.56593 16.6956 7.91506 16.6956 12.0002C16.6956 16.0854 12.8431 19.4345 12.6791 19.5751L12 20.1572L11.3209 19.5751Z" fill="#D80027"></path><path data-v-5f231cbd="" d="M15.6522 11.9999C15.6522 8.34774 12 5.21729 12 5.21729C12 5.21729 8.34784 8.34783 8.34784 11.9999C8.34784 13.1172 8.68989 14.1854 9.16435 15.1304H14.8357C15.3101 14.1854 15.6522 13.1172 15.6522 11.9999Z" fill="#338AF3"></path><path data-v-5f231cbd="" d="M15.6522 12C15.6522 13.1173 15.3101 14.1855 14.8357 15.1305L12 15.6522L9.16435 15.1305C8.68989 14.1855 8.34784 13.1173 8.34784 12H15.6522Z" fill="#0052B4"></path><path data-v-5f231cbd="" d="M12 18.7825C12 18.7825 13.7591 17.2742 14.8357 15.1304H9.16437C10.2409 17.2742 12 18.7825 12 18.7825Z" fill="#FFDA44"></path><path data-v-5f231cbd="" d="M9.65216 9.91309H14.3478L12 12.2609L9.65216 9.91309Z" fill="#6DA544"></path><path data-v-5f231cbd="" d="M11.2173 11.4785H12.7825V16.1742H11.2173V11.4785Z" fill="#A2001D"></path></g><defs data-v-5f231cbd=""><clipPath data-v-5f231cbd="" id="clip0_1_2345"><rect data-v-5f231cbd="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5f231cbd="" class="kui-icon flag-gu-icon" data-testid="kui-icon-wrapper-flag-gu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5f231cbd="" data-testid="kui-icon-svg-flag-gu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5f231cbd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5f231cbd=""><g clip-path="url(#clip0_1_2345)">
+<path d="M5.23657 21.9131C7.16238 23.2296 9.49113 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7635 21.9131L12 20.8696L5.23657 21.9131Z" fill="#D80027"></path>
+<path d="M18.7635 2.08697C16.8376 0.770484 14.5089 0 12 0C9.49113 0 7.16238 0.770484 5.23657 2.08697L12 3.13045L18.7635 2.08697Z" fill="#D80027"></path>
+<path d="M24 11.9999C24 8.02916 21.6227 4.04151 18.7635 2.08691H5.23655C2.07516 4.24804 0 7.88151 0 11.9999C0 16.1185 2.07516 19.7518 5.23655 21.913H18.7635C21.9249 19.7518 24 16.1185 24 11.9999Z" fill="#0052B4"></path>
+<path d="M11.3209 19.5751C11.1569 19.4344 7.30432 16.0853 7.30432 12.0002C7.30432 7.91511 11.1569 4.56593 11.3209 4.42536L12 3.84326L12.6791 4.42531C12.843 4.56593 16.6956 7.91506 16.6956 12.0002C16.6956 16.0854 12.8431 19.4345 12.6791 19.5751L12 20.1572L11.3209 19.5751Z" fill="#D80027"></path>
+<path d="M15.6522 11.9999C15.6522 8.34774 12 5.21729 12 5.21729C12 5.21729 8.34784 8.34783 8.34784 11.9999C8.34784 13.1172 8.68989 14.1854 9.16435 15.1304H14.8357C15.3101 14.1854 15.6522 13.1172 15.6522 11.9999Z" fill="#338AF3"></path>
+<path d="M15.6522 12C15.6522 13.1173 15.3101 14.1855 14.8357 15.1305L12 15.6522L9.16435 15.1305C8.68989 14.1855 8.34784 13.1173 8.34784 12H15.6522Z" fill="#0052B4"></path>
+<path d="M12 18.7825C12 18.7825 13.7591 17.2742 14.8357 15.1304H9.16437C10.2409 17.2742 12 18.7825 12 18.7825Z" fill="#FFDA44"></path>
+<path d="M9.65216 9.91309H14.3478L12 12.2609L9.65216 9.91309Z" fill="#6DA544"></path>
+<path d="M11.2173 11.4785H12.7825V16.1742H11.2173V11.4785Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2345">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGwIcon.html b/src/tests/__snapshots__/FlagGwIcon.html
index b377ed40..ccfbad02 100644
--- a/src/tests/__snapshots__/FlagGwIcon.html
+++ b/src/tests/__snapshots__/FlagGwIcon.html
@@ -1 +1,12 @@
-<span data-v-3bbd9bc9="" class="kui-icon flag-gw-icon" data-testid="kui-icon-wrapper-flag-gw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3bbd9bc9="" data-testid="kui-icon-svg-flag-gw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3bbd9bc9="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3bbd9bc9="" clip-path="url(#clip0_1_2349)"><path data-v-3bbd9bc9="" d="M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path><path data-v-3bbd9bc9="" d="M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z" fill="#6DA544"></path><path data-v-3bbd9bc9="" d="M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z" fill="#D80027"></path><path data-v-3bbd9bc9="" d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#D80027"></path><path data-v-3bbd9bc9="" d="M4.5345 8.86963L5.31145 11.261H7.82611L5.79182 12.7391L6.56873 15.1305L4.5345 13.6525L2.50017 15.1305L3.27726 12.7391L1.24298 11.261H3.7575L4.5345 8.86963Z" fill="black"></path></g><defs data-v-3bbd9bc9=""><clipPath data-v-3bbd9bc9="" id="clip0_1_2349"><rect data-v-3bbd9bc9="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3bbd9bc9="" class="kui-icon flag-gw-icon" data-testid="kui-icon-wrapper-flag-gw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3bbd9bc9="" data-testid="kui-icon-svg-flag-gw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3bbd9bc9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3bbd9bc9=""><g clip-path="url(#clip0_1_2349)">
+<path d="M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path>
+<path d="M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z" fill="#6DA544"></path>
+<path d="M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z" fill="#D80027"></path>
+<path d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#D80027"></path>
+<path d="M4.5345 8.86963L5.31145 11.261H7.82611L5.79182 12.7391L6.56873 15.1305L4.5345 13.6525L2.50017 15.1305L3.27726 12.7391L1.24298 11.261H3.7575L4.5345 8.86963Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2349">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGyIcon.html b/src/tests/__snapshots__/FlagGyIcon.html
index 64186b55..8fb8a50e 100644
--- a/src/tests/__snapshots__/FlagGyIcon.html
+++ b/src/tests/__snapshots__/FlagGyIcon.html
@@ -1 +1,13 @@
-<span data-v-23ae34d3="" class="kui-icon flag-gy-icon" data-testid="kui-icon-wrapper-flag-gy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-23ae34d3="" data-testid="kui-icon-svg-flag-gy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-23ae34d3="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-23ae34d3="" clip-path="url(#clip0_1_2350)"><path data-v-23ae34d3="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-23ae34d3="" d="M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#6DA544"></path><path data-v-23ae34d3="" d="M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z" fill="#F0F0F0"></path><path data-v-23ae34d3="" d="M5.17831 2.12744C4.81235 2.38085 4.46088 2.65352 4.12596 2.94494L12 12.0002L4.12592 21.0554C4.46084 21.3468 4.81231 21.6195 5.17826 21.8729L21.9459 12.0002L5.17831 2.12744Z" fill="#FFDA44"></path><path data-v-23ae34d3="" d="M4.2851 2.80957C4.01833 3.03373 3.7609 3.26871 3.51471 3.51485L10.9565 12.0002L3.51471 20.4855C3.7609 20.7317 4.01829 20.9667 4.2851 21.1908L13.4757 12.0002L4.2851 2.80957Z" fill="black"></path><path data-v-23ae34d3="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#D80027"></path></g><defs data-v-23ae34d3=""><clipPath data-v-23ae34d3="" id="clip0_1_2350"><rect data-v-23ae34d3="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-23ae34d3="" class="kui-icon flag-gy-icon" data-testid="kui-icon-wrapper-flag-gy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-23ae34d3="" data-testid="kui-icon-svg-flag-gy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-23ae34d3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-23ae34d3=""><g clip-path="url(#clip0_1_2350)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#6DA544"></path>
+<path d="M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z" fill="#F0F0F0"></path>
+<path d="M5.17831 2.12744C4.81235 2.38085 4.46088 2.65352 4.12596 2.94494L12 12.0002L4.12592 21.0554C4.46084 21.3468 4.81231 21.6195 5.17826 21.8729L21.9459 12.0002L5.17831 2.12744Z" fill="#FFDA44"></path>
+<path d="M4.2851 2.80957C4.01833 3.03373 3.7609 3.26871 3.51471 3.51485L10.9565 12.0002L3.51471 20.4855C3.7609 20.7317 4.01829 20.9667 4.2851 21.1908L13.4757 12.0002L4.2851 2.80957Z" fill="black"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2350">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHkIcon.html b/src/tests/__snapshots__/FlagHkIcon.html
index bd1e0152..2da6bed6 100644
--- a/src/tests/__snapshots__/FlagHkIcon.html
+++ b/src/tests/__snapshots__/FlagHkIcon.html
@@ -1 +1,13 @@
-<span data-v-35e23519="" class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35e23519="" data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35e23519="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-35e23519="" clip-path="url(#clip0_1415_3092)"><path data-v-35e23519="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-35e23519="" d="M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z" fill="#F0F0F0"></path><path data-v-35e23519="" d="M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z" fill="#F0F0F0"></path></g><defs data-v-35e23519=""><clipPath data-v-35e23519="" id="clip0_1415_3092"><rect data-v-35e23519="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-35e23519="" class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35e23519="" data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35e23519="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-35e23519=""><g clip-path="url(#clip0_1415_3092)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z" fill="#F0F0F0"></path>
+<path d="M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z" fill="#F0F0F0"></path>
+<path d="M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z" fill="#F0F0F0"></path>
+<path d="M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z" fill="#F0F0F0"></path>
+<path d="M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_3092">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHnIcon.html b/src/tests/__snapshots__/FlagHnIcon.html
index d8ad409c..9e39198e 100644
--- a/src/tests/__snapshots__/FlagHnIcon.html
+++ b/src/tests/__snapshots__/FlagHnIcon.html
@@ -1 +1,15 @@
-<span data-v-b87d2825="" class="kui-icon flag-hn-icon" data-testid="kui-icon-wrapper-flag-hn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b87d2825="" data-testid="kui-icon-svg-flag-hn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b87d2825="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b87d2825="" clip-path="url(#clip0_1_2354)"><path data-v-b87d2825="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-b87d2825="" d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999Z" fill="#338AF3"></path><path data-v-b87d2825="" d="M12 0C7.24247 0 3.13172 2.76867 1.19072 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path><path data-v-b87d2825="" d="M7.38492 7.82617L7.77342 9.02191H9.03066L8.01357 9.76084L8.40211 10.9566L7.38492 10.2176L6.36774 10.9566L6.75628 9.76084L5.73914 9.02191H6.99638L7.38492 7.82617Z" fill="#338AF3"></path><path data-v-b87d2825="" d="M7.38492 13.0435L7.77342 14.2392H9.03066L8.01357 14.9782L8.40211 16.1739L7.38492 15.4349L6.36774 16.1739L6.75628 14.9782L5.73914 14.2392H6.99638L7.38492 13.0435Z" fill="#338AF3"></path><path data-v-b87d2825="" d="M16.6151 7.82617L17.0036 9.02191H18.2609L17.2437 9.76084L17.6323 10.9566L16.6151 10.2176L15.5979 10.9566L15.9864 9.76084L14.9693 9.02191H16.2266L16.6151 7.82617Z" fill="#338AF3"></path><path data-v-b87d2825="" d="M16.6151 13.0435L17.0036 14.2392H18.2609L17.2437 14.9782L17.6323 16.1739L16.6151 15.4349L15.5979 16.1739L15.9864 14.9782L14.9693 14.2392H16.2266L16.6151 13.0435Z" fill="#338AF3"></path><path data-v-b87d2825="" d="M12 10.4346L12.3885 11.6304H13.6458L12.6286 12.3693L13.0172 13.565L12 12.826L10.9828 13.565L11.3714 12.3693L10.3542 11.6304H11.6115L12 10.4346Z" fill="#338AF3"></path></g><defs data-v-b87d2825=""><clipPath data-v-b87d2825="" id="clip0_1_2354"><rect data-v-b87d2825="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b87d2825="" class="kui-icon flag-hn-icon" data-testid="kui-icon-wrapper-flag-hn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b87d2825="" data-testid="kui-icon-svg-flag-hn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b87d2825="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b87d2825=""><g clip-path="url(#clip0_1_2354)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999Z" fill="#338AF3"></path>
+<path d="M12 0C7.24247 0 3.13172 2.76867 1.19072 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path>
+<path d="M7.38492 7.82617L7.77342 9.02191H9.03066L8.01357 9.76084L8.40211 10.9566L7.38492 10.2176L6.36774 10.9566L6.75628 9.76084L5.73914 9.02191H6.99638L7.38492 7.82617Z" fill="#338AF3"></path>
+<path d="M7.38492 13.0435L7.77342 14.2392H9.03066L8.01357 14.9782L8.40211 16.1739L7.38492 15.4349L6.36774 16.1739L6.75628 14.9782L5.73914 14.2392H6.99638L7.38492 13.0435Z" fill="#338AF3"></path>
+<path d="M16.6151 7.82617L17.0036 9.02191H18.2609L17.2437 9.76084L17.6323 10.9566L16.6151 10.2176L15.5979 10.9566L15.9864 9.76084L14.9693 9.02191H16.2266L16.6151 7.82617Z" fill="#338AF3"></path>
+<path d="M16.6151 13.0435L17.0036 14.2392H18.2609L17.2437 14.9782L17.6323 16.1739L16.6151 15.4349L15.5979 16.1739L15.9864 14.9782L14.9693 14.2392H16.2266L16.6151 13.0435Z" fill="#338AF3"></path>
+<path d="M12 10.4346L12.3885 11.6304H13.6458L12.6286 12.3693L13.0172 13.565L12 12.826L10.9828 13.565L11.3714 12.3693L10.3542 11.6304H11.6115L12 10.4346Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2354">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHrIcon.html b/src/tests/__snapshots__/FlagHrIcon.html
index 405a4ded..63d52680 100644
--- a/src/tests/__snapshots__/FlagHrIcon.html
+++ b/src/tests/__snapshots__/FlagHrIcon.html
@@ -1 +1,29 @@
-<span data-v-ffc00981="" class="kui-icon flag-hr-icon" data-testid="kui-icon-wrapper-flag-hr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ffc00981="" data-testid="kui-icon-svg-flag-hr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ffc00981="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ffc00981="" clip-path="url(#clip0_1_2308)"><path data-v-ffc00981="" d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#F0F0F0"></path><path data-v-ffc00981="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999Z" fill="#0052B4"></path><path data-v-ffc00981="" d="M0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611V7.82611Z" fill="#D80027"></path><path data-v-ffc00981="" d="M15.1305 8.34802H13.0435L13.3913 5.73928L14.7826 4.6958L16.1739 5.73928V7.82625L15.1305 8.34802Z" fill="#338AF3"></path><path data-v-ffc00981="" d="M8.86955 8.34802H10.9565L10.6087 5.73928L9.21736 4.6958L7.82611 5.73928V7.82625L8.86955 8.34802Z" fill="#338AF3"></path><path data-v-ffc00981="" d="M13.3913 8.34802H10.6087V5.73928L12 4.6958L13.3913 5.73928V8.34802Z" fill="#0052B4"></path><path data-v-ffc00981="" d="M7.82611 7.82617V13.5653C7.82611 14.9318 8.4862 16.1471 9.50433 16.909L10.2348 16.7262L11.1565 17.6535C11.4291 17.7096 11.7112 17.7392 12 17.7392C12.2874 17.7392 12.568 17.71 12.8392 17.6544L13.8914 16.7783L14.4957 16.9073C15.5134 16.1455 16.1739 14.9314 16.1739 13.5653V7.82617H7.82611Z" fill="#F0F0F0"></path><path data-v-ffc00981="" d="M7.82611 7.82617H9.49566V9.49572H7.82611V7.82617Z" fill="#D80027"></path><path data-v-ffc00981="" d="M11.1652 7.82617H12.8348V9.49572H11.1652V7.82617Z" fill="#D80027"></path><path data-v-ffc00981="" d="M14.5043 7.82617H16.1739V9.49572H14.5043V7.82617Z" fill="#D80027"></path><path data-v-ffc00981="" d="M9.49565 9.49561H11.1652V11.1652H9.49565V9.49561Z" fill="#D80027"></path><path data-v-ffc00981="" d="M12.8348 9.49561H14.5043V11.1652H12.8348V9.49561Z" fill="#D80027"></path><path data-v-ffc00981="" d="M7.82611 11.1646H9.49566V12.8341H7.82611V11.1646Z" fill="#D80027"></path><path data-v-ffc00981="" d="M9.49565 12.8345H11.1652V14.504H9.49565V12.8345Z" fill="#D80027"></path><path data-v-ffc00981="" d="M11.1652 11.1646H12.8348V12.8341H11.1652V11.1646Z" fill="#D80027"></path><path data-v-ffc00981="" d="M14.5043 11.1646H16.1739V12.8341H14.5043V11.1646Z" fill="#D80027"></path><path data-v-ffc00981="" d="M12.8348 12.8345H14.5043V14.504H12.8348V12.8345Z" fill="#D80027"></path><path data-v-ffc00981="" d="M11.1652 14.5039H12.8348V16.1735H11.1652V14.5039Z" fill="#D80027"></path><path data-v-ffc00981="" d="M9.49565 14.5039H7.93382C8.07707 15.1245 8.3587 15.6924 8.74485 16.1735H9.49565V14.5039Z" fill="#D80027"></path><path data-v-ffc00981="" d="M14.5043 16.1735H15.2551C15.6413 15.6924 15.9229 15.1245 16.0661 14.5039H14.5043V16.1735Z" fill="#D80027"></path><path data-v-ffc00981="" d="M9.49565 16.1738V16.9023C9.98123 17.2677 10.5487 17.5297 11.1652 17.6554V16.1738H9.49565Z" fill="#D80027"></path><path data-v-ffc00981="" d="M12.8348 16.1738V17.6554C13.4513 17.5298 14.0188 17.2677 14.5043 16.9023V16.1738H12.8348Z" fill="#D80027"></path></g><defs data-v-ffc00981=""><clipPath data-v-ffc00981="" id="clip0_1_2308"><rect data-v-ffc00981="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ffc00981="" class="kui-icon flag-hr-icon" data-testid="kui-icon-wrapper-flag-hr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ffc00981="" data-testid="kui-icon-svg-flag-hr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ffc00981="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ffc00981=""><g clip-path="url(#clip0_1_2308)">
+<path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999Z" fill="#0052B4"></path>
+<path d="M0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611V7.82611Z" fill="#D80027"></path>
+<path d="M15.1305 8.34802H13.0435L13.3913 5.73928L14.7826 4.6958L16.1739 5.73928V7.82625L15.1305 8.34802Z" fill="#338AF3"></path>
+<path d="M8.86955 8.34802H10.9565L10.6087 5.73928L9.21736 4.6958L7.82611 5.73928V7.82625L8.86955 8.34802Z" fill="#338AF3"></path>
+<path d="M13.3913 8.34802H10.6087V5.73928L12 4.6958L13.3913 5.73928V8.34802Z" fill="#0052B4"></path>
+<path d="M7.82611 7.82617V13.5653C7.82611 14.9318 8.4862 16.1471 9.50433 16.909L10.2348 16.7262L11.1565 17.6535C11.4291 17.7096 11.7112 17.7392 12 17.7392C12.2874 17.7392 12.568 17.71 12.8392 17.6544L13.8914 16.7783L14.4957 16.9073C15.5134 16.1455 16.1739 14.9314 16.1739 13.5653V7.82617H7.82611Z" fill="#F0F0F0"></path>
+<path d="M7.82611 7.82617H9.49566V9.49572H7.82611V7.82617Z" fill="#D80027"></path>
+<path d="M11.1652 7.82617H12.8348V9.49572H11.1652V7.82617Z" fill="#D80027"></path>
+<path d="M14.5043 7.82617H16.1739V9.49572H14.5043V7.82617Z" fill="#D80027"></path>
+<path d="M9.49565 9.49561H11.1652V11.1652H9.49565V9.49561Z" fill="#D80027"></path>
+<path d="M12.8348 9.49561H14.5043V11.1652H12.8348V9.49561Z" fill="#D80027"></path>
+<path d="M7.82611 11.1646H9.49566V12.8341H7.82611V11.1646Z" fill="#D80027"></path>
+<path d="M9.49565 12.8345H11.1652V14.504H9.49565V12.8345Z" fill="#D80027"></path>
+<path d="M11.1652 11.1646H12.8348V12.8341H11.1652V11.1646Z" fill="#D80027"></path>
+<path d="M14.5043 11.1646H16.1739V12.8341H14.5043V11.1646Z" fill="#D80027"></path>
+<path d="M12.8348 12.8345H14.5043V14.504H12.8348V12.8345Z" fill="#D80027"></path>
+<path d="M11.1652 14.5039H12.8348V16.1735H11.1652V14.5039Z" fill="#D80027"></path>
+<path d="M9.49565 14.5039H7.93382C8.07707 15.1245 8.3587 15.6924 8.74485 16.1735H9.49565V14.5039Z" fill="#D80027"></path>
+<path d="M14.5043 16.1735H15.2551C15.6413 15.6924 15.9229 15.1245 16.0661 14.5039H14.5043V16.1735Z" fill="#D80027"></path>
+<path d="M9.49565 16.1738V16.9023C9.98123 17.2677 10.5487 17.5297 11.1652 17.6554V16.1738H9.49565Z" fill="#D80027"></path>
+<path d="M12.8348 16.1738V17.6554C13.4513 17.5298 14.0188 17.2677 14.5043 16.9023V16.1738H12.8348Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2308">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHtIcon.html b/src/tests/__snapshots__/FlagHtIcon.html
index e4975883..e460d08a 100644
--- a/src/tests/__snapshots__/FlagHtIcon.html
+++ b/src/tests/__snapshots__/FlagHtIcon.html
@@ -1 +1,15 @@
-<span data-v-961b23a5="" class="kui-icon flag-ht-icon" data-testid="kui-icon-wrapper-flag-ht-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961b23a5="" data-testid="kui-icon-svg-flag-ht-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-961b23a5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-961b23a5="" clip-path="url(#clip0_1_2352)"><path data-v-961b23a5="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 5.37262 12 0 12 0C12 0 24 5.37262 24 12Z" fill="#A2001D"></path><path data-v-961b23a5="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path><path data-v-961b23a5="" d="M16.1739 15.1305L12 14.6088L7.82611 15.1305V8.86963H16.1739V15.1305Z" fill="#F0F0F0"></path><path data-v-961b23a5="" d="M12 14.6085C13.1526 14.6085 14.087 13.6741 14.087 12.5215C14.087 11.3689 13.1526 10.4346 12 10.4346C10.8474 10.4346 9.91302 11.3689 9.91302 12.5215C9.91302 13.6741 10.8474 14.6085 12 14.6085Z" fill="#0052B4"></path><path data-v-961b23a5="" d="M12 13.565C12.5763 13.565 13.0435 13.0978 13.0435 12.5215C13.0435 11.9452 12.5763 11.478 12 11.478C11.4237 11.478 10.9565 11.9452 10.9565 12.5215C10.9565 13.0978 11.4237 13.565 12 13.565Z" fill="#A2001D"></path><path data-v-961b23a5="" d="M10.4348 9.91309H13.5652L12 11.4783L10.4348 9.91309Z" fill="#6DA544"></path><path data-v-961b23a5="" d="M11.4783 10.9565H12.5218V14.087H11.4783V10.9565Z" fill="#FFDA44"></path><path data-v-961b23a5="" d="M13.6695 13.7739H10.3304L7.82611 15.1305H16.1739L13.6695 13.7739Z" fill="#6DA544"></path></g><defs data-v-961b23a5=""><clipPath data-v-961b23a5="" id="clip0_1_2352"><rect data-v-961b23a5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-961b23a5="" class="kui-icon flag-ht-icon" data-testid="kui-icon-wrapper-flag-ht-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961b23a5="" data-testid="kui-icon-svg-flag-ht-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-961b23a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-961b23a5=""><g clip-path="url(#clip0_1_2352)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 5.37262 12 0 12 0C12 0 24 5.37262 24 12Z" fill="#A2001D"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path>
+<path d="M16.1739 15.1305L12 14.6088L7.82611 15.1305V8.86963H16.1739V15.1305Z" fill="#F0F0F0"></path>
+<path d="M12 14.6085C13.1526 14.6085 14.087 13.6741 14.087 12.5215C14.087 11.3689 13.1526 10.4346 12 10.4346C10.8474 10.4346 9.91302 11.3689 9.91302 12.5215C9.91302 13.6741 10.8474 14.6085 12 14.6085Z" fill="#0052B4"></path>
+<path d="M12 13.565C12.5763 13.565 13.0435 13.0978 13.0435 12.5215C13.0435 11.9452 12.5763 11.478 12 11.478C11.4237 11.478 10.9565 11.9452 10.9565 12.5215C10.9565 13.0978 11.4237 13.565 12 13.565Z" fill="#A2001D"></path>
+<path d="M10.4348 9.91309H13.5652L12 11.4783L10.4348 9.91309Z" fill="#6DA544"></path>
+<path d="M11.4783 10.9565H12.5218V14.087H11.4783V10.9565Z" fill="#FFDA44"></path>
+<path d="M13.6695 13.7739H10.3304L7.82611 15.1305H16.1739L13.6695 13.7739Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2352">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHuIcon.html b/src/tests/__snapshots__/FlagHuIcon.html
index 543dfe5f..8e3408f6 100644
--- a/src/tests/__snapshots__/FlagHuIcon.html
+++ b/src/tests/__snapshots__/FlagHuIcon.html
@@ -1 +1,10 @@
-<span data-v-b5729ca2="" class="kui-icon flag-hu-icon" data-testid="kui-icon-wrapper-flag-hu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b5729ca2="" data-testid="kui-icon-svg-flag-hu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b5729ca2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b5729ca2="" clip-path="url(#clip0_1_2356)"><path data-v-b5729ca2="" d="M0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262Z" fill="#F0F0F0"></path><path data-v-b5729ca2="" d="M12 0C6.84047 0 2.44191 3.2565 0.746437 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path><path data-v-b5729ca2="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2537 16.1738H0.746437C2.44191 20.7434 6.84047 23.9999 12 23.9999V23.9999Z" fill="#6DA544"></path></g><defs data-v-b5729ca2=""><clipPath data-v-b5729ca2="" id="clip0_1_2356"><rect data-v-b5729ca2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b5729ca2="" class="kui-icon flag-hu-icon" data-testid="kui-icon-wrapper-flag-hu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b5729ca2="" data-testid="kui-icon-svg-flag-hu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b5729ca2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b5729ca2=""><g clip-path="url(#clip0_1_2356)">
+<path d="M0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262Z" fill="#F0F0F0"></path>
+<path d="M12 0C6.84047 0 2.44191 3.2565 0.746437 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2537 16.1738H0.746437C2.44191 20.7434 6.84047 23.9999 12 23.9999V23.9999Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2356">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIcon.html b/src/tests/__snapshots__/FlagIcon.html
index 0b40c544..24ed4296 100644
--- a/src/tests/__snapshots__/FlagIcon.html
+++ b/src/tests/__snapshots__/FlagIcon.html
@@ -1 +1 @@
-<span data-v-88a5f776="" class="kui-icon flag-icon" data-testid="kui-icon-wrapper-flag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88a5f776="" data-testid="kui-icon-svg-flag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88a5f776="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-88a5f776="" d="M4 20V3H13L13.4 5H19V15H12L11.6 13H6V20H4ZM13.65 13H17V7H11.75L11.35 5H6V11H13.25L13.65 13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-88a5f776="" class="kui-icon flag-icon" data-testid="kui-icon-wrapper-flag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88a5f776="" data-testid="kui-icon-svg-flag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88a5f776="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88a5f776=""><path d="M4 20V3H13L13.4 5H19V15H12L11.6 13H6V20H4ZM13.65 13H17V7H11.75L11.35 5H6V11H13.25L13.65 13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIdIcon.html b/src/tests/__snapshots__/FlagIdIcon.html
index fcb822dd..f051843f 100644
--- a/src/tests/__snapshots__/FlagIdIcon.html
+++ b/src/tests/__snapshots__/FlagIdIcon.html
@@ -1 +1,9 @@
-<span data-v-abaa30a7="" class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abaa30a7="" data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abaa30a7="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-abaa30a7="" clip-path="url(#clip0_1415_2217)"><path data-v-abaa30a7="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-abaa30a7="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#A2001D"></path></g><defs data-v-abaa30a7=""><clipPath data-v-abaa30a7="" id="clip0_1415_2217"><rect data-v-abaa30a7="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-abaa30a7="" class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abaa30a7="" data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abaa30a7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-abaa30a7=""><g clip-path="url(#clip0_1415_2217)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_2217">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIeIcon.html b/src/tests/__snapshots__/FlagIeIcon.html
index 35300660..a1b4e1ff 100644
--- a/src/tests/__snapshots__/FlagIeIcon.html
+++ b/src/tests/__snapshots__/FlagIeIcon.html
@@ -1 +1,10 @@
-<span data-v-532aa120="" class="kui-icon flag-ie-icon" data-testid="kui-icon-wrapper-flag-ie-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-532aa120="" data-testid="kui-icon-svg-flag-ie-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-532aa120="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-532aa120="" clip-path="url(#clip0_1_2362)"><path data-v-532aa120="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-532aa120="" d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#FF9811"></path><path data-v-532aa120="" d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="#6DA544"></path></g><defs data-v-532aa120=""><clipPath data-v-532aa120="" id="clip0_1_2362"><rect data-v-532aa120="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-532aa120="" class="kui-icon flag-ie-icon" data-testid="kui-icon-wrapper-flag-ie-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-532aa120="" data-testid="kui-icon-svg-flag-ie-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-532aa120="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-532aa120=""><g clip-path="url(#clip0_1_2362)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#FF9811"></path>
+<path d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2362">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIlIcon.html b/src/tests/__snapshots__/FlagIlIcon.html
index f67e94f6..5a990de2 100644
--- a/src/tests/__snapshots__/FlagIlIcon.html
+++ b/src/tests/__snapshots__/FlagIlIcon.html
@@ -1 +1,11 @@
-<span data-v-5761b125="" class="kui-icon flag-il-icon" data-testid="kui-icon-wrapper-flag-il-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5761b125="" data-testid="kui-icon-svg-flag-il-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5761b125="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5761b125="" clip-path="url(#clip0_1_2364)"><path data-v-5761b125="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-5761b125="" d="M16.5184 9.3914H13.5061L12 6.78271L10.494 9.3914H7.4816L8.98788 12.0001L7.4816 14.6088H10.494L12 17.2175L13.5061 14.6088H16.5184L15.0122 12.0001L16.5184 9.3914ZM13.8504 12.0001L12.9253 13.6027H11.0749L10.1496 12.0001L11.0748 10.3975H12.9252L13.8504 12.0001ZM12 8.79492L12.3444 9.39136H11.6558L12 8.79492ZM9.22436 10.3975H9.91305L9.56871 10.994L9.22436 10.3975ZM9.22436 13.6027L9.56875 13.0062L9.9131 13.6027H9.22436ZM12 15.2052L11.6557 14.6088H12.3444L12 15.2052ZM14.7757 13.6027H14.087L14.4314 13.0062L14.7757 13.6027ZM14.087 10.3975H14.7757L14.4313 10.994L14.087 10.3975Z" fill="#0052B4"></path><path data-v-5761b125="" d="M19.4699 2.60889H4.53015C3.43501 3.48114 2.49582 4.54061 1.76129 5.73934H22.2387C21.5041 4.54065 20.565 3.48114 19.4699 2.60889V2.60889Z" fill="#0052B4"></path><path data-v-5761b125="" d="M4.53015 21.3917H19.4698C20.565 20.5194 21.5042 19.46 22.2387 18.2612H1.76129C2.49587 19.4599 3.43506 20.5194 4.53015 21.3917V21.3917Z" fill="#0052B4"></path></g><defs data-v-5761b125=""><clipPath data-v-5761b125="" id="clip0_1_2364"><rect data-v-5761b125="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5761b125="" class="kui-icon flag-il-icon" data-testid="kui-icon-wrapper-flag-il-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5761b125="" data-testid="kui-icon-svg-flag-il-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5761b125="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5761b125=""><g clip-path="url(#clip0_1_2364)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M16.5184 9.3914H13.5061L12 6.78271L10.494 9.3914H7.4816L8.98788 12.0001L7.4816 14.6088H10.494L12 17.2175L13.5061 14.6088H16.5184L15.0122 12.0001L16.5184 9.3914ZM13.8504 12.0001L12.9253 13.6027H11.0749L10.1496 12.0001L11.0748 10.3975H12.9252L13.8504 12.0001ZM12 8.79492L12.3444 9.39136H11.6558L12 8.79492ZM9.22436 10.3975H9.91305L9.56871 10.994L9.22436 10.3975ZM9.22436 13.6027L9.56875 13.0062L9.9131 13.6027H9.22436ZM12 15.2052L11.6557 14.6088H12.3444L12 15.2052ZM14.7757 13.6027H14.087L14.4314 13.0062L14.7757 13.6027ZM14.087 10.3975H14.7757L14.4313 10.994L14.087 10.3975Z" fill="#0052B4"></path>
+<path d="M19.4699 2.60889H4.53015C3.43501 3.48114 2.49582 4.54061 1.76129 5.73934H22.2387C21.5041 4.54065 20.565 3.48114 19.4699 2.60889V2.60889Z" fill="#0052B4"></path>
+<path d="M4.53015 21.3917H19.4698C20.565 20.5194 21.5042 19.46 22.2387 18.2612H1.76129C2.49587 19.4599 3.43506 20.5194 4.53015 21.3917V21.3917Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2364">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagImIcon.html b/src/tests/__snapshots__/FlagImIcon.html
index c6ff5081..963dbdf1 100644
--- a/src/tests/__snapshots__/FlagImIcon.html
+++ b/src/tests/__snapshots__/FlagImIcon.html
@@ -1 +1,9 @@
-<span data-v-e3c4b4dc="" class="kui-icon flag-im-icon" data-testid="kui-icon-wrapper-flag-im-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e3c4b4dc="" data-testid="kui-icon-svg-flag-im-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e3c4b4dc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e3c4b4dc="" clip-path="url(#clip0_1_2363)"><path data-v-e3c4b4dc="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-e3c4b4dc="" d="M16.4431 8.04441L15.595 11.0712L13.0501 10.6013L11.412 7.22461L6.98672 8.79497L6.63773 7.81153L5.47992 7.66889L6.35231 10.1274L9.39773 9.34861L10.2632 11.7875L8.15793 14.8944L11.7306 17.9416L11.0535 18.7355L11.5088 19.8096L13.2018 17.8247L11.0046 15.5768L12.684 13.6079L16.4273 13.8776L17.28 9.25992L18.3061 9.44944L19.0087 8.51803L16.4431 8.04441Z" fill="#F0F0F0"></path></g><defs data-v-e3c4b4dc=""><clipPath data-v-e3c4b4dc="" id="clip0_1_2363"><rect data-v-e3c4b4dc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e3c4b4dc="" class="kui-icon flag-im-icon" data-testid="kui-icon-wrapper-flag-im-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e3c4b4dc="" data-testid="kui-icon-svg-flag-im-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e3c4b4dc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e3c4b4dc=""><g clip-path="url(#clip0_1_2363)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M16.4431 8.04441L15.595 11.0712L13.0501 10.6013L11.412 7.22461L6.98672 8.79497L6.63773 7.81153L5.47992 7.66889L6.35231 10.1274L9.39773 9.34861L10.2632 11.7875L8.15793 14.8944L11.7306 17.9416L11.0535 18.7355L11.5088 19.8096L13.2018 17.8247L11.0046 15.5768L12.684 13.6079L16.4273 13.8776L17.28 9.25992L18.3061 9.44944L19.0087 8.51803L16.4431 8.04441Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2363">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagInIcon.html b/src/tests/__snapshots__/FlagInIcon.html
index 07a5073b..63e2980c 100644
--- a/src/tests/__snapshots__/FlagInIcon.html
+++ b/src/tests/__snapshots__/FlagInIcon.html
@@ -1 +1,13 @@
-<span data-v-00541fee="" class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-00541fee="" data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-00541fee="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-00541fee="" clip-path="url(#clip0_1415_5241)"><path data-v-00541fee="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-00541fee="" d="M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#FF9811"></path><path data-v-00541fee="" d="M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z" fill="#6DA544"></path><path data-v-00541fee="" d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#0052B4"></path><path data-v-00541fee="" d="M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z" fill="#F0F0F0"></path><path data-v-00541fee="" d="M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z" fill="#0052B4"></path></g><defs data-v-00541fee=""><clipPath data-v-00541fee="" id="clip0_1415_5241"><rect data-v-00541fee="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-00541fee="" class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-00541fee="" data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-00541fee="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-00541fee=""><g clip-path="url(#clip0_1415_5241)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#FF9811"></path>
+<path d="M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z" fill="#6DA544"></path>
+<path d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#0052B4"></path>
+<path d="M12 14.6085C13.4408 14.6085 14.6087 13.4405 14.6087 11.9998C14.6087 10.5591 13.4408 9.39111 12 9.39111C10.5593 9.39111 9.39136 10.5591 9.39136 11.9998C9.39136 13.4405 10.5593 14.6085 12 14.6085Z" fill="#F0F0F0"></path>
+<path d="M12 8.78076L12.8048 10.606L14.7878 10.3903L13.6095 11.9999L14.7878 13.6094L12.8048 13.3937L12 15.2189L11.1952 13.3937L9.21216 13.6094L10.3904 11.9999L9.21216 10.3903L11.1952 10.606L12 8.78076Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_5241">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIoIcon.html b/src/tests/__snapshots__/FlagIoIcon.html
index 293cf361..11839d18 100644
--- a/src/tests/__snapshots__/FlagIoIcon.html
+++ b/src/tests/__snapshots__/FlagIoIcon.html
@@ -1 +1,27 @@
-<span data-v-f595d293="" class="kui-icon flag-io-icon" data-testid="kui-icon-wrapper-flag-io-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f595d293="" data-testid="kui-icon-svg-flag-io-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f595d293="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f595d293="" clip-path="url(#clip0_1_2284)"><path data-v-f595d293="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-f595d293="" d="M21.9998 13.4363C20.9998 13.4363 20.9998 12.522 19.9998 12.522C18.9998 12.522 18.9998 13.4363 17.9999 13.4363C17 13.4363 16.9999 12.522 16 12.522C15 12.522 15 13.4363 14 13.4363C12.9999 13.4363 12.9999 12.522 11.9998 12.522C10.9998 12.522 10.9998 13.4363 9.99988 13.4363C9.00003 13.4363 9.00003 12.522 8.00005 12.522C6.99997 12.522 6.99997 13.4363 5.99989 13.4363C4.99981 13.4363 4.99981 12.522 3.99974 12.522C2.99989 12.522 2.99989 13.4363 1.99991 13.4363C1.00531 13.4363 0.999548 12.5321 0.0155945 12.5224C0.0432976 13.0713 0.108829 13.6102 0.207923 14.1372C1.00499 14.2542 1.07478 15.0363 2 15.0363C2.99999 15.0363 2.99999 14.122 3.99983 14.122C4.99991 14.122 4.99991 15.0363 5.99999 15.0363C7.00006 15.0363 7.00006 14.122 8.00014 14.122C9.00013 14.122 9.00013 15.0363 9.99997 15.0363C11 15.0363 11 14.122 11.9999 14.122C13 14.122 13 15.0363 14 15.0363C15.0001 15.0363 15.0001 14.122 16.0001 14.122C17 14.122 17 15.0363 18 15.0363C19 15.0363 19 14.122 19.9999 14.122C21 14.122 21 15.0363 21.9999 15.0363C22.9252 15.0363 22.995 14.2543 23.7921 14.1372C23.8912 13.6101 23.9567 13.0713 23.9845 12.5224C23.0003 12.5321 22.9945 13.4363 21.9998 13.4363V13.4363Z" fill="#0052B4"></path><path data-v-f595d293="" d="M19.9998 15.6523C18.9998 15.6523 18.9998 16.5667 17.9999 16.5667C17 16.5667 16.9999 15.6523 16 15.6523C15 15.6523 15 16.5667 14 16.5667C12.9999 16.5667 12.9999 15.6523 11.9998 15.6523C10.9998 15.6523 10.9998 16.5667 9.99988 16.5667C9.00003 16.5667 9.00003 15.6523 8.00005 15.6523C6.99997 15.6523 6.99997 16.5667 5.99989 16.5667C4.99982 16.5667 4.99982 15.6523 3.99974 15.6523C2.99989 15.6523 2.99989 16.5667 1.99991 16.5667C1.26327 16.5667 1.06878 16.0708 0.617706 15.8097C0.890894 16.6262 1.24972 17.4033 1.68308 18.131C1.77692 18.1536 1.88127 18.1667 1.99986 18.1667C2.99985 18.1667 2.99985 17.2524 3.99969 17.2524C4.99977 17.2524 4.99977 18.1667 5.99985 18.1667C6.99993 18.1667 6.99993 17.2524 8 17.2524C8.99999 17.2524 8.99999 18.1667 9.99983 18.1667C10.9998 18.1667 10.9998 17.2524 11.9998 17.2524C12.9998 17.2524 12.9998 18.1667 13.9999 18.1667C15 18.1667 15 17.2524 15.9999 17.2524C16.9999 17.2524 16.9999 18.1667 17.9998 18.1667C18.9998 18.1667 18.9998 17.2524 19.9998 17.2524C20.9998 17.2524 20.9998 18.1667 21.9998 18.1667C22.1185 18.1667 22.2229 18.1536 22.3168 18.131C22.7502 17.4033 23.109 16.6262 23.3821 15.8097C22.931 16.0709 22.7365 16.5667 21.9998 16.5667C20.9999 16.5667 20.9999 15.6523 19.9998 15.6523V15.6523Z" fill="#0052B4"></path><path data-v-f595d293="" d="M23.7208 9.41891C22.9898 9.57064 22.8966 10.3055 21.9998 10.3055C20.9999 10.3055 20.9999 9.39111 19.9998 9.39111C18.9998 9.39111 18.9998 10.3055 17.9999 10.3055C17 10.3055 16.9999 9.39111 16 9.39111C15 9.39111 15 10.3055 14 10.3055C12.9999 10.3055 12.9999 9.39111 11.9998 9.39111C11.4595 9.39111 11.211 9.65802 10.9391 9.90346V11.5034C11.211 11.2581 11.4594 10.9912 11.9998 10.9912C12.9999 10.9912 12.9999 11.9054 14 11.9054C15 11.9054 15 10.9912 16 10.9912C17 10.9912 17 11.9054 17.9999 11.9054C18.9998 11.9054 18.9999 10.9912 19.9998 10.9912C20.9999 10.9912 20.9999 11.9054 21.9998 11.9054C22.9251 11.9054 22.9949 11.1235 23.792 11.0064C23.8431 11.0064 23.9002 11.0059 23.9586 11.0052C23.9144 10.4655 23.8342 9.93599 23.7208 9.41891V9.41891Z" fill="#0052B4"></path><path data-v-f595d293="" d="M22.8442 6.85648C22.637 7.03052 22.3975 7.17509 21.9999 7.17509C20.9999 7.17509 20.9999 6.26074 19.9999 6.26074C18.9999 6.26074 18.9999 7.17509 17.9999 7.17509C17 7.17509 16.9999 6.26074 16 6.26074C15 6.26074 15 7.17509 14 7.17509C13 7.17509 12.9999 6.26074 11.9998 6.26074C11.4595 6.26074 11.2111 6.52765 10.9391 6.77309V8.37307C11.2111 8.12768 11.4595 7.86082 11.9998 7.86082C12.9999 7.86082 12.9999 8.77507 14 8.77507C15 8.77507 15 7.86082 16 7.86082C16.9999 7.86082 16.9999 8.77507 17.9999 8.77507C18.9998 8.77507 18.9998 7.86082 19.9998 7.86082C20.9999 7.86082 20.9999 8.77507 21.9998 8.77507C22.7094 8.77507 22.916 8.31546 23.3332 8.04818C23.1911 7.64051 23.0278 7.24277 22.8442 6.85648V6.85648Z" fill="#0052B4"></path><path data-v-f595d293="" d="M20.0852 3.13281C20.0575 3.13131 20.0292 3.13037 19.9998 3.13037C18.9998 3.13037 18.9998 4.04471 17.9999 4.04471C16.9999 4.04471 16.9999 3.13037 16 3.13037C15 3.13037 15 4.04471 13.9999 4.04471C12.9998 4.04471 12.9998 3.13037 11.9997 3.13037C11.4594 3.13037 11.211 3.39728 10.9391 3.64271V5.2427C11.211 4.99731 11.4594 4.73045 11.9997 4.73045C12.9998 4.73045 12.9998 5.6447 13.9999 5.6447C15 5.6447 15 4.73045 15.9999 4.73045C16.9999 4.73045 16.9999 5.6447 17.9998 5.6447C18.9998 5.6447 18.9998 4.73045 19.9998 4.73045C20.9998 4.73045 20.9998 5.6447 21.9998 5.6447C22.0614 5.6447 22.1189 5.64104 22.1734 5.63453C21.5925 4.70809 20.8892 3.86636 20.0852 3.13281V3.13281Z" fill="#0052B4"></path><path data-v-f595d293="" d="M15.0671 0.396188C14.7926 0.643125 14.5445 0.914344 13.9999 0.914344C12.9998 0.914344 12.9998 9.375e-05 11.9998 0H11.9996C11.4825 4.6875e-05 11.2328 0.244594 10.9739 0.480797V2.08083C11.2328 1.84463 11.4825 1.60003 11.9998 1.60003C12.9999 1.60003 12.9999 2.51428 13.9999 2.51428C15 2.51428 15 1.60003 16 1.60003C16.9999 1.60003 16.9999 2.51428 17.9999 2.51428C18.4195 2.51428 18.6628 2.35322 18.8781 2.16637C17.7373 1.36692 16.4512 0.761016 15.0671 0.396188V0.396188Z" fill="#0052B4"></path><path data-v-f595d293="" d="M13.9999 22.8275C12.9998 22.8275 12.9998 21.9131 11.9998 21.9131C10.9998 21.9131 10.9998 22.8275 9.99984 22.8275C9 22.8275 9 21.9131 8.00002 21.9131C7.23403 21.9131 7.05436 22.4491 6.56311 22.7003C7.9178 23.39 9.42094 23.8296 11.0119 23.9593C11.2579 23.7345 11.5079 23.5132 11.9998 23.5132C12.4918 23.5132 12.7418 23.7345 12.9878 23.9594C14.5788 23.8297 16.0821 23.39 17.4368 22.7003C16.9455 22.4492 16.7658 21.9131 15.9999 21.9131C15 21.9131 15 22.8275 13.9999 22.8275V22.8275Z" fill="#0052B4"></path><path data-v-f595d293="" d="M17.9999 19.6971C16.9999 19.6971 16.9999 18.7827 16 18.7827C15 18.7827 15 19.6971 14 19.6971C12.9999 19.6971 12.9999 18.7827 11.9998 18.7827C10.9998 18.7827 10.9998 19.6971 9.99988 19.6971C9.00004 19.6971 9.00004 18.7827 8.00006 18.7827C6.99998 18.7827 6.99998 19.6971 5.9999 19.6971C4.99982 19.6971 4.99982 18.7827 3.99974 18.7827C3.28063 18.7827 3.0787 19.2557 2.65002 19.5212C2.91871 19.8549 3.20437 20.1743 3.50666 20.4771C3.64209 20.4193 3.80099 20.3827 3.9997 20.3827C4.99977 20.3827 4.99977 21.297 5.99985 21.297C6.99993 21.297 6.99993 20.3827 8.00001 20.3827C8.99999 20.3827 8.99999 21.297 9.99984 21.297C10.9998 21.297 10.9998 20.3827 11.9998 20.3827C12.9998 20.3827 12.9998 21.297 13.9999 21.297C15 21.297 15 20.3827 15.9999 20.3827C16.9999 20.3827 16.9999 21.297 17.9999 21.297C18.9998 21.297 18.9998 20.3827 19.9998 20.3827C20.1987 20.3827 20.3576 20.4193 20.4931 20.4772C20.7955 20.1743 21.0811 19.8549 21.3498 19.5213C20.9211 19.2558 20.7192 18.7828 19.9998 18.7828C18.9998 18.7827 18.9998 19.6971 17.9999 19.6971V19.6971Z" fill="#0052B4"></path><path data-v-f595d293="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-f595d293="" d="M12 6.26098V9.78659L7.82611 5.73926L12 6.26098Z" fill="#0052B4"></path><path data-v-f595d293="" d="M6.2609 12.0003H9.78637L6.26085 7.30469L5.73914 10.9569L6.2609 12.0003Z" fill="#0052B4"></path><path data-v-f595d293="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-f595d293="" d="M6.07103 1.56543C4.1942 2.63413 2.63392 4.19441 1.56522 6.07124V12.0002H4.69567V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07103Z" fill="#D80027"></path><path data-v-f595d293="" d="M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path><path data-v-f595d293="" d="M15.6522 6.26074H20.3478L18 8.60857L15.6522 6.26074Z" fill="#6DA544"></path><path data-v-f595d293="" d="M17.4783 8.08691H18.5218V10.9565H17.4783V8.08691Z" fill="#A2001D"></path><path data-v-f595d293="" d="M17.4783 15.6523H18.5218V18.5219H17.4783V15.6523Z" fill="#A2001D"></path><path data-v-f595d293="" d="M21.1305 14.0867C21.1305 13.2223 20.4297 12.5215 19.5653 12.5215C19.1643 12.5215 18.7988 12.6725 18.5218 12.9204V11.9998H19.0435V10.9563H18.5218V10.4346H17.4783V10.9563H16.9566V11.9998H17.4783V12.9204C17.2013 12.6725 16.8358 12.5215 16.4348 12.5215C15.5704 12.5215 14.8696 13.2223 14.8696 14.0867C14.8696 14.5502 15.0712 14.9664 15.3913 15.2531V16.1737H20.6087V15.2531C20.9288 14.9664 21.1305 14.5502 21.1305 14.0867V14.0867Z" fill="#FFDA44"></path><path data-v-f595d293="" d="M19.5652 13.5654C19.4006 13.5654 19.2854 13.6377 19.2177 13.6983L18.5217 14.3213H17.4783L16.7823 13.6983C16.7146 13.6377 16.5994 13.5654 16.4348 13.5654C16.1471 13.5654 15.9131 13.7995 15.9131 14.0871C15.9131 14.2898 16.0224 14.4178 16.0875 14.4762L16.4349 14.7872V15.1306H19.5653V14.7872L19.9127 14.4762C19.9778 14.4179 20.0871 14.2898 20.0871 14.0871C20.087 13.7995 19.8529 13.5654 19.5652 13.5654V13.5654Z" fill="#D80027"></path></g><defs data-v-f595d293=""><clipPath data-v-f595d293="" id="clip0_1_2284"><rect data-v-f595d293="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f595d293="" class="kui-icon flag-io-icon" data-testid="kui-icon-wrapper-flag-io-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f595d293="" data-testid="kui-icon-svg-flag-io-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f595d293="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f595d293=""><g clip-path="url(#clip0_1_2284)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M21.9998 13.4363C20.9998 13.4363 20.9998 12.522 19.9998 12.522C18.9998 12.522 18.9998 13.4363 17.9999 13.4363C17 13.4363 16.9999 12.522 16 12.522C15 12.522 15 13.4363 14 13.4363C12.9999 13.4363 12.9999 12.522 11.9998 12.522C10.9998 12.522 10.9998 13.4363 9.99988 13.4363C9.00003 13.4363 9.00003 12.522 8.00005 12.522C6.99997 12.522 6.99997 13.4363 5.99989 13.4363C4.99981 13.4363 4.99981 12.522 3.99974 12.522C2.99989 12.522 2.99989 13.4363 1.99991 13.4363C1.00531 13.4363 0.999548 12.5321 0.0155945 12.5224C0.0432976 13.0713 0.108829 13.6102 0.207923 14.1372C1.00499 14.2542 1.07478 15.0363 2 15.0363C2.99999 15.0363 2.99999 14.122 3.99983 14.122C4.99991 14.122 4.99991 15.0363 5.99999 15.0363C7.00006 15.0363 7.00006 14.122 8.00014 14.122C9.00013 14.122 9.00013 15.0363 9.99997 15.0363C11 15.0363 11 14.122 11.9999 14.122C13 14.122 13 15.0363 14 15.0363C15.0001 15.0363 15.0001 14.122 16.0001 14.122C17 14.122 17 15.0363 18 15.0363C19 15.0363 19 14.122 19.9999 14.122C21 14.122 21 15.0363 21.9999 15.0363C22.9252 15.0363 22.995 14.2543 23.7921 14.1372C23.8912 13.6101 23.9567 13.0713 23.9845 12.5224C23.0003 12.5321 22.9945 13.4363 21.9998 13.4363V13.4363Z" fill="#0052B4"></path>
+<path d="M19.9998 15.6523C18.9998 15.6523 18.9998 16.5667 17.9999 16.5667C17 16.5667 16.9999 15.6523 16 15.6523C15 15.6523 15 16.5667 14 16.5667C12.9999 16.5667 12.9999 15.6523 11.9998 15.6523C10.9998 15.6523 10.9998 16.5667 9.99988 16.5667C9.00003 16.5667 9.00003 15.6523 8.00005 15.6523C6.99997 15.6523 6.99997 16.5667 5.99989 16.5667C4.99982 16.5667 4.99982 15.6523 3.99974 15.6523C2.99989 15.6523 2.99989 16.5667 1.99991 16.5667C1.26327 16.5667 1.06878 16.0708 0.617706 15.8097C0.890894 16.6262 1.24972 17.4033 1.68308 18.131C1.77692 18.1536 1.88127 18.1667 1.99986 18.1667C2.99985 18.1667 2.99985 17.2524 3.99969 17.2524C4.99977 17.2524 4.99977 18.1667 5.99985 18.1667C6.99993 18.1667 6.99993 17.2524 8 17.2524C8.99999 17.2524 8.99999 18.1667 9.99983 18.1667C10.9998 18.1667 10.9998 17.2524 11.9998 17.2524C12.9998 17.2524 12.9998 18.1667 13.9999 18.1667C15 18.1667 15 17.2524 15.9999 17.2524C16.9999 17.2524 16.9999 18.1667 17.9998 18.1667C18.9998 18.1667 18.9998 17.2524 19.9998 17.2524C20.9998 17.2524 20.9998 18.1667 21.9998 18.1667C22.1185 18.1667 22.2229 18.1536 22.3168 18.131C22.7502 17.4033 23.109 16.6262 23.3821 15.8097C22.931 16.0709 22.7365 16.5667 21.9998 16.5667C20.9999 16.5667 20.9999 15.6523 19.9998 15.6523V15.6523Z" fill="#0052B4"></path>
+<path d="M23.7208 9.41891C22.9898 9.57064 22.8966 10.3055 21.9998 10.3055C20.9999 10.3055 20.9999 9.39111 19.9998 9.39111C18.9998 9.39111 18.9998 10.3055 17.9999 10.3055C17 10.3055 16.9999 9.39111 16 9.39111C15 9.39111 15 10.3055 14 10.3055C12.9999 10.3055 12.9999 9.39111 11.9998 9.39111C11.4595 9.39111 11.211 9.65802 10.9391 9.90346V11.5034C11.211 11.2581 11.4594 10.9912 11.9998 10.9912C12.9999 10.9912 12.9999 11.9054 14 11.9054C15 11.9054 15 10.9912 16 10.9912C17 10.9912 17 11.9054 17.9999 11.9054C18.9998 11.9054 18.9999 10.9912 19.9998 10.9912C20.9999 10.9912 20.9999 11.9054 21.9998 11.9054C22.9251 11.9054 22.9949 11.1235 23.792 11.0064C23.8431 11.0064 23.9002 11.0059 23.9586 11.0052C23.9144 10.4655 23.8342 9.93599 23.7208 9.41891V9.41891Z" fill="#0052B4"></path>
+<path d="M22.8442 6.85648C22.637 7.03052 22.3975 7.17509 21.9999 7.17509C20.9999 7.17509 20.9999 6.26074 19.9999 6.26074C18.9999 6.26074 18.9999 7.17509 17.9999 7.17509C17 7.17509 16.9999 6.26074 16 6.26074C15 6.26074 15 7.17509 14 7.17509C13 7.17509 12.9999 6.26074 11.9998 6.26074C11.4595 6.26074 11.2111 6.52765 10.9391 6.77309V8.37307C11.2111 8.12768 11.4595 7.86082 11.9998 7.86082C12.9999 7.86082 12.9999 8.77507 14 8.77507C15 8.77507 15 7.86082 16 7.86082C16.9999 7.86082 16.9999 8.77507 17.9999 8.77507C18.9998 8.77507 18.9998 7.86082 19.9998 7.86082C20.9999 7.86082 20.9999 8.77507 21.9998 8.77507C22.7094 8.77507 22.916 8.31546 23.3332 8.04818C23.1911 7.64051 23.0278 7.24277 22.8442 6.85648V6.85648Z" fill="#0052B4"></path>
+<path d="M20.0852 3.13281C20.0575 3.13131 20.0292 3.13037 19.9998 3.13037C18.9998 3.13037 18.9998 4.04471 17.9999 4.04471C16.9999 4.04471 16.9999 3.13037 16 3.13037C15 3.13037 15 4.04471 13.9999 4.04471C12.9998 4.04471 12.9998 3.13037 11.9997 3.13037C11.4594 3.13037 11.211 3.39728 10.9391 3.64271V5.2427C11.211 4.99731 11.4594 4.73045 11.9997 4.73045C12.9998 4.73045 12.9998 5.6447 13.9999 5.6447C15 5.6447 15 4.73045 15.9999 4.73045C16.9999 4.73045 16.9999 5.6447 17.9998 5.6447C18.9998 5.6447 18.9998 4.73045 19.9998 4.73045C20.9998 4.73045 20.9998 5.6447 21.9998 5.6447C22.0614 5.6447 22.1189 5.64104 22.1734 5.63453C21.5925 4.70809 20.8892 3.86636 20.0852 3.13281V3.13281Z" fill="#0052B4"></path>
+<path d="M15.0671 0.396188C14.7926 0.643125 14.5445 0.914344 13.9999 0.914344C12.9998 0.914344 12.9998 9.375e-05 11.9998 0H11.9996C11.4825 4.6875e-05 11.2328 0.244594 10.9739 0.480797V2.08083C11.2328 1.84463 11.4825 1.60003 11.9998 1.60003C12.9999 1.60003 12.9999 2.51428 13.9999 2.51428C15 2.51428 15 1.60003 16 1.60003C16.9999 1.60003 16.9999 2.51428 17.9999 2.51428C18.4195 2.51428 18.6628 2.35322 18.8781 2.16637C17.7373 1.36692 16.4512 0.761016 15.0671 0.396188V0.396188Z" fill="#0052B4"></path>
+<path d="M13.9999 22.8275C12.9998 22.8275 12.9998 21.9131 11.9998 21.9131C10.9998 21.9131 10.9998 22.8275 9.99984 22.8275C9 22.8275 9 21.9131 8.00002 21.9131C7.23403 21.9131 7.05436 22.4491 6.56311 22.7003C7.9178 23.39 9.42094 23.8296 11.0119 23.9593C11.2579 23.7345 11.5079 23.5132 11.9998 23.5132C12.4918 23.5132 12.7418 23.7345 12.9878 23.9594C14.5788 23.8297 16.0821 23.39 17.4368 22.7003C16.9455 22.4492 16.7658 21.9131 15.9999 21.9131C15 21.9131 15 22.8275 13.9999 22.8275V22.8275Z" fill="#0052B4"></path>
+<path d="M17.9999 19.6971C16.9999 19.6971 16.9999 18.7827 16 18.7827C15 18.7827 15 19.6971 14 19.6971C12.9999 19.6971 12.9999 18.7827 11.9998 18.7827C10.9998 18.7827 10.9998 19.6971 9.99988 19.6971C9.00004 19.6971 9.00004 18.7827 8.00006 18.7827C6.99998 18.7827 6.99998 19.6971 5.9999 19.6971C4.99982 19.6971 4.99982 18.7827 3.99974 18.7827C3.28063 18.7827 3.0787 19.2557 2.65002 19.5212C2.91871 19.8549 3.20437 20.1743 3.50666 20.4771C3.64209 20.4193 3.80099 20.3827 3.9997 20.3827C4.99977 20.3827 4.99977 21.297 5.99985 21.297C6.99993 21.297 6.99993 20.3827 8.00001 20.3827C8.99999 20.3827 8.99999 21.297 9.99984 21.297C10.9998 21.297 10.9998 20.3827 11.9998 20.3827C12.9998 20.3827 12.9998 21.297 13.9999 21.297C15 21.297 15 20.3827 15.9999 20.3827C16.9999 20.3827 16.9999 21.297 17.9999 21.297C18.9998 21.297 18.9998 20.3827 19.9998 20.3827C20.1987 20.3827 20.3576 20.4193 20.4931 20.4772C20.7955 20.1743 21.0811 19.8549 21.3498 19.5213C20.9211 19.2558 20.7192 18.7828 19.9998 18.7828C18.9998 18.7827 18.9998 19.6971 17.9999 19.6971V19.6971Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26098V9.78659L7.82611 5.73926L12 6.26098Z" fill="#0052B4"></path>
+<path d="M6.2609 12.0003H9.78637L6.26085 7.30469L5.73914 10.9569L6.2609 12.0003Z" fill="#0052B4"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07103 1.56543C4.1942 2.63413 2.63392 4.19441 1.56522 6.07124V12.0002H4.69567V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07103Z" fill="#D80027"></path>
+<path d="M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path>
+<path d="M15.6522 6.26074H20.3478L18 8.60857L15.6522 6.26074Z" fill="#6DA544"></path>
+<path d="M17.4783 8.08691H18.5218V10.9565H17.4783V8.08691Z" fill="#A2001D"></path>
+<path d="M17.4783 15.6523H18.5218V18.5219H17.4783V15.6523Z" fill="#A2001D"></path>
+<path d="M21.1305 14.0867C21.1305 13.2223 20.4297 12.5215 19.5653 12.5215C19.1643 12.5215 18.7988 12.6725 18.5218 12.9204V11.9998H19.0435V10.9563H18.5218V10.4346H17.4783V10.9563H16.9566V11.9998H17.4783V12.9204C17.2013 12.6725 16.8358 12.5215 16.4348 12.5215C15.5704 12.5215 14.8696 13.2223 14.8696 14.0867C14.8696 14.5502 15.0712 14.9664 15.3913 15.2531V16.1737H20.6087V15.2531C20.9288 14.9664 21.1305 14.5502 21.1305 14.0867V14.0867Z" fill="#FFDA44"></path>
+<path d="M19.5652 13.5654C19.4006 13.5654 19.2854 13.6377 19.2177 13.6983L18.5217 14.3213H17.4783L16.7823 13.6983C16.7146 13.6377 16.5994 13.5654 16.4348 13.5654C16.1471 13.5654 15.9131 13.7995 15.9131 14.0871C15.9131 14.2898 16.0224 14.4178 16.0875 14.4762L16.4349 14.7872V15.1306H19.5653V14.7872L19.9127 14.4762C19.9778 14.4179 20.0871 14.2898 20.0871 14.0871C20.087 13.7995 19.8529 13.5654 19.5652 13.5654V13.5654Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2284">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIqIcon.html b/src/tests/__snapshots__/FlagIqIcon.html
index fb3fe7fc..ff7cfc8c 100644
--- a/src/tests/__snapshots__/FlagIqIcon.html
+++ b/src/tests/__snapshots__/FlagIqIcon.html
@@ -1 +1,13 @@
-<span data-v-521be450="" class="kui-icon flag-iq-icon" data-testid="kui-icon-wrapper-flag-iq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-521be450="" data-testid="kui-icon-svg-flag-iq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-521be450="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-521be450="" clip-path="url(#clip0_1_2361)"><path data-v-521be450="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-521be450="" d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#A2001D"></path><path data-v-521be450="" d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path><path data-v-521be450="" d="M9.13045 11.2175C9.12389 11.2175 9.11747 11.2179 9.1109 11.218V11.2175H6.81698C6.93328 10.7681 7.341 10.4348 7.82611 10.4348V8.86963C6.38765 8.86963 5.21742 10.0399 5.21742 11.4783V12.7566V12.7827H9.1109H9.13045C9.27431 12.7827 9.39131 12.8998 9.39131 13.0436V13.5653H4.17389V15.1305H10.9565V13.0435C10.9565 12.0366 10.1373 11.2175 9.13045 11.2175V11.2175Z" fill="#496E2D"></path><path data-v-521be450="" d="M13.0435 13.5653V8.86963H11.4783V15.1305H14.087V13.5653H13.0435Z" fill="#496E2D"></path><path data-v-521be450="" d="M18.2608 13.5653V8.86963H16.6956V13.5653H16.1739V12.0001H14.6087V15.1306H19.3043V13.5653H18.2608Z" fill="#496E2D"></path></g><defs data-v-521be450=""><clipPath data-v-521be450="" id="clip0_1_2361"><rect data-v-521be450="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-521be450="" class="kui-icon flag-iq-icon" data-testid="kui-icon-wrapper-flag-iq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-521be450="" data-testid="kui-icon-svg-flag-iq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-521be450="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-521be450=""><g clip-path="url(#clip0_1_2361)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#A2001D"></path>
+<path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path>
+<path d="M9.13045 11.2175C9.12389 11.2175 9.11747 11.2179 9.1109 11.218V11.2175H6.81698C6.93328 10.7681 7.341 10.4348 7.82611 10.4348V8.86963C6.38765 8.86963 5.21742 10.0399 5.21742 11.4783V12.7566V12.7827H9.1109H9.13045C9.27431 12.7827 9.39131 12.8998 9.39131 13.0436V13.5653H4.17389V15.1305H10.9565V13.0435C10.9565 12.0366 10.1373 11.2175 9.13045 11.2175V11.2175Z" fill="#496E2D"></path>
+<path d="M13.0435 13.5653V8.86963H11.4783V15.1305H14.087V13.5653H13.0435Z" fill="#496E2D"></path>
+<path d="M18.2608 13.5653V8.86963H16.6956V13.5653H16.1739V12.0001H14.6087V15.1306H19.3043V13.5653H18.2608Z" fill="#496E2D"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2361">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIrIcon.html b/src/tests/__snapshots__/FlagIrIcon.html
index 85a29d43..e6ec58ee 100644
--- a/src/tests/__snapshots__/FlagIrIcon.html
+++ b/src/tests/__snapshots__/FlagIrIcon.html
@@ -1 +1,11 @@
-<span data-v-de6e8632="" class="kui-icon flag-ir-icon" data-testid="kui-icon-wrapper-flag-ir-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-de6e8632="" data-testid="kui-icon-svg-flag-ir-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-de6e8632="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-de6e8632="" clip-path="url(#clip0_1_2360)"><path data-v-de6e8632="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-de6e8632="" d="M15.8975 8.86968H14.3275C14.3405 9.04222 14.3478 9.21632 14.3478 9.39139C14.3478 10.5522 14.0577 11.6773 13.5518 12.4783C13.3958 12.7253 13.1336 13.0741 12.7826 13.3094V8.86963H11.2174V13.3094C10.8664 13.0741 10.6041 12.7253 10.4481 12.4783C9.94223 11.6773 9.65212 10.5522 9.65212 9.39139C9.65212 9.21632 9.65952 9.04218 9.67246 8.86968H8.10243C8.09235 9.04138 8.08687 9.21529 8.08687 9.39139C8.08687 12.6096 9.80568 15.1305 11.9999 15.1305C14.1941 15.1305 15.9129 12.6096 15.9129 9.39139C15.913 9.21529 15.9075 9.04138 15.8975 8.86968V8.86968Z" fill="#D80027"></path><path data-v-de6e8632="" d="M4.95652 5.73914H6.52172V6.78262H8.08692V5.73914H9.65213V6.78262H11.2173V5.73914H12.7825V6.78262H14.3477V5.73914H15.9129V6.78262H17.4781V5.73914H19.0433V6.78262H22.8091C20.8683 2.76867 16.7575 0 12 0C7.24252 0 3.13172 2.76867 1.19072 6.78262H4.95652V5.73914Z" fill="#6DA544"></path><path data-v-de6e8632="" d="M19.0435 17.2173V18.2608H17.4783V17.2173H15.9131V18.2608H14.3479V17.2173H12.7827V18.2608H11.2175V17.2173H9.65227V18.2608H8.08706V17.2173H6.52172V18.2608H4.95652V17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H19.0435Z" fill="#D80027"></path></g><defs data-v-de6e8632=""><clipPath data-v-de6e8632="" id="clip0_1_2360"><rect data-v-de6e8632="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-de6e8632="" class="kui-icon flag-ir-icon" data-testid="kui-icon-wrapper-flag-ir-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-de6e8632="" data-testid="kui-icon-svg-flag-ir-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-de6e8632="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-de6e8632=""><g clip-path="url(#clip0_1_2360)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M15.8975 8.86968H14.3275C14.3405 9.04222 14.3478 9.21632 14.3478 9.39139C14.3478 10.5522 14.0577 11.6773 13.5518 12.4783C13.3958 12.7253 13.1336 13.0741 12.7826 13.3094V8.86963H11.2174V13.3094C10.8664 13.0741 10.6041 12.7253 10.4481 12.4783C9.94223 11.6773 9.65212 10.5522 9.65212 9.39139C9.65212 9.21632 9.65952 9.04218 9.67246 8.86968H8.10243C8.09235 9.04138 8.08687 9.21529 8.08687 9.39139C8.08687 12.6096 9.80568 15.1305 11.9999 15.1305C14.1941 15.1305 15.9129 12.6096 15.9129 9.39139C15.913 9.21529 15.9075 9.04138 15.8975 8.86968V8.86968Z" fill="#D80027"></path>
+<path d="M4.95652 5.73914H6.52172V6.78262H8.08692V5.73914H9.65213V6.78262H11.2173V5.73914H12.7825V6.78262H14.3477V5.73914H15.9129V6.78262H17.4781V5.73914H19.0433V6.78262H22.8091C20.8683 2.76867 16.7575 0 12 0C7.24252 0 3.13172 2.76867 1.19072 6.78262H4.95652V5.73914Z" fill="#6DA544"></path>
+<path d="M19.0435 17.2173V18.2608H17.4783V17.2173H15.9131V18.2608H14.3479V17.2173H12.7827V18.2608H11.2175V17.2173H9.65227V18.2608H8.08706V17.2173H6.52172V18.2608H4.95652V17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H19.0435Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2360">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIsIcon.html b/src/tests/__snapshots__/FlagIsIcon.html
index 9ba2db51..9b27422f 100644
--- a/src/tests/__snapshots__/FlagIsIcon.html
+++ b/src/tests/__snapshots__/FlagIsIcon.html
@@ -1 +1,13 @@
-<span data-v-3dd7640e="" class="kui-icon flag-is-icon" data-testid="kui-icon-wrapper-flag-is-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3dd7640e="" data-testid="kui-icon-svg-flag-is-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3dd7640e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3dd7640e="" clip-path="url(#clip0_1_2357)"><path data-v-3dd7640e="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3dd7640e="" d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9394 4.69566 21.5205V15.1304H0.413391Z" fill="#0052B4"></path><path data-v-3dd7640e="" d="M10.9565 23.9543C11.3005 23.9839 11.6483 23.9999 12 23.9999C17.5443 23.9999 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z" fill="#0052B4"></path><path data-v-3dd7640e="" d="M23.5866 8.86955C22.2096 3.76036 17.5443 0 12 0C11.6483 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"></path><path data-v-3dd7640e="" d="M4.69566 2.47949C2.63794 4.06059 1.1077 6.29338 0.413391 8.86959H4.69566V2.47949Z" fill="#0052B4"></path><path data-v-3dd7640e="" d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"></path></g><defs data-v-3dd7640e=""><clipPath data-v-3dd7640e="" id="clip0_1_2357"><rect data-v-3dd7640e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3dd7640e="" class="kui-icon flag-is-icon" data-testid="kui-icon-wrapper-flag-is-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3dd7640e="" data-testid="kui-icon-svg-flag-is-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3dd7640e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3dd7640e=""><g clip-path="url(#clip0_1_2357)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9394 4.69566 21.5205V15.1304H0.413391Z" fill="#0052B4"></path>
+<path d="M10.9565 23.9543C11.3005 23.9839 11.6483 23.9999 12 23.9999C17.5443 23.9999 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z" fill="#0052B4"></path>
+<path d="M23.5866 8.86955C22.2096 3.76036 17.5443 0 12 0C11.6483 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#0052B4"></path>
+<path d="M4.69566 2.47949C2.63794 4.06059 1.1077 6.29338 0.413391 8.86959H4.69566V2.47949Z" fill="#0052B4"></path>
+<path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2357">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagItIcon.html b/src/tests/__snapshots__/FlagItIcon.html
index c9612f39..75a37a49 100644
--- a/src/tests/__snapshots__/FlagItIcon.html
+++ b/src/tests/__snapshots__/FlagItIcon.html
@@ -1 +1,10 @@
-<span data-v-1faa2c90="" class="kui-icon flag-it-icon" data-testid="kui-icon-wrapper-flag-it-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1faa2c90="" data-testid="kui-icon-svg-flag-it-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1faa2c90="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-1faa2c90="" clip-path="url(#clip0_1_2365)"><path data-v-1faa2c90="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-1faa2c90="" d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path><path data-v-1faa2c90="" d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#6DA544"></path></g><defs data-v-1faa2c90=""><clipPath data-v-1faa2c90="" id="clip0_1_2365"><rect data-v-1faa2c90="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-1faa2c90="" class="kui-icon flag-it-icon" data-testid="kui-icon-wrapper-flag-it-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1faa2c90="" data-testid="kui-icon-svg-flag-it-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1faa2c90="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1faa2c90=""><g clip-path="url(#clip0_1_2365)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
+<path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2365">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJeIcon.html b/src/tests/__snapshots__/FlagJeIcon.html
index f5e5c992..922b4aaa 100644
--- a/src/tests/__snapshots__/FlagJeIcon.html
+++ b/src/tests/__snapshots__/FlagJeIcon.html
@@ -1 +1,11 @@
-<span data-v-cb245c74="" class="kui-icon flag-je-icon" data-testid="kui-icon-wrapper-flag-je-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cb245c74="" data-testid="kui-icon-svg-flag-je-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cb245c74="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-cb245c74="" clip-path="url(#clip0_1_2369)"><path data-v-cb245c74="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-cb245c74="" d="M21.5202 19.3068L14.2136 12.0002H14.2135L21.5202 4.69351C21.2051 4.28401 20.8604 3.89003 20.4853 3.51489C20.1102 3.13979 19.7162 2.79503 19.3067 2.47998L12.0001 9.78662L12 9.78667L4.69338 2.47998C4.28392 2.79507 3.88989 3.13975 3.51475 3.51489C3.13961 3.89003 2.79489 4.28401 2.47984 4.69351L9.78648 12.0001L9.78653 12.0002L2.4798 19.3069C2.79494 19.7164 3.13966 20.1104 3.5147 20.4855C3.88984 20.8606 4.28378 21.2054 4.69333 21.5204L12 14.2138L12.0001 14.2137L19.3067 21.5204C19.7162 21.2053 20.1102 20.8606 20.4853 20.4855C20.8605 20.1103 21.2051 19.7163 21.5202 19.3068V19.3068Z" fill="#D80027"></path><path data-v-cb245c74="" d="M9.91302 3.65214L12 4.17386L14.087 3.65214V1.87825L13.2522 2.29563L12 1.04346L10.7478 2.29563L9.91302 1.87825V3.65214Z" fill="#FFDA44"></path><path data-v-cb245c74="" d="M9.91302 3.65234V4.95678C9.91302 6.55428 12 7.04375 12 7.04375C12 7.04375 14.087 6.55423 14.087 4.95678V3.65234H9.91302Z" fill="#D80027"></path></g><defs data-v-cb245c74=""><clipPath data-v-cb245c74="" id="clip0_1_2369"><rect data-v-cb245c74="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-cb245c74="" class="kui-icon flag-je-icon" data-testid="kui-icon-wrapper-flag-je-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cb245c74="" data-testid="kui-icon-svg-flag-je-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cb245c74="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cb245c74=""><g clip-path="url(#clip0_1_2369)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M21.5202 19.3068L14.2136 12.0002H14.2135L21.5202 4.69351C21.2051 4.28401 20.8604 3.89003 20.4853 3.51489C20.1102 3.13979 19.7162 2.79503 19.3067 2.47998L12.0001 9.78662L12 9.78667L4.69338 2.47998C4.28392 2.79507 3.88989 3.13975 3.51475 3.51489C3.13961 3.89003 2.79489 4.28401 2.47984 4.69351L9.78648 12.0001L9.78653 12.0002L2.4798 19.3069C2.79494 19.7164 3.13966 20.1104 3.5147 20.4855C3.88984 20.8606 4.28378 21.2054 4.69333 21.5204L12 14.2138L12.0001 14.2137L19.3067 21.5204C19.7162 21.2053 20.1102 20.8606 20.4853 20.4855C20.8605 20.1103 21.2051 19.7163 21.5202 19.3068V19.3068Z" fill="#D80027"></path>
+<path d="M9.91302 3.65214L12 4.17386L14.087 3.65214V1.87825L13.2522 2.29563L12 1.04346L10.7478 2.29563L9.91302 1.87825V3.65214Z" fill="#FFDA44"></path>
+<path d="M9.91302 3.65234V4.95678C9.91302 6.55428 12 7.04375 12 7.04375C12 7.04375 14.087 6.55423 14.087 4.95678V3.65234H9.91302Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2369">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJmIcon.html b/src/tests/__snapshots__/FlagJmIcon.html
index 5f65f8b5..5458a668 100644
--- a/src/tests/__snapshots__/FlagJmIcon.html
+++ b/src/tests/__snapshots__/FlagJmIcon.html
@@ -1 +1,12 @@
-<span data-v-9ff7b8fa="" class="kui-icon flag-jm-icon" data-testid="kui-icon-wrapper-flag-jm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ff7b8fa="" data-testid="kui-icon-svg-flag-jm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9ff7b8fa="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9ff7b8fa="" clip-path="url(#clip0_1_2367)"><path data-v-9ff7b8fa="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-9ff7b8fa="" d="M19.3058 2.48062C17.2823 0.925266 14.7494 0 12 0C9.2506 0 6.71767 0.925312 4.69421 2.48062L12 9.78638L19.3058 2.48062Z" fill="#6DA544"></path><path data-v-9ff7b8fa="" d="M2.48058 4.69434C0.925312 6.71779 0 9.25068 0 12.0001C0 14.7495 0.925312 17.2824 2.48062 19.3059L9.78642 12.0001L2.48058 4.69434Z" fill="black"></path><path data-v-9ff7b8fa="" d="M4.69421 21.5196C6.71771 23.075 9.2506 24.0002 12 24.0002C14.7494 24.0002 17.2823 23.0749 19.3058 21.5196L12 14.2139L4.69421 21.5196Z" fill="#6DA544"></path><path data-v-9ff7b8fa="" d="M21.5194 19.3058C23.0747 17.2824 24 14.7495 24 12.0001C24 9.25068 23.0747 6.71779 21.5194 4.69434L14.2136 12.0001L21.5194 19.3058Z" fill="black"></path></g><defs data-v-9ff7b8fa=""><clipPath data-v-9ff7b8fa="" id="clip0_1_2367"><rect data-v-9ff7b8fa="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9ff7b8fa="" class="kui-icon flag-jm-icon" data-testid="kui-icon-wrapper-flag-jm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ff7b8fa="" data-testid="kui-icon-svg-flag-jm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9ff7b8fa="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9ff7b8fa=""><g clip-path="url(#clip0_1_2367)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M19.3058 2.48062C17.2823 0.925266 14.7494 0 12 0C9.2506 0 6.71767 0.925312 4.69421 2.48062L12 9.78638L19.3058 2.48062Z" fill="#6DA544"></path>
+<path d="M2.48058 4.69434C0.925312 6.71779 0 9.25068 0 12.0001C0 14.7495 0.925312 17.2824 2.48062 19.3059L9.78642 12.0001L2.48058 4.69434Z" fill="black"></path>
+<path d="M4.69421 21.5196C6.71771 23.075 9.2506 24.0002 12 24.0002C14.7494 24.0002 17.2823 23.0749 19.3058 21.5196L12 14.2139L4.69421 21.5196Z" fill="#6DA544"></path>
+<path d="M21.5194 19.3058C23.0747 17.2824 24 14.7495 24 12.0001C24 9.25068 23.0747 6.71779 21.5194 4.69434L14.2136 12.0001L21.5194 19.3058Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2367">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJoIcon.html b/src/tests/__snapshots__/FlagJoIcon.html
index a0c800ba..69d2a309 100644
--- a/src/tests/__snapshots__/FlagJoIcon.html
+++ b/src/tests/__snapshots__/FlagJoIcon.html
@@ -1 +1,12 @@
-<span data-v-8a5ce6c5="" class="kui-icon flag-jo-icon" data-testid="kui-icon-wrapper-flag-jo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8a5ce6c5="" data-testid="kui-icon-svg-flag-jo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8a5ce6c5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-8a5ce6c5="" clip-path="url(#clip0_1_2370)"><path data-v-8a5ce6c5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-8a5ce6c5="" d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="black"></path><path data-v-8a5ce6c5="" d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#6DA544"></path><path data-v-8a5ce6c5="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#D80027"></path><path data-v-8a5ce6c5="" d="M4.76274 9.39111L5.42129 10.7683L6.90858 10.4245L6.24249 11.798L7.43851 12.7465L5.94943 13.0821L5.95355 14.6085L4.76274 13.6535L3.57188 14.6085L3.57605 13.0821L2.08698 12.7465L3.28294 11.798L2.61694 10.4245L4.10415 10.7683L4.76274 9.39111Z" fill="#F0F0F0"></path></g><defs data-v-8a5ce6c5=""><clipPath data-v-8a5ce6c5="" id="clip0_1_2370"><rect data-v-8a5ce6c5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-8a5ce6c5="" class="kui-icon flag-jo-icon" data-testid="kui-icon-wrapper-flag-jo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8a5ce6c5="" data-testid="kui-icon-svg-flag-jo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8a5ce6c5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8a5ce6c5=""><g clip-path="url(#clip0_1_2370)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="black"></path>
+<path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#6DA544"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#D80027"></path>
+<path d="M4.76274 9.39111L5.42129 10.7683L6.90858 10.4245L6.24249 11.798L7.43851 12.7465L5.94943 13.0821L5.95355 14.6085L4.76274 13.6535L3.57188 14.6085L3.57605 13.0821L2.08698 12.7465L3.28294 11.798L2.61694 10.4245L4.10415 10.7683L4.76274 9.39111Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2370">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJpIcon.html b/src/tests/__snapshots__/FlagJpIcon.html
index 20725d54..40db04f1 100644
--- a/src/tests/__snapshots__/FlagJpIcon.html
+++ b/src/tests/__snapshots__/FlagJpIcon.html
@@ -1 +1,9 @@
-<span data-v-c1366c2e="" class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1366c2e="" data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1366c2e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c1366c2e="" clip-path="url(#clip0_1415_4034)"><path data-v-c1366c2e="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-c1366c2e="" d="M12.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z" fill="#D80027"></path></g><defs data-v-c1366c2e=""><clipPath data-v-c1366c2e="" id="clip0_1415_4034"><rect data-v-c1366c2e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-c1366c2e="" class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1366c2e="" data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1366c2e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c1366c2e=""><g clip-path="url(#clip0_1415_4034)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_4034">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKeIcon.html b/src/tests/__snapshots__/FlagKeIcon.html
index 408213f3..a660bec6 100644
--- a/src/tests/__snapshots__/FlagKeIcon.html
+++ b/src/tests/__snapshots__/FlagKeIcon.html
@@ -1 +1,17 @@
-<span data-v-9a415f4d="" class="kui-icon flag-ke-icon" data-testid="kui-icon-wrapper-flag-ke-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a415f4d="" data-testid="kui-icon-svg-flag-ke-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9a415f4d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9a415f4d="" clip-path="url(#clip0_1_2372)"><path data-v-9a415f4d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-9a415f4d="" d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="black"></path><path data-v-9a415f4d="" d="M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z" fill="#496E2D"></path><path data-v-9a415f4d="" d="M23.4333 8.34766H0.566672C0.199078 9.49933 0 10.7263 0 11.9998C0 13.2734 0.199078 14.5003 0.566672 15.652H23.4333C23.8009 14.5003 24 13.2734 24 11.9998C24 10.7263 23.8009 9.49933 23.4333 8.34766Z" fill="#A2001D"></path><path data-v-9a415f4d="" d="M15.7366 5.54557L14.3155 4.88965L12 10.1327L9.68448 4.88965L8.26337 5.54557L11.1381 12.0002L8.26337 18.4549L9.68448 19.1108L12 13.8678L14.3155 19.1108L15.7366 18.4549L12.8619 12.0002L15.7366 5.54557Z" fill="#F0F0F0"></path><path data-v-9a415f4d="" d="M12.9652 6.16395C12.4151 5.56315 12 5.21777 12 5.21777C12 5.21777 11.5849 5.5631 11.0348 6.16395V17.8368C11.5849 18.4376 12 18.783 12 18.783C12 18.783 12.4151 18.4377 12.9652 17.8368V6.16395Z" fill="#F0F0F0"></path><path data-v-9a415f4d="" d="M9.3913 8.4019V15.5978C9.97264 16.6279 10.6842 17.4722 11.2174 18.0319V5.96777C10.6842 6.52751 9.97259 7.37187 9.3913 8.4019V8.4019Z" fill="#A2001D"></path><path data-v-9a415f4d="" d="M14.6087 8.4019C14.0273 7.37182 13.3158 6.52751 12.7826 5.96777V18.0319C13.3158 17.4722 14.0273 16.6279 14.6087 15.5978V8.4019Z" fill="#A2001D"></path><path data-v-9a415f4d="" d="M14.6087 8.40186V15.5977C15.1972 14.5548 15.6522 13.3216 15.6522 11.9998C15.6522 10.6781 15.1972 9.44482 14.6087 8.40186Z" fill="black"></path><path data-v-9a415f4d="" d="M9.39132 8.40186V15.5977C8.80281 14.5548 8.34784 13.3216 8.34784 11.9998C8.34784 10.6781 8.80281 9.44482 9.39132 8.40186Z" fill="black"></path></g><defs data-v-9a415f4d=""><clipPath data-v-9a415f4d="" id="clip0_1_2372"><rect data-v-9a415f4d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9a415f4d="" class="kui-icon flag-ke-icon" data-testid="kui-icon-wrapper-flag-ke-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a415f4d="" data-testid="kui-icon-svg-flag-ke-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9a415f4d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9a415f4d=""><g clip-path="url(#clip0_1_2372)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="black"></path>
+<path d="M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z" fill="#496E2D"></path>
+<path d="M23.4333 8.34766H0.566672C0.199078 9.49933 0 10.7263 0 11.9998C0 13.2734 0.199078 14.5003 0.566672 15.652H23.4333C23.8009 14.5003 24 13.2734 24 11.9998C24 10.7263 23.8009 9.49933 23.4333 8.34766Z" fill="#A2001D"></path>
+<path d="M15.7366 5.54557L14.3155 4.88965L12 10.1327L9.68448 4.88965L8.26337 5.54557L11.1381 12.0002L8.26337 18.4549L9.68448 19.1108L12 13.8678L14.3155 19.1108L15.7366 18.4549L12.8619 12.0002L15.7366 5.54557Z" fill="#F0F0F0"></path>
+<path d="M12.9652 6.16395C12.4151 5.56315 12 5.21777 12 5.21777C12 5.21777 11.5849 5.5631 11.0348 6.16395V17.8368C11.5849 18.4376 12 18.783 12 18.783C12 18.783 12.4151 18.4377 12.9652 17.8368V6.16395Z" fill="#F0F0F0"></path>
+<path d="M9.3913 8.4019V15.5978C9.97264 16.6279 10.6842 17.4722 11.2174 18.0319V5.96777C10.6842 6.52751 9.97259 7.37187 9.3913 8.4019V8.4019Z" fill="#A2001D"></path>
+<path d="M14.6087 8.4019C14.0273 7.37182 13.3158 6.52751 12.7826 5.96777V18.0319C13.3158 17.4722 14.0273 16.6279 14.6087 15.5978V8.4019Z" fill="#A2001D"></path>
+<path d="M14.6087 8.40186V15.5977C15.1972 14.5548 15.6522 13.3216 15.6522 11.9998C15.6522 10.6781 15.1972 9.44482 14.6087 8.40186Z" fill="black"></path>
+<path d="M9.39132 8.40186V15.5977C8.80281 14.5548 8.34784 13.3216 8.34784 11.9998C8.34784 10.6781 8.80281 9.44482 9.39132 8.40186Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2372">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKgIcon.html b/src/tests/__snapshots__/FlagKgIcon.html
index 23d48c18..3a191869 100644
--- a/src/tests/__snapshots__/FlagKgIcon.html
+++ b/src/tests/__snapshots__/FlagKgIcon.html
@@ -1 +1,14 @@
-<span data-v-b639eb4a="" class="kui-icon flag-kg-icon" data-testid="kui-icon-wrapper-flag-kg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b639eb4a="" data-testid="kui-icon-svg-flag-kg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b639eb4a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b639eb4a="" clip-path="url(#clip0_1_2376)"><path data-v-b639eb4a="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-b639eb4a="" d="M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z" fill="#FFDA44"></path><path data-v-b639eb4a="" d="M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z" fill="#D80027"></path><path data-v-b639eb4a="" d="M10.1739 12C10.0859 12 9.99906 12.0045 9.91333 12.013C9.91647 12.5189 10.0995 12.9818 10.4017 13.3415C10.563 12.9076 10.8037 12.5119 11.1073 12.1733C10.8174 12.0618 10.5028 12 10.1739 12Z" fill="#FFDA44"></path><path data-v-b639eb4a="" d="M11.298 13.9656C11.5174 14.044 11.7536 14.0869 12 14.0869C12.2464 14.0869 12.4826 14.044 12.7019 13.9656C12.5824 13.4963 12.3355 13.0773 12 12.748C11.6645 13.0772 11.4176 13.4963 11.298 13.9656Z" fill="#FFDA44"></path><path data-v-b639eb4a="" d="M13.8073 10.9569C13.4464 10.3332 12.7725 9.91309 12 9.91309C11.2275 9.91309 10.5536 10.3331 10.1927 10.9569C10.8506 10.9602 11.4675 11.1391 12 11.448C12.5326 11.1391 13.1493 10.9602 13.8073 10.9569Z" fill="#FFDA44"></path><path data-v-b639eb4a="" d="M12.8926 12.1733C13.1962 12.5119 13.437 12.9075 13.5982 13.3415C13.9005 12.9818 14.0835 12.5189 14.0866 12.013C14.0009 12.0045 13.914 12 13.8261 12C13.4973 12 13.1827 12.0617 12.8926 12.1733V12.1733Z" fill="#FFDA44"></path></g><defs data-v-b639eb4a=""><clipPath data-v-b639eb4a="" id="clip0_1_2376"><rect data-v-b639eb4a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b639eb4a="" class="kui-icon flag-kg-icon" data-testid="kui-icon-wrapper-flag-kg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b639eb4a="" data-testid="kui-icon-svg-flag-kg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b639eb4a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b639eb4a=""><g clip-path="url(#clip0_1_2376)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z" fill="#FFDA44"></path>
+<path d="M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z" fill="#D80027"></path>
+<path d="M10.1739 12C10.0859 12 9.99906 12.0045 9.91333 12.013C9.91647 12.5189 10.0995 12.9818 10.4017 13.3415C10.563 12.9076 10.8037 12.5119 11.1073 12.1733C10.8174 12.0618 10.5028 12 10.1739 12Z" fill="#FFDA44"></path>
+<path d="M11.298 13.9656C11.5174 14.044 11.7536 14.0869 12 14.0869C12.2464 14.0869 12.4826 14.044 12.7019 13.9656C12.5824 13.4963 12.3355 13.0773 12 12.748C11.6645 13.0772 11.4176 13.4963 11.298 13.9656Z" fill="#FFDA44"></path>
+<path d="M13.8073 10.9569C13.4464 10.3332 12.7725 9.91309 12 9.91309C11.2275 9.91309 10.5536 10.3331 10.1927 10.9569C10.8506 10.9602 11.4675 11.1391 12 11.448C12.5326 11.1391 13.1493 10.9602 13.8073 10.9569Z" fill="#FFDA44"></path>
+<path d="M12.8926 12.1733C13.1962 12.5119 13.437 12.9075 13.5982 13.3415C13.9005 12.9818 14.0835 12.5189 14.0866 12.013C14.0009 12.0045 13.914 12 13.8261 12C13.4973 12 13.1827 12.0617 12.8926 12.1733V12.1733Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2376">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKhIcon.html b/src/tests/__snapshots__/FlagKhIcon.html
index e5434091..b635448b 100644
--- a/src/tests/__snapshots__/FlagKhIcon.html
+++ b/src/tests/__snapshots__/FlagKhIcon.html
@@ -1 +1,11 @@
-<span data-v-1a845ffe="" class="kui-icon flag-kh-icon" data-testid="kui-icon-wrapper-flag-kh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a845ffe="" data-testid="kui-icon-svg-flag-kh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a845ffe="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-1a845ffe="" clip-path="url(#clip0_1_2290)"><path data-v-1a845ffe="" d="M0 11.9999C0 14.0788 0.528891 16.0342 1.45908 17.739L12 18.7825L22.5409 17.739C23.4711 16.0342 24 14.0788 24 11.9999C24 9.921 23.4711 7.96566 22.5409 6.26077L12 5.21729L1.45908 6.26077C0.528891 7.96566 0 9.921 0 11.9999H0Z" fill="#D80027"></path><path data-v-1a845ffe="" d="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086V6.26086Z" fill="#0052B4"></path><path data-v-1a845ffe="" d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45911C3.49437 21.4694 7.45151 24.0001 12 24.0001Z" fill="#0052B4"></path><path data-v-1a845ffe="" d="M16.1739 14.3481V12.7829H15.1305V10.6959L14.087 9.6524L13.0435 10.6959V8.60891L12 7.56543L10.9565 8.60891V10.6959L9.91306 9.6524L8.86958 10.6959V12.7829H7.82614V14.3481H6.78265V15.9133H17.2174V14.3481H16.1739Z" fill="#F0F0F0"></path></g><defs data-v-1a845ffe=""><clipPath data-v-1a845ffe="" id="clip0_1_2290"><rect data-v-1a845ffe="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-1a845ffe="" class="kui-icon flag-kh-icon" data-testid="kui-icon-wrapper-flag-kh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a845ffe="" data-testid="kui-icon-svg-flag-kh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a845ffe="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1a845ffe=""><g clip-path="url(#clip0_1_2290)">
+<path d="M0 11.9999C0 14.0788 0.528891 16.0342 1.45908 17.739L12 18.7825L22.5409 17.739C23.4711 16.0342 24 14.0788 24 11.9999C24 9.921 23.4711 7.96566 22.5409 6.26077L12 5.21729L1.45908 6.26077C0.528891 7.96566 0 9.921 0 11.9999H0Z" fill="#D80027"></path>
+<path d="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086V6.26086Z" fill="#0052B4"></path>
+<path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45911C3.49437 21.4694 7.45151 24.0001 12 24.0001Z" fill="#0052B4"></path>
+<path d="M16.1739 14.3481V12.7829H15.1305V10.6959L14.087 9.6524L13.0435 10.6959V8.60891L12 7.56543L10.9565 8.60891V10.6959L9.91306 9.6524L8.86958 10.6959V12.7829H7.82614V14.3481H6.78265V15.9133H17.2174V14.3481H16.1739Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2290">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKiIcon.html b/src/tests/__snapshots__/FlagKiIcon.html
index 32d547e0..3e69fe2c 100644
--- a/src/tests/__snapshots__/FlagKiIcon.html
+++ b/src/tests/__snapshots__/FlagKiIcon.html
@@ -1 +1,15 @@
-<span data-v-120a24a9="" class="kui-icon flag-ki-icon" data-testid="kui-icon-wrapper-flag-ki-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-120a24a9="" data-testid="kui-icon-svg-flag-ki-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-120a24a9="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-120a24a9="" clip-path="url(#clip0_1_2373)"><path data-v-120a24a9="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path><path data-v-120a24a9="" d="M16.1739 11.16L14.4683 11.9622L15.3766 13.614L13.5246 13.2597L13.29 15.1305L12 13.7545L10.71 15.1305L10.4754 13.2597L8.62341 13.6139L9.53161 11.9622L7.82611 11.16L9.53161 10.3577L8.62341 8.70605L10.4753 9.06023L10.71 7.18945L12 8.56537L13.29 7.18945L13.5246 9.06023L15.3766 8.70605L14.4685 10.3578L16.1739 11.16Z" fill="#FFDA44"></path><path data-v-120a24a9="" d="M15.1305 3.913H12.7826C12.7826 3.48086 12.4322 3.13037 12 3.13037C11.5678 3.13037 11.2174 3.48081 11.2174 3.913H8.86957C8.86957 4.34518 9.24607 4.69562 9.67826 4.69562H9.65215C9.65215 5.12781 10.0025 5.47825 10.4348 5.47825C10.4348 5.91043 10.7851 6.26087 11.2174 6.26087H12.7826C13.2147 6.26087 13.5652 5.91048 13.5652 5.47825C13.9974 5.47825 14.3478 5.12786 14.3478 4.69562H14.3217C14.754 4.69562 15.1305 4.34523 15.1305 3.913V3.913Z" fill="#FFDA44"></path><path data-v-120a24a9="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12H24Z" fill="#F0F0F0"></path><path data-v-120a24a9="" d="M12 24C15.751 24 19.0995 22.2785 21.3001 19.583C20.9043 19.3132 20.6906 18.877 19.9998 18.877C18.9998 18.877 18.9998 19.7913 17.9999 19.7913C17 19.7913 16.9999 18.877 16 18.877C15 18.877 15 19.7913 14 19.7913C12.9999 19.7913 12.9999 18.877 11.9998 18.877C10.9998 18.877 10.9998 19.7913 9.99989 19.7913C9.00005 19.7913 9.00005 18.877 8.00006 18.877C6.99999 18.877 6.99999 19.7913 5.99991 19.7913C4.99983 19.7913 4.99983 18.877 3.99975 18.877C3.3091 18.877 3.09539 19.3131 2.69977 19.5829C4.90027 22.2785 8.24892 24 12 24V24Z" fill="#0052B4"></path><path data-v-120a24a9="" d="M21.9999 13.5306C20.9999 13.5306 20.9999 12.6162 19.9998 12.6162C18.9999 12.6162 18.9999 13.5306 17.9999 13.5306C17 13.5306 16.9999 12.6162 16 12.6162C15 12.6162 15 13.5306 14 13.5306C13 13.5306 12.9999 12.6162 11.9998 12.6162C10.9998 12.6162 10.9998 13.5306 9.99991 13.5306C9.00006 13.5306 9.00006 12.6162 8.00008 12.6162C7 12.6162 7 13.5306 5.99992 13.5306C4.99984 13.5306 4.99984 12.6162 3.99977 12.6162C2.99992 12.6162 2.99992 13.5306 1.99994 13.5306C1.00534 13.5306 0.999578 12.6263 0.015625 12.6166C0.0433281 13.1655 0.108859 13.7044 0.207953 14.2314C1.00502 14.3485 1.07481 15.1305 1.99998 15.1305C2.99997 15.1305 2.99997 14.2163 3.99981 14.2163C4.99989 14.2163 4.99989 15.1305 5.99997 15.1305C7.00005 15.1305 7.00005 14.2163 8.00013 14.2163C9.00011 14.2163 9.00011 15.1305 9.99995 15.1305C10.9999 15.1305 10.9999 14.2163 11.9999 14.2163C13 14.2163 13 15.1305 14 15.1305C15.0001 15.1305 15.0001 14.2163 16 14.2163C17 14.2163 17 15.1305 18 15.1305C18.9999 15.1305 19 14.2163 19.9999 14.2163C21 14.2163 21 15.1305 21.9999 15.1305C22.9252 15.1305 22.995 14.3486 23.7921 14.2314C23.8912 13.7044 23.9567 13.1656 23.9845 12.6167C23.0004 12.6264 22.9945 13.5306 21.9999 13.5306V13.5306Z" fill="#0052B4"></path><path data-v-120a24a9="" d="M19.9998 15.7466C18.9998 15.7466 18.9998 16.6609 17.9999 16.6609C17 16.6609 16.9999 15.7466 16 15.7466C15 15.7466 15 16.6609 14 16.6609C12.9999 16.6609 12.9999 15.7466 11.9998 15.7466C10.9998 15.7466 10.9998 16.6609 9.99989 16.6609C9.00005 16.6609 9.00005 15.7466 8.00006 15.7466C6.99998 15.7466 6.99998 16.6609 5.9999 16.6609C4.99983 16.6609 4.99983 15.7466 3.99975 15.7466C2.9999 15.7466 2.9999 16.6609 1.99992 16.6609C1.2854 16.6609 1.08131 16.1942 0.658264 15.9276C0.939889 16.7413 1.30626 17.5154 1.7475 18.2389C1.82423 18.2531 1.90776 18.2609 1.99992 18.2609C2.9999 18.2609 2.9999 17.3467 3.99975 17.3467C4.99983 17.3467 4.99983 18.2609 5.9999 18.2609C6.99998 18.2609 6.99998 17.3467 8.00006 17.3467C9.00005 17.3467 9.00005 18.2609 9.99989 18.2609C10.9999 18.2609 10.9999 17.3467 11.9998 17.3467C12.9999 17.3467 12.9999 18.2609 14 18.2609C15 18.2609 15 17.3467 16 17.3467C17 17.3467 17 18.2609 17.9999 18.2609C18.9998 18.2609 18.9999 17.3467 19.9998 17.3467C20.9999 17.3467 20.9999 18.2609 21.9998 18.2609C22.0921 18.2609 22.1756 18.2531 22.2524 18.2389C22.6936 17.5154 23.0599 16.7413 23.3417 15.9277C22.9186 16.1941 22.7145 16.6609 21.9998 16.6609C20.9999 16.6609 20.9999 15.7466 19.9998 15.7466Z" fill="#0052B4"></path><path data-v-120a24a9="" d="M23.9628 11.0518C23.0004 11.0745 22.9872 11.9651 21.9998 11.9651C20.9999 11.9651 20.9999 11.0508 19.9998 11.0508C18.9998 11.0508 18.9998 11.9651 17.9999 11.9651C17 11.9651 16.9999 11.0508 16 11.0508C15 11.0508 15 11.9651 14 11.9651C12.9999 11.9651 12.9999 11.0508 11.9998 11.0508C10.9998 11.0508 10.9998 11.9651 9.99989 11.9651C9.00005 11.9651 9.00005 11.0508 8.00006 11.0508C6.99998 11.0508 6.99998 11.9651 5.99991 11.9651C4.99983 11.9651 4.99983 11.0508 3.99975 11.0508C2.99991 11.0508 2.99991 11.9651 1.99992 11.9651C1.01278 11.9651 0.999422 11.0746 0.0371719 11.0518C0.01275 11.3647 0 11.6808 0 11.9999C0 12.2184 0.0061875 12.4356 0.0178594 12.6513C0.999563 12.6623 1.00608 13.5651 1.99997 13.5651C2.99995 13.5651 2.99995 12.6508 3.9998 12.6508C4.99988 12.6508 4.99988 13.5651 5.99995 13.5651C7.00003 13.5651 7.00003 12.6508 8.00011 12.6508C9.00009 12.6508 9.00009 13.5651 9.99994 13.5651C10.9999 13.5651 10.9999 12.6508 11.9999 12.6508C12.9999 12.6508 12.9999 13.5651 14 13.5651C15.0001 13.5651 15.0001 12.6508 16 12.6508C17 12.6508 17 13.5651 18 13.5651C18.9999 13.5651 18.9999 12.6508 19.9999 12.6508C21 12.6508 21 13.5651 21.9999 13.5651C22.9939 13.5651 23.0004 12.6623 23.9823 12.6513C23.9938 12.4356 24 12.2184 24 11.9999C24 11.6808 23.9872 11.3647 23.9628 11.0518V11.0518Z" fill="#F0F0F0"></path></g><defs data-v-120a24a9=""><clipPath data-v-120a24a9="" id="clip0_1_2373"><rect data-v-120a24a9="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-120a24a9="" class="kui-icon flag-ki-icon" data-testid="kui-icon-wrapper-flag-ki-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-120a24a9="" data-testid="kui-icon-svg-flag-ki-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-120a24a9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-120a24a9=""><g clip-path="url(#clip0_1_2373)">
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
+<path d="M16.1739 11.16L14.4683 11.9622L15.3766 13.614L13.5246 13.2597L13.29 15.1305L12 13.7545L10.71 15.1305L10.4754 13.2597L8.62341 13.6139L9.53161 11.9622L7.82611 11.16L9.53161 10.3577L8.62341 8.70605L10.4753 9.06023L10.71 7.18945L12 8.56537L13.29 7.18945L13.5246 9.06023L15.3766 8.70605L14.4685 10.3578L16.1739 11.16Z" fill="#FFDA44"></path>
+<path d="M15.1305 3.913H12.7826C12.7826 3.48086 12.4322 3.13037 12 3.13037C11.5678 3.13037 11.2174 3.48081 11.2174 3.913H8.86957C8.86957 4.34518 9.24607 4.69562 9.67826 4.69562H9.65215C9.65215 5.12781 10.0025 5.47825 10.4348 5.47825C10.4348 5.91043 10.7851 6.26087 11.2174 6.26087H12.7826C13.2147 6.26087 13.5652 5.91048 13.5652 5.47825C13.9974 5.47825 14.3478 5.12786 14.3478 4.69562H14.3217C14.754 4.69562 15.1305 4.34523 15.1305 3.913V3.913Z" fill="#FFDA44"></path>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12H24Z" fill="#F0F0F0"></path>
+<path d="M12 24C15.751 24 19.0995 22.2785 21.3001 19.583C20.9043 19.3132 20.6906 18.877 19.9998 18.877C18.9998 18.877 18.9998 19.7913 17.9999 19.7913C17 19.7913 16.9999 18.877 16 18.877C15 18.877 15 19.7913 14 19.7913C12.9999 19.7913 12.9999 18.877 11.9998 18.877C10.9998 18.877 10.9998 19.7913 9.99989 19.7913C9.00005 19.7913 9.00005 18.877 8.00006 18.877C6.99999 18.877 6.99999 19.7913 5.99991 19.7913C4.99983 19.7913 4.99983 18.877 3.99975 18.877C3.3091 18.877 3.09539 19.3131 2.69977 19.5829C4.90027 22.2785 8.24892 24 12 24V24Z" fill="#0052B4"></path>
+<path d="M21.9999 13.5306C20.9999 13.5306 20.9999 12.6162 19.9998 12.6162C18.9999 12.6162 18.9999 13.5306 17.9999 13.5306C17 13.5306 16.9999 12.6162 16 12.6162C15 12.6162 15 13.5306 14 13.5306C13 13.5306 12.9999 12.6162 11.9998 12.6162C10.9998 12.6162 10.9998 13.5306 9.99991 13.5306C9.00006 13.5306 9.00006 12.6162 8.00008 12.6162C7 12.6162 7 13.5306 5.99992 13.5306C4.99984 13.5306 4.99984 12.6162 3.99977 12.6162C2.99992 12.6162 2.99992 13.5306 1.99994 13.5306C1.00534 13.5306 0.999578 12.6263 0.015625 12.6166C0.0433281 13.1655 0.108859 13.7044 0.207953 14.2314C1.00502 14.3485 1.07481 15.1305 1.99998 15.1305C2.99997 15.1305 2.99997 14.2163 3.99981 14.2163C4.99989 14.2163 4.99989 15.1305 5.99997 15.1305C7.00005 15.1305 7.00005 14.2163 8.00013 14.2163C9.00011 14.2163 9.00011 15.1305 9.99995 15.1305C10.9999 15.1305 10.9999 14.2163 11.9999 14.2163C13 14.2163 13 15.1305 14 15.1305C15.0001 15.1305 15.0001 14.2163 16 14.2163C17 14.2163 17 15.1305 18 15.1305C18.9999 15.1305 19 14.2163 19.9999 14.2163C21 14.2163 21 15.1305 21.9999 15.1305C22.9252 15.1305 22.995 14.3486 23.7921 14.2314C23.8912 13.7044 23.9567 13.1656 23.9845 12.6167C23.0004 12.6264 22.9945 13.5306 21.9999 13.5306V13.5306Z" fill="#0052B4"></path>
+<path d="M19.9998 15.7466C18.9998 15.7466 18.9998 16.6609 17.9999 16.6609C17 16.6609 16.9999 15.7466 16 15.7466C15 15.7466 15 16.6609 14 16.6609C12.9999 16.6609 12.9999 15.7466 11.9998 15.7466C10.9998 15.7466 10.9998 16.6609 9.99989 16.6609C9.00005 16.6609 9.00005 15.7466 8.00006 15.7466C6.99998 15.7466 6.99998 16.6609 5.9999 16.6609C4.99983 16.6609 4.99983 15.7466 3.99975 15.7466C2.9999 15.7466 2.9999 16.6609 1.99992 16.6609C1.2854 16.6609 1.08131 16.1942 0.658264 15.9276C0.939889 16.7413 1.30626 17.5154 1.7475 18.2389C1.82423 18.2531 1.90776 18.2609 1.99992 18.2609C2.9999 18.2609 2.9999 17.3467 3.99975 17.3467C4.99983 17.3467 4.99983 18.2609 5.9999 18.2609C6.99998 18.2609 6.99998 17.3467 8.00006 17.3467C9.00005 17.3467 9.00005 18.2609 9.99989 18.2609C10.9999 18.2609 10.9999 17.3467 11.9998 17.3467C12.9999 17.3467 12.9999 18.2609 14 18.2609C15 18.2609 15 17.3467 16 17.3467C17 17.3467 17 18.2609 17.9999 18.2609C18.9998 18.2609 18.9999 17.3467 19.9998 17.3467C20.9999 17.3467 20.9999 18.2609 21.9998 18.2609C22.0921 18.2609 22.1756 18.2531 22.2524 18.2389C22.6936 17.5154 23.0599 16.7413 23.3417 15.9277C22.9186 16.1941 22.7145 16.6609 21.9998 16.6609C20.9999 16.6609 20.9999 15.7466 19.9998 15.7466Z" fill="#0052B4"></path>
+<path d="M23.9628 11.0518C23.0004 11.0745 22.9872 11.9651 21.9998 11.9651C20.9999 11.9651 20.9999 11.0508 19.9998 11.0508C18.9998 11.0508 18.9998 11.9651 17.9999 11.9651C17 11.9651 16.9999 11.0508 16 11.0508C15 11.0508 15 11.9651 14 11.9651C12.9999 11.9651 12.9999 11.0508 11.9998 11.0508C10.9998 11.0508 10.9998 11.9651 9.99989 11.9651C9.00005 11.9651 9.00005 11.0508 8.00006 11.0508C6.99998 11.0508 6.99998 11.9651 5.99991 11.9651C4.99983 11.9651 4.99983 11.0508 3.99975 11.0508C2.99991 11.0508 2.99991 11.9651 1.99992 11.9651C1.01278 11.9651 0.999422 11.0746 0.0371719 11.0518C0.01275 11.3647 0 11.6808 0 11.9999C0 12.2184 0.0061875 12.4356 0.0178594 12.6513C0.999563 12.6623 1.00608 13.5651 1.99997 13.5651C2.99995 13.5651 2.99995 12.6508 3.9998 12.6508C4.99988 12.6508 4.99988 13.5651 5.99995 13.5651C7.00003 13.5651 7.00003 12.6508 8.00011 12.6508C9.00009 12.6508 9.00009 13.5651 9.99994 13.5651C10.9999 13.5651 10.9999 12.6508 11.9999 12.6508C12.9999 12.6508 12.9999 13.5651 14 13.5651C15.0001 13.5651 15.0001 12.6508 16 12.6508C17 12.6508 17 13.5651 18 13.5651C18.9999 13.5651 18.9999 12.6508 19.9999 12.6508C21 12.6508 21 13.5651 21.9999 13.5651C22.9939 13.5651 23.0004 12.6623 23.9823 12.6513C23.9938 12.4356 24 12.2184 24 11.9999C24 11.6808 23.9872 11.3647 23.9628 11.0518V11.0518Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2373">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKmIcon.html b/src/tests/__snapshots__/FlagKmIcon.html
index 31bc61cf..d4332630 100644
--- a/src/tests/__snapshots__/FlagKmIcon.html
+++ b/src/tests/__snapshots__/FlagKmIcon.html
@@ -1 +1,17 @@
-<span data-v-eba4b2d9="" class="kui-icon flag-km-icon" data-testid="kui-icon-wrapper-flag-km-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eba4b2d9="" data-testid="kui-icon-svg-flag-km-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eba4b2d9="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-eba4b2d9="" clip-path="url(#clip0_1_2304)"><path data-v-eba4b2d9="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-eba4b2d9="" d="M23.9996 11.9653H10.9913C8.40862 14.5481 6.84684 16.542 5.25216 18.1367L12.0348 18.7479L22.5598 17.7044C23.4783 16.0078 24 14.0649 24 12.0001C24 11.9884 23.9996 11.977 23.9996 11.9653V11.9653Z" fill="#D80027"></path><path data-v-eba4b2d9="" d="M5.2522 6.22613H22.5215C20.4807 2.51513 16.5343 0 12 0C8.69508 0 5.70277 1.33645 3.53269 3.498L5.2522 6.22613Z" fill="#FFDA44"></path><path data-v-eba4b2d9="" d="M5.77392 17.7046C4.69514 18.7834 4.27823 19.6872 3.49772 20.4677C5.67061 22.6496 8.67741 24.0002 12 24.0002C16.5626 24.0002 20.5303 21.4537 22.5599 17.7046H5.77392Z" fill="#0052B4"></path><path data-v-eba4b2d9="" d="M3.51469 3.47998C-1.17159 8.16626 -1.17159 15.7643 3.51469 20.4506C5.45123 18.5141 7.31372 16.6516 12 11.9653L3.51469 3.47998Z" fill="#6DA544"></path><path data-v-eba4b2d9="" d="M3.16523 11.9652C3.16523 10.2168 4.39397 8.75624 6.03478 8.39793C5.78259 8.34285 5.52094 8.31299 5.25215 8.31299C3.23508 8.31299 1.59998 9.94808 1.59998 11.9652C1.59998 13.9822 3.23508 15.6173 5.25215 15.6173C5.52089 15.6173 5.78255 15.5875 6.03478 15.5324C4.39397 15.174 3.16523 13.7135 3.16523 11.9652V11.9652Z" fill="#F0F0F0"></path><path data-v-eba4b2d9="" d="M5.99451 8.83447L6.18881 9.43232H6.8174L6.30881 9.80183L6.50311 10.3997L5.99451 10.0302L5.48592 10.3997L5.68022 9.80183L5.17162 9.43232H5.80022L5.99451 8.83447Z" fill="#F0F0F0"></path><path data-v-eba4b2d9="" d="M5.99451 10.3999L6.18881 10.9978H6.8174L6.30881 11.3673L6.50311 11.9652L5.99451 11.5956L5.48592 11.9652L5.68022 11.3673L5.17162 10.9978H5.80022L5.99451 10.3999Z" fill="#F0F0F0"></path><path data-v-eba4b2d9="" d="M5.99451 11.9653L6.18881 12.5632H6.8174L6.30881 12.9327L6.50311 13.5305L5.99451 13.161L5.48592 13.5305L5.68022 12.9327L5.17162 12.5632H5.80022L5.99451 11.9653Z" fill="#F0F0F0"></path><path data-v-eba4b2d9="" d="M5.99451 13.5303L6.18881 14.1281H6.8174L6.30881 14.4976L6.50311 15.0955L5.99451 14.726L5.48592 15.0955L5.68022 14.4976L5.17162 14.1281H5.80022L5.99451 13.5303Z" fill="#F0F0F0"></path></g><defs data-v-eba4b2d9=""><clipPath data-v-eba4b2d9="" id="clip0_1_2304"><rect data-v-eba4b2d9="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-eba4b2d9="" class="kui-icon flag-km-icon" data-testid="kui-icon-wrapper-flag-km-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eba4b2d9="" data-testid="kui-icon-svg-flag-km-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eba4b2d9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eba4b2d9=""><g clip-path="url(#clip0_1_2304)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.9996 11.9653H10.9913C8.40862 14.5481 6.84684 16.542 5.25216 18.1367L12.0348 18.7479L22.5598 17.7044C23.4783 16.0078 24 14.0649 24 12.0001C24 11.9884 23.9996 11.977 23.9996 11.9653V11.9653Z" fill="#D80027"></path>
+<path d="M5.2522 6.22613H22.5215C20.4807 2.51513 16.5343 0 12 0C8.69508 0 5.70277 1.33645 3.53269 3.498L5.2522 6.22613Z" fill="#FFDA44"></path>
+<path d="M5.77392 17.7046C4.69514 18.7834 4.27823 19.6872 3.49772 20.4677C5.67061 22.6496 8.67741 24.0002 12 24.0002C16.5626 24.0002 20.5303 21.4537 22.5599 17.7046H5.77392Z" fill="#0052B4"></path>
+<path d="M3.51469 3.47998C-1.17159 8.16626 -1.17159 15.7643 3.51469 20.4506C5.45123 18.5141 7.31372 16.6516 12 11.9653L3.51469 3.47998Z" fill="#6DA544"></path>
+<path d="M3.16523 11.9652C3.16523 10.2168 4.39397 8.75624 6.03478 8.39793C5.78259 8.34285 5.52094 8.31299 5.25215 8.31299C3.23508 8.31299 1.59998 9.94808 1.59998 11.9652C1.59998 13.9822 3.23508 15.6173 5.25215 15.6173C5.52089 15.6173 5.78255 15.5875 6.03478 15.5324C4.39397 15.174 3.16523 13.7135 3.16523 11.9652V11.9652Z" fill="#F0F0F0"></path>
+<path d="M5.99451 8.83447L6.18881 9.43232H6.8174L6.30881 9.80183L6.50311 10.3997L5.99451 10.0302L5.48592 10.3997L5.68022 9.80183L5.17162 9.43232H5.80022L5.99451 8.83447Z" fill="#F0F0F0"></path>
+<path d="M5.99451 10.3999L6.18881 10.9978H6.8174L6.30881 11.3673L6.50311 11.9652L5.99451 11.5956L5.48592 11.9652L5.68022 11.3673L5.17162 10.9978H5.80022L5.99451 10.3999Z" fill="#F0F0F0"></path>
+<path d="M5.99451 11.9653L6.18881 12.5632H6.8174L6.30881 12.9327L6.50311 13.5305L5.99451 13.161L5.48592 13.5305L5.68022 12.9327L5.17162 12.5632H5.80022L5.99451 11.9653Z" fill="#F0F0F0"></path>
+<path d="M5.99451 13.5303L6.18881 14.1281H6.8174L6.30881 14.4976L6.50311 15.0955L5.99451 14.726L5.48592 15.0955L5.68022 14.4976L5.17162 14.1281H5.80022L5.99451 13.5303Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2304">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKpIcon.html b/src/tests/__snapshots__/FlagKpIcon.html
index c506d5d4..b8a1d6c6 100644
--- a/src/tests/__snapshots__/FlagKpIcon.html
+++ b/src/tests/__snapshots__/FlagKpIcon.html
@@ -1 +1,13 @@
-<span data-v-bf19dad1="" class="kui-icon flag-kp-icon" data-testid="kui-icon-wrapper-flag-kp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf19dad1="" data-testid="kui-icon-svg-flag-kp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf19dad1="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-bf19dad1="" clip-path="url(#clip0_246_4960)"><path data-v-bf19dad1="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-bf19dad1="" d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#0052B4"></path><path data-v-bf19dad1="" d="M21.0965 19.8261H2.90332C5.10396 22.3817 8.36285 24 11.9999 24C15.637 24 18.8959 22.3817 21.0965 19.8261Z" fill="#0052B4"></path><path data-v-bf19dad1="" d="M22.2387 5.73914H1.76128C0.644297 7.56187 0 9.7056 0 12C0 14.2944 0.644297 16.4382 1.76128 18.2609H22.2387C23.3557 16.4382 24 14.2944 24 12C24 9.7056 23.3557 7.56187 22.2387 5.73914Z" fill="#D80027"></path><path data-v-bf19dad1="" d="M7.38251 16.6174C9.93262 16.6174 11.9999 14.5501 11.9999 12C11.9999 9.4499 9.93262 7.38263 7.38251 7.38263C4.83241 7.38263 2.76514 9.4499 2.76514 12C2.76514 14.5501 4.83241 16.6174 7.38251 16.6174Z" fill="#F0F0F0"></path><path data-v-bf19dad1="" d="M7.38279 7.38263L8.41877 10.5711H11.7768L9.05913 12.5418L10.1032 15.7398L7.38279 13.7597L4.66648 15.7361L5.70645 12.5418L2.99121 10.5711H6.34676L7.38279 7.38263Z" fill="#D80027"></path></g><defs data-v-bf19dad1=""><clipPath data-v-bf19dad1="" id="clip0_246_4960"><rect data-v-bf19dad1="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-bf19dad1="" class="kui-icon flag-kp-icon" data-testid="kui-icon-wrapper-flag-kp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf19dad1="" data-testid="kui-icon-svg-flag-kp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf19dad1="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bf19dad1=""><g clip-path="url(#clip0_246_4960)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#0052B4"></path>
+<path d="M21.0965 19.8261H2.90332C5.10396 22.3817 8.36285 24 11.9999 24C15.637 24 18.8959 22.3817 21.0965 19.8261Z" fill="#0052B4"></path>
+<path d="M22.2387 5.73914H1.76128C0.644297 7.56187 0 9.7056 0 12C0 14.2944 0.644297 16.4382 1.76128 18.2609H22.2387C23.3557 16.4382 24 14.2944 24 12C24 9.7056 23.3557 7.56187 22.2387 5.73914Z" fill="#D80027"></path>
+<path d="M7.38251 16.6174C9.93262 16.6174 11.9999 14.5501 11.9999 12C11.9999 9.4499 9.93262 7.38263 7.38251 7.38263C4.83241 7.38263 2.76514 9.4499 2.76514 12C2.76514 14.5501 4.83241 16.6174 7.38251 16.6174Z" fill="#F0F0F0"></path>
+<path d="M7.38279 7.38263L8.41877 10.5711H11.7768L9.05913 12.5418L10.1032 15.7398L7.38279 13.7597L4.66648 15.7361L5.70645 12.5418L2.99121 10.5711H6.34676L7.38279 7.38263Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4960">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKrIcon.html b/src/tests/__snapshots__/FlagKrIcon.html
index 8c735578..b7633273 100644
--- a/src/tests/__snapshots__/FlagKrIcon.html
+++ b/src/tests/__snapshots__/FlagKrIcon.html
@@ -1 +1,28 @@
-<span data-v-7f1d34a2="" class="kui-icon flag-kr-icon" data-testid="kui-icon-wrapper-flag-kr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f1d34a2="" data-testid="kui-icon-svg-flag-kr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7f1d34a2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7f1d34a2="" clip-path="url(#clip0_1415_2982)"><path data-v-7f1d34a2="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-7f1d34a2="" d="M16.174 12.0001C16.174 13.0435 14.3052 15.6522 12.0001 15.6522C9.69489 15.6522 7.82617 13.0435 7.82617 12.0001C7.82617 9.69484 9.69489 7.82617 12.0001 7.82617C14.3052 7.82617 16.174 9.69484 16.174 12.0001Z" fill="#D80027"></path><path data-v-7f1d34a2="" d="M16.174 12C16.174 14.3052 14.3052 16.1739 12.0001 16.1739C9.69489 16.1739 7.82617 14.3052 7.82617 12" fill="#0052B4"></path><path data-v-7f1d34a2="" d="M16.4238 15.6895L17.5304 14.5829L18.2682 15.3206L17.1616 16.4272L16.4238 15.6895Z" fill="black"></path><path data-v-7f1d34a2="" d="M14.5789 17.5342L15.6855 16.4276L16.4232 17.1653L15.3166 18.2719L14.5789 17.5342Z" fill="black"></path><path data-v-7f1d34a2="" d="M18.6372 17.9023L19.7438 16.7957L20.4815 17.5335L19.375 18.6401L18.6372 17.9023Z" fill="black"></path><path data-v-7f1d34a2="" d="M16.7925 19.7471L17.8991 18.6405L18.6368 19.3782L17.5302 20.4848L16.7925 19.7471Z" fill="black"></path><path data-v-7f1d34a2="" d="M17.5305 16.7959L18.6371 15.6893L19.3749 16.427L18.2683 17.5336L17.5305 16.7959Z" fill="black"></path><path data-v-7f1d34a2="" d="M15.686 18.6406L16.7926 17.534L17.5304 18.2718L16.4238 19.3784L15.686 18.6406Z" fill="black"></path><path data-v-7f1d34a2="" d="M18.6421 8.3125L15.6911 5.36156L16.4289 4.62382L19.3798 7.57476L18.6421 8.3125Z" fill="black"></path><path data-v-7f1d34a2="" d="M15.6907 7.5752L14.5841 6.4686L15.3218 5.73089L16.4284 6.83748L15.6907 7.5752Z" fill="black"></path><path data-v-7f1d34a2="" d="M17.5349 9.41992L16.4283 8.31332L17.166 7.57561L18.2726 8.68221L17.5349 9.41992Z" fill="black"></path><path data-v-7f1d34a2="" d="M17.9036 5.36133L16.797 4.25473L17.5347 3.51699L18.6413 4.62358L17.9036 5.36133Z" fill="black"></path><path data-v-7f1d34a2="" d="M19.749 7.20703L18.6424 6.10043L19.3802 5.36269L20.4868 6.46929L19.749 7.20703Z" fill="black"></path><path data-v-7f1d34a2="" d="M4.25415 16.7939L7.20509 19.7449L6.46735 20.4826L3.51641 17.5317L4.25415 16.7939Z" fill="black"></path><path data-v-7f1d34a2="" d="M7.20483 17.5312L8.31143 18.6378L7.57372 19.3756L6.46712 18.269L7.20483 17.5312Z" fill="black"></path><path data-v-7f1d34a2="" d="M5.36035 15.6875L6.46695 16.7941L5.72921 17.5318L4.62261 16.4252L5.36035 15.6875Z" fill="black"></path><path data-v-7f1d34a2="" d="M6.46704 14.5801L9.41798 17.531L8.68024 18.2688L5.7293 15.3178L6.46704 14.5801Z" fill="black"></path><path data-v-7f1d34a2="" d="M7.20483 4.25293L4.25389 7.20387L3.51615 6.46613L6.46709 3.51519L7.20483 4.25293Z" fill="black"></path><path data-v-7f1d34a2="" d="M8.31128 5.35938L5.36034 8.31032L4.6226 7.57257L7.57354 4.62163L8.31128 5.35938Z" fill="black"></path><path data-v-7f1d34a2="" d="M9.41895 6.4668L6.468 9.41774L5.73029 8.68003L8.68123 5.72909L9.41895 6.4668Z" fill="black"></path></g><defs data-v-7f1d34a2=""><clipPath data-v-7f1d34a2="" id="clip0_1415_2982"><rect data-v-7f1d34a2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7f1d34a2="" class="kui-icon flag-kr-icon" data-testid="kui-icon-wrapper-flag-kr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f1d34a2="" data-testid="kui-icon-svg-flag-kr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7f1d34a2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7f1d34a2=""><g clip-path="url(#clip0_1415_2982)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M16.174 12.0001C16.174 13.0435 14.3052 15.6522 12.0001 15.6522C9.69489 15.6522 7.82617 13.0435 7.82617 12.0001C7.82617 9.69484 9.69489 7.82617 12.0001 7.82617C14.3052 7.82617 16.174 9.69484 16.174 12.0001Z" fill="#D80027"></path>
+<path d="M16.174 12C16.174 14.3052 14.3052 16.1739 12.0001 16.1739C9.69489 16.1739 7.82617 14.3052 7.82617 12" fill="#0052B4"></path>
+<path d="M16.4238 15.6895L17.5304 14.5829L18.2682 15.3206L17.1616 16.4272L16.4238 15.6895Z" fill="black"></path>
+<path d="M14.5789 17.5342L15.6855 16.4276L16.4232 17.1653L15.3166 18.2719L14.5789 17.5342Z" fill="black"></path>
+<path d="M18.6372 17.9023L19.7438 16.7957L20.4815 17.5335L19.375 18.6401L18.6372 17.9023Z" fill="black"></path>
+<path d="M16.7925 19.7471L17.8991 18.6405L18.6368 19.3782L17.5302 20.4848L16.7925 19.7471Z" fill="black"></path>
+<path d="M17.5305 16.7959L18.6371 15.6893L19.3749 16.427L18.2683 17.5336L17.5305 16.7959Z" fill="black"></path>
+<path d="M15.686 18.6406L16.7926 17.534L17.5304 18.2718L16.4238 19.3784L15.686 18.6406Z" fill="black"></path>
+<path d="M18.6421 8.3125L15.6911 5.36156L16.4289 4.62382L19.3798 7.57476L18.6421 8.3125Z" fill="black"></path>
+<path d="M15.6907 7.5752L14.5841 6.4686L15.3218 5.73089L16.4284 6.83748L15.6907 7.5752Z" fill="black"></path>
+<path d="M17.5349 9.41992L16.4283 8.31332L17.166 7.57561L18.2726 8.68221L17.5349 9.41992Z" fill="black"></path>
+<path d="M17.9036 5.36133L16.797 4.25473L17.5347 3.51699L18.6413 4.62358L17.9036 5.36133Z" fill="black"></path>
+<path d="M19.749 7.20703L18.6424 6.10043L19.3802 5.36269L20.4868 6.46929L19.749 7.20703Z" fill="black"></path>
+<path d="M4.25415 16.7939L7.20509 19.7449L6.46735 20.4826L3.51641 17.5317L4.25415 16.7939Z" fill="black"></path>
+<path d="M7.20483 17.5312L8.31143 18.6378L7.57372 19.3756L6.46712 18.269L7.20483 17.5312Z" fill="black"></path>
+<path d="M5.36035 15.6875L6.46695 16.7941L5.72921 17.5318L4.62261 16.4252L5.36035 15.6875Z" fill="black"></path>
+<path d="M6.46704 14.5801L9.41798 17.531L8.68024 18.2688L5.7293 15.3178L6.46704 14.5801Z" fill="black"></path>
+<path d="M7.20483 4.25293L4.25389 7.20387L3.51615 6.46613L6.46709 3.51519L7.20483 4.25293Z" fill="black"></path>
+<path d="M8.31128 5.35938L5.36034 8.31032L4.6226 7.57257L7.57354 4.62163L8.31128 5.35938Z" fill="black"></path>
+<path d="M9.41895 6.4668L6.468 9.41774L5.73029 8.68003L8.68123 5.72909L9.41895 6.4668Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_2982">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKwIcon.html b/src/tests/__snapshots__/FlagKwIcon.html
index 38e1dbb2..094ce978 100644
--- a/src/tests/__snapshots__/FlagKwIcon.html
+++ b/src/tests/__snapshots__/FlagKwIcon.html
@@ -1 +1,11 @@
-<span data-v-d615e79a="" class="kui-icon flag-kw-icon" data-testid="kui-icon-wrapper-flag-kw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d615e79a="" data-testid="kui-icon-svg-flag-kw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d615e79a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d615e79a="" clip-path="url(#clip0_1_2375)"><path data-v-d615e79a="" d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12618 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12618 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path><path data-v-d615e79a="" d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path><path data-v-d615e79a="" d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path><path data-v-d615e79a="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C4.73791 19.2621 5.93182 18.0682 7.82609 16.1739V7.82607L3.51471 3.51465Z" fill="black"></path></g><defs data-v-d615e79a=""><clipPath data-v-d615e79a="" id="clip0_1_2375"><rect data-v-d615e79a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d615e79a="" class="kui-icon flag-kw-icon" data-testid="kui-icon-wrapper-flag-kw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d615e79a="" data-testid="kui-icon-svg-flag-kw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d615e79a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d615e79a=""><g clip-path="url(#clip0_1_2375)">
+<path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12618 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12618 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path>
+<path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
+<path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C4.73791 19.2621 5.93182 18.0682 7.82609 16.1739V7.82607L3.51471 3.51465Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2375">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKyIcon.html b/src/tests/__snapshots__/FlagKyIcon.html
index 9efac79b..820e7f8a 100644
--- a/src/tests/__snapshots__/FlagKyIcon.html
+++ b/src/tests/__snapshots__/FlagKyIcon.html
@@ -1 +1,18 @@
-<span data-v-5e0ce62c="" class="kui-icon flag-ky-icon" data-testid="kui-icon-wrapper-flag-ky-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5e0ce62c="" data-testid="kui-icon-svg-flag-ky-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5e0ce62c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5e0ce62c="" clip-path="url(#clip0_1_2295)"><path data-v-5e0ce62c="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-5e0ce62c="" d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path><path data-v-5e0ce62c="" d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-5e0ce62c="" d="M17.2174 8.86974C18.37 8.86974 19.3044 7.93537 19.3044 6.78277C19.3044 5.63017 18.37 4.6958 17.2174 4.6958C16.0648 4.6958 15.1304 5.63017 15.1304 6.78277C15.1304 7.93537 16.0648 8.86974 17.2174 8.86974Z" fill="#6DA544"></path><path data-v-5e0ce62c="" d="M6.071 1.56543C4.19417 2.63413 2.63384 4.19441 1.56519 6.07124V12.0002H4.69564V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.071Z" fill="#D80027"></path><path data-v-5e0ce62c="" d="M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path><path data-v-5e0ce62c="" d="M13.5652 6.26123H20.8695V9.39168H13.5652V6.26123Z" fill="#D80027"></path><path data-v-5e0ce62c="" d="M13.5652 14.0869V16.1739H14.6632C15.3215 16.8191 16.2227 17.2174 17.2174 17.2174C18.212 17.2174 19.1132 16.8191 19.7715 16.1739H19.826H20.8695V14.0869H13.5652Z" fill="#FFDA44"></path><path data-v-5e0ce62c="" d="M13.5652 8.86963V12.0001C13.5652 14.7957 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 20.8695 14.7957 20.8695 12.0001V8.86963H13.5652Z" fill="#338AF3"></path><path data-v-5e0ce62c="" d="M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5652 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z" fill="#F3F3F3"></path><path data-v-5e0ce62c="" d="M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5652 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z" fill="#F3F3F3"></path></g><defs data-v-5e0ce62c=""><clipPath data-v-5e0ce62c="" id="clip0_1_2295"><rect data-v-5e0ce62c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5e0ce62c="" class="kui-icon flag-ky-icon" data-testid="kui-icon-wrapper-flag-ky-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5e0ce62c="" data-testid="kui-icon-svg-flag-ky-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5e0ce62c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5e0ce62c=""><g clip-path="url(#clip0_1_2295)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M17.2174 8.86974C18.37 8.86974 19.3044 7.93537 19.3044 6.78277C19.3044 5.63017 18.37 4.6958 17.2174 4.6958C16.0648 4.6958 15.1304 5.63017 15.1304 6.78277C15.1304 7.93537 16.0648 8.86974 17.2174 8.86974Z" fill="#6DA544"></path>
+<path d="M6.071 1.56543C4.19417 2.63413 2.63384 4.19441 1.56519 6.07124V12.0002H4.69564V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.071Z" fill="#D80027"></path>
+<path d="M12 10.5247L7.73649 6.26123H6.26086V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247V10.5247Z" fill="#D80027"></path>
+<path d="M13.5652 6.26123H20.8695V9.39168H13.5652V6.26123Z" fill="#D80027"></path>
+<path d="M13.5652 14.0869V16.1739H14.6632C15.3215 16.8191 16.2227 17.2174 17.2174 17.2174C18.212 17.2174 19.1132 16.8191 19.7715 16.1739H19.826H20.8695V14.0869H13.5652Z" fill="#FFDA44"></path>
+<path d="M13.5652 8.86963V12.0001C13.5652 14.7957 17.2174 15.6523 17.2174 15.6523C17.2174 15.6523 20.8695 14.7957 20.8695 12.0001V8.86963H13.5652Z" fill="#338AF3"></path>
+<path d="M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5652 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z" fill="#F3F3F3"></path>
+<path d="M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5652 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z" fill="#F3F3F3"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2295">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKzIcon.html b/src/tests/__snapshots__/FlagKzIcon.html
index a7f2fd5b..d0d34ccb 100644
--- a/src/tests/__snapshots__/FlagKzIcon.html
+++ b/src/tests/__snapshots__/FlagKzIcon.html
@@ -1 +1,11 @@
-<span data-v-5a0a2383="" class="kui-icon flag-kz-icon" data-testid="kui-icon-wrapper-flag-kz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a0a2383="" data-testid="kui-icon-svg-flag-kz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a0a2383="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5a0a2383="" clip-path="url(#clip0_1_2371)"><path data-v-5a0a2383="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-5a0a2383="" d="M18.7826 12.1304H5.21735C5.21735 13.0669 6.03302 13.826 6.96944 13.826H6.913C6.913 14.7625 7.67214 15.5217 8.60866 15.5217C8.60866 16.4582 9.3678 17.2173 10.3043 17.2173H13.6956C14.6321 17.2173 15.3913 16.4582 15.3913 15.5217C16.3278 15.5217 17.0869 14.7625 17.0869 13.826H17.0305C17.9668 13.826 18.7826 13.0669 18.7826 12.1304V12.1304Z" fill="#FFDA44"></path><path data-v-5a0a2383="" d="M16.6956 9.91309C16.6956 12.5064 14.5933 14.6087 12 14.6087C9.40662 14.6087 7.30432 12.5064 7.30432 9.91309" fill="#338AF3"></path><path data-v-5a0a2383="" d="M15.5866 9.91287L14.1211 10.6023L14.9015 12.0216L13.3101 11.7172L13.1084 13.3248L12 12.1424L10.8915 13.3248L10.6899 11.7172L9.09845 12.0215L9.87883 10.6022L8.41333 9.91287L9.87888 9.22352L9.09845 7.8042L10.6898 8.1086L10.8915 6.50098L12 7.6834L13.1085 6.50098L13.3101 8.1086L14.9015 7.8042L14.1211 9.22357L15.5866 9.91287Z" fill="#FFDA44"></path></g><defs data-v-5a0a2383=""><clipPath data-v-5a0a2383="" id="clip0_1_2371"><rect data-v-5a0a2383="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5a0a2383="" class="kui-icon flag-kz-icon" data-testid="kui-icon-wrapper-flag-kz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a0a2383="" data-testid="kui-icon-svg-flag-kz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a0a2383="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5a0a2383=""><g clip-path="url(#clip0_1_2371)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M18.7826 12.1304H5.21735C5.21735 13.0669 6.03302 13.826 6.96944 13.826H6.913C6.913 14.7625 7.67214 15.5217 8.60866 15.5217C8.60866 16.4582 9.3678 17.2173 10.3043 17.2173H13.6956C14.6321 17.2173 15.3913 16.4582 15.3913 15.5217C16.3278 15.5217 17.0869 14.7625 17.0869 13.826H17.0305C17.9668 13.826 18.7826 13.0669 18.7826 12.1304V12.1304Z" fill="#FFDA44"></path>
+<path d="M16.6956 9.91309C16.6956 12.5064 14.5933 14.6087 12 14.6087C9.40662 14.6087 7.30432 12.5064 7.30432 9.91309" fill="#338AF3"></path>
+<path d="M15.5866 9.91287L14.1211 10.6023L14.9015 12.0216L13.3101 11.7172L13.1084 13.3248L12 12.1424L10.8915 13.3248L10.6899 11.7172L9.09845 12.0215L9.87883 10.6022L8.41333 9.91287L9.87888 9.22352L9.09845 7.8042L10.6898 8.1086L10.8915 6.50098L12 7.6834L13.1085 6.50098L13.3101 8.1086L14.9015 7.8042L14.1211 9.22357L15.5866 9.91287Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2371">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLaIcon.html b/src/tests/__snapshots__/FlagLaIcon.html
index 072ae4be..d29950af 100644
--- a/src/tests/__snapshots__/FlagLaIcon.html
+++ b/src/tests/__snapshots__/FlagLaIcon.html
@@ -1 +1,11 @@
-<span data-v-4976b082="" class="kui-icon flag-la-icon" data-testid="kui-icon-wrapper-flag-la-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4976b082="" data-testid="kui-icon-svg-flag-la-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4976b082="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-4976b082="" clip-path="url(#clip0_246_4635)"><path data-v-4976b082="" d="M22.8095 6.78263C20.8685 2.76867 16.7577 0 12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263L12.0002 7.82611L22.8095 6.78263Z" fill="#D80027"></path><path data-v-4976b082="" d="M1.19092 17.2174C3.13192 21.2313 7.24267 24 12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174L12.0002 16.1739L1.19092 17.2174Z" fill="#D80027"></path><path data-v-4976b082="" d="M22.8093 6.78262H1.19072C0.427875 8.3602 0 10.1301 0 12C0 13.8699 0.427875 15.6398 1.19072 17.2174H22.8092C23.5722 15.6398 24 13.8699 24 12C24 10.1301 23.5722 8.3602 22.8093 6.78262Z" fill="#0052B4"></path><path data-v-4976b082="" d="M12.0001 16.1739C14.3052 16.1739 16.174 14.3052 16.174 12C16.174 9.69483 14.3052 7.82611 12.0001 7.82611C9.69489 7.82611 7.82617 9.69483 7.82617 12C7.82617 14.3052 9.69489 16.1739 12.0001 16.1739Z" fill="#F0F0F0"></path></g><defs data-v-4976b082=""><clipPath data-v-4976b082="" id="clip0_246_4635"><rect data-v-4976b082="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-4976b082="" class="kui-icon flag-la-icon" data-testid="kui-icon-wrapper-flag-la-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4976b082="" data-testid="kui-icon-svg-flag-la-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4976b082="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4976b082=""><g clip-path="url(#clip0_246_4635)">
+<path d="M22.8095 6.78263C20.8685 2.76867 16.7577 0 12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263L12.0002 7.82611L22.8095 6.78263Z" fill="#D80027"></path>
+<path d="M1.19092 17.2174C3.13192 21.2313 7.24267 24 12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174L12.0002 16.1739L1.19092 17.2174Z" fill="#D80027"></path>
+<path d="M22.8093 6.78262H1.19072C0.427875 8.3602 0 10.1301 0 12C0 13.8699 0.427875 15.6398 1.19072 17.2174H22.8092C23.5722 15.6398 24 13.8699 24 12C24 10.1301 23.5722 8.3602 22.8093 6.78262Z" fill="#0052B4"></path>
+<path d="M12.0001 16.1739C14.3052 16.1739 16.174 14.3052 16.174 12C16.174 9.69483 14.3052 7.82611 12.0001 7.82611C9.69489 7.82611 7.82617 9.69483 7.82617 12C7.82617 14.3052 9.69489 16.1739 12.0001 16.1739Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4635">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLbIcon.html b/src/tests/__snapshots__/FlagLbIcon.html
index 6c34a2b0..d63479bc 100644
--- a/src/tests/__snapshots__/FlagLbIcon.html
+++ b/src/tests/__snapshots__/FlagLbIcon.html
@@ -1 +1,11 @@
-<span data-v-6ff48c26="" class="kui-icon flag-lb-icon" data-testid="kui-icon-wrapper-flag-lb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6ff48c26="" data-testid="kui-icon-svg-flag-lb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6ff48c26="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6ff48c26="" clip-path="url(#clip0_246_4646)"><path data-v-6ff48c26="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-6ff48c26="" d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path><path data-v-6ff48c26="" d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path><path data-v-6ff48c26="" d="M15.1305 14.087L12.0001 8.34784L8.86963 14.087H11.2175V15.6522H12.7827V14.087H15.1305Z" fill="#6DA544"></path></g><defs data-v-6ff48c26=""><clipPath data-v-6ff48c26="" id="clip0_246_4646"><rect data-v-6ff48c26="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6ff48c26="" class="kui-icon flag-lb-icon" data-testid="kui-icon-wrapper-flag-lb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6ff48c26="" data-testid="kui-icon-svg-flag-lb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6ff48c26="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6ff48c26=""><g clip-path="url(#clip0_246_4646)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path>
+<path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path>
+<path d="M15.1305 14.087L12.0001 8.34784L8.86963 14.087H11.2175V15.6522H12.7827V14.087H15.1305Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4646">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLcIcon.html b/src/tests/__snapshots__/FlagLcIcon.html
index d48f055a..2f6bce9d 100644
--- a/src/tests/__snapshots__/FlagLcIcon.html
+++ b/src/tests/__snapshots__/FlagLcIcon.html
@@ -1 +1,11 @@
-<span data-v-34d27981="" class="kui-icon flag-lc-icon" data-testid="kui-icon-wrapper-flag-lc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-34d27981="" data-testid="kui-icon-svg-flag-lc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-34d27981="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-34d27981="" clip-path="url(#clip0_246_5355)"><path data-v-34d27981="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-34d27981="" d="M7.56543 16.1739H16.435L12.0002 5.73914L7.56543 16.1739Z" fill="#F3F3F3"></path><path data-v-34d27981="" d="M9.10645 15.1304L12 8.54877L14.8935 15.1304H9.10645Z" fill="#333333"></path><path data-v-34d27981="" d="M7.56543 16.1739H16.435L12.0002 12L7.56543 16.1739Z" fill="#FFDA44"></path></g><defs data-v-34d27981=""><clipPath data-v-34d27981="" id="clip0_246_5355"><rect data-v-34d27981="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-34d27981="" class="kui-icon flag-lc-icon" data-testid="kui-icon-wrapper-flag-lc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-34d27981="" data-testid="kui-icon-svg-flag-lc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-34d27981="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-34d27981=""><g clip-path="url(#clip0_246_5355)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M7.56543 16.1739H16.435L12.0002 5.73914L7.56543 16.1739Z" fill="#F3F3F3"></path>
+<path d="M9.10645 15.1304L12 8.54877L14.8935 15.1304H9.10645Z" fill="#333333"></path>
+<path d="M7.56543 16.1739H16.435L12.0002 12L7.56543 16.1739Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5355">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLiIcon.html b/src/tests/__snapshots__/FlagLiIcon.html
index 9cf82d63..2ca1d4db 100644
--- a/src/tests/__snapshots__/FlagLiIcon.html
+++ b/src/tests/__snapshots__/FlagLiIcon.html
@@ -1 +1,10 @@
-<span data-v-88818abc="" class="kui-icon flag-li-icon" data-testid="kui-icon-wrapper-flag-li-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88818abc="" data-testid="kui-icon-svg-flag-li-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88818abc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-88818abc="" clip-path="url(#clip0_246_4681)"><path data-v-88818abc="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#D80027"></path><path data-v-88818abc="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path><path data-v-88818abc="" d="M8.86975 8.34782C8.86975 7.4834 8.16896 6.78262 7.30454 6.78262C6.90353 6.78262 6.53804 6.93355 6.26106 7.18148V6.26085H6.78278V5.21737H6.26106V4.69565H5.21757V5.21737H4.69586V6.26085H5.21757V7.18148C4.94059 6.93355 4.57511 6.78262 4.17409 6.78262C3.30967 6.78262 2.60889 7.4834 2.60889 8.34782C2.60889 8.81127 2.8105 9.22752 3.13061 9.51416V10.4348H8.34798V9.51416C8.66818 9.22752 8.86975 8.81127 8.86975 8.34782Z" fill="#FFDA44"></path></g><defs data-v-88818abc=""><clipPath data-v-88818abc="" id="clip0_246_4681"><rect data-v-88818abc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-88818abc="" class="kui-icon flag-li-icon" data-testid="kui-icon-wrapper-flag-li-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88818abc="" data-testid="kui-icon-svg-flag-li-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88818abc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88818abc=""><g clip-path="url(#clip0_246_4681)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#D80027"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path>
+<path d="M8.86975 8.34782C8.86975 7.4834 8.16896 6.78262 7.30454 6.78262C6.90353 6.78262 6.53804 6.93355 6.26106 7.18148V6.26085H6.78278V5.21737H6.26106V4.69565H5.21757V5.21737H4.69586V6.26085H5.21757V7.18148C4.94059 6.93355 4.57511 6.78262 4.17409 6.78262C3.30967 6.78262 2.60889 7.4834 2.60889 8.34782C2.60889 8.81127 2.8105 9.22752 3.13061 9.51416V10.4348H8.34798V9.51416C8.66818 9.22752 8.86975 8.81127 8.86975 8.34782Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4681">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLkIcon.html b/src/tests/__snapshots__/FlagLkIcon.html
index 034c5375..d5a26100 100644
--- a/src/tests/__snapshots__/FlagLkIcon.html
+++ b/src/tests/__snapshots__/FlagLkIcon.html
@@ -1 +1,13 @@
-<span data-v-d958b7c4="" class="kui-icon flag-lk-icon" data-testid="kui-icon-wrapper-flag-lk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d958b7c4="" data-testid="kui-icon-svg-flag-lk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d958b7c4="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d958b7c4="" clip-path="url(#clip0_246_5339)"><path data-v-d958b7c4="" d="M0.001 2.08698H0V21.913H0.001V12.0001V2.08698Z" fill="#FF9811"></path><path data-v-d958b7c4="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37257 18.6274 0 12 0C5.37257 0 0 5.37257 0 12C0 18.6274 5.37257 24 12 24Z" fill="#FFDA44"></path><path data-v-d958b7c4="" d="M9.3915 2.08698H5.23672C5.0526 2.21283 4.87241 2.34385 4.69583 2.47946L3.65234 12L4.69583 21.5205C4.87241 21.6562 5.0526 21.7872 5.23672 21.913H9.3915V2.08698Z" fill="#FF9811"></path><path data-v-d958b7c4="" d="M0 12.0001C0 15.8787 1.84069 19.327 4.69567 21.5206V2.47949C1.84069 4.67315 0 8.12138 0 12.0001Z" fill="#6DA544"></path><path data-v-d958b7c4="" d="M19.3042 7.31549V7.61573L19.3154 7.61741L19.3042 7.31549Z" fill="#FFDA44"></path><path data-v-d958b7c4="" d="M23.0435 15.1304H20.7826L19.8261 16.1739V18.2609H17.7391V17.2174H18.7826V15.1304H14.087V16.4348H13.0435V13.949C12.7233 13.6624 12.5217 13.2461 12.5217 12.7826V6.00001C12.5217 5.13559 13.2225 4.43481 14.087 4.43481V14.087H16.1739L16.89 13.4902C16.7649 13.1923 16.6956 12.8652 16.6956 12.5218V10.9566H15.1304V7.82617H18.2609C18.2609 7.30445 19.0435 6.78269 19.0435 6.78269C19.0435 6.78269 19.8261 7.30441 19.8261 7.82617V8.6088V10.9566C20.4066 10.9635 21.3288 10.9485 22.3251 10.9566C22.0634 10.4991 21.913 9.95627 21.913 9.39143C21.913 8.47075 22.3105 7.64303 22.9433 7.07022C22.0313 5.0492 20.576 3.32598 18.7634 2.08698H10.9565V21.9131H18.7635C20.9675 20.4065 22.6433 18.1841 23.4563 15.5807L23.0435 15.1304Z" fill="#A2001D"></path></g><defs data-v-d958b7c4=""><clipPath data-v-d958b7c4="" id="clip0_246_5339"><rect data-v-d958b7c4="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d958b7c4="" class="kui-icon flag-lk-icon" data-testid="kui-icon-wrapper-flag-lk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d958b7c4="" data-testid="kui-icon-svg-flag-lk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d958b7c4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d958b7c4=""><g clip-path="url(#clip0_246_5339)">
+<path d="M0.001 2.08698H0V21.913H0.001V12.0001V2.08698Z" fill="#FF9811"></path>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37257 18.6274 0 12 0C5.37257 0 0 5.37257 0 12C0 18.6274 5.37257 24 12 24Z" fill="#FFDA44"></path>
+<path d="M9.3915 2.08698H5.23672C5.0526 2.21283 4.87241 2.34385 4.69583 2.47946L3.65234 12L4.69583 21.5205C4.87241 21.6562 5.0526 21.7872 5.23672 21.913H9.3915V2.08698Z" fill="#FF9811"></path>
+<path d="M0 12.0001C0 15.8787 1.84069 19.327 4.69567 21.5206V2.47949C1.84069 4.67315 0 8.12138 0 12.0001Z" fill="#6DA544"></path>
+<path d="M19.3042 7.31549V7.61573L19.3154 7.61741L19.3042 7.31549Z" fill="#FFDA44"></path>
+<path d="M23.0435 15.1304H20.7826L19.8261 16.1739V18.2609H17.7391V17.2174H18.7826V15.1304H14.087V16.4348H13.0435V13.949C12.7233 13.6624 12.5217 13.2461 12.5217 12.7826V6.00001C12.5217 5.13559 13.2225 4.43481 14.087 4.43481V14.087H16.1739L16.89 13.4902C16.7649 13.1923 16.6956 12.8652 16.6956 12.5218V10.9566H15.1304V7.82617H18.2609C18.2609 7.30445 19.0435 6.78269 19.0435 6.78269C19.0435 6.78269 19.8261 7.30441 19.8261 7.82617V8.6088V10.9566C20.4066 10.9635 21.3288 10.9485 22.3251 10.9566C22.0634 10.4991 21.913 9.95627 21.913 9.39143C21.913 8.47075 22.3105 7.64303 22.9433 7.07022C22.0313 5.0492 20.576 3.32598 18.7634 2.08698H10.9565V21.9131H18.7635C20.9675 20.4065 22.6433 18.1841 23.4563 15.5807L23.0435 15.1304Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5339">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLrIcon.html b/src/tests/__snapshots__/FlagLrIcon.html
index d774c497..4b204864 100644
--- a/src/tests/__snapshots__/FlagLrIcon.html
+++ b/src/tests/__snapshots__/FlagLrIcon.html
@@ -1 +1,21 @@
-<span data-v-604428e6="" class="kui-icon flag-lr-icon" data-testid="kui-icon-wrapper-flag-lr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-604428e6="" data-testid="kui-icon-svg-flag-lr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-604428e6="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-604428e6="" clip-path="url(#clip0_246_4657)"><path data-v-604428e6="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-604428e6="" d="M2.74316 4.36368H21.2573C20.5735 3.53563 19.7804 2.80134 18.9006 2.18188H5.0999C4.2201 2.80124 3.42702 3.53559 2.74316 4.36368Z" fill="#F0F0F0"></path><path data-v-604428e6="" d="M0 12C0 12.3678 0.0174844 12.7315 0.049875 13.0909H23.9501C23.9825 12.7315 24 12.3678 24 12C24 11.6322 23.9825 11.2685 23.9501 10.9091H0.049875C0.0174844 11.2685 0 11.6322 0 12H0Z" fill="#F0F0F0"></path><path data-v-604428e6="" d="M1.30835 17.4545H22.6912C23.0446 16.7633 23.3328 16.0334 23.5479 15.2728H0.45166C0.66677 16.0334 0.955051 16.7633 1.30835 17.4545Z" fill="#F0F0F0"></path><path data-v-604428e6="" d="M5.0999 21.8182H18.9005C19.7803 21.1988 20.5734 20.4645 21.2572 19.6364H2.74316C3.42702 20.4644 4.2201 21.1988 5.0999 21.8182Z" fill="#F0F0F0"></path><path data-v-604428e6="" d="M0.45166 8.72727H23.548C23.3328 7.96658 23.0446 7.23664 22.6913 6.54547H1.30839C0.955098 7.23664 0.666816 7.96658 0.45166 8.72727Z" fill="#F0F0F0"></path><path data-v-604428e6="" d="M5.73926 2.1818H18.9004C16.9486 0.807516 14.5687 0 12.0001 0C10.4349 0 7.69113 0.807516 5.73926 2.1818Z" fill="#D80027"></path><path data-v-604428e6="" d="M11.478 6.54547H22.6912C22.2921 5.76487 21.8102 5.03366 21.2568 4.36368H11.478V6.54547Z" fill="#D80027"></path><path data-v-604428e6="" d="M11.478 10.9091H23.9499C23.8824 10.16 23.7467 9.4304 23.5479 8.72733H11.478V10.9091Z" fill="#D80027"></path><path data-v-604428e6="" d="M0.451805 15.2728H23.5481C23.7469 14.5697 23.8826 13.8401 23.9501 13.091H0.0498047C0.117305 13.8401 0.252961 14.5697 0.451805 15.2728Z" fill="#D80027"></path><path data-v-604428e6="" d="M2.74297 19.6363H21.2571C21.8105 18.9662 22.2924 18.2351 22.6915 17.4545H1.30859C1.70764 18.2351 2.18961 18.9663 2.74297 19.6363Z" fill="#D80027"></path><path data-v-604428e6="" d="M11.9999 24C14.5685 24 16.9484 23.1925 18.9003 21.8182H5.09961C7.05148 23.1925 9.43133 24 11.9999 24Z" fill="#D80027"></path><path data-v-604428e6="" d="M0.451758 8.72728C0.252914 9.43041 0.117305 10.1599 0.0498047 10.9091H11.9999V0C6.50712 0 1.87638 3.69056 0.451758 8.72728Z" fill="#0052B4"></path><path data-v-604428e6="" d="M7.14308 3.13046L7.92003 5.52179H10.4347L8.40041 6.99985L9.17731 9.39132L7.14308 7.91335L5.10875 9.39132L5.88584 6.99985L3.85156 5.52179H6.36608L7.14308 3.13046Z" fill="#F0F0F0"></path></g><defs data-v-604428e6=""><clipPath data-v-604428e6="" id="clip0_246_4657"><rect data-v-604428e6="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-604428e6="" class="kui-icon flag-lr-icon" data-testid="kui-icon-wrapper-flag-lr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-604428e6="" data-testid="kui-icon-svg-flag-lr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-604428e6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-604428e6=""><g clip-path="url(#clip0_246_4657)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M2.74316 4.36368H21.2573C20.5735 3.53563 19.7804 2.80134 18.9006 2.18188H5.0999C4.2201 2.80124 3.42702 3.53559 2.74316 4.36368Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 12.3678 0.0174844 12.7315 0.049875 13.0909H23.9501C23.9825 12.7315 24 12.3678 24 12C24 11.6322 23.9825 11.2685 23.9501 10.9091H0.049875C0.0174844 11.2685 0 11.6322 0 12H0Z" fill="#F0F0F0"></path>
+<path d="M1.30835 17.4545H22.6912C23.0446 16.7633 23.3328 16.0334 23.5479 15.2728H0.45166C0.66677 16.0334 0.955051 16.7633 1.30835 17.4545Z" fill="#F0F0F0"></path>
+<path d="M5.0999 21.8182H18.9005C19.7803 21.1988 20.5734 20.4645 21.2572 19.6364H2.74316C3.42702 20.4644 4.2201 21.1988 5.0999 21.8182Z" fill="#F0F0F0"></path>
+<path d="M0.45166 8.72727H23.548C23.3328 7.96658 23.0446 7.23664 22.6913 6.54547H1.30839C0.955098 7.23664 0.666816 7.96658 0.45166 8.72727Z" fill="#F0F0F0"></path>
+<path d="M5.73926 2.1818H18.9004C16.9486 0.807516 14.5687 0 12.0001 0C10.4349 0 7.69113 0.807516 5.73926 2.1818Z" fill="#D80027"></path>
+<path d="M11.478 6.54547H22.6912C22.2921 5.76487 21.8102 5.03366 21.2568 4.36368H11.478V6.54547Z" fill="#D80027"></path>
+<path d="M11.478 10.9091H23.9499C23.8824 10.16 23.7467 9.4304 23.5479 8.72733H11.478V10.9091Z" fill="#D80027"></path>
+<path d="M0.451805 15.2728H23.5481C23.7469 14.5697 23.8826 13.8401 23.9501 13.091H0.0498047C0.117305 13.8401 0.252961 14.5697 0.451805 15.2728Z" fill="#D80027"></path>
+<path d="M2.74297 19.6363H21.2571C21.8105 18.9662 22.2924 18.2351 22.6915 17.4545H1.30859C1.70764 18.2351 2.18961 18.9663 2.74297 19.6363Z" fill="#D80027"></path>
+<path d="M11.9999 24C14.5685 24 16.9484 23.1925 18.9003 21.8182H5.09961C7.05148 23.1925 9.43133 24 11.9999 24Z" fill="#D80027"></path>
+<path d="M0.451758 8.72728C0.252914 9.43041 0.117305 10.1599 0.0498047 10.9091H11.9999V0C6.50712 0 1.87638 3.69056 0.451758 8.72728Z" fill="#0052B4"></path>
+<path d="M7.14308 3.13046L7.92003 5.52179H10.4347L8.40041 6.99985L9.17731 9.39132L7.14308 7.91335L5.10875 9.39132L5.88584 6.99985L3.85156 5.52179H6.36608L7.14308 3.13046Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4657">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLsIcon.html b/src/tests/__snapshots__/FlagLsIcon.html
index 53f8c15f..ef8055e9 100644
--- a/src/tests/__snapshots__/FlagLsIcon.html
+++ b/src/tests/__snapshots__/FlagLsIcon.html
@@ -1 +1,11 @@
-<span data-v-507df73d="" class="kui-icon flag-ls-icon" data-testid="kui-icon-wrapper-flag-ls-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-507df73d="" data-testid="kui-icon-svg-flag-ls-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-507df73d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-507df73d="" clip-path="url(#clip0_246_4652)"><path data-v-507df73d="" d="M0 12C0 13.8698 0.427828 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174C23.5722 15.6398 24 13.8698 24 12C24 10.1302 23.5722 8.36025 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427828 8.36026 0 10.1302 0 12H0Z" fill="#F0F0F0"></path><path data-v-507df73d="" d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#6DA544"></path><path data-v-507df73d="" d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#0052B4"></path><path data-v-507df73d="" d="M12.7828 11.7391V8.8696H11.2176V11.7391L9.32715 13.6297C9.87695 14.5297 10.8684 15.1305 12.0002 15.1305C13.1321 15.1305 14.1235 14.5297 14.6733 13.6297L12.7828 11.7391Z" fill="black"></path></g><defs data-v-507df73d=""><clipPath data-v-507df73d="" id="clip0_246_4652"><rect data-v-507df73d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-507df73d="" class="kui-icon flag-ls-icon" data-testid="kui-icon-wrapper-flag-ls-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-507df73d="" data-testid="kui-icon-svg-flag-ls-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-507df73d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-507df73d=""><g clip-path="url(#clip0_246_4652)">
+<path d="M0 12C0 13.8698 0.427828 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174C23.5722 15.6398 24 13.8698 24 12C24 10.1302 23.5722 8.36025 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427828 8.36026 0 10.1302 0 12H0Z" fill="#F0F0F0"></path>
+<path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#6DA544"></path>
+<path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#0052B4"></path>
+<path d="M12.7828 11.7391V8.8696H11.2176V11.7391L9.32715 13.6297C9.87695 14.5297 10.8684 15.1305 12.0002 15.1305C13.1321 15.1305 14.1235 14.5297 14.6733 13.6297L12.7828 11.7391Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4652">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLtIcon.html b/src/tests/__snapshots__/FlagLtIcon.html
index a20d0a43..ac35e86f 100644
--- a/src/tests/__snapshots__/FlagLtIcon.html
+++ b/src/tests/__snapshots__/FlagLtIcon.html
@@ -1 +1,10 @@
-<span data-v-2d4b27fb="" class="kui-icon flag-lt-icon" data-testid="kui-icon-wrapper-flag-lt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2d4b27fb="" data-testid="kui-icon-svg-flag-lt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2d4b27fb="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2d4b27fb="" clip-path="url(#clip0_246_4685)"><path data-v-2d4b27fb="" d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264 9.12605 0 10.5322 0 12C0 13.4678 0.264 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path><path data-v-2d4b27fb="" d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path><path data-v-2d4b27fb="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path></g><defs data-v-2d4b27fb=""><clipPath data-v-2d4b27fb="" id="clip0_246_4685"><rect data-v-2d4b27fb="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2d4b27fb="" class="kui-icon flag-lt-icon" data-testid="kui-icon-wrapper-flag-lt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2d4b27fb="" data-testid="kui-icon-svg-flag-lt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2d4b27fb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2d4b27fb=""><g clip-path="url(#clip0_246_4685)">
+<path d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264 9.12605 0 10.5322 0 12C0 13.4678 0.264 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path>
+<path d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4685">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLuIcon.html b/src/tests/__snapshots__/FlagLuIcon.html
index a8cf6896..52057536 100644
--- a/src/tests/__snapshots__/FlagLuIcon.html
+++ b/src/tests/__snapshots__/FlagLuIcon.html
@@ -1 +1,10 @@
-<span data-v-3692d3a5="" class="kui-icon flag-lu-icon" data-testid="kui-icon-wrapper-flag-lu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3692d3a5="" data-testid="kui-icon-svg-flag-lu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3692d3a5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3692d3a5="" clip-path="url(#clip0_246_4689)"><path data-v-3692d3a5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3692d3a5="" d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path><path data-v-3692d3a5="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path></g><defs data-v-3692d3a5=""><clipPath data-v-3692d3a5="" id="clip0_246_4689"><rect data-v-3692d3a5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3692d3a5="" class="kui-icon flag-lu-icon" data-testid="kui-icon-wrapper-flag-lu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3692d3a5="" data-testid="kui-icon-svg-flag-lu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3692d3a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3692d3a5=""><g clip-path="url(#clip0_246_4689)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4689">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLvIcon.html b/src/tests/__snapshots__/FlagLvIcon.html
index 755a4619..cb74d120 100644
--- a/src/tests/__snapshots__/FlagLvIcon.html
+++ b/src/tests/__snapshots__/FlagLvIcon.html
@@ -1 +1,10 @@
-<span data-v-3e9115f5="" class="kui-icon flag-lv-icon" data-testid="kui-icon-wrapper-flag-lv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e9115f5="" data-testid="kui-icon-svg-flag-lv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e9115f5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3e9115f5="" clip-path="url(#clip0_246_4641)"><path data-v-3e9115f5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3e9115f5="" d="M12.0002 0C6.45586 0 1.79057 3.76036 0.413574 8.86955H23.5868C22.2098 3.76036 17.5445 0 12.0002 0Z" fill="#A2001D"></path><path data-v-3e9115f5="" d="M12.0002 24C17.5445 24 22.2098 20.2396 23.5868 15.1305H0.413574C1.79057 20.2396 6.45585 24 12.0002 24Z" fill="#A2001D"></path></g><defs data-v-3e9115f5=""><clipPath data-v-3e9115f5="" id="clip0_246_4641"><rect data-v-3e9115f5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3e9115f5="" class="kui-icon flag-lv-icon" data-testid="kui-icon-wrapper-flag-lv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e9115f5="" data-testid="kui-icon-svg-flag-lv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e9115f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e9115f5=""><g clip-path="url(#clip0_246_4641)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 0C6.45586 0 1.79057 3.76036 0.413574 8.86955H23.5868C22.2098 3.76036 17.5445 0 12.0002 0Z" fill="#A2001D"></path>
+<path d="M12.0002 24C17.5445 24 22.2098 20.2396 23.5868 15.1305H0.413574C1.79057 20.2396 6.45585 24 12.0002 24Z" fill="#A2001D"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4641">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLyIcon.html b/src/tests/__snapshots__/FlagLyIcon.html
index a335b777..3f0824d4 100644
--- a/src/tests/__snapshots__/FlagLyIcon.html
+++ b/src/tests/__snapshots__/FlagLyIcon.html
@@ -1 +1,12 @@
-<span data-v-30c56121="" class="kui-icon flag-ly-icon" data-testid="kui-icon-wrapper-flag-ly-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-30c56121="" data-testid="kui-icon-svg-flag-ly-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-30c56121="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-30c56121="" clip-path="url(#clip0_246_4674)"><path data-v-30c56121="" d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="black"></path><path data-v-30c56121="" d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#496E2D"></path><path data-v-30c56121="" d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path><path data-v-30c56121="" d="M14.7934 9.80557L15.778 11.1624L17.3725 10.6453L16.3864 12.001L17.3708 13.3577L15.7769 12.8387L14.7908 14.1943L14.7918 12.518L13.1978 11.999L14.7923 11.482L14.7934 9.80557Z" fill="#F0F0F0"></path><path data-v-30c56121="" d="M12.1062 15.3913C10.2332 15.3913 8.71485 13.8729 8.71485 12C8.71485 10.127 10.2332 8.60867 12.1062 8.60867C12.6901 8.60867 13.2396 8.75633 13.7194 9.0163C12.9667 8.28032 11.9376 7.82605 10.8018 7.82605C8.4966 7.82605 6.62793 9.69477 6.62793 11.9999C6.62793 14.3051 8.49665 16.1738 10.8018 16.1738C11.9376 16.1738 12.9668 15.7196 13.7194 14.9836C13.2396 15.2436 12.6902 15.3913 12.1062 15.3913Z" fill="#F0F0F0"></path></g><defs data-v-30c56121=""><clipPath data-v-30c56121="" id="clip0_246_4674"><rect data-v-30c56121="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-30c56121="" class="kui-icon flag-ly-icon" data-testid="kui-icon-wrapper-flag-ly-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-30c56121="" data-testid="kui-icon-svg-flag-ly-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-30c56121="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-30c56121=""><g clip-path="url(#clip0_246_4674)">
+<path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="black"></path>
+<path d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#496E2D"></path>
+<path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path>
+<path d="M14.7934 9.80557L15.778 11.1624L17.3725 10.6453L16.3864 12.001L17.3708 13.3577L15.7769 12.8387L14.7908 14.1943L14.7918 12.518L13.1978 11.999L14.7923 11.482L14.7934 9.80557Z" fill="#F0F0F0"></path>
+<path d="M12.1062 15.3913C10.2332 15.3913 8.71485 13.8729 8.71485 12C8.71485 10.127 10.2332 8.60867 12.1062 8.60867C12.6901 8.60867 13.2396 8.75633 13.7194 9.0163C12.9667 8.28032 11.9376 7.82605 10.8018 7.82605C8.4966 7.82605 6.62793 9.69477 6.62793 11.9999C6.62793 14.3051 8.49665 16.1738 10.8018 16.1738C11.9376 16.1738 12.9668 15.7196 13.7194 14.9836C13.2396 15.2436 12.6902 15.3913 12.1062 15.3913Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4674">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMaIcon.html b/src/tests/__snapshots__/FlagMaIcon.html
index e35e027c..a473f947 100644
--- a/src/tests/__snapshots__/FlagMaIcon.html
+++ b/src/tests/__snapshots__/FlagMaIcon.html
@@ -1 +1,9 @@
-<span data-v-18a3969b="" class="kui-icon flag-ma-icon" data-testid="kui-icon-wrapper-flag-ma-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a3969b="" data-testid="kui-icon-svg-flag-ma-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18a3969b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-18a3969b="" clip-path="url(#clip0_246_4847)"><path data-v-18a3969b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-18a3969b="" d="M19.0915 9.84796H13.6739L11.9998 4.69565L10.3257 9.84796H4.9082L9.29106 13.0323L7.61692 18.1847L11.9998 15.0004L16.3827 18.1848L14.7086 13.0323L19.0915 9.84796ZM10.5177 12.6337L11.0838 10.8914H12.9158L13.4819 12.6337V12.6337L11.9998 13.7105L10.5178 12.6337L10.5177 12.6337ZM12.5768 9.84796H11.4229L11.9998 8.07234L12.5768 9.84796ZM14.3695 11.9888L14.0129 10.8914H15.8799L14.3695 11.9888ZM9.98669 10.8914L9.63011 11.9888L8.11966 10.8914H9.98669ZM9.60175 15.4529L10.1787 13.6773L11.1122 14.3555L9.60175 15.4529ZM12.8875 14.3555L13.821 13.6773L14.3979 15.4529L12.8875 14.3555Z" fill="#FFDA44"></path></g><defs data-v-18a3969b=""><clipPath data-v-18a3969b="" id="clip0_246_4847"><rect data-v-18a3969b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-18a3969b="" class="kui-icon flag-ma-icon" data-testid="kui-icon-wrapper-flag-ma-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a3969b="" data-testid="kui-icon-svg-flag-ma-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18a3969b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18a3969b=""><g clip-path="url(#clip0_246_4847)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M19.0915 9.84796H13.6739L11.9998 4.69565L10.3257 9.84796H4.9082L9.29106 13.0323L7.61692 18.1847L11.9998 15.0004L16.3827 18.1848L14.7086 13.0323L19.0915 9.84796ZM10.5177 12.6337L11.0838 10.8914H12.9158L13.4819 12.6337V12.6337L11.9998 13.7105L10.5178 12.6337L10.5177 12.6337ZM12.5768 9.84796H11.4229L11.9998 8.07234L12.5768 9.84796ZM14.3695 11.9888L14.0129 10.8914H15.8799L14.3695 11.9888ZM9.98669 10.8914L9.63011 11.9888L8.11966 10.8914H9.98669ZM9.60175 15.4529L10.1787 13.6773L11.1122 14.3555L9.60175 15.4529ZM12.8875 14.3555L13.821 13.6773L14.3979 15.4529L12.8875 14.3555Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4847">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMcIcon.html b/src/tests/__snapshots__/FlagMcIcon.html
index f0e4a61f..15336a63 100644
--- a/src/tests/__snapshots__/FlagMcIcon.html
+++ b/src/tests/__snapshots__/FlagMcIcon.html
@@ -1 +1,9 @@
-<span data-v-5fc4cd10="" class="kui-icon flag-mc-icon" data-testid="kui-icon-wrapper-flag-mc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5fc4cd10="" data-testid="kui-icon-svg-flag-mc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5fc4cd10="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5fc4cd10="" clip-path="url(#clip0_246_4811)"><path data-v-5fc4cd10="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-5fc4cd10="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path></g><defs data-v-5fc4cd10=""><clipPath data-v-5fc4cd10="" id="clip0_246_4811"><rect data-v-5fc4cd10="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5fc4cd10="" class="kui-icon flag-mc-icon" data-testid="kui-icon-wrapper-flag-mc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5fc4cd10="" data-testid="kui-icon-svg-flag-mc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5fc4cd10="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5fc4cd10=""><g clip-path="url(#clip0_246_4811)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4811">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMdIcon.html b/src/tests/__snapshots__/FlagMdIcon.html
index a46caccb..655c4f65 100644
--- a/src/tests/__snapshots__/FlagMdIcon.html
+++ b/src/tests/__snapshots__/FlagMdIcon.html
@@ -1 +1,13 @@
-<span data-v-73d4e68d="" class="kui-icon flag-md-icon" data-testid="kui-icon-wrapper-flag-md-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73d4e68d="" data-testid="kui-icon-svg-flag-md-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73d4e68d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-73d4e68d="" clip-path="url(#clip0_246_4804)"><path data-v-73d4e68d="" d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path><path data-v-73d4e68d="" d="M6.78263 1.19113C2.76872 3.13208 0 7.24251 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8088V1.19113Z" fill="#0052B4"></path><path data-v-73d4e68d="" d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13208 17.2173 1.19113Z" fill="#D80027"></path><path data-v-73d4e68d="" d="M16.174 9.44152H13.3044C13.3044 8.72115 12.7204 8.13718 12.0001 8.13718C11.2797 8.13718 10.6957 8.72115 10.6957 9.44152H7.82617C7.82617 10.1508 8.44403 10.7257 9.1532 10.7257H9.11045C9.11045 11.435 9.68542 12.01 10.3947 12.01C10.3947 12.638 10.8458 13.1598 11.4415 13.2714L10.4294 15.5562C10.9143 15.7533 11.4443 15.8628 12.0001 15.8628C12.5558 15.8628 13.0858 15.7533 13.5707 15.5562L12.5587 13.2714C13.1544 13.1598 13.6054 12.638 13.6054 12.01C14.3147 12.01 14.8897 11.435 14.8897 10.7257H14.8469C15.5561 10.7257 16.174 10.1507 16.174 9.44152Z" fill="#FF9811"></path><path data-v-73d4e68d="" d="M11.9999 11.2174L10.3042 12V13.5652L11.9999 14.6087L13.6955 13.5652V12L11.9999 11.2174Z" fill="#0052B4"></path><path data-v-73d4e68d="" d="M10.3042 10.4348H13.6955V12H10.3042V10.4348Z" fill="#D80027"></path></g><defs data-v-73d4e68d=""><clipPath data-v-73d4e68d="" id="clip0_246_4804"><rect data-v-73d4e68d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-73d4e68d="" class="kui-icon flag-md-icon" data-testid="kui-icon-wrapper-flag-md-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73d4e68d="" data-testid="kui-icon-svg-flag-md-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73d4e68d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-73d4e68d=""><g clip-path="url(#clip0_246_4804)">
+<path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path>
+<path d="M6.78263 1.19113C2.76872 3.13208 0 7.24251 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8088V1.19113Z" fill="#0052B4"></path>
+<path d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13208 17.2173 1.19113Z" fill="#D80027"></path>
+<path d="M16.174 9.44152H13.3044C13.3044 8.72115 12.7204 8.13718 12.0001 8.13718C11.2797 8.13718 10.6957 8.72115 10.6957 9.44152H7.82617C7.82617 10.1508 8.44403 10.7257 9.1532 10.7257H9.11045C9.11045 11.435 9.68542 12.01 10.3947 12.01C10.3947 12.638 10.8458 13.1598 11.4415 13.2714L10.4294 15.5562C10.9143 15.7533 11.4443 15.8628 12.0001 15.8628C12.5558 15.8628 13.0858 15.7533 13.5707 15.5562L12.5587 13.2714C13.1544 13.1598 13.6054 12.638 13.6054 12.01C14.3147 12.01 14.8897 11.435 14.8897 10.7257H14.8469C15.5561 10.7257 16.174 10.1507 16.174 9.44152Z" fill="#FF9811"></path>
+<path d="M11.9999 11.2174L10.3042 12V13.5652L11.9999 14.6087L13.6955 13.5652V12L11.9999 11.2174Z" fill="#0052B4"></path>
+<path d="M10.3042 10.4348H13.6955V12H10.3042V10.4348Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4804">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMeIcon.html b/src/tests/__snapshots__/FlagMeIcon.html
index c6da238e..1fa3cde7 100644
--- a/src/tests/__snapshots__/FlagMeIcon.html
+++ b/src/tests/__snapshots__/FlagMeIcon.html
@@ -1 +1,13 @@
-<span data-v-9e9cb3f2="" class="kui-icon flag-me-icon" data-testid="kui-icon-wrapper-flag-me-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e9cb3f2="" data-testid="kui-icon-svg-flag-me-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9e9cb3f2="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9e9cb3f2="" clip-path="url(#clip0_246_4827)"><path data-v-9e9cb3f2="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-9e9cb3f2="" d="M24 12C24 7.88152 21.9249 4.24805 18.7635 2.08698H5.23655C2.07516 4.24805 0 7.88152 0 12C0 16.1186 2.07516 19.752 5.23655 21.913H18.7635C21.9249 19.752 24 16.1186 24 12Z" fill="#A2001D"></path><path data-v-9e9cb3f2="" d="M9.39111 8.86954H14.6085V6.78262L13.565 7.30434L11.9998 5.73914L10.4346 7.30434L9.39111 6.78262V8.86954Z" fill="#FFDA44"></path><path data-v-9e9cb3f2="" d="M16.6956 12H14.0879C14.1902 11.8231 14.2496 11.6184 14.2496 11.3994C14.2496 10.7344 13.7105 10.1953 13.0456 10.1953C12.5862 10.1953 12.1872 10.4528 11.9842 10.8311C11.7811 10.4527 11.3821 10.1953 10.9227 10.1953C10.2578 10.1953 9.71868 10.7344 9.71868 11.3994C9.71868 11.6184 9.77821 11.8231 9.8804 12H7.3042C7.3042 12.7979 7.99921 13.4448 8.79712 13.4448H8.74903C8.74903 14.0993 9.18436 14.6519 9.78122 14.8295L8.60854 16.0022L9.71531 17.109L11.2853 15.539C11.3468 15.5615 11.4104 15.5795 11.4762 15.5919L10.5275 17.7339C10.9821 17.9187 11.4789 18.0214 11.9999 18.0214C12.5209 18.0214 13.0177 17.9187 13.4724 17.7339L12.5237 15.5919C12.5894 15.5796 12.6531 15.5615 12.7145 15.539L14.2845 17.109L15.3912 16.0022L14.2185 14.8295C14.8153 14.6519 15.2507 14.0993 15.2507 13.4448H15.2025C16.0005 13.4448 16.6956 12.7979 16.6956 12Z" fill="#FFDA44"></path><path data-v-9e9cb3f2="" d="M11.9999 12.7826L10.3042 13.5652V15.1305L11.9999 16.1739L13.6955 15.1305V13.5652L11.9999 12.7826Z" fill="#6DA544"></path><path data-v-9e9cb3f2="" d="M10.3042 12H13.6955V14.087H10.3042V12Z" fill="#0052B4"></path></g><defs data-v-9e9cb3f2=""><clipPath data-v-9e9cb3f2="" id="clip0_246_4827"><rect data-v-9e9cb3f2="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9e9cb3f2="" class="kui-icon flag-me-icon" data-testid="kui-icon-wrapper-flag-me-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e9cb3f2="" data-testid="kui-icon-svg-flag-me-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9e9cb3f2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9e9cb3f2=""><g clip-path="url(#clip0_246_4827)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M24 12C24 7.88152 21.9249 4.24805 18.7635 2.08698H5.23655C2.07516 4.24805 0 7.88152 0 12C0 16.1186 2.07516 19.752 5.23655 21.913H18.7635C21.9249 19.752 24 16.1186 24 12Z" fill="#A2001D"></path>
+<path d="M9.39111 8.86954H14.6085V6.78262L13.565 7.30434L11.9998 5.73914L10.4346 7.30434L9.39111 6.78262V8.86954Z" fill="#FFDA44"></path>
+<path d="M16.6956 12H14.0879C14.1902 11.8231 14.2496 11.6184 14.2496 11.3994C14.2496 10.7344 13.7105 10.1953 13.0456 10.1953C12.5862 10.1953 12.1872 10.4528 11.9842 10.8311C11.7811 10.4527 11.3821 10.1953 10.9227 10.1953C10.2578 10.1953 9.71868 10.7344 9.71868 11.3994C9.71868 11.6184 9.77821 11.8231 9.8804 12H7.3042C7.3042 12.7979 7.99921 13.4448 8.79712 13.4448H8.74903C8.74903 14.0993 9.18436 14.6519 9.78122 14.8295L8.60854 16.0022L9.71531 17.109L11.2853 15.539C11.3468 15.5615 11.4104 15.5795 11.4762 15.5919L10.5275 17.7339C10.9821 17.9187 11.4789 18.0214 11.9999 18.0214C12.5209 18.0214 13.0177 17.9187 13.4724 17.7339L12.5237 15.5919C12.5894 15.5796 12.6531 15.5615 12.7145 15.539L14.2845 17.109L15.3912 16.0022L14.2185 14.8295C14.8153 14.6519 15.2507 14.0993 15.2507 13.4448H15.2025C16.0005 13.4448 16.6956 12.7979 16.6956 12Z" fill="#FFDA44"></path>
+<path d="M11.9999 12.7826L10.3042 13.5652V15.1305L11.9999 16.1739L13.6955 15.1305V13.5652L11.9999 12.7826Z" fill="#6DA544"></path>
+<path d="M10.3042 12H13.6955V14.087H10.3042V12Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4827">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMgIcon.html b/src/tests/__snapshots__/FlagMgIcon.html
index 36affbaa..a831c738 100644
--- a/src/tests/__snapshots__/FlagMgIcon.html
+++ b/src/tests/__snapshots__/FlagMgIcon.html
@@ -1 +1,10 @@
-<span data-v-d6a01453="" class="kui-icon flag-mg-icon" data-testid="kui-icon-wrapper-flag-mg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d6a01453="" data-testid="kui-icon-svg-flag-mg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d6a01453="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d6a01453="" clip-path="url(#clip0_246_4705)"><path data-v-d6a01453="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-d6a01453="" d="M7.82617 12V23.2536C9.12611 23.736 10.5322 24 12.0001 24C18.6274 24 24.0001 18.6274 24.0001 12C24.0001 5.37263 7.82617 12 7.82617 12Z" fill="#6DA544"></path><path data-v-d6a01453="" d="M12.0001 0C10.5322 0 9.12611 0.264047 7.82617 0.746391V12H24.0001C24.0001 5.37262 18.6274 0 12.0001 0Z" fill="#D80027"></path></g><defs data-v-d6a01453=""><clipPath data-v-d6a01453="" id="clip0_246_4705"><rect data-v-d6a01453="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d6a01453="" class="kui-icon flag-mg-icon" data-testid="kui-icon-wrapper-flag-mg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d6a01453="" data-testid="kui-icon-svg-flag-mg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d6a01453="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d6a01453=""><g clip-path="url(#clip0_246_4705)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M7.82617 12V23.2536C9.12611 23.736 10.5322 24 12.0001 24C18.6274 24 24.0001 18.6274 24.0001 12C24.0001 5.37263 7.82617 12 7.82617 12Z" fill="#6DA544"></path>
+<path d="M12.0001 0C10.5322 0 9.12611 0.264047 7.82617 0.746391V12H24.0001C24.0001 5.37262 18.6274 0 12.0001 0Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4705">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMhIcon.html b/src/tests/__snapshots__/FlagMhIcon.html
index 59f27324..1c2dd01b 100644
--- a/src/tests/__snapshots__/FlagMhIcon.html
+++ b/src/tests/__snapshots__/FlagMhIcon.html
@@ -1 +1,11 @@
-<span data-v-5b969abb="" class="kui-icon flag-mh-icon" data-testid="kui-icon-wrapper-flag-mh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5b969abb="" data-testid="kui-icon-svg-flag-mh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5b969abb="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5b969abb="" clip-path="url(#clip0_246_4744)"><path data-v-5b969abb="" d="M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z" fill="#0052B4"></path><path data-v-5b969abb="" d="M22.6136 6.43496C22.0643 5.38946 21.3502 4.40785 20.4711 3.52876C19.592 2.64967 18.6105 1.93553 17.5649 1.38629L3.50049 20.4993L22.6136 6.43496Z" fill="#F0F0F0"></path><path data-v-5b969abb="" d="M3.50049 20.4993L22.6136 6.43495C22.0643 5.38945 21.3502 4.40784 20.4711 3.52875L3.50049 20.4993Z" fill="#FF9811"></path><path data-v-5b969abb="" d="M10.4208 7.03697L8.95534 7.72631L9.73576 9.14569L8.14436 8.84123L7.9427 10.4489L6.8342 9.26644L5.7257 10.4489L5.52414 8.84123L3.93273 9.14559L4.71306 7.72626L3.24756 7.03697L4.71311 6.34758L3.93273 4.9283L5.52404 5.23266L5.72575 3.62503L6.8342 4.80745L7.9427 3.62503L8.14436 5.23266L9.73581 4.9283L8.95539 6.34762L10.4208 7.03697Z" fill="#F0F0F0"></path></g><defs data-v-5b969abb=""><clipPath data-v-5b969abb="" id="clip0_246_4744"><rect data-v-5b969abb="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5b969abb="" class="kui-icon flag-mh-icon" data-testid="kui-icon-wrapper-flag-mh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5b969abb="" data-testid="kui-icon-svg-flag-mh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5b969abb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5b969abb=""><g clip-path="url(#clip0_246_4744)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z" fill="#0052B4"></path>
+<path d="M22.6136 6.43496C22.0643 5.38946 21.3502 4.40785 20.4711 3.52876C19.592 2.64967 18.6105 1.93553 17.5649 1.38629L3.50049 20.4993L22.6136 6.43496Z" fill="#F0F0F0"></path>
+<path d="M3.50049 20.4993L22.6136 6.43495C22.0643 5.38945 21.3502 4.40784 20.4711 3.52875L3.50049 20.4993Z" fill="#FF9811"></path>
+<path d="M10.4208 7.03697L8.95534 7.72631L9.73576 9.14569L8.14436 8.84123L7.9427 10.4489L6.8342 9.26644L5.7257 10.4489L5.52414 8.84123L3.93273 9.14559L4.71306 7.72626L3.24756 7.03697L4.71311 6.34758L3.93273 4.9283L5.52404 5.23266L5.72575 3.62503L6.8342 4.80745L7.9427 3.62503L8.14436 5.23266L9.73581 4.9283L8.95539 6.34762L10.4208 7.03697Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4744">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMkIcon.html b/src/tests/__snapshots__/FlagMkIcon.html
index dc04f545..baa58fa1 100644
--- a/src/tests/__snapshots__/FlagMkIcon.html
+++ b/src/tests/__snapshots__/FlagMkIcon.html
@@ -1 +1,18 @@
-<span data-v-2005c805="" class="kui-icon flag-mk-icon" data-testid="kui-icon-wrapper-flag-mk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2005c805="" data-testid="kui-icon-svg-flag-mk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2005c805="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2005c805="" clip-path="url(#clip0_246_5097)"><path data-v-2005c805="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-2005c805="" d="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z" fill="#D80027"></path><path data-v-2005c805="" d="M10.1752 0.137939C8.22359 0.435689 6.42706 1.20425 4.90381 2.32311L12.0002 12L10.1752 0.137939Z" fill="#D80027"></path><path data-v-2005c805="" d="M4.90381 21.6768C6.42696 22.7957 8.2235 23.5643 10.1751 23.8621L12.0002 12L4.90381 21.6768Z" fill="#D80027"></path><path data-v-2005c805="" d="M2.32336 4.90359C1.20445 6.42684 0.43598 8.22333 0.138184 10.175L12.0002 12L2.32336 4.90359Z" fill="#D80027"></path><path data-v-2005c805="" d="M0.138184 13.8249C0.435934 15.7766 1.2045 17.5732 2.3234 19.0963L12.0002 12L0.138184 13.8249Z" fill="#D80027"></path><path data-v-2005c805="" d="M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z" fill="#D80027"></path><path data-v-2005c805="" d="M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z" fill="#D80027"></path><path data-v-2005c805="" d="M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z" fill="#D80027"></path><path data-v-2005c805="" d="M12.0001 16.1739C14.3052 16.1739 16.174 14.3052 16.174 12C16.174 9.69483 14.3052 7.82611 12.0001 7.82611C9.69489 7.82611 7.82617 9.69483 7.82617 12C7.82617 14.3052 9.69489 16.1739 12.0001 16.1739Z" fill="#D80027"></path><path data-v-2005c805="" d="M12.0001 15.1304C13.729 15.1304 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.729 8.86954 12.0001 8.86954C10.2712 8.86954 8.86963 10.2711 8.86963 12C8.86963 13.7289 10.2712 15.1304 12.0001 15.1304Z" fill="#FFDA44"></path></g><defs data-v-2005c805=""><clipPath data-v-2005c805="" id="clip0_246_5097"><rect data-v-2005c805="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2005c805="" class="kui-icon flag-mk-icon" data-testid="kui-icon-wrapper-flag-mk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2005c805="" data-testid="kui-icon-svg-flag-mk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2005c805="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2005c805=""><g clip-path="url(#clip0_246_5097)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z" fill="#D80027"></path>
+<path d="M10.1752 0.137939C8.22359 0.435689 6.42706 1.20425 4.90381 2.32311L12.0002 12L10.1752 0.137939Z" fill="#D80027"></path>
+<path d="M4.90381 21.6768C6.42696 22.7957 8.2235 23.5643 10.1751 23.8621L12.0002 12L4.90381 21.6768Z" fill="#D80027"></path>
+<path d="M2.32336 4.90359C1.20445 6.42684 0.43598 8.22333 0.138184 10.175L12.0002 12L2.32336 4.90359Z" fill="#D80027"></path>
+<path d="M0.138184 13.8249C0.435934 15.7766 1.2045 17.5732 2.3234 19.0963L12.0002 12L0.138184 13.8249Z" fill="#D80027"></path>
+<path d="M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z" fill="#D80027"></path>
+<path d="M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z" fill="#D80027"></path>
+<path d="M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z" fill="#D80027"></path>
+<path d="M12.0001 16.1739C14.3052 16.1739 16.174 14.3052 16.174 12C16.174 9.69483 14.3052 7.82611 12.0001 7.82611C9.69489 7.82611 7.82617 9.69483 7.82617 12C7.82617 14.3052 9.69489 16.1739 12.0001 16.1739Z" fill="#D80027"></path>
+<path d="M12.0001 15.1304C13.729 15.1304 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.729 8.86954 12.0001 8.86954C10.2712 8.86954 8.86963 10.2711 8.86963 12C8.86963 13.7289 10.2712 15.1304 12.0001 15.1304Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5097">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMlIcon.html b/src/tests/__snapshots__/FlagMlIcon.html
index 8b004a5d..6fa2637c 100644
--- a/src/tests/__snapshots__/FlagMlIcon.html
+++ b/src/tests/__snapshots__/FlagMlIcon.html
@@ -1 +1,10 @@
-<span data-v-5ec5b6ce="" class="kui-icon flag-ml-icon" data-testid="kui-icon-wrapper-flag-ml-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5ec5b6ce="" data-testid="kui-icon-svg-flag-ml-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5ec5b6ce="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5ec5b6ce="" clip-path="url(#clip0_246_4736)"><path data-v-5ec5b6ce="" d="M16.174 0.746391C14.874 0.264047 13.4679 0 12.0001 0C10.5322 0 9.12618 0.264047 7.8262 0.746391L6.78271 12L7.8262 23.2536C9.12618 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2175 12L16.174 0.746391Z" fill="#FFDA44"></path><path data-v-5ec5b6ce="" d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path><path data-v-5ec5b6ce="" d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path></g><defs data-v-5ec5b6ce=""><clipPath data-v-5ec5b6ce="" id="clip0_246_4736"><rect data-v-5ec5b6ce="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5ec5b6ce="" class="kui-icon flag-ml-icon" data-testid="kui-icon-wrapper-flag-ml-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5ec5b6ce="" data-testid="kui-icon-svg-flag-ml-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5ec5b6ce="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5ec5b6ce=""><g clip-path="url(#clip0_246_4736)">
+<path d="M16.174 0.746391C14.874 0.264047 13.4679 0 12.0001 0C10.5322 0 9.12618 0.264047 7.8262 0.746391L6.78271 12L7.8262 23.2536C9.12618 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2175 12L16.174 0.746391Z" fill="#FFDA44"></path>
+<path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
+<path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4736">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMmIcon.html b/src/tests/__snapshots__/FlagMmIcon.html
index 1bc24149..ec2f8b5e 100644
--- a/src/tests/__snapshots__/FlagMmIcon.html
+++ b/src/tests/__snapshots__/FlagMmIcon.html
@@ -1 +1,11 @@
-<span data-v-8f30de8a="" class="kui-icon flag-mm-icon" data-testid="kui-icon-wrapper-flag-mm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f30de8a="" data-testid="kui-icon-svg-flag-mm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f30de8a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-8f30de8a="" clip-path="url(#clip0_246_4859)"><path data-v-8f30de8a="" d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path><path data-v-8f30de8a="" d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path><path data-v-8f30de8a="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path><path data-v-8f30de8a="" d="M20.2287 10.1525H13.9424L11.9999 4.17389L10.0573 10.1525H3.771L8.8567 13.8474L6.91411 19.8261L11.9999 16.1739L17.0856 19.8261L15.1431 13.8474L20.2287 10.1525Z" fill="#F0F0F0"></path></g><defs data-v-8f30de8a=""><clipPath data-v-8f30de8a="" id="clip0_246_4859"><rect data-v-8f30de8a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-8f30de8a="" class="kui-icon flag-mm-icon" data-testid="kui-icon-wrapper-flag-mm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f30de8a="" data-testid="kui-icon-svg-flag-mm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f30de8a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8f30de8a=""><g clip-path="url(#clip0_246_4859)">
+<path d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path>
+<path d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
+<path d="M20.2287 10.1525H13.9424L11.9999 4.17389L10.0573 10.1525H3.771L8.8567 13.8474L6.91411 19.8261L11.9999 16.1739L17.0856 19.8261L15.1431 13.8474L20.2287 10.1525Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4859">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMnIcon.html b/src/tests/__snapshots__/FlagMnIcon.html
index c848d8f9..55bef351 100644
--- a/src/tests/__snapshots__/FlagMnIcon.html
+++ b/src/tests/__snapshots__/FlagMnIcon.html
@@ -1 +1,17 @@
-<span data-v-b44a4702="" class="kui-icon flag-mn-icon" data-testid="kui-icon-wrapper-flag-mn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b44a4702="" data-testid="kui-icon-svg-flag-mn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b44a4702="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b44a4702="" clip-path="url(#clip0_246_4814)"><path data-v-b44a4702="" d="M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z" fill="#0052B4"></path><path data-v-b44a4702="" d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z" fill="#A2001D"></path><path data-v-b44a4702="" d="M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z" fill="#A2001D"></path><path data-v-b44a4702="" d="M5.73926 12H6.78274V16.1739H5.73926V12Z" fill="#FFDA44"></path><path data-v-b44a4702="" d="M1.56543 12H2.60891V16.1739H1.56543V12Z" fill="#FFDA44"></path><path data-v-b44a4702="" d="M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z" fill="#FFDA44"></path><path data-v-b44a4702="" d="M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z" fill="#FFDA44"></path><path data-v-b44a4702="" d="M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z" fill="#FFDA44"></path><path data-v-b44a4702="" d="M3.13086 10.9565H5.21783V12H3.13086V10.9565Z" fill="#FFDA44"></path><path data-v-b44a4702="" d="M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z" fill="#FFDA44"></path></g><defs data-v-b44a4702=""><clipPath data-v-b44a4702="" id="clip0_246_4814"><rect data-v-b44a4702="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b44a4702="" class="kui-icon flag-mn-icon" data-testid="kui-icon-wrapper-flag-mn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b44a4702="" data-testid="kui-icon-svg-flag-mn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b44a4702="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b44a4702=""><g clip-path="url(#clip0_246_4814)">
+<path d="M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z" fill="#0052B4"></path>
+<path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z" fill="#A2001D"></path>
+<path d="M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z" fill="#A2001D"></path>
+<path d="M5.73926 12H6.78274V16.1739H5.73926V12Z" fill="#FFDA44"></path>
+<path d="M1.56543 12H2.60891V16.1739H1.56543V12Z" fill="#FFDA44"></path>
+<path d="M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z" fill="#FFDA44"></path>
+<path d="M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z" fill="#FFDA44"></path>
+<path d="M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z" fill="#FFDA44"></path>
+<path d="M3.13086 10.9565H5.21783V12H3.13086V10.9565Z" fill="#FFDA44"></path>
+<path d="M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4814">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMoIcon.html b/src/tests/__snapshots__/FlagMoIcon.html
index b9b93b9a..a0251fdf 100644
--- a/src/tests/__snapshots__/FlagMoIcon.html
+++ b/src/tests/__snapshots__/FlagMoIcon.html
@@ -1 +1,16 @@
-<span data-v-aeab534b="" class="kui-icon flag-mo-icon" data-testid="kui-icon-wrapper-flag-mo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aeab534b="" data-testid="kui-icon-svg-flag-mo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aeab534b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-aeab534b="" clip-path="url(#clip0_246_4693)"><path data-v-aeab534b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path><path data-v-aeab534b="" d="M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z" fill="#F0F0F0"></path><path data-v-aeab534b="" d="M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z" fill="#FFDA44"></path><path data-v-aeab534b="" d="M8.21061 6.35309L8.80302 6.88643L9.49335 6.4879L9.16916 7.2161L9.76152 7.74954L8.96877 7.6662L8.64458 8.3944L8.47874 7.61473L7.68604 7.53138L8.37632 7.13276L8.21061 6.35309Z" fill="#FFDA44"></path><path data-v-aeab534b="" d="M5.43701 9.12689L6.21673 9.29259L6.61531 8.60226L6.69865 9.39497L7.47828 9.56081L6.75012 9.88505L6.83346 10.6777L6.29998 10.0854L5.57182 10.4096L5.9704 9.71925L5.43701 9.12689Z" fill="#FFDA44"></path><path data-v-aeab534b="" d="M15.7887 6.35309L15.1963 6.88643L14.506 6.4879L14.8301 7.2161L14.2378 7.74954L15.0305 7.6662L15.3547 8.3944L15.5206 7.61473L16.3133 7.53138L15.623 7.13276L15.7887 6.35309Z" fill="#FFDA44"></path><path data-v-aeab534b="" d="M18.5627 9.12689L17.783 9.29259L17.3845 8.60226L17.3011 9.39497L16.5215 9.56081L17.2496 9.88505L17.1663 10.6777L17.6998 10.0854L18.4279 10.4096L18.0294 9.71925L18.5627 9.12689Z" fill="#FFDA44"></path><path data-v-aeab534b="" d="M12.0002 18.6549C13.1843 18.6549 14.2757 18.2599 15.1512 17.5951H8.84912C9.72465 18.2598 10.816 18.6549 12.0002 18.6549Z" fill="#F0F0F0"></path><path data-v-aeab534b="" d="M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z" fill="#F0F0F0"></path></g><defs data-v-aeab534b=""><clipPath data-v-aeab534b="" id="clip0_246_4693"><rect data-v-aeab534b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-aeab534b="" class="kui-icon flag-mo-icon" data-testid="kui-icon-wrapper-flag-mo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aeab534b="" data-testid="kui-icon-svg-flag-mo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aeab534b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aeab534b=""><g clip-path="url(#clip0_246_4693)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
+<path d="M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z" fill="#F0F0F0"></path>
+<path d="M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z" fill="#FFDA44"></path>
+<path d="M8.21061 6.35309L8.80302 6.88643L9.49335 6.4879L9.16916 7.2161L9.76152 7.74954L8.96877 7.6662L8.64458 8.3944L8.47874 7.61473L7.68604 7.53138L8.37632 7.13276L8.21061 6.35309Z" fill="#FFDA44"></path>
+<path d="M5.43701 9.12689L6.21673 9.29259L6.61531 8.60226L6.69865 9.39497L7.47828 9.56081L6.75012 9.88505L6.83346 10.6777L6.29998 10.0854L5.57182 10.4096L5.9704 9.71925L5.43701 9.12689Z" fill="#FFDA44"></path>
+<path d="M15.7887 6.35309L15.1963 6.88643L14.506 6.4879L14.8301 7.2161L14.2378 7.74954L15.0305 7.6662L15.3547 8.3944L15.5206 7.61473L16.3133 7.53138L15.623 7.13276L15.7887 6.35309Z" fill="#FFDA44"></path>
+<path d="M18.5627 9.12689L17.783 9.29259L17.3845 8.60226L17.3011 9.39497L16.5215 9.56081L17.2496 9.88505L17.1663 10.6777L17.6998 10.0854L18.4279 10.4096L18.0294 9.71925L18.5627 9.12689Z" fill="#FFDA44"></path>
+<path d="M12.0002 18.6549C13.1843 18.6549 14.2757 18.2599 15.1512 17.5951H8.84912C9.72465 18.2598 10.816 18.6549 12.0002 18.6549Z" fill="#F0F0F0"></path>
+<path d="M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4693">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMpIcon.html b/src/tests/__snapshots__/FlagMpIcon.html
index ecb7f738..0d2af21d 100644
--- a/src/tests/__snapshots__/FlagMpIcon.html
+++ b/src/tests/__snapshots__/FlagMpIcon.html
@@ -1 +1,12 @@
-<span data-v-16c7b5b5="" class="kui-icon flag-mp-icon" data-testid="kui-icon-wrapper-flag-mp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16c7b5b5="" data-testid="kui-icon-svg-flag-mp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-16c7b5b5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-16c7b5b5="" clip-path="url(#clip0_246_4975)"><path data-v-16c7b5b5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-16c7b5b5="" d="M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z" fill="#F3F3F3"></path><path data-v-16c7b5b5="" d="M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z" fill="#338AF3"></path><path data-v-16c7b5b5="" d="M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z" fill="#BDBCC1"></path><path data-v-16c7b5b5="" d="M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z" fill="#F0F0F0"></path></g><defs data-v-16c7b5b5=""><clipPath data-v-16c7b5b5="" id="clip0_246_4975"><rect data-v-16c7b5b5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-16c7b5b5="" class="kui-icon flag-mp-icon" data-testid="kui-icon-wrapper-flag-mp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16c7b5b5="" data-testid="kui-icon-svg-flag-mp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-16c7b5b5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-16c7b5b5=""><g clip-path="url(#clip0_246_4975)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z" fill="#F3F3F3"></path>
+<path d="M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z" fill="#338AF3"></path>
+<path d="M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z" fill="#BDBCC1"></path>
+<path d="M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4975">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMqIcon.html b/src/tests/__snapshots__/FlagMqIcon.html
index 3524bd17..9dfba13c 100644
--- a/src/tests/__snapshots__/FlagMqIcon.html
+++ b/src/tests/__snapshots__/FlagMqIcon.html
@@ -1 +1,16 @@
-<span data-v-568d512e="" class="kui-icon flag-mq-icon" data-testid="kui-icon-wrapper-flag-mq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-568d512e="" data-testid="kui-icon-svg-flag-mq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-568d512e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-568d512e="" clip-path="url(#clip0_246_4749)"><path data-v-568d512e="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-568d512e="" d="M23.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z" fill="#0052B4"></path><path data-v-568d512e="" d="M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z" fill="#0052B4"></path><path data-v-568d512e="" d="M0.103027 13.5652C0.434059 16.0958 1.57082 18.5412 3.51492 20.4853C5.45906 22.4294 7.90434 23.5661 10.435 23.8973L10.435 13.5653L0.103027 13.5652Z" fill="#0052B4"></path><path data-v-568d512e="" d="M13.5654 23.8972C16.096 23.5661 18.5413 22.4294 20.4854 20.4853C22.4296 18.5411 23.5663 16.0958 23.8973 13.5652H13.5654V23.8972Z" fill="#0052B4"></path><path data-v-568d512e="" d="M16.0961 7.61428C16.0961 7.45472 16.2258 7.32502 16.3854 7.32502H17.0053C17.9851 7.32502 18.7823 6.52786 18.7823 5.54803C18.7823 4.56821 17.9852 3.771 17.0053 3.771H16.4166C16.2245 3.62667 15.9667 3.53766 15.6824 3.53766C15.0892 3.53766 14.6084 3.92227 14.6084 4.39674C14.6084 4.86661 15.0801 5.2478 15.6652 5.25521L15.665 5.25863H17.0053C17.1649 5.25863 17.2946 5.38838 17.2946 5.54794C17.2946 5.7075 17.1649 5.83721 17.0053 5.83721H16.3854C15.4055 5.83721 14.6084 6.63436 14.6084 7.61419C14.6084 8.59402 15.4055 9.39122 16.3854 9.39122H18.7823V7.9035H16.3854C16.2258 7.90355 16.0961 7.77385 16.0961 7.61428Z" fill="#F0F0F0"></path><path data-v-568d512e="" d="M6.70491 7.61428C6.70491 7.45472 6.83461 7.32502 6.99422 7.32502H7.6141C8.59397 7.32502 9.39118 6.52786 9.39118 5.54803C9.39118 4.56821 8.59402 3.771 7.6141 3.771H7.02544C6.8333 3.62667 6.57554 3.53766 6.29119 3.53766C5.69808 3.53766 5.21729 3.92227 5.21729 4.39674C5.21729 4.86661 5.68889 5.2478 6.27408 5.25521L6.2738 5.25863H7.61414C7.77375 5.25863 7.90346 5.38838 7.90346 5.54794C7.90346 5.7075 7.77375 5.83721 7.61414 5.83721H6.99427C6.01439 5.83721 5.21729 6.63436 5.21729 7.61419C5.21729 8.59402 6.01435 9.39122 6.99427 9.39122H9.39113V7.9035H6.99422C6.83461 7.90355 6.70491 7.77385 6.70491 7.61428Z" fill="#F0F0F0"></path><path data-v-568d512e="" d="M16.0961 18.6853C16.0961 18.5258 16.2258 18.3961 16.3854 18.3961H17.0053C17.9852 18.3961 18.7824 17.5989 18.7824 16.6191C18.7824 15.6393 17.9852 14.842 17.0053 14.842H16.4166C16.2245 14.6977 15.9667 14.6087 15.6824 14.6087C15.0892 14.6087 14.6084 14.9934 14.6084 15.4678C14.6084 15.9377 15.0801 16.3188 15.6652 16.3263L15.665 16.3297H17.0053C17.1649 16.3297 17.2946 16.4594 17.2946 16.619C17.2946 16.7785 17.1649 16.9083 17.0053 16.9083H16.3854C15.4055 16.9083 14.6084 17.7054 14.6084 18.6852C14.6084 19.6651 15.4055 20.4623 16.3854 20.4623H18.7823V18.9746H16.3854C16.2258 18.9746 16.0961 18.8448 16.0961 18.6853Z" fill="#F0F0F0"></path><path data-v-568d512e="" d="M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z" fill="#F0F0F0"></path></g><defs data-v-568d512e=""><clipPath data-v-568d512e="" id="clip0_246_4749"><rect data-v-568d512e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-568d512e="" class="kui-icon flag-mq-icon" data-testid="kui-icon-wrapper-flag-mq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-568d512e="" data-testid="kui-icon-svg-flag-mq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-568d512e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-568d512e=""><g clip-path="url(#clip0_246_4749)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z" fill="#0052B4"></path>
+<path d="M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z" fill="#0052B4"></path>
+<path d="M0.103027 13.5652C0.434059 16.0958 1.57082 18.5412 3.51492 20.4853C5.45906 22.4294 7.90434 23.5661 10.435 23.8973L10.435 13.5653L0.103027 13.5652Z" fill="#0052B4"></path>
+<path d="M13.5654 23.8972C16.096 23.5661 18.5413 22.4294 20.4854 20.4853C22.4296 18.5411 23.5663 16.0958 23.8973 13.5652H13.5654V23.8972Z" fill="#0052B4"></path>
+<path d="M16.0961 7.61428C16.0961 7.45472 16.2258 7.32502 16.3854 7.32502H17.0053C17.9851 7.32502 18.7823 6.52786 18.7823 5.54803C18.7823 4.56821 17.9852 3.771 17.0053 3.771H16.4166C16.2245 3.62667 15.9667 3.53766 15.6824 3.53766C15.0892 3.53766 14.6084 3.92227 14.6084 4.39674C14.6084 4.86661 15.0801 5.2478 15.6652 5.25521L15.665 5.25863H17.0053C17.1649 5.25863 17.2946 5.38838 17.2946 5.54794C17.2946 5.7075 17.1649 5.83721 17.0053 5.83721H16.3854C15.4055 5.83721 14.6084 6.63436 14.6084 7.61419C14.6084 8.59402 15.4055 9.39122 16.3854 9.39122H18.7823V7.9035H16.3854C16.2258 7.90355 16.0961 7.77385 16.0961 7.61428Z" fill="#F0F0F0"></path>
+<path d="M6.70491 7.61428C6.70491 7.45472 6.83461 7.32502 6.99422 7.32502H7.6141C8.59397 7.32502 9.39118 6.52786 9.39118 5.54803C9.39118 4.56821 8.59402 3.771 7.6141 3.771H7.02544C6.8333 3.62667 6.57554 3.53766 6.29119 3.53766C5.69808 3.53766 5.21729 3.92227 5.21729 4.39674C5.21729 4.86661 5.68889 5.2478 6.27408 5.25521L6.2738 5.25863H7.61414C7.77375 5.25863 7.90346 5.38838 7.90346 5.54794C7.90346 5.7075 7.77375 5.83721 7.61414 5.83721H6.99427C6.01439 5.83721 5.21729 6.63436 5.21729 7.61419C5.21729 8.59402 6.01435 9.39122 6.99427 9.39122H9.39113V7.9035H6.99422C6.83461 7.90355 6.70491 7.77385 6.70491 7.61428Z" fill="#F0F0F0"></path>
+<path d="M16.0961 18.6853C16.0961 18.5258 16.2258 18.3961 16.3854 18.3961H17.0053C17.9852 18.3961 18.7824 17.5989 18.7824 16.6191C18.7824 15.6393 17.9852 14.842 17.0053 14.842H16.4166C16.2245 14.6977 15.9667 14.6087 15.6824 14.6087C15.0892 14.6087 14.6084 14.9934 14.6084 15.4678C14.6084 15.9377 15.0801 16.3188 15.6652 16.3263L15.665 16.3297H17.0053C17.1649 16.3297 17.2946 16.4594 17.2946 16.619C17.2946 16.7785 17.1649 16.9083 17.0053 16.9083H16.3854C15.4055 16.9083 14.6084 17.7054 14.6084 18.6852C14.6084 19.6651 15.4055 20.4623 16.3854 20.4623H18.7823V18.9746H16.3854C16.2258 18.9746 16.0961 18.8448 16.0961 18.6853Z" fill="#F0F0F0"></path>
+<path d="M6.70496 18.6853C6.70496 18.5258 6.83466 18.3961 6.99427 18.3961H7.61414C8.59402 18.3961 9.39122 17.5989 9.39122 16.6191C9.39122 15.6393 8.59407 14.842 7.61414 14.842H7.02549C6.83335 14.6977 6.57558 14.6087 6.29124 14.6087C5.69808 14.6087 5.21729 14.9934 5.21729 15.4678C5.21729 15.9377 5.68889 16.3188 6.27408 16.3263L6.2738 16.3297H7.61414C7.77375 16.3297 7.90346 16.4594 7.90346 16.619C7.90346 16.7785 7.77375 16.9083 7.61414 16.9083H6.99427C6.01439 16.9083 5.21729 17.7054 5.21729 18.6852C5.21729 19.6651 6.01435 20.4623 6.99427 20.4623H9.39118V18.9746H6.99427C6.83466 18.9746 6.70496 18.8448 6.70496 18.6853Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4749">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMrIcon.html b/src/tests/__snapshots__/FlagMrIcon.html
index 44805fc5..edcd4620 100644
--- a/src/tests/__snapshots__/FlagMrIcon.html
+++ b/src/tests/__snapshots__/FlagMrIcon.html
@@ -1 +1,10 @@
-<span data-v-8d405964="" class="kui-icon flag-mr-icon" data-testid="kui-icon-wrapper-flag-mr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d405964="" data-testid="kui-icon-svg-flag-mr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8d405964="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-8d405964="" clip-path="url(#clip0_246_4761)"><path data-v-8d405964="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path><path data-v-8d405964="" d="M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z" fill="#FFDA44"></path><path data-v-8d405964="" d="M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z" fill="#FFDA44"></path></g><defs data-v-8d405964=""><clipPath data-v-8d405964="" id="clip0_246_4761"><rect data-v-8d405964="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-8d405964="" class="kui-icon flag-mr-icon" data-testid="kui-icon-wrapper-flag-mr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d405964="" data-testid="kui-icon-svg-flag-mr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8d405964="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8d405964=""><g clip-path="url(#clip0_246_4761)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
+<path d="M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z" fill="#FFDA44"></path>
+<path d="M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4761">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMsIcon.html b/src/tests/__snapshots__/FlagMsIcon.html
index 8f5133bc..2b40dda9 100644
--- a/src/tests/__snapshots__/FlagMsIcon.html
+++ b/src/tests/__snapshots__/FlagMsIcon.html
@@ -1 +1,15 @@
-<span data-v-8b7feeae="" class="kui-icon flag-ms-icon" data-testid="kui-icon-wrapper-flag-ms-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8b7feeae="" data-testid="kui-icon-svg-flag-ms-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8b7feeae="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-8b7feeae="" clip-path="url(#clip0_246_4835)"><path data-v-8b7feeae="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-8b7feeae="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-8b7feeae="" d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-8b7feeae="" d="M6.07124 1.56522C4.19441 2.63392 2.63409 4.1942 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path><path data-v-8b7feeae="" d="M12.0004 10.5243L7.73686 6.26093H6.26123V6.26102L12.0003 12H12.0004C12.0004 12 12.0004 10.9825 12.0004 10.5243Z" fill="#D80027"></path><path data-v-8b7feeae="" d="M13.5654 6.26086V12C13.5654 14.7956 17.2176 15.6522 17.2176 15.6522C17.2176 15.6522 20.8698 14.7956 20.8698 12V6.26086H13.5654Z" fill="#338AF3"></path><path data-v-8b7feeae="" d="M13.5654 11.9999C13.5654 14.7956 17.2176 15.6522 17.2176 15.6522C17.2176 15.6522 20.8698 14.7956 20.8698 11.9999H13.5654Z" fill="#A2001D"></path><path data-v-8b7feeae="" d="M18.7828 8.86964H17.7393V7.82611H16.6958V8.86964H15.6523V9.91308H16.6958V13.0435H17.7393V9.91308H18.7828V8.86964Z" fill="black"></path></g><defs data-v-8b7feeae=""><clipPath data-v-8b7feeae="" id="clip0_246_4835"><rect data-v-8b7feeae="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-8b7feeae="" class="kui-icon flag-ms-icon" data-testid="kui-icon-wrapper-flag-ms-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8b7feeae="" data-testid="kui-icon-svg-flag-ms-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8b7feeae="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8b7feeae=""><g clip-path="url(#clip0_246_4835)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07124 1.56522C4.19441 2.63392 2.63409 4.1942 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path>
+<path d="M12.0004 10.5243L7.73686 6.26093H6.26123V6.26102L12.0003 12H12.0004C12.0004 12 12.0004 10.9825 12.0004 10.5243Z" fill="#D80027"></path>
+<path d="M13.5654 6.26086V12C13.5654 14.7956 17.2176 15.6522 17.2176 15.6522C17.2176 15.6522 20.8698 14.7956 20.8698 12V6.26086H13.5654Z" fill="#338AF3"></path>
+<path d="M13.5654 11.9999C13.5654 14.7956 17.2176 15.6522 17.2176 15.6522C17.2176 15.6522 20.8698 14.7956 20.8698 11.9999H13.5654Z" fill="#A2001D"></path>
+<path d="M18.7828 8.86964H17.7393V7.82611H16.6958V8.86964H15.6523V9.91308H16.6958V13.0435H17.7393V9.91308H18.7828V8.86964Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4835">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMtIcon.html b/src/tests/__snapshots__/FlagMtIcon.html
index 58bb5dc1..b6becb7d 100644
--- a/src/tests/__snapshots__/FlagMtIcon.html
+++ b/src/tests/__snapshots__/FlagMtIcon.html
@@ -1 +1,10 @@
-<span data-v-cdee2fd0="" class="kui-icon flag-mt-icon" data-testid="kui-icon-wrapper-flag-mt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cdee2fd0="" data-testid="kui-icon-svg-flag-mt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cdee2fd0="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-cdee2fd0="" clip-path="url(#clip0_246_4740)"><path data-v-cdee2fd0="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-cdee2fd0="" d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24" fill="#D80027"></path><path data-v-cdee2fd0="" d="M8.34774 4.69567V3.13046H6.78253V4.69567H5.21729V6.26087H6.78253V7.82612H8.34774V6.26087H9.91294V4.69567H8.34774Z" fill="#ACABB1"></path></g><defs data-v-cdee2fd0=""><clipPath data-v-cdee2fd0="" id="clip0_246_4740"><rect data-v-cdee2fd0="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-cdee2fd0="" class="kui-icon flag-mt-icon" data-testid="kui-icon-wrapper-flag-mt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cdee2fd0="" data-testid="kui-icon-svg-flag-mt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cdee2fd0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cdee2fd0=""><g clip-path="url(#clip0_246_4740)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24" fill="#D80027"></path>
+<path d="M8.34774 4.69567V3.13046H6.78253V4.69567H5.21729V6.26087H6.78253V7.82612H8.34774V6.26087H9.91294V4.69567H8.34774Z" fill="#ACABB1"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4740">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMuIcon.html b/src/tests/__snapshots__/FlagMuIcon.html
index 41823360..08831e95 100644
--- a/src/tests/__snapshots__/FlagMuIcon.html
+++ b/src/tests/__snapshots__/FlagMuIcon.html
@@ -1 +1,11 @@
-<span data-v-3edfda48="" class="kui-icon flag-mu-icon" data-testid="kui-icon-wrapper-flag-mu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3edfda48="" data-testid="kui-icon-svg-flag-mu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3edfda48="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3edfda48="" clip-path="url(#clip0_246_4766)"><path data-v-3edfda48="" d="M1.45898 6.26086L11.9999 7.30434L22.5408 6.26086C20.5056 2.53073 16.5484 0 11.9999 0C7.45139 0 3.49425 2.53073 1.45898 6.26086Z" fill="#D80027"></path><path data-v-3edfda48="" d="M1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391Z" fill="#FFDA44"></path><path data-v-3edfda48="" d="M1.45908 6.26086C0.528891 7.96575 0 9.9211 0 12H24C24 9.9211 23.4711 7.96575 22.5409 6.26086H12H1.45908Z" fill="#0052B4"></path><path data-v-3edfda48="" d="M11.9999 24C16.5484 24 20.5056 21.4693 22.5408 17.7391H1.45898C3.49425 21.4693 7.45139 24 11.9999 24Z" fill="#6DA544"></path></g><defs data-v-3edfda48=""><clipPath data-v-3edfda48="" id="clip0_246_4766"><rect data-v-3edfda48="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3edfda48="" class="kui-icon flag-mu-icon" data-testid="kui-icon-wrapper-flag-mu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3edfda48="" data-testid="kui-icon-svg-flag-mu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3edfda48="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3edfda48=""><g clip-path="url(#clip0_246_4766)">
+<path d="M1.45898 6.26086L11.9999 7.30434L22.5408 6.26086C20.5056 2.53073 16.5484 0 11.9999 0C7.45139 0 3.49425 2.53073 1.45898 6.26086Z" fill="#D80027"></path>
+<path d="M1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391Z" fill="#FFDA44"></path>
+<path d="M1.45908 6.26086C0.528891 7.96575 0 9.9211 0 12H24C24 9.9211 23.4711 7.96575 22.5409 6.26086H12H1.45908Z" fill="#0052B4"></path>
+<path d="M11.9999 24C16.5484 24 20.5056 21.4693 22.5408 17.7391H1.45898C3.49425 21.4693 7.45139 24 11.9999 24Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4766">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMvIcon.html b/src/tests/__snapshots__/FlagMvIcon.html
index 29959640..c505d8a6 100644
--- a/src/tests/__snapshots__/FlagMvIcon.html
+++ b/src/tests/__snapshots__/FlagMvIcon.html
@@ -1 +1,10 @@
-<span data-v-89b50a3b="" class="kui-icon flag-mv-icon" data-testid="kui-icon-wrapper-flag-mv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-89b50a3b="" data-testid="kui-icon-svg-flag-mv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-89b50a3b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-89b50a3b="" clip-path="url(#clip0_246_4732)"><path data-v-89b50a3b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-89b50a3b="" d="M4.17383 6.26086H19.826V17.7391H4.17383V6.26086Z" fill="#6DA544"></path><path data-v-89b50a3b="" d="M13.9323 15.3913C12.0594 15.3913 10.541 13.8729 10.541 12C10.541 10.127 12.0594 8.60867 13.9323 8.60867C14.5163 8.60867 15.0658 8.75633 15.5455 9.0163C14.793 8.28032 13.7638 7.82605 12.628 7.82605C10.3229 7.82605 8.4541 9.69477 8.4541 11.9999C8.4541 14.3051 10.3229 16.1738 12.628 16.1738C13.7638 16.1738 14.793 15.7196 15.5455 14.9836C15.0658 15.2436 14.5163 15.3913 13.9323 15.3913Z" fill="#F0F0F0"></path></g><defs data-v-89b50a3b=""><clipPath data-v-89b50a3b="" id="clip0_246_4732"><rect data-v-89b50a3b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-89b50a3b="" class="kui-icon flag-mv-icon" data-testid="kui-icon-wrapper-flag-mv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-89b50a3b="" data-testid="kui-icon-svg-flag-mv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-89b50a3b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-89b50a3b=""><g clip-path="url(#clip0_246_4732)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M4.17383 6.26086H19.826V17.7391H4.17383V6.26086Z" fill="#6DA544"></path>
+<path d="M13.9323 15.3913C12.0594 15.3913 10.541 13.8729 10.541 12C10.541 10.127 12.0594 8.60867 13.9323 8.60867C14.5163 8.60867 15.0658 8.75633 15.5455 9.0163C14.793 8.28032 13.7638 7.82605 12.628 7.82605C10.3229 7.82605 8.4541 9.69477 8.4541 11.9999C8.4541 14.3051 10.3229 16.1738 12.628 16.1738C13.7638 16.1738 14.793 15.7196 15.5455 14.9836C15.0658 15.2436 14.5163 15.3913 13.9323 15.3913Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4732">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMwIcon.html b/src/tests/__snapshots__/FlagMwIcon.html
index ee0d1599..cd67d98c 100644
--- a/src/tests/__snapshots__/FlagMwIcon.html
+++ b/src/tests/__snapshots__/FlagMwIcon.html
@@ -1 +1,11 @@
-<span data-v-62eb8295="" class="kui-icon flag-mw-icon" data-testid="kui-icon-wrapper-flag-mw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62eb8295="" data-testid="kui-icon-svg-flag-mw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-62eb8295="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-62eb8295="" clip-path="url(#clip0_246_4716)"><path data-v-62eb8295="" d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 16.6957L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.1261 23.2536 7.82612L12 7.30435L0.746391 7.82607C0.264047 9.1261 0 10.5322 0 12H0Z" fill="#D80027"></path><path data-v-62eb8295="" d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="black"></path><path data-v-62eb8295="" d="M23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739Z" fill="#496E2D"></path><path data-v-62eb8295="" d="M15.5869 5.73915L14.1214 5.0498L14.9018 3.63048L13.3104 3.93493L13.1087 2.32721L12.0002 3.50963L10.8918 2.32721L10.6901 3.93493L9.0987 3.63048L9.87912 5.0498L8.41357 5.73915H15.5869Z" fill="#D80027"></path></g><defs data-v-62eb8295=""><clipPath data-v-62eb8295="" id="clip0_246_4716"><rect data-v-62eb8295="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-62eb8295="" class="kui-icon flag-mw-icon" data-testid="kui-icon-wrapper-flag-mw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62eb8295="" data-testid="kui-icon-svg-flag-mw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-62eb8295="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-62eb8295=""><g clip-path="url(#clip0_246_4716)">
+<path d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 16.6957L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.1261 23.2536 7.82612L12 7.30435L0.746391 7.82607C0.264047 9.1261 0 10.5322 0 12H0Z" fill="#D80027"></path>
+<path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="black"></path>
+<path d="M23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739Z" fill="#496E2D"></path>
+<path d="M15.5869 5.73915L14.1214 5.0498L14.9018 3.63048L13.3104 3.93493L13.1087 2.32721L12.0002 3.50963L10.8918 2.32721L10.6901 3.93493L9.0987 3.63048L9.87912 5.0498L8.41357 5.73915H15.5869Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4716">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMxIcon.html b/src/tests/__snapshots__/FlagMxIcon.html
index bef6a22f..59730bc8 100644
--- a/src/tests/__snapshots__/FlagMxIcon.html
+++ b/src/tests/__snapshots__/FlagMxIcon.html
@@ -1 +1,12 @@
-<span data-v-ec82f1bc="" class="kui-icon flag-mx-icon" data-testid="kui-icon-wrapper-flag-mx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ec82f1bc="" data-testid="kui-icon-svg-flag-mx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ec82f1bc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ec82f1bc="" clip-path="url(#clip0_246_4790)"><path data-v-ec82f1bc="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-ec82f1bc="" d="M23.9999 12C23.9999 7.24245 21.2312 3.1317 17.2173 1.1907V22.8092C21.2312 20.8683 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path><path data-v-ec82f1bc="" d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.1907C2.76867 3.1317 0 7.24245 0 12Z" fill="#6DA544"></path><path data-v-ec82f1bc="" d="M8.86963 12C8.86963 13.7289 10.2712 15.1304 12.0001 15.1304C13.729 15.1304 15.1305 13.7289 15.1305 12V10.9565H8.86963V12Z" fill="#6DA544"></path><path data-v-ec82f1bc="" d="M16.174 9.91302H13.0436C13.0436 9.33674 12.5764 8.86954 12.0001 8.86954C11.4238 8.86954 10.9566 9.33674 10.9566 9.91302H7.82617C7.82617 10.4893 8.32816 10.9565 8.90439 10.9565H8.86966C8.86966 11.5328 9.33681 12 9.91314 12C9.91314 12.5763 10.3803 13.0435 10.9566 13.0435H13.0436C13.6199 13.0435 14.0871 12.5763 14.0871 12C14.6634 12 15.1306 11.5328 15.1306 10.9565H15.0958C15.6721 10.9565 16.174 10.4893 16.174 9.91302Z" fill="#FF9811"></path></g><defs data-v-ec82f1bc=""><clipPath data-v-ec82f1bc="" id="clip0_246_4790"><rect data-v-ec82f1bc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ec82f1bc="" class="kui-icon flag-mx-icon" data-testid="kui-icon-wrapper-flag-mx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ec82f1bc="" data-testid="kui-icon-svg-flag-mx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ec82f1bc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ec82f1bc=""><g clip-path="url(#clip0_246_4790)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.9999 12C23.9999 7.24245 21.2312 3.1317 17.2173 1.1907V22.8092C21.2312 20.8683 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path>
+<path d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.1907C2.76867 3.1317 0 7.24245 0 12Z" fill="#6DA544"></path>
+<path d="M8.86963 12C8.86963 13.7289 10.2712 15.1304 12.0001 15.1304C13.729 15.1304 15.1305 13.7289 15.1305 12V10.9565H8.86963V12Z" fill="#6DA544"></path>
+<path d="M16.174 9.91302H13.0436C13.0436 9.33674 12.5764 8.86954 12.0001 8.86954C11.4238 8.86954 10.9566 9.33674 10.9566 9.91302H7.82617C7.82617 10.4893 8.32816 10.9565 8.90439 10.9565H8.86966C8.86966 11.5328 9.33681 12 9.91314 12C9.91314 12.5763 10.3803 13.0435 10.9566 13.0435H13.0436C13.6199 13.0435 14.0871 12.5763 14.0871 12C14.6634 12 15.1306 11.5328 15.1306 10.9565H15.0958C15.6721 10.9565 16.174 10.4893 16.174 9.91302Z" fill="#FF9811"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4790">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMyIcon.html b/src/tests/__snapshots__/FlagMyIcon.html
index 18da5124..83a42bce 100644
--- a/src/tests/__snapshots__/FlagMyIcon.html
+++ b/src/tests/__snapshots__/FlagMyIcon.html
@@ -1 +1,15 @@
-<span data-v-18a231bf="" class="kui-icon flag-my-icon" data-testid="kui-icon-wrapper-flag-my-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a231bf="" data-testid="kui-icon-svg-flag-my-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18a231bf="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-18a231bf="" clip-path="url(#clip0_246_4721)"><path data-v-18a231bf="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-18a231bf="" d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86769 23.5868 8.86954H11.4785V12Z" fill="#D80027"></path><path data-v-18a231bf="" d="M11.4785 5.73913H22.239C21.5044 4.54044 20.5652 3.48092 19.4701 2.60867H11.4785V5.73913Z" fill="#D80027"></path><path data-v-18a231bf="" d="M12.0001 24C14.8243 24 17.4201 23.0239 19.47 21.3913H4.53027C6.58016 23.0239 9.17596 24 12.0001 24Z" fill="#D80027"></path><path data-v-18a231bf="" d="M1.76146 18.2609H22.2389C22.8286 17.2986 23.2859 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z" fill="#D80027"></path><path data-v-18a231bf="" d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path><path data-v-18a231bf="" d="M7.97952 10.2717C6.34068 10.2717 5.01214 8.94314 5.01214 7.30435C5.01214 5.66555 6.34072 4.33697 7.97952 4.33697C8.4905 4.33697 8.9713 4.46621 9.39107 4.69364C8.73257 4.04972 7.832 3.65222 6.83821 3.65222C4.82122 3.65222 3.18604 5.28736 3.18604 7.30439C3.18604 9.32142 4.82122 10.9566 6.83821 10.9566C7.832 10.9566 8.73257 10.5591 9.39107 9.91514C8.9713 10.1425 8.49055 10.2717 7.97952 10.2717Z" fill="#FFDA44"></path><path data-v-18a231bf="" d="M8.81549 5.21738L9.34232 6.31903L10.5321 6.04416L9.99927 7.14286L10.9561 7.90163L9.7648 8.17017L9.76813 9.39131L8.81549 8.62735L7.8628 9.39131L7.86609 8.17017L6.6748 7.90163L7.63162 7.14286L7.09879 6.04416L8.28862 6.31903L8.81549 5.21738Z" fill="#FFDA44"></path></g><defs data-v-18a231bf=""><clipPath data-v-18a231bf="" id="clip0_246_4721"><rect data-v-18a231bf="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-18a231bf="" class="kui-icon flag-my-icon" data-testid="kui-icon-wrapper-flag-my-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a231bf="" data-testid="kui-icon-svg-flag-my-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18a231bf="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18a231bf=""><g clip-path="url(#clip0_246_4721)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86769 23.5868 8.86954H11.4785V12Z" fill="#D80027"></path>
+<path d="M11.4785 5.73913H22.239C21.5044 4.54044 20.5652 3.48092 19.4701 2.60867H11.4785V5.73913Z" fill="#D80027"></path>
+<path d="M12.0001 24C14.8243 24 17.4201 23.0239 19.47 21.3913H4.53027C6.58016 23.0239 9.17596 24 12.0001 24Z" fill="#D80027"></path>
+<path d="M1.76146 18.2609H22.2389C22.8286 17.2986 23.2859 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z" fill="#D80027"></path>
+<path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
+<path d="M7.97952 10.2717C6.34068 10.2717 5.01214 8.94314 5.01214 7.30435C5.01214 5.66555 6.34072 4.33697 7.97952 4.33697C8.4905 4.33697 8.9713 4.46621 9.39107 4.69364C8.73257 4.04972 7.832 3.65222 6.83821 3.65222C4.82122 3.65222 3.18604 5.28736 3.18604 7.30439C3.18604 9.32142 4.82122 10.9566 6.83821 10.9566C7.832 10.9566 8.73257 10.5591 9.39107 9.91514C8.9713 10.1425 8.49055 10.2717 7.97952 10.2717Z" fill="#FFDA44"></path>
+<path d="M8.81549 5.21738L9.34232 6.31903L10.5321 6.04416L9.99927 7.14286L10.9561 7.90163L9.7648 8.17017L9.76813 9.39131L8.81549 8.62735L7.8628 9.39131L7.86609 8.17017L6.6748 7.90163L7.63162 7.14286L7.09879 6.04416L8.28862 6.31903L8.81549 5.21738Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4721">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMzIcon.html b/src/tests/__snapshots__/FlagMzIcon.html
index f6c57025..101d38fb 100644
--- a/src/tests/__snapshots__/FlagMzIcon.html
+++ b/src/tests/__snapshots__/FlagMzIcon.html
@@ -1 +1,15 @@
-<span data-v-3e211488="" class="kui-icon flag-mz-icon" data-testid="kui-icon-wrapper-flag-mz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e211488="" data-testid="kui-icon-svg-flag-mz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e211488="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-3e211488="" clip-path="url(#clip0_246_4850)"><path data-v-3e211488="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-3e211488="" d="M6.48617 16.6956L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9608 24 21.2177 20.9893 23.0452 16.6956H6.48617Z" fill="#FFDA44"></path><path data-v-3e211488="" d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="#496E2D"></path><path data-v-3e211488="" d="M2.60889 8.82608V15.1304H23.5869C23.856 14.1324 24.0002 13.0831 24.0002 12C24.0002 10.9011 23.8522 9.83708 23.5755 8.82608H2.60889Z" fill="black"></path><path data-v-3e211488="" d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#A2001D"></path><path data-v-3e211488="" d="M4.85695 8.86954L5.6339 11.2609H8.14855L6.11427 12.739L6.89118 15.1304L4.85695 13.6524L2.82262 15.1304L3.59971 12.739L1.56543 11.2609H4.0799L4.85695 8.86954Z" fill="#FFDA44"></path><path data-v-3e211488="" d="M2.58301 12H7.13101V14.087H2.58301V12Z" fill="#F0F0F0"></path><path data-v-3e211488="" d="M7.99203 9.60744L7.25418 8.86954L4.85661 11.2671L2.45905 8.86954L1.72119 9.60744L4.12086 12.0029L1.72119 14.4026L2.45905 15.1304L4.85661 12.7372L7.25418 15.1304L7.99203 14.4026L5.59236 12.0029L7.99203 9.60744Z" fill="black"></path></g><defs data-v-3e211488=""><clipPath data-v-3e211488="" id="clip0_246_4850"><rect data-v-3e211488="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-3e211488="" class="kui-icon flag-mz-icon" data-testid="kui-icon-wrapper-flag-mz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e211488="" data-testid="kui-icon-svg-flag-mz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e211488="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e211488=""><g clip-path="url(#clip0_246_4850)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M6.48617 16.6956L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9608 24 21.2177 20.9893 23.0452 16.6956H6.48617Z" fill="#FFDA44"></path>
+<path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="#496E2D"></path>
+<path d="M2.60889 8.82608V15.1304H23.5869C23.856 14.1324 24.0002 13.0831 24.0002 12C24.0002 10.9011 23.8522 9.83708 23.5755 8.82608H2.60889Z" fill="black"></path>
+<path d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#A2001D"></path>
+<path d="M4.85695 8.86954L5.6339 11.2609H8.14855L6.11427 12.739L6.89118 15.1304L4.85695 13.6524L2.82262 15.1304L3.59971 12.739L1.56543 11.2609H4.0799L4.85695 8.86954Z" fill="#FFDA44"></path>
+<path d="M2.58301 12H7.13101V14.087H2.58301V12Z" fill="#F0F0F0"></path>
+<path d="M7.99203 9.60744L7.25418 8.86954L4.85661 11.2671L2.45905 8.86954L1.72119 9.60744L4.12086 12.0029L1.72119 14.4026L2.45905 15.1304L4.85661 12.7372L7.25418 15.1304L7.99203 14.4026L5.59236 12.0029L7.99203 9.60744Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4850">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNaIcon.html b/src/tests/__snapshots__/FlagNaIcon.html
index 4198fbf3..aa652750 100644
--- a/src/tests/__snapshots__/FlagNaIcon.html
+++ b/src/tests/__snapshots__/FlagNaIcon.html
@@ -1 +1,12 @@
-<span data-v-7b629d8a="" class="kui-icon flag-na-icon" data-testid="kui-icon-wrapper-flag-na-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7b629d8a="" data-testid="kui-icon-svg-flag-na-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7b629d8a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7b629d8a="" clip-path="url(#clip0_246_4864)"><path data-v-7b629d8a="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-7b629d8a="" d="M3.51451 20.4853C4.0179 20.9887 4.55499 21.4376 5.11838 21.8329L21.8326 5.11866C21.4374 4.55527 20.9884 4.01817 20.485 3.51478C19.9816 3.01139 19.4445 2.56252 18.8811 2.16727L2.16699 18.8815C2.5622 19.4448 3.01112 19.9819 3.51451 20.4853Z" fill="#A2001D"></path><path data-v-7b629d8a="" d="M3.51477 3.51469C-0.271044 7.3005 -0.997794 12.9861 1.33297 17.5021L17.5021 1.33298C12.9861 -0.997783 7.30049 -0.27094 3.51477 3.51469Z" fill="#0052B4"></path><path data-v-7b629d8a="" d="M20.4854 20.4853C24.2711 16.6996 24.9979 11.014 22.6672 6.49789L6.49805 22.6671C11.014 24.9978 16.6996 24.2711 20.4854 20.4853Z" fill="#496E2D"></path><path data-v-7b629d8a="" d="M9.91307 6.78261L8.56842 7.4151L9.28448 8.71738L7.82437 8.4381L7.63931 9.91302L6.62231 8.82819L5.60526 9.91302L5.42029 8.4381L3.96014 8.71733L4.67615 7.41505L3.33154 6.78261L4.6762 6.15008L3.96014 4.84789L5.42025 5.12718L5.60531 3.65216L6.62231 4.73704L7.63936 3.65216L7.82437 5.12718L9.28448 4.84789L8.56851 6.15013L9.91307 6.78261Z" fill="#FFDA44"></path></g><defs data-v-7b629d8a=""><clipPath data-v-7b629d8a="" id="clip0_246_4864"><rect data-v-7b629d8a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7b629d8a="" class="kui-icon flag-na-icon" data-testid="kui-icon-wrapper-flag-na-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7b629d8a="" data-testid="kui-icon-svg-flag-na-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7b629d8a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7b629d8a=""><g clip-path="url(#clip0_246_4864)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M3.51451 20.4853C4.0179 20.9887 4.55499 21.4376 5.11838 21.8329L21.8326 5.11866C21.4374 4.55527 20.9884 4.01817 20.485 3.51478C19.9816 3.01139 19.4445 2.56252 18.8811 2.16727L2.16699 18.8815C2.5622 19.4448 3.01112 19.9819 3.51451 20.4853Z" fill="#A2001D"></path>
+<path d="M3.51477 3.51469C-0.271044 7.3005 -0.997794 12.9861 1.33297 17.5021L17.5021 1.33298C12.9861 -0.997783 7.30049 -0.27094 3.51477 3.51469Z" fill="#0052B4"></path>
+<path d="M20.4854 20.4853C24.2711 16.6996 24.9979 11.014 22.6672 6.49789L6.49805 22.6671C11.014 24.9978 16.6996 24.2711 20.4854 20.4853Z" fill="#496E2D"></path>
+<path d="M9.91307 6.78261L8.56842 7.4151L9.28448 8.71738L7.82437 8.4381L7.63931 9.91302L6.62231 8.82819L5.60526 9.91302L5.42029 8.4381L3.96014 8.71733L4.67615 7.41505L3.33154 6.78261L4.6762 6.15008L3.96014 4.84789L5.42025 5.12718L5.60531 3.65216L6.62231 4.73704L7.63936 3.65216L7.82437 5.12718L9.28448 4.84789L8.56851 6.15013L9.91307 6.78261Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4864">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNeIcon.html b/src/tests/__snapshots__/FlagNeIcon.html
index a2f4948f..fff71a0c 100644
--- a/src/tests/__snapshots__/FlagNeIcon.html
+++ b/src/tests/__snapshots__/FlagNeIcon.html
@@ -1 +1,11 @@
-<span data-v-56f0c86e="" class="kui-icon flag-ne-icon" data-testid="kui-icon-wrapper-flag-ne-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56f0c86e="" data-testid="kui-icon-svg-flag-ne-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-56f0c86e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-56f0c86e="" clip-path="url(#clip0_246_4926)"><path data-v-56f0c86e="" d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path><path data-v-56f0c86e="" d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#6DA544"></path><path data-v-56f0c86e="" d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24229 0 3.13182 2.76867 1.19092 6.78263Z" fill="#FF9811"></path><path data-v-56f0c86e="" d="M11.9996 16.1739C14.3048 16.1739 16.1735 14.3052 16.1735 12C16.1735 9.69483 14.3048 7.82611 11.9996 7.82611C9.6944 7.82611 7.82568 9.69483 7.82568 12C7.82568 14.3052 9.6944 16.1739 11.9996 16.1739Z" fill="#FF9811"></path></g><defs data-v-56f0c86e=""><clipPath data-v-56f0c86e="" id="clip0_246_4926"><rect data-v-56f0c86e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-56f0c86e="" class="kui-icon flag-ne-icon" data-testid="kui-icon-wrapper-flag-ne-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56f0c86e="" data-testid="kui-icon-svg-flag-ne-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-56f0c86e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-56f0c86e=""><g clip-path="url(#clip0_246_4926)">
+<path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
+<path d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#6DA544"></path>
+<path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24229 0 3.13182 2.76867 1.19092 6.78263Z" fill="#FF9811"></path>
+<path d="M11.9996 16.1739C14.3048 16.1739 16.1735 14.3052 16.1735 12C16.1735 9.69483 14.3048 7.82611 11.9996 7.82611C9.6944 7.82611 7.82568 9.69483 7.82568 12C7.82568 14.3052 9.6944 16.1739 11.9996 16.1739Z" fill="#FF9811"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4926">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNfIcon.html b/src/tests/__snapshots__/FlagNfIcon.html
index 3ef288be..8b141156 100644
--- a/src/tests/__snapshots__/FlagNfIcon.html
+++ b/src/tests/__snapshots__/FlagNfIcon.html
@@ -1 +1,11 @@
-<span data-v-09c1dfad="" class="kui-icon flag-nf-icon" data-testid="kui-icon-wrapper-flag-nf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-09c1dfad="" data-testid="kui-icon-svg-flag-nf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-09c1dfad="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-09c1dfad="" clip-path="url(#clip0_246_4954)"><path data-v-09c1dfad="" d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1302 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1302 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#F0F0F0"></path><path data-v-09c1dfad="" d="M6.78263 1.19113C2.76867 3.13204 0 7.24246 0 12C0 16.7575 2.76867 20.8679 6.78263 22.8088V1.19113Z" fill="#6DA544"></path><path data-v-09c1dfad="" d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13204 17.2173 1.19113Z" fill="#6DA544"></path><path data-v-09c1dfad="" d="M15.1305 15.6522L12.0001 5.73914L8.86963 15.6522H11.2175V18.2609H12.7827V15.6522H15.1305Z" fill="#6DA544"></path></g><defs data-v-09c1dfad=""><clipPath data-v-09c1dfad="" id="clip0_246_4954"><rect data-v-09c1dfad="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-09c1dfad="" class="kui-icon flag-nf-icon" data-testid="kui-icon-wrapper-flag-nf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-09c1dfad="" data-testid="kui-icon-svg-flag-nf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-09c1dfad="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-09c1dfad=""><g clip-path="url(#clip0_246_4954)">
+<path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1302 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1302 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#F0F0F0"></path>
+<path d="M6.78263 1.19113C2.76867 3.13204 0 7.24246 0 12C0 16.7575 2.76867 20.8679 6.78263 22.8088V1.19113Z" fill="#6DA544"></path>
+<path d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13204 17.2173 1.19113Z" fill="#6DA544"></path>
+<path d="M15.1305 15.6522L12.0001 5.73914L8.86963 15.6522H11.2175V18.2609H12.7827V15.6522H15.1305Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4954">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNgIcon.html b/src/tests/__snapshots__/FlagNgIcon.html
index fe946c12..3e39c994 100644
--- a/src/tests/__snapshots__/FlagNgIcon.html
+++ b/src/tests/__snapshots__/FlagNgIcon.html
@@ -1 +1,10 @@
-<span data-v-ea747be7="" class="kui-icon flag-ng-icon" data-testid="kui-icon-wrapper-flag-ng-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea747be7="" data-testid="kui-icon-svg-flag-ng-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea747be7="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ea747be7="" clip-path="url(#clip0_246_4932)"><path data-v-ea747be7="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-ea747be7="" d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path><path data-v-ea747be7="" d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#6DA544"></path></g><defs data-v-ea747be7=""><clipPath data-v-ea747be7="" id="clip0_246_4932"><rect data-v-ea747be7="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ea747be7="" class="kui-icon flag-ng-icon" data-testid="kui-icon-wrapper-flag-ng-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea747be7="" data-testid="kui-icon-svg-flag-ng-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea747be7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea747be7=""><g clip-path="url(#clip0_246_4932)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path>
+<path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4932">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNiIcon.html b/src/tests/__snapshots__/FlagNiIcon.html
index cf83de7a..4e340e20 100644
--- a/src/tests/__snapshots__/FlagNiIcon.html
+++ b/src/tests/__snapshots__/FlagNiIcon.html
@@ -1 +1,14 @@
-<span data-v-9ad3a261="" class="kui-icon flag-ni-icon" data-testid="kui-icon-wrapper-flag-ni-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ad3a261="" data-testid="kui-icon-svg-flag-ni-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9ad3a261="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9ad3a261="" clip-path="url(#clip0_246_4917)"><path data-v-9ad3a261="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-9ad3a261="" d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#338AF3"></path><path data-v-9ad3a261="" d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#338AF3"></path><path data-v-9ad3a261="" d="M11.9998 8.34784C9.9828 8.34784 8.34766 9.98298 8.34766 12C8.34766 14.017 9.9828 15.6522 11.9998 15.6522C14.0169 15.6522 15.652 14.017 15.652 12C15.652 9.98298 14.0169 8.34784 11.9998 8.34784ZM11.9998 14.087C10.8473 14.087 9.91286 13.1527 9.91286 12C9.91286 10.8474 10.8472 9.91304 11.9998 9.91304C13.1524 9.91304 14.0868 10.8474 14.0868 12C14.0868 13.1527 13.1524 14.087 11.9998 14.087Z" fill="#FFDA44"></path><path data-v-9ad3a261="" d="M13.8076 12.5217L12.0002 12L10.1928 12.5217L9.59033 13.5652H14.41L13.8076 12.5217Z" fill="#0052B4"></path><path data-v-9ad3a261="" d="M11.9998 9.39133L10.7949 11.4783L11.9998 12L13.2048 11.4783L11.9998 9.39133Z" fill="#338AF3"></path><path data-v-9ad3a261="" d="M10.1924 12.5217H13.8072L13.2047 11.4783H10.7949L10.1924 12.5217Z" fill="#6DA544"></path></g><defs data-v-9ad3a261=""><clipPath data-v-9ad3a261="" id="clip0_246_4917"><rect data-v-9ad3a261="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9ad3a261="" class="kui-icon flag-ni-icon" data-testid="kui-icon-wrapper-flag-ni-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ad3a261="" data-testid="kui-icon-svg-flag-ni-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9ad3a261="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9ad3a261=""><g clip-path="url(#clip0_246_4917)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#338AF3"></path>
+<path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#338AF3"></path>
+<path d="M11.9998 8.34784C9.9828 8.34784 8.34766 9.98298 8.34766 12C8.34766 14.017 9.9828 15.6522 11.9998 15.6522C14.0169 15.6522 15.652 14.017 15.652 12C15.652 9.98298 14.0169 8.34784 11.9998 8.34784ZM11.9998 14.087C10.8473 14.087 9.91286 13.1527 9.91286 12C9.91286 10.8474 10.8472 9.91304 11.9998 9.91304C13.1524 9.91304 14.0868 10.8474 14.0868 12C14.0868 13.1527 13.1524 14.087 11.9998 14.087Z" fill="#FFDA44"></path>
+<path d="M13.8076 12.5217L12.0002 12L10.1928 12.5217L9.59033 13.5652H14.41L13.8076 12.5217Z" fill="#0052B4"></path>
+<path d="M11.9998 9.39133L10.7949 11.4783L11.9998 12L13.2048 11.4783L11.9998 9.39133Z" fill="#338AF3"></path>
+<path d="M10.1924 12.5217H13.8072L13.2047 11.4783H10.7949L10.1924 12.5217Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4917">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNlIcon.html b/src/tests/__snapshots__/FlagNlIcon.html
index 139f6e89..50d2fd47 100644
--- a/src/tests/__snapshots__/FlagNlIcon.html
+++ b/src/tests/__snapshots__/FlagNlIcon.html
@@ -1 +1,10 @@
-<span data-v-73488b41="" class="kui-icon flag-nl-icon" data-testid="kui-icon-wrapper-flag-nl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73488b41="" data-testid="kui-icon-svg-flag-nl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73488b41="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-73488b41="" clip-path="url(#clip0_246_4900)"><path data-v-73488b41="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-73488b41="" d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#A2001D"></path><path data-v-73488b41="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#0052B4"></path></g><defs data-v-73488b41=""><clipPath data-v-73488b41="" id="clip0_246_4900"><rect data-v-73488b41="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-73488b41="" class="kui-icon flag-nl-icon" data-testid="kui-icon-wrapper-flag-nl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73488b41="" data-testid="kui-icon-svg-flag-nl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73488b41="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-73488b41=""><g clip-path="url(#clip0_246_4900)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#A2001D"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4900">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNoIcon.html b/src/tests/__snapshots__/FlagNoIcon.html
index e48f3561..ef2ebae1 100644
--- a/src/tests/__snapshots__/FlagNoIcon.html
+++ b/src/tests/__snapshots__/FlagNoIcon.html
@@ -1 +1,13 @@
-<span data-v-104f7bde="" class="kui-icon flag-no-icon" data-testid="kui-icon-wrapper-flag-no-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-104f7bde="" data-testid="kui-icon-svg-flag-no-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-104f7bde="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-104f7bde="" clip-path="url(#clip0_246_4981)"><path data-v-104f7bde="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-104f7bde="" d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5206V15.1305H0.413574Z" fill="#D80027"></path><path data-v-104f7bde="" d="M10.9565 23.9544C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9544Z" fill="#D80027"></path><path data-v-104f7bde="" d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#D80027"></path><path data-v-104f7bde="" d="M4.69584 2.47946C2.63812 4.06056 1.10789 6.29335 0.413574 8.86955H4.69584V2.47946Z" fill="#D80027"></path><path data-v-104f7bde="" d="M23.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4347V10.4348H0.101578C0.0347813 10.9472 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z" fill="#0052B4"></path></g><defs data-v-104f7bde=""><clipPath data-v-104f7bde="" id="clip0_246_4981"><rect data-v-104f7bde="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-104f7bde="" class="kui-icon flag-no-icon" data-testid="kui-icon-wrapper-flag-no-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-104f7bde="" data-testid="kui-icon-svg-flag-no-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-104f7bde="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-104f7bde=""><g clip-path="url(#clip0_246_4981)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5206V15.1305H0.413574Z" fill="#D80027"></path>
+<path d="M10.9565 23.9544C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9544Z" fill="#D80027"></path>
+<path d="M23.5866 8.86955C22.2096 3.76036 17.5444 0 12 0C11.6484 0 11.3005 0.0160312 10.9565 0.0456562V8.86955H23.5866Z" fill="#D80027"></path>
+<path d="M4.69584 2.47946C2.63812 4.06056 1.10789 6.29335 0.413574 8.86955H4.69584V2.47946Z" fill="#D80027"></path>
+<path d="M23.8984 10.4348H9.39136H9.39131V0.285248C8.28234 0.531154 7.23098 0.929732 6.26086 1.45909V10.4347V10.4348H0.101578C0.0347813 10.9472 0 11.4695 0 12C0 12.5305 0.0347813 13.0529 0.101578 13.5652H6.26081H6.26086V22.5409C7.23098 23.0702 8.28234 23.4689 9.39131 23.7147V13.5654V13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9472 23.8984 10.4348Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4981">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNpIcon.html b/src/tests/__snapshots__/FlagNpIcon.html
index 419c2ac1..056f9361 100644
--- a/src/tests/__snapshots__/FlagNpIcon.html
+++ b/src/tests/__snapshots__/FlagNpIcon.html
@@ -1 +1,14 @@
-<span data-v-6aff0593="" class="kui-icon flag-np-icon" data-testid="kui-icon-wrapper-flag-np-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6aff0593="" data-testid="kui-icon-svg-flag-np-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6aff0593="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6aff0593="" clip-path="url(#clip0_246_4890)"><path data-v-6aff0593="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-6aff0593="" d="M23.9295 13.3043L23.9292 13.304L23.9292 13.3043H23.9295Z" fill="#0052B4"></path><path data-v-6aff0593="" d="M23.9292 13.3043C23.9292 13.3042 23.9293 13.3041 23.9293 13.304L10.7693 0.0623779C10.1757 0.122894 9.59475 0.226675 9.02986 0.370534C3.83897 1.69217 0 12 0 12C0 12 16.7999 23.2423 18.7165 21.9452C19.1 21.6857 19.4677 21.4046 19.8177 21.1036L12.0185 13.3043H23.9292Z" fill="#0052B4"></path><path data-v-6aff0593="" d="M20.8695 12L9.19898 0.329498C3.92287 1.59123 0 6.33714 0 12C0 18.6274 5.37262 24 12 24C14.5139 24 16.8467 23.2265 18.7748 21.9052L8.86955 12H20.8695Z" fill="#D80027"></path><path data-v-6aff0593="" d="M11.4126 17.7184L9.94704 17.0291L10.7275 15.6098L9.13605 15.9142L8.9344 14.3065L7.82595 15.4889L6.71749 14.3065L6.51579 15.9142L4.92443 15.6097L5.70485 17.0291L4.23926 17.7184L5.70485 18.4077L4.92443 19.8271L6.51588 19.5227L6.71745 21.1303L7.82595 19.9479L8.9344 21.1303L9.13605 19.5227L10.7274 19.8271L9.94699 18.4078L11.4126 17.7184Z" fill="#F0F0F0"></path><path data-v-6aff0593="" d="M10.4347 6.65545L9.36877 6.15412L9.93638 5.1218L8.77889 5.34323L8.63222 4.17389L7.82602 5.0339L7.01982 4.17389L6.8731 5.34323L5.71561 5.1218L6.28327 6.15412L5.21729 6.65545L7.82602 7.17726L10.4347 6.65545Z" fill="#F0F0F0"></path><path data-v-6aff0593="" d="M10.9562 6.65546C10.9562 8.38435 9.55466 9.78591 7.82577 9.78591C6.09687 9.78591 4.69531 8.38435 4.69531 6.65546" fill="#F0F0F0"></path></g><defs data-v-6aff0593=""><clipPath data-v-6aff0593="" id="clip0_246_4890"><rect data-v-6aff0593="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6aff0593="" class="kui-icon flag-np-icon" data-testid="kui-icon-wrapper-flag-np-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6aff0593="" data-testid="kui-icon-svg-flag-np-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6aff0593="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6aff0593=""><g clip-path="url(#clip0_246_4890)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.9295 13.3043L23.9292 13.304L23.9292 13.3043H23.9295Z" fill="#0052B4"></path>
+<path d="M23.9292 13.3043C23.9292 13.3042 23.9293 13.3041 23.9293 13.304L10.7693 0.0623779C10.1757 0.122894 9.59475 0.226675 9.02986 0.370534C3.83897 1.69217 0 12 0 12C0 12 16.7999 23.2423 18.7165 21.9452C19.1 21.6857 19.4677 21.4046 19.8177 21.1036L12.0185 13.3043H23.9292Z" fill="#0052B4"></path>
+<path d="M20.8695 12L9.19898 0.329498C3.92287 1.59123 0 6.33714 0 12C0 18.6274 5.37262 24 12 24C14.5139 24 16.8467 23.2265 18.7748 21.9052L8.86955 12H20.8695Z" fill="#D80027"></path>
+<path d="M11.4126 17.7184L9.94704 17.0291L10.7275 15.6098L9.13605 15.9142L8.9344 14.3065L7.82595 15.4889L6.71749 14.3065L6.51579 15.9142L4.92443 15.6097L5.70485 17.0291L4.23926 17.7184L5.70485 18.4077L4.92443 19.8271L6.51588 19.5227L6.71745 21.1303L7.82595 19.9479L8.9344 21.1303L9.13605 19.5227L10.7274 19.8271L9.94699 18.4078L11.4126 17.7184Z" fill="#F0F0F0"></path>
+<path d="M10.4347 6.65545L9.36877 6.15412L9.93638 5.1218L8.77889 5.34323L8.63222 4.17389L7.82602 5.0339L7.01982 4.17389L6.8731 5.34323L5.71561 5.1218L6.28327 6.15412L5.21729 6.65545L7.82602 7.17726L10.4347 6.65545Z" fill="#F0F0F0"></path>
+<path d="M10.9562 6.65546C10.9562 8.38435 9.55466 9.78591 7.82577 9.78591C6.09687 9.78591 4.69531 8.38435 4.69531 6.65546" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4890">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNrIcon.html b/src/tests/__snapshots__/FlagNrIcon.html
index 9edbfa7a..04f4d371 100644
--- a/src/tests/__snapshots__/FlagNrIcon.html
+++ b/src/tests/__snapshots__/FlagNrIcon.html
@@ -1 +1,12 @@
-<span data-v-850861f5="" class="kui-icon flag-nr-icon" data-testid="kui-icon-wrapper-flag-nr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-850861f5="" data-testid="kui-icon-svg-flag-nr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-850861f5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-850861f5="" clip-path="url(#clip0_246_4883)"><path data-v-850861f5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path><path data-v-850861f5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-850861f5="" d="M12.0002 0C5.72438 0 0.574789 4.81786 0.0458984 10.9565H23.9545C23.4256 4.81786 18.276 0 12.0002 0Z" fill="#0052B4"></path><path data-v-850861f5="" d="M12.0002 24C18.276 24 23.4256 19.1821 23.9545 13.0435H0.0458984C0.574789 19.1821 5.72438 24 12.0002 24Z" fill="#0052B4"></path><path data-v-850861f5="" d="M9.91312 16.1739L8.56846 16.8064L9.28448 18.1087L7.82437 17.8293L7.63936 19.3043L6.62231 18.2195L5.60531 19.3043L5.42029 17.8293L3.96014 18.1086L4.6762 16.8064L3.33154 16.1739L4.67625 15.5414L3.96014 14.2392L5.42025 14.5185L5.60536 13.0435L6.62231 14.1283L7.6394 13.0435L7.82437 14.5185L9.28453 14.2392L8.56851 15.5415L9.91312 16.1739Z" fill="#F0F0F0"></path></g><defs data-v-850861f5=""><clipPath data-v-850861f5="" id="clip0_246_4883"><rect data-v-850861f5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-850861f5="" class="kui-icon flag-nr-icon" data-testid="kui-icon-wrapper-flag-nr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-850861f5="" data-testid="kui-icon-svg-flag-nr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-850861f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-850861f5=""><g clip-path="url(#clip0_246_4883)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M12.0002 0C5.72438 0 0.574789 4.81786 0.0458984 10.9565H23.9545C23.4256 4.81786 18.276 0 12.0002 0Z" fill="#0052B4"></path>
+<path d="M12.0002 24C18.276 24 23.4256 19.1821 23.9545 13.0435H0.0458984C0.574789 19.1821 5.72438 24 12.0002 24Z" fill="#0052B4"></path>
+<path d="M9.91312 16.1739L8.56846 16.8064L9.28448 18.1087L7.82437 17.8293L7.63936 19.3043L6.62231 18.2195L5.60531 19.3043L5.42029 17.8293L3.96014 18.1086L4.6762 16.8064L3.33154 16.1739L4.67625 15.5414L3.96014 14.2392L5.42025 14.5185L5.60536 13.0435L6.62231 14.1283L7.6394 13.0435L7.82437 14.5185L9.28453 14.2392L8.56851 15.5415L9.91312 16.1739Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4883">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNuIcon.html b/src/tests/__snapshots__/FlagNuIcon.html
index 72145ea1..6aa14ba7 100644
--- a/src/tests/__snapshots__/FlagNuIcon.html
+++ b/src/tests/__snapshots__/FlagNuIcon.html
@@ -1 +1,18 @@
-<span data-v-2e236494="" class="kui-icon flag-nu-icon" data-testid="kui-icon-wrapper-flag-nu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e236494="" data-testid="kui-icon-svg-flag-nu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2e236494="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2e236494="" clip-path="url(#clip0_246_4937)"><path data-v-2e236494="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#FFDA44"></path><path data-v-2e236494="" d="M12.0001 5.73914V9.78646L7.82617 5.73914H12.0001Z" fill="#0052B4"></path><path data-v-2e236494="" d="M6.26098 12H9.78649L6.26098 7.30435L5.73926 10.9565L6.26098 12Z" fill="#0052B4"></path><path data-v-2e236494="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-2e236494="" d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-2e236494="" d="M12.0004 10.5243L7.73686 6.26093H6.26123V6.26102L12.0003 12H12.0004C12.0004 12 12.0004 10.9825 12.0004 10.5243Z" fill="#D80027"></path><path data-v-2e236494="" d="M6.07124 1.56522C5.60863 1.82865 5.16543 2.12223 4.74393 2.44272H5.2363L3.93496 3.38837L4.43193 4.91823L3.13059 3.97276L2.99212 4.0734C2.45179 4.687 1.97273 5.35581 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path><path data-v-2e236494="" d="M5.12601 2.16336C4.99659 2.25397 4.86899 2.34711 4.74332 2.44269L3.93449 3.38835L3.13012 3.97269L2.99048 4.07413C2.69582 4.40881 2.41949 4.76 2.16309 5.12624C2.45535 5.26808 2.78343 5.34781 3.13012 5.34781C4.35477 5.34781 5.34749 4.35509 5.34749 3.13044C5.34759 2.78366 5.2679 2.45567 5.12601 2.16336Z" fill="#0052B4"></path><path data-v-2e236494="" d="M2.99072 4.07416L3.13036 3.97272L4.43171 4.91823L3.93469 3.38837L5.23594 2.44272H4.74347C4.10625 2.92736 3.51905 3.47411 2.99072 4.07416Z" fill="#FFDA44"></path><path data-v-2e236494="" d="M8.29403 2.08698L8.55306 2.88408H9.39118L8.71314 3.37679L8.97203 4.1739L8.29403 3.68124L7.61598 4.1739L7.87482 3.37679L7.19678 2.88408H8.03495L8.29403 2.08698Z" fill="#FFDA44"></path><path data-v-2e236494="" d="M3.13041 7.30435L3.38944 8.10146H4.22756L3.54956 8.59421L3.80845 9.39132L3.13041 8.89862L2.45231 9.39132L2.7112 8.59421L2.0332 8.10146H2.87133L3.13041 7.30435Z" fill="#FFDA44"></path></g><defs data-v-2e236494=""><clipPath data-v-2e236494="" id="clip0_246_4937"><rect data-v-2e236494="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2e236494="" class="kui-icon flag-nu-icon" data-testid="kui-icon-wrapper-flag-nu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e236494="" data-testid="kui-icon-svg-flag-nu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2e236494="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2e236494=""><g clip-path="url(#clip0_246_4937)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#FFDA44"></path>
+<path d="M12.0001 5.73914V9.78646L7.82617 5.73914H12.0001Z" fill="#0052B4"></path>
+<path d="M6.26098 12H9.78649L6.26098 7.30435L5.73926 10.9565L6.26098 12Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M12.0004 10.5243L7.73686 6.26093H6.26123V6.26102L12.0003 12H12.0004C12.0004 12 12.0004 10.9825 12.0004 10.5243Z" fill="#D80027"></path>
+<path d="M6.07124 1.56522C5.60863 1.82865 5.16543 2.12223 4.74393 2.44272H5.2363L3.93496 3.38837L4.43193 4.91823L3.13059 3.97276L2.99212 4.0734C2.45179 4.687 1.97273 5.35581 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path>
+<path d="M5.12601 2.16336C4.99659 2.25397 4.86899 2.34711 4.74332 2.44269L3.93449 3.38835L3.13012 3.97269L2.99048 4.07413C2.69582 4.40881 2.41949 4.76 2.16309 5.12624C2.45535 5.26808 2.78343 5.34781 3.13012 5.34781C4.35477 5.34781 5.34749 4.35509 5.34749 3.13044C5.34759 2.78366 5.2679 2.45567 5.12601 2.16336Z" fill="#0052B4"></path>
+<path d="M2.99072 4.07416L3.13036 3.97272L4.43171 4.91823L3.93469 3.38837L5.23594 2.44272H4.74347C4.10625 2.92736 3.51905 3.47411 2.99072 4.07416Z" fill="#FFDA44"></path>
+<path d="M8.29403 2.08698L8.55306 2.88408H9.39118L8.71314 3.37679L8.97203 4.1739L8.29403 3.68124L7.61598 4.1739L7.87482 3.37679L7.19678 2.88408H8.03495L8.29403 2.08698Z" fill="#FFDA44"></path>
+<path d="M3.13041 7.30435L3.38944 8.10146H4.22756L3.54956 8.59421L3.80845 9.39132L3.13041 8.89862L2.45231 9.39132L2.7112 8.59421L2.0332 8.10146H2.87133L3.13041 7.30435Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4937">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNzIcon.html b/src/tests/__snapshots__/FlagNzIcon.html
index bda3e62e..9fbe5c25 100644
--- a/src/tests/__snapshots__/FlagNzIcon.html
+++ b/src/tests/__snapshots__/FlagNzIcon.html
@@ -1 +1,16 @@
-<span data-v-24448f71="" class="kui-icon flag-nz-icon" data-testid="kui-icon-wrapper-flag-nz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-24448f71="" data-testid="kui-icon-svg-flag-nz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-24448f71="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-24448f71="" clip-path="url(#clip0_246_4904)"><path data-v-24448f71="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-24448f71="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-24448f71="" d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679C11.9786 11.9893 11.9894 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-24448f71="" d="M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path><path data-v-24448f71="" d="M12.0003 10.5243L7.7369 6.26093C7.7369 6.26093 6.26123 6.26102 6.26123 6.26093V6.26102L12.0003 12H12.0003C12.0003 12 12.0003 10.9825 12.0003 10.5243Z" fill="#D80027"></path><path data-v-24448f71="" d="M20.7813 8.90433L21.0403 9.70148H21.8785L21.2004 10.1941L21.4594 10.9912L20.7813 10.4986L20.1032 10.9912L20.3622 10.1941L19.6841 9.70148H20.5223L20.7813 8.90433Z" fill="#D80027"></path><path data-v-24448f71="" d="M17.7849 14.6434L18.1735 15.8392H19.4307L18.4135 16.5782L18.8021 17.7739L17.7849 17.0349L16.7678 17.7739L17.1563 16.5782L16.1392 15.8392H17.3964L17.7849 14.6434Z" fill="#D80027"></path><path data-v-24448f71="" d="M17.8983 5.25217L18.2221 6.24868H19.2698L18.4221 6.86439L18.7459 7.86085L17.8983 7.24496L17.0507 7.86085L17.3744 6.86439L16.5269 6.24868H17.5745L17.8983 5.25217Z" fill="#D80027"></path><path data-v-24448f71="" d="M15.0154 8.86957L15.4039 10.0653H16.6612L15.644 10.8043L16.0326 12L15.0154 11.261L13.9982 12L14.3868 10.8043L13.3696 10.0653H14.6269L15.0154 8.86957Z" fill="#D80027"></path></g><defs data-v-24448f71=""><clipPath data-v-24448f71="" id="clip0_246_4904"><rect data-v-24448f71="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-24448f71="" class="kui-icon flag-nz-icon" data-testid="kui-icon-wrapper-flag-nz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-24448f71="" data-testid="kui-icon-svg-flag-nz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-24448f71="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-24448f71=""><g clip-path="url(#clip0_246_4904)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679C11.9786 11.9893 11.9894 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07124 1.56522C4.19441 2.63392 2.63413 4.1942 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path>
+<path d="M12.0003 10.5243L7.7369 6.26093C7.7369 6.26093 6.26123 6.26102 6.26123 6.26093V6.26102L12.0003 12H12.0003C12.0003 12 12.0003 10.9825 12.0003 10.5243Z" fill="#D80027"></path>
+<path d="M20.7813 8.90433L21.0403 9.70148H21.8785L21.2004 10.1941L21.4594 10.9912L20.7813 10.4986L20.1032 10.9912L20.3622 10.1941L19.6841 9.70148H20.5223L20.7813 8.90433Z" fill="#D80027"></path>
+<path d="M17.7849 14.6434L18.1735 15.8392H19.4307L18.4135 16.5782L18.8021 17.7739L17.7849 17.0349L16.7678 17.7739L17.1563 16.5782L16.1392 15.8392H17.3964L17.7849 14.6434Z" fill="#D80027"></path>
+<path d="M17.8983 5.25217L18.2221 6.24868H19.2698L18.4221 6.86439L18.7459 7.86085L17.8983 7.24496L17.0507 7.86085L17.3744 6.86439L16.5269 6.24868H17.5745L17.8983 5.25217Z" fill="#D80027"></path>
+<path d="M15.0154 8.86957L15.4039 10.0653H16.6612L15.644 10.8043L16.0326 12L15.0154 11.261L13.9982 12L14.3868 10.8043L13.3696 10.0653H14.6269L15.0154 8.86957Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4904">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagOmIcon.html b/src/tests/__snapshots__/FlagOmIcon.html
index 64770c4d..b885b2fd 100644
--- a/src/tests/__snapshots__/FlagOmIcon.html
+++ b/src/tests/__snapshots__/FlagOmIcon.html
@@ -1 +1,13 @@
-<span data-v-786a75d7="" class="kui-icon flag-om-icon" data-testid="kui-icon-wrapper-flag-om-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-786a75d7="" data-testid="kui-icon-svg-flag-om-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-786a75d7="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-786a75d7="" clip-path="url(#clip0_246_4989)"><path data-v-786a75d7="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-786a75d7="" d="M0 12C0 16.5485 2.53078 20.5057 6.26086 22.5409V1.45908C2.53078 3.49429 0 7.45148 0 12Z" fill="#D80027"></path><path data-v-786a75d7="" d="M23.2537 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2537 7.82611H0.746437C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746437 16.1739L12 17.2174L23.2537 16.1739Z" fill="#D80027"></path><path data-v-786a75d7="" d="M12.0001 24C17.1598 24 21.5582 20.7435 23.2538 16.1739H0.746582C2.44205 20.7435 6.84061 24 12.0001 24Z" fill="#6DA544"></path><path data-v-786a75d7="" d="M0 12C0 17.5443 3.76036 22.2096 8.86955 23.5866V0.413391C3.76036 1.79039 0 6.45567 0 12Z" fill="#D80027"></path><path data-v-786a75d7="" d="M7.34159 5.28065L6.23483 4.17389L5.49702 4.9118L4.7592 4.17389L3.65244 5.28065L4.3903 6.01851L3.65234 6.75642L4.75911 7.86319L5.49697 7.12528L6.23483 7.86319L7.34159 6.75642L6.60373 6.01851L7.34159 5.28065Z" fill="#F0F0F0"></path></g><defs data-v-786a75d7=""><clipPath data-v-786a75d7="" id="clip0_246_4989"><rect data-v-786a75d7="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-786a75d7="" class="kui-icon flag-om-icon" data-testid="kui-icon-wrapper-flag-om-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-786a75d7="" data-testid="kui-icon-svg-flag-om-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-786a75d7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-786a75d7=""><g clip-path="url(#clip0_246_4989)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 16.5485 2.53078 20.5057 6.26086 22.5409V1.45908C2.53078 3.49429 0 7.45148 0 12Z" fill="#D80027"></path>
+<path d="M23.2537 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2537 7.82611H0.746437C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746437 16.1739L12 17.2174L23.2537 16.1739Z" fill="#D80027"></path>
+<path d="M12.0001 24C17.1598 24 21.5582 20.7435 23.2538 16.1739H0.746582C2.44205 20.7435 6.84061 24 12.0001 24Z" fill="#6DA544"></path>
+<path d="M0 12C0 17.5443 3.76036 22.2096 8.86955 23.5866V0.413391C3.76036 1.79039 0 6.45567 0 12Z" fill="#D80027"></path>
+<path d="M7.34159 5.28065L6.23483 4.17389L5.49702 4.9118L4.7592 4.17389L3.65244 5.28065L4.3903 6.01851L3.65234 6.75642L4.75911 7.86319L5.49697 7.12528L6.23483 7.86319L7.34159 6.75642L6.60373 6.01851L7.34159 5.28065Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_4989">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPaIcon.html b/src/tests/__snapshots__/FlagPaIcon.html
index f845bb71..619b4d16 100644
--- a/src/tests/__snapshots__/FlagPaIcon.html
+++ b/src/tests/__snapshots__/FlagPaIcon.html
@@ -1 +1,12 @@
-<span data-v-16b9076d="" class="kui-icon flag-pa-icon" data-testid="kui-icon-wrapper-flag-pa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16b9076d="" data-testid="kui-icon-svg-flag-pa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-16b9076d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-16b9076d="" clip-path="url(#clip0_246_5025)"><path data-v-16b9076d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-16b9076d="" d="M0 12C0 18.6274 5.37262 24 12 24C12 19.4365 12 12 12 12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path><path data-v-16b9076d="" d="M12 0C18.6274 0 24 5.37262 24 12C19.4365 12 12 12 12 12C12 12 12 4.17389 12 0Z" fill="#D80027"></path><path data-v-16b9076d="" d="M7.14313 4.17389L7.92017 6.56536H10.4347L8.40041 8.04333L9.17741 10.4348L7.14313 8.95678L5.10884 10.4348L5.88584 8.04333L3.85156 6.56536H6.36608L7.14313 4.17389Z" fill="#0052B4"></path><path data-v-16b9076d="" d="M16.857 13.5652L17.634 15.9567H20.1486L18.1142 17.4347L18.8913 19.8261L16.857 18.3481L14.8227 19.8261L15.5997 17.4347L13.5654 15.9567H16.0799L16.857 13.5652Z" fill="#D80027"></path></g><defs data-v-16b9076d=""><clipPath data-v-16b9076d="" id="clip0_246_5025"><rect data-v-16b9076d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-16b9076d="" class="kui-icon flag-pa-icon" data-testid="kui-icon-wrapper-flag-pa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16b9076d="" data-testid="kui-icon-svg-flag-pa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-16b9076d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-16b9076d=""><g clip-path="url(#clip0_246_5025)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 18.6274 5.37262 24 12 24C12 19.4365 12 12 12 12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path>
+<path d="M12 0C18.6274 0 24 5.37262 24 12C19.4365 12 12 12 12 12C12 12 12 4.17389 12 0Z" fill="#D80027"></path>
+<path d="M7.14313 4.17389L7.92017 6.56536H10.4347L8.40041 8.04333L9.17741 10.4348L7.14313 8.95678L5.10884 10.4348L5.88584 8.04333L3.85156 6.56536H6.36608L7.14313 4.17389Z" fill="#0052B4"></path>
+<path d="M16.857 13.5652L17.634 15.9567H20.1486L18.1142 17.4347L18.8913 19.8261L16.857 18.3481L14.8227 19.8261L15.5997 17.4347L13.5654 15.9567H16.0799L16.857 13.5652Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5025">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPeIcon.html b/src/tests/__snapshots__/FlagPeIcon.html
index f047df82..c5aaa2cc 100644
--- a/src/tests/__snapshots__/FlagPeIcon.html
+++ b/src/tests/__snapshots__/FlagPeIcon.html
@@ -1 +1,10 @@
-<span data-v-aa159799="" class="kui-icon flag-pe-icon" data-testid="kui-icon-wrapper-flag-pe-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa159799="" data-testid="kui-icon-svg-flag-pe-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa159799="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-aa159799="" clip-path="url(#clip0_246_5047)"><path data-v-aa159799="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-aa159799="" d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path><path data-v-aa159799="" d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#D80027"></path></g><defs data-v-aa159799=""><clipPath data-v-aa159799="" id="clip0_246_5047"><rect data-v-aa159799="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-aa159799="" class="kui-icon flag-pe-icon" data-testid="kui-icon-wrapper-flag-pe-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa159799="" data-testid="kui-icon-svg-flag-pe-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa159799="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aa159799=""><g clip-path="url(#clip0_246_5047)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
+<path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5047">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPfIcon.html b/src/tests/__snapshots__/FlagPfIcon.html
index 0742d6dc..1bba2c8e 100644
--- a/src/tests/__snapshots__/FlagPfIcon.html
+++ b/src/tests/__snapshots__/FlagPfIcon.html
@@ -1 +1,15 @@
-<span data-v-64a2f1a0="" class="kui-icon flag-pf-icon" data-testid="kui-icon-wrapper-flag-pf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-64a2f1a0="" data-testid="kui-icon-svg-flag-pf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-64a2f1a0="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-64a2f1a0="" clip-path="url(#clip0_1_2334)"><path data-v-64a2f1a0="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-64a2f1a0="" d="M1.45908 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086V6.26086Z" fill="#D80027"></path><path data-v-64a2f1a0="" d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45908C3.49434 21.4694 7.45148 24.0001 12 24.0001Z" fill="#D80027"></path><path data-v-64a2f1a0="" d="M16.1739 12.0001C16.1739 14.3053 14.3052 15.6522 12 15.6522C9.69483 15.6522 7.82611 14.3053 7.82611 12.0001C7.82611 9.69484 9.69483 7.82617 12 7.82617C14.3052 7.82617 16.1739 9.69484 16.1739 12.0001Z" fill="#FFDA44"></path><path data-v-64a2f1a0="" d="M16.1739 12C16.1739 14.3052 14.3052 16.1739 12 16.1739C9.69483 16.1739 7.82611 14.3052 7.82611 12" fill="#0052B4"></path><path data-v-64a2f1a0="" d="M9.39131 10.9565H10.4348V13.0435H9.39131V10.9565Z" fill="#D80027"></path><path data-v-64a2f1a0="" d="M13.5652 10.9565H14.6087V13.0435H13.5652V10.9565Z" fill="#D80027"></path><path data-v-64a2f1a0="" d="M11.4783 9.39111H12.5218V13.0433H11.4783V9.39111Z" fill="#D80027"></path></g><defs data-v-64a2f1a0=""><clipPath data-v-64a2f1a0="" id="clip0_1_2334"><rect data-v-64a2f1a0="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-64a2f1a0="" class="kui-icon flag-pf-icon" data-testid="kui-icon-wrapper-flag-pf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-64a2f1a0="" data-testid="kui-icon-svg-flag-pf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-64a2f1a0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-64a2f1a0=""><g clip-path="url(#clip0_1_2334)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M1.45908 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086V6.26086Z" fill="#D80027"></path>
+<path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45908C3.49434 21.4694 7.45148 24.0001 12 24.0001Z" fill="#D80027"></path>
+<path d="M16.1739 12.0001C16.1739 14.3053 14.3052 15.6522 12 15.6522C9.69483 15.6522 7.82611 14.3053 7.82611 12.0001C7.82611 9.69484 9.69483 7.82617 12 7.82617C14.3052 7.82617 16.1739 9.69484 16.1739 12.0001Z" fill="#FFDA44"></path>
+<path d="M16.1739 12C16.1739 14.3052 14.3052 16.1739 12 16.1739C9.69483 16.1739 7.82611 14.3052 7.82611 12" fill="#0052B4"></path>
+<path d="M9.39131 10.9565H10.4348V13.0435H9.39131V10.9565Z" fill="#D80027"></path>
+<path d="M13.5652 10.9565H14.6087V13.0435H13.5652V10.9565Z" fill="#D80027"></path>
+<path d="M11.4783 9.39111H12.5218V13.0433H11.4783V9.39111Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2334">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPgIcon.html b/src/tests/__snapshots__/FlagPgIcon.html
index b3467664..5168ba1f 100644
--- a/src/tests/__snapshots__/FlagPgIcon.html
+++ b/src/tests/__snapshots__/FlagPgIcon.html
@@ -1 +1,15 @@
-<span data-v-e1fafb0e="" class="kui-icon flag-pg-icon" data-testid="kui-icon-wrapper-flag-pg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e1fafb0e="" data-testid="kui-icon-svg-flag-pg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e1fafb0e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e1fafb0e="" clip-path="url(#clip0_246_5031)"><path data-v-e1fafb0e="" d="M20.4853 20.4853C15.799 25.1715 8.20108 25.1715 3.5147 20.4853C-1.17158 15.799 -1.17158 8.20097 3.51475 3.51464C8.20103 -1.17164 15.0611 -0.433783 19.7474 4.25254C24.4337 8.93883 25.1716 15.799 20.4853 20.4853Z" fill="black"></path><path data-v-e1fafb0e="" d="M3.51465 3.5147C8.20093 -1.17158 15.7989 -1.17149 20.4852 3.51475C25.1715 8.20103 25.1715 15.799 20.4852 20.4853" fill="#A2001D"></path><path data-v-e1fafb0e="" d="M9.17055 16.1739L9.3648 16.7718H9.99344L9.48484 17.1413L9.67914 17.7392L9.17055 17.3697L8.66195 17.7392L8.8562 17.1413L8.34766 16.7718H8.97625L9.17055 16.1739Z" fill="#F0F0F0"></path><path data-v-e1fafb0e="" d="M7.56532 10.4348L7.88918 11.4313H8.93683L8.08919 12.047L8.41296 13.0435L7.56532 12.4276L6.71772 13.0435L7.04154 12.047L6.19385 11.4313H7.2416L7.56532 10.4348Z" fill="#F0F0F0"></path><path data-v-e1fafb0e="" d="M7.56532 17.7392L7.88908 18.7356H8.93683L8.0891 19.3514L8.41296 20.3479L7.56532 19.732L6.71772 20.3479L7.04144 19.3514L6.19385 18.7356H7.24146L7.56532 17.7392Z" fill="#F0F0F0"></path><path data-v-e1fafb0e="" d="M10.6283 13.0435L10.9521 14.04H11.9998L11.1521 14.6557L11.4759 15.6522L10.6283 15.0363L9.78066 15.6522L10.1045 14.6557L9.25684 14.04H10.3045L10.6283 13.0435Z" fill="#F0F0F0"></path><path data-v-e1fafb0e="" d="M4.50184 13.0435L4.8257 14.04H5.87331L5.02572 14.6557L5.34943 15.6522L4.50184 15.0363L3.6542 15.6522L3.97806 14.6557L3.13037 14.04H4.17807L4.50184 13.0435Z" fill="#F0F0F0"></path><path data-v-e1fafb0e="" d="M20.0884 8.88566C19.5521 8.34936 18.8552 8.03253 18.1064 7.97811L20.348 6.23469C19.4552 5.34196 18.2587 4.93878 17.0911 5.02405C16.9514 4.52174 16.6849 4.04727 16.2899 3.65225L15.4044 5.4231C15.3464 5.31725 15.2728 5.21764 15.1831 5.12797C14.6737 4.61858 13.8478 4.61858 13.3385 5.12797C12.8291 5.63736 12.829 6.4632 13.3385 6.9726C13.4281 7.06227 13.5278 7.13581 13.6336 7.19394L11.8628 8.07936C12.2579 8.47452 12.7327 8.74119 13.2353 8.88088C13.1497 10.0484 13.5525 11.2448 14.4453 12.1376L16.4037 9.61953C16.551 9.47445 16.7456 9.39435 16.9526 9.39435C17.1617 9.39435 17.3582 9.47572 17.506 9.62361C17.6538 9.77141 17.7352 9.96796 17.7352 10.177C17.7352 10.386 17.6538 10.5825 17.506 10.7304L18.2439 11.4683C18.5887 11.1234 18.7787 10.6648 18.7787 10.177C18.7787 9.77792 18.6514 9.39852 18.4164 9.08483C18.7589 9.17628 19.0825 9.35544 19.3507 9.62361C20.1644 10.4373 20.1644 11.7613 19.3507 12.575L20.0886 13.3129C20.6798 12.7216 21.0054 11.9355 21.0054 11.0993C21.0053 10.263 20.6796 9.47694 20.0884 8.88566Z" fill="#FFDA44"></path></g><defs data-v-e1fafb0e=""><clipPath data-v-e1fafb0e="" id="clip0_246_5031"><rect data-v-e1fafb0e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e1fafb0e="" class="kui-icon flag-pg-icon" data-testid="kui-icon-wrapper-flag-pg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e1fafb0e="" data-testid="kui-icon-svg-flag-pg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e1fafb0e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e1fafb0e=""><g clip-path="url(#clip0_246_5031)">
+<path d="M20.4853 20.4853C15.799 25.1715 8.20108 25.1715 3.5147 20.4853C-1.17158 15.799 -1.17158 8.20097 3.51475 3.51464C8.20103 -1.17164 15.0611 -0.433783 19.7474 4.25254C24.4337 8.93883 25.1716 15.799 20.4853 20.4853Z" fill="black"></path>
+<path d="M3.51465 3.5147C8.20093 -1.17158 15.7989 -1.17149 20.4852 3.51475C25.1715 8.20103 25.1715 15.799 20.4852 20.4853" fill="#A2001D"></path>
+<path d="M9.17055 16.1739L9.3648 16.7718H9.99344L9.48484 17.1413L9.67914 17.7392L9.17055 17.3697L8.66195 17.7392L8.8562 17.1413L8.34766 16.7718H8.97625L9.17055 16.1739Z" fill="#F0F0F0"></path>
+<path d="M7.56532 10.4348L7.88918 11.4313H8.93683L8.08919 12.047L8.41296 13.0435L7.56532 12.4276L6.71772 13.0435L7.04154 12.047L6.19385 11.4313H7.2416L7.56532 10.4348Z" fill="#F0F0F0"></path>
+<path d="M7.56532 17.7392L7.88908 18.7356H8.93683L8.0891 19.3514L8.41296 20.3479L7.56532 19.732L6.71772 20.3479L7.04144 19.3514L6.19385 18.7356H7.24146L7.56532 17.7392Z" fill="#F0F0F0"></path>
+<path d="M10.6283 13.0435L10.9521 14.04H11.9998L11.1521 14.6557L11.4759 15.6522L10.6283 15.0363L9.78066 15.6522L10.1045 14.6557L9.25684 14.04H10.3045L10.6283 13.0435Z" fill="#F0F0F0"></path>
+<path d="M4.50184 13.0435L4.8257 14.04H5.87331L5.02572 14.6557L5.34943 15.6522L4.50184 15.0363L3.6542 15.6522L3.97806 14.6557L3.13037 14.04H4.17807L4.50184 13.0435Z" fill="#F0F0F0"></path>
+<path d="M20.0884 8.88566C19.5521 8.34936 18.8552 8.03253 18.1064 7.97811L20.348 6.23469C19.4552 5.34196 18.2587 4.93878 17.0911 5.02405C16.9514 4.52174 16.6849 4.04727 16.2899 3.65225L15.4044 5.4231C15.3464 5.31725 15.2728 5.21764 15.1831 5.12797C14.6737 4.61858 13.8478 4.61858 13.3385 5.12797C12.8291 5.63736 12.829 6.4632 13.3385 6.9726C13.4281 7.06227 13.5278 7.13581 13.6336 7.19394L11.8628 8.07936C12.2579 8.47452 12.7327 8.74119 13.2353 8.88088C13.1497 10.0484 13.5525 11.2448 14.4453 12.1376L16.4037 9.61953C16.551 9.47445 16.7456 9.39435 16.9526 9.39435C17.1617 9.39435 17.3582 9.47572 17.506 9.62361C17.6538 9.77141 17.7352 9.96796 17.7352 10.177C17.7352 10.386 17.6538 10.5825 17.506 10.7304L18.2439 11.4683C18.5887 11.1234 18.7787 10.6648 18.7787 10.177C18.7787 9.77792 18.6514 9.39852 18.4164 9.08483C18.7589 9.17628 19.0825 9.35544 19.3507 9.62361C20.1644 10.4373 20.1644 11.7613 19.3507 12.575L20.0886 13.3129C20.6798 12.7216 21.0054 11.9355 21.0054 11.0993C21.0053 10.263 20.6796 9.47694 20.0884 8.88566Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5031">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPhIcon.html b/src/tests/__snapshots__/FlagPhIcon.html
index fc3b3f36..522f5e75 100644
--- a/src/tests/__snapshots__/FlagPhIcon.html
+++ b/src/tests/__snapshots__/FlagPhIcon.html
@@ -1 +1,14 @@
-<span data-v-417603fc="" class="kui-icon flag-ph-icon" data-testid="kui-icon-wrapper-flag-ph-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-417603fc="" data-testid="kui-icon-svg-flag-ph-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-417603fc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-417603fc="" clip-path="url(#clip0_246_5052)"><path data-v-417603fc="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-417603fc="" d="M12 0V12L3.51465 20.4853C5.68623 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12C24 5.37262 12 0 12 0Z" fill="#D80027"></path><path data-v-417603fc="" d="M12 0C8.68623 0 5.68623 1.34316 3.51465 3.51469C6.45887 6.45891 7.50404 7.50412 12 12H24C24 5.37262 18.6273 0 12 0Z" fill="#0052B4"></path><path data-v-417603fc="" d="M8.21674 12L6.75124 11.3107L7.53166 9.89132L5.94025 10.1958L5.7386 8.5881L4.6301 9.77048L3.52164 8.5881L3.31994 10.1958L1.72858 9.89128L2.509 11.3107L1.04346 12L2.509 12.6893L1.72858 14.1087L3.32008 13.8043L3.5216 15.4119L4.6301 14.2295L5.7386 15.4119L5.94025 13.8043L7.53157 14.1087L6.75119 12.6894L8.21674 12Z" fill="#FFDA44"></path><path data-v-417603fc="" d="M3.20033 4.69565L3.68802 5.37735L4.487 5.12427L3.98928 5.79871L4.47697 6.48041L3.68169 6.21552L3.18402 6.88991L3.19025 6.05179L2.39502 5.78685L3.19414 5.53377L3.20033 4.69565Z" fill="#FFDA44"></path><path data-v-417603fc="" d="M3.20033 17.1101L3.68802 17.7918L4.487 17.5387L3.98928 18.2131L4.47697 18.8948L3.68169 18.63L3.18402 19.3043L3.19025 18.4662L2.39502 18.2013L3.19414 17.9482L3.20033 17.1101Z" fill="#FFDA44"></path><path data-v-417603fc="" d="M10.1563 10.9029L9.66866 11.5846L8.86963 11.3314L9.36735 12.0059L8.87966 12.6877L9.67494 12.4227L10.1727 13.0971L10.1664 12.259L10.9616 11.9941L10.1625 11.741L10.1563 10.9029Z" fill="#FFDA44"></path></g><defs data-v-417603fc=""><clipPath data-v-417603fc="" id="clip0_246_5052"><rect data-v-417603fc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-417603fc="" class="kui-icon flag-ph-icon" data-testid="kui-icon-wrapper-flag-ph-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-417603fc="" data-testid="kui-icon-svg-flag-ph-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-417603fc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-417603fc=""><g clip-path="url(#clip0_246_5052)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0V12L3.51465 20.4853C5.68623 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12C24 5.37262 12 0 12 0Z" fill="#D80027"></path>
+<path d="M12 0C8.68623 0 5.68623 1.34316 3.51465 3.51469C6.45887 6.45891 7.50404 7.50412 12 12H24C24 5.37262 18.6273 0 12 0Z" fill="#0052B4"></path>
+<path d="M8.21674 12L6.75124 11.3107L7.53166 9.89132L5.94025 10.1958L5.7386 8.5881L4.6301 9.77048L3.52164 8.5881L3.31994 10.1958L1.72858 9.89128L2.509 11.3107L1.04346 12L2.509 12.6893L1.72858 14.1087L3.32008 13.8043L3.5216 15.4119L4.6301 14.2295L5.7386 15.4119L5.94025 13.8043L7.53157 14.1087L6.75119 12.6894L8.21674 12Z" fill="#FFDA44"></path>
+<path d="M3.20033 4.69565L3.68802 5.37735L4.487 5.12427L3.98928 5.79871L4.47697 6.48041L3.68169 6.21552L3.18402 6.88991L3.19025 6.05179L2.39502 5.78685L3.19414 5.53377L3.20033 4.69565Z" fill="#FFDA44"></path>
+<path d="M3.20033 17.1101L3.68802 17.7918L4.487 17.5387L3.98928 18.2131L4.47697 18.8948L3.68169 18.63L3.18402 19.3043L3.19025 18.4662L2.39502 18.2013L3.19414 17.9482L3.20033 17.1101Z" fill="#FFDA44"></path>
+<path d="M10.1563 10.9029L9.66866 11.5846L8.86963 11.3314L9.36735 12.0059L8.87966 12.6877L9.67494 12.4227L10.1727 13.0971L10.1664 12.259L10.9616 11.9941L10.1625 11.741L10.1563 10.9029Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5052">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPkIcon.html b/src/tests/__snapshots__/FlagPkIcon.html
index cc80fa88..677a5a7b 100644
--- a/src/tests/__snapshots__/FlagPkIcon.html
+++ b/src/tests/__snapshots__/FlagPkIcon.html
@@ -1 +1,12 @@
-<span data-v-7bfb1993="" class="kui-icon flag-pk-icon" data-testid="kui-icon-wrapper-flag-pk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7bfb1993="" data-testid="kui-icon-svg-flag-pk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7bfb1993="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-7bfb1993="" clip-path="url(#clip0_246_5009)"><path data-v-7bfb1993="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-7bfb1993="" d="M0 12C0 16.5485 2.53073 20.5057 6.26086 22.5409V1.45908C2.53073 3.49434 0 7.45148 0 12Z" fill="#F0F0F0"></path><path data-v-7bfb1993="" d="M11.9999 0C9.92098 0 7.96563 0.528891 6.26074 1.45908V22.5409C7.96563 23.4711 9.92098 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0Z" fill="#496E2D"></path><path data-v-7bfb1993="" d="M17.1307 13.9846C15.6126 15.0815 13.4926 14.74 12.3957 13.2219C11.2987 11.7038 11.6402 9.58384 13.1584 8.48696C13.6317 8.14496 14.1636 7.94279 14.7046 7.87252C13.6637 7.71685 12.5633 7.95141 11.6428 8.61652C9.77437 9.96662 9.35404 12.5757 10.7041 14.4443C12.0541 16.3126 14.6633 16.733 16.5318 15.3828C17.4524 14.7177 18.0206 13.7468 18.1995 12.7095C17.963 13.201 17.6041 13.6425 17.1307 13.9846Z" fill="#F0F0F0"></path><path data-v-7bfb1993="" d="M17.0659 7.8262L17.9211 8.74781L19.0618 8.21944L18.4495 9.31744L19.3046 10.2391L18.0711 9.99609L17.4588 11.0942L17.3088 9.84591L16.0752 9.60286L17.216 9.07448L17.0659 7.8262Z" fill="#F0F0F0"></path></g><defs data-v-7bfb1993=""><clipPath data-v-7bfb1993="" id="clip0_246_5009"><rect data-v-7bfb1993="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-7bfb1993="" class="kui-icon flag-pk-icon" data-testid="kui-icon-wrapper-flag-pk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7bfb1993="" data-testid="kui-icon-svg-flag-pk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7bfb1993="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7bfb1993=""><g clip-path="url(#clip0_246_5009)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 16.5485 2.53073 20.5057 6.26086 22.5409V1.45908C2.53073 3.49434 0 7.45148 0 12Z" fill="#F0F0F0"></path>
+<path d="M11.9999 0C9.92098 0 7.96563 0.528891 6.26074 1.45908V22.5409C7.96563 23.4711 9.92098 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0Z" fill="#496E2D"></path>
+<path d="M17.1307 13.9846C15.6126 15.0815 13.4926 14.74 12.3957 13.2219C11.2987 11.7038 11.6402 9.58384 13.1584 8.48696C13.6317 8.14496 14.1636 7.94279 14.7046 7.87252C13.6637 7.71685 12.5633 7.95141 11.6428 8.61652C9.77437 9.96662 9.35404 12.5757 10.7041 14.4443C12.0541 16.3126 14.6633 16.733 16.5318 15.3828C17.4524 14.7177 18.0206 13.7468 18.1995 12.7095C17.963 13.201 17.6041 13.6425 17.1307 13.9846Z" fill="#F0F0F0"></path>
+<path d="M17.0659 7.8262L17.9211 8.74781L19.0618 8.21944L18.4495 9.31744L19.3046 10.2391L18.0711 9.99609L17.4588 11.0942L17.3088 9.84591L16.0752 9.60286L17.216 9.07448L17.0659 7.8262Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5009">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPlIcon.html b/src/tests/__snapshots__/FlagPlIcon.html
index 37dde492..132bba63 100644
--- a/src/tests/__snapshots__/FlagPlIcon.html
+++ b/src/tests/__snapshots__/FlagPlIcon.html
@@ -1 +1,9 @@
-<span data-v-91684a01="" class="kui-icon flag-pl-icon" data-testid="kui-icon-wrapper-flag-pl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91684a01="" data-testid="kui-icon-svg-flag-pl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-91684a01="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-91684a01="" clip-path="url(#clip0_246_5074)"><path data-v-91684a01="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-91684a01="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path></g><defs data-v-91684a01=""><clipPath data-v-91684a01="" id="clip0_246_5074"><rect data-v-91684a01="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-91684a01="" class="kui-icon flag-pl-icon" data-testid="kui-icon-wrapper-flag-pl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91684a01="" data-testid="kui-icon-svg-flag-pl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-91684a01="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-91684a01=""><g clip-path="url(#clip0_246_5074)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5074">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPnIcon.html b/src/tests/__snapshots__/FlagPnIcon.html
index 0761cb71..11126c2d 100644
--- a/src/tests/__snapshots__/FlagPnIcon.html
+++ b/src/tests/__snapshots__/FlagPnIcon.html
@@ -1 +1,16 @@
-<span data-v-bdf73d4d="" class="kui-icon flag-pn-icon" data-testid="kui-icon-wrapper-flag-pn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdf73d4d="" data-testid="kui-icon-svg-flag-pn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bdf73d4d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-bdf73d4d="" clip-path="url(#clip0_246_5061)"><path data-v-bdf73d4d="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-bdf73d4d="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-bdf73d4d="" d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-bdf73d4d="" d="M6.07124 1.56522C4.19441 2.63392 2.63409 4.1942 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path><path data-v-bdf73d4d="" d="M12.0004 10.5243L7.73686 6.26093H6.26123V6.26102L12.0003 12H12.0004C12.0004 12 12.0004 10.9825 12.0004 10.5243Z" fill="#D80027"></path><path data-v-bdf73d4d="" d="M18.7825 7.30434L17.2173 7.8261L15.6521 7.30434L15.1304 5.99999L15.6521 4.69565H18.7825L18.2608 5.99999L18.7825 7.30434Z" fill="#ACABB1"></path><path data-v-bdf73d4d="" d="M13.5654 7.30435V13.0434C13.5654 15.8391 17.2176 16.6957 17.2176 16.6957C17.2176 16.6957 20.8698 15.8391 20.8698 13.0434V7.30435H13.5654Z" fill="#338AF3"></path><path data-v-bdf73d4d="" d="M13.8945 14.4031C14.7923 16.1266 17.2175 16.6957 17.2175 16.6957C17.2175 16.6957 19.6427 16.1266 20.5405 14.4031L17.2175 8.8696L13.8945 14.4031Z" fill="#6DA544"></path><path data-v-bdf73d4d="" d="M20.8698 12.9855L17.2176 7.30435L13.5654 12.9855V13.0434C13.5654 13.5609 13.6908 14.0117 13.8946 14.4031L17.2176 9.23396L20.5406 14.4031C20.7444 14.0116 20.8698 13.5608 20.8698 13.0434V12.9855Z" fill="#FFDA44"></path></g><defs data-v-bdf73d4d=""><clipPath data-v-bdf73d4d="" id="clip0_246_5061"><rect data-v-bdf73d4d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-bdf73d4d="" class="kui-icon flag-pn-icon" data-testid="kui-icon-wrapper-flag-pn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdf73d4d="" data-testid="kui-icon-svg-flag-pn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bdf73d4d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bdf73d4d=""><g clip-path="url(#clip0_246_5061)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07124 1.56522C4.19441 2.63392 2.63409 4.1942 1.56543 6.07103V12H4.69588V4.69576V4.69567H12.0002C12.0002 3.70834 12.0002 2.76775 12.0002 1.56522H6.07124Z" fill="#D80027"></path>
+<path d="M12.0004 10.5243L7.73686 6.26093H6.26123V6.26102L12.0003 12H12.0004C12.0004 12 12.0004 10.9825 12.0004 10.5243Z" fill="#D80027"></path>
+<path d="M18.7825 7.30434L17.2173 7.8261L15.6521 7.30434L15.1304 5.99999L15.6521 4.69565H18.7825L18.2608 5.99999L18.7825 7.30434Z" fill="#ACABB1"></path>
+<path d="M13.5654 7.30435V13.0434C13.5654 15.8391 17.2176 16.6957 17.2176 16.6957C17.2176 16.6957 20.8698 15.8391 20.8698 13.0434V7.30435H13.5654Z" fill="#338AF3"></path>
+<path d="M13.8945 14.4031C14.7923 16.1266 17.2175 16.6957 17.2175 16.6957C17.2175 16.6957 19.6427 16.1266 20.5405 14.4031L17.2175 8.8696L13.8945 14.4031Z" fill="#6DA544"></path>
+<path d="M20.8698 12.9855L17.2176 7.30435L13.5654 12.9855V13.0434C13.5654 13.5609 13.6908 14.0117 13.8946 14.4031L17.2176 9.23396L20.5406 14.4031C20.7444 14.0116 20.8698 13.5608 20.8698 13.0434V12.9855Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5061">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPrIcon.html b/src/tests/__snapshots__/FlagPrIcon.html
index c6249051..f2934246 100644
--- a/src/tests/__snapshots__/FlagPrIcon.html
+++ b/src/tests/__snapshots__/FlagPrIcon.html
@@ -1 +1,13 @@
-<span data-v-db492b44="" class="kui-icon flag-pr-icon" data-testid="kui-icon-wrapper-flag-pr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db492b44="" data-testid="kui-icon-svg-flag-pr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-db492b44="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-db492b44="" clip-path="url(#clip0_246_5083)"><path data-v-db492b44="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-db492b44="" d="M11.9999 0C8.07405 0 4.58866 1.88545 2.39941 4.8H21.6004C19.4112 1.88545 15.9258 0 11.9999 0Z" fill="#D80027"></path><path data-v-db492b44="" d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#D80027"></path><path data-v-db492b44="" d="M0 12C0 12.822 0.082875 13.6246 0.240328 14.4H23.7598C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60001H0.240328C0.082875 10.3755 0 11.1781 0 12H0Z" fill="#D80027"></path><path data-v-db492b44="" d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#0052B4"></path><path data-v-db492b44="" d="M4.85695 8.86954L5.6339 11.2609H8.14855L6.11427 12.739L6.89118 15.1304L4.85695 13.6524L2.82262 15.1304L3.59971 12.739L1.56543 11.2609H4.0799L4.85695 8.86954Z" fill="#F0F0F0"></path></g><defs data-v-db492b44=""><clipPath data-v-db492b44="" id="clip0_246_5083"><rect data-v-db492b44="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-db492b44="" class="kui-icon flag-pr-icon" data-testid="kui-icon-wrapper-flag-pr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db492b44="" data-testid="kui-icon-svg-flag-pr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-db492b44="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-db492b44=""><g clip-path="url(#clip0_246_5083)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M11.9999 0C8.07405 0 4.58866 1.88545 2.39941 4.8H21.6004C19.4112 1.88545 15.9258 0 11.9999 0Z" fill="#D80027"></path>
+<path d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#D80027"></path>
+<path d="M0 12C0 12.822 0.082875 13.6246 0.240328 14.4H23.7598C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60001H0.240328C0.082875 10.3755 0 11.1781 0 12H0Z" fill="#D80027"></path>
+<path d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#0052B4"></path>
+<path d="M4.85695 8.86954L5.6339 11.2609H8.14855L6.11427 12.739L6.89118 15.1304L4.85695 13.6524L2.82262 15.1304L3.59971 12.739L1.56543 11.2609H4.0799L4.85695 8.86954Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5083">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPtIcon.html b/src/tests/__snapshots__/FlagPtIcon.html
index 28184321..45780763 100644
--- a/src/tests/__snapshots__/FlagPtIcon.html
+++ b/src/tests/__snapshots__/FlagPtIcon.html
@@ -1 +1,12 @@
-<span data-v-195a32f1="" class="kui-icon flag-pt-icon" data-testid="kui-icon-wrapper-flag-pt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-195a32f1="" data-testid="kui-icon-svg-flag-pt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-195a32f1="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-195a32f1="" clip-path="url(#clip0_246_5077)"><path data-v-195a32f1="" d="M0 12C0 17.1595 3.2565 21.5581 7.82602 23.2536L8.86955 12L7.82602 0.746399C3.2565 2.44196 0 6.84043 0 12Z" fill="#6DA544"></path><path data-v-195a32f1="" d="M24.0002 12C24.0002 5.37262 18.6275 0 12.0002 0C10.5323 0 9.1262 0.264047 7.82617 0.746391V23.2536C9.1262 23.736 10.5323 24 12.0002 24C18.6275 24 24.0002 18.6274 24.0002 12Z" fill="#D80027"></path><path data-v-195a32f1="" d="M7.82623 16.1739C10.1314 16.1739 12.0001 14.3052 12.0001 12C12.0001 9.69483 10.1314 7.82611 7.82623 7.82611C5.52106 7.82611 3.65234 9.69483 3.65234 12C3.65234 14.3052 5.52106 16.1739 7.82623 16.1739Z" fill="#FFDA44"></path><path data-v-195a32f1="" d="M5.47852 9.91302V12.5217C5.47852 13.8184 6.52964 14.8695 7.82634 14.8695C9.12305 14.8695 10.1742 13.8184 10.1742 12.5217V9.91302H5.47852Z" fill="#D80027"></path><path data-v-195a32f1="" d="M7.82608 13.3043C7.39455 13.3043 7.04346 12.9532 7.04346 12.5217V11.4783H8.60866V12.5218C8.60866 12.9532 8.25757 13.3043 7.82608 13.3043Z" fill="#F0F0F0"></path></g><defs data-v-195a32f1=""><clipPath data-v-195a32f1="" id="clip0_246_5077"><rect data-v-195a32f1="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-195a32f1="" class="kui-icon flag-pt-icon" data-testid="kui-icon-wrapper-flag-pt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-195a32f1="" data-testid="kui-icon-svg-flag-pt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-195a32f1="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-195a32f1=""><g clip-path="url(#clip0_246_5077)">
+<path d="M0 12C0 17.1595 3.2565 21.5581 7.82602 23.2536L8.86955 12L7.82602 0.746399C3.2565 2.44196 0 6.84043 0 12Z" fill="#6DA544"></path>
+<path d="M24.0002 12C24.0002 5.37262 18.6275 0 12.0002 0C10.5323 0 9.1262 0.264047 7.82617 0.746391V23.2536C9.1262 23.736 10.5323 24 12.0002 24C18.6275 24 24.0002 18.6274 24.0002 12Z" fill="#D80027"></path>
+<path d="M7.82623 16.1739C10.1314 16.1739 12.0001 14.3052 12.0001 12C12.0001 9.69483 10.1314 7.82611 7.82623 7.82611C5.52106 7.82611 3.65234 9.69483 3.65234 12C3.65234 14.3052 5.52106 16.1739 7.82623 16.1739Z" fill="#FFDA44"></path>
+<path d="M5.47852 9.91302V12.5217C5.47852 13.8184 6.52964 14.8695 7.82634 14.8695C9.12305 14.8695 10.1742 13.8184 10.1742 12.5217V9.91302H5.47852Z" fill="#D80027"></path>
+<path d="M7.82608 13.3043C7.39455 13.3043 7.04346 12.9532 7.04346 12.5217V11.4783H8.60866V12.5218C8.60866 12.9532 8.25757 13.3043 7.82608 13.3043Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5077">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPwIcon.html b/src/tests/__snapshots__/FlagPwIcon.html
index 319ce289..49746ebf 100644
--- a/src/tests/__snapshots__/FlagPwIcon.html
+++ b/src/tests/__snapshots__/FlagPwIcon.html
@@ -1 +1,9 @@
-<span data-v-237319bc="" class="kui-icon flag-pw-icon" data-testid="kui-icon-wrapper-flag-pw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-237319bc="" data-testid="kui-icon-svg-flag-pw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-237319bc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-237319bc="" clip-path="url(#clip0_246_5017)"><path data-v-237319bc="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-237319bc="" d="M9.3912 17.2174C12.2727 17.2174 14.6086 14.8815 14.6086 12C14.6086 9.11852 12.2727 6.78262 9.3912 6.78262C6.50973 6.78262 4.17383 9.11852 4.17383 12C4.17383 14.8815 6.50973 17.2174 9.3912 17.2174Z" fill="#FFDA44"></path></g><defs data-v-237319bc=""><clipPath data-v-237319bc="" id="clip0_246_5017"><rect data-v-237319bc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-237319bc="" class="kui-icon flag-pw-icon" data-testid="kui-icon-wrapper-flag-pw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-237319bc="" data-testid="kui-icon-svg-flag-pw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-237319bc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-237319bc=""><g clip-path="url(#clip0_246_5017)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M9.3912 17.2174C12.2727 17.2174 14.6086 14.8815 14.6086 12C14.6086 9.11852 12.2727 6.78262 9.3912 6.78262C6.50973 6.78262 4.17383 9.11852 4.17383 12C4.17383 14.8815 6.50973 17.2174 9.3912 17.2174Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5017">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPyIcon.html b/src/tests/__snapshots__/FlagPyIcon.html
index 1f2f46b4..5055d41e 100644
--- a/src/tests/__snapshots__/FlagPyIcon.html
+++ b/src/tests/__snapshots__/FlagPyIcon.html
@@ -1 +1,12 @@
-<span data-v-6259e568="" class="kui-icon flag-py-icon" data-testid="kui-icon-wrapper-flag-py-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6259e568="" data-testid="kui-icon-svg-flag-py-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6259e568="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6259e568="" clip-path="url(#clip0_246_5041)"><path data-v-6259e568="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-6259e568="" d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path><path data-v-6259e568="" d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#0052B4"></path><path data-v-6259e568="" d="M14.9514 8.52689L13.8446 9.63365C14.3167 10.1057 14.6088 10.7579 14.6088 11.4783C14.6088 12.919 13.4408 14.087 12.0001 14.087C10.5594 14.087 9.39138 12.919 9.39138 11.4783C9.39138 10.7579 9.68341 10.1057 10.1555 9.63365L9.04872 8.52689C8.29333 9.28214 7.82617 10.3256 7.82617 11.4783C7.82617 13.7835 9.69489 15.6522 12.0001 15.6522C14.3052 15.6522 16.174 13.7834 16.174 11.4783C16.1739 10.3256 15.7068 9.28214 14.9514 8.52689Z" fill="#6DA544"></path><path data-v-6259e568="" d="M11.9998 9.91302L12.3883 11.1088H13.6456L12.6284 11.8477L13.017 13.0435L11.9998 12.3045L10.9826 13.0435L11.3711 11.8477L10.354 11.1088H11.6112L11.9998 9.91302Z" fill="#FFDA44"></path></g><defs data-v-6259e568=""><clipPath data-v-6259e568="" id="clip0_246_5041"><rect data-v-6259e568="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6259e568="" class="kui-icon flag-py-icon" data-testid="kui-icon-wrapper-flag-py-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6259e568="" data-testid="kui-icon-svg-flag-py-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6259e568="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6259e568=""><g clip-path="url(#clip0_246_5041)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path>
+<path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#0052B4"></path>
+<path d="M14.9514 8.52689L13.8446 9.63365C14.3167 10.1057 14.6088 10.7579 14.6088 11.4783C14.6088 12.919 13.4408 14.087 12.0001 14.087C10.5594 14.087 9.39138 12.919 9.39138 11.4783C9.39138 10.7579 9.68341 10.1057 10.1555 9.63365L9.04872 8.52689C8.29333 9.28214 7.82617 10.3256 7.82617 11.4783C7.82617 13.7835 9.69489 15.6522 12.0001 15.6522C14.3052 15.6522 16.174 13.7834 16.174 11.4783C16.1739 10.3256 15.7068 9.28214 14.9514 8.52689Z" fill="#6DA544"></path>
+<path d="M11.9998 9.91302L12.3883 11.1088H13.6456L12.6284 11.8477L13.017 13.0435L11.9998 12.3045L10.9826 13.0435L11.3711 11.8477L10.354 11.1088H11.6112L11.9998 9.91302Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5041">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagQaIcon.html b/src/tests/__snapshots__/FlagQaIcon.html
index e9748fad..b62b6f4a 100644
--- a/src/tests/__snapshots__/FlagQaIcon.html
+++ b/src/tests/__snapshots__/FlagQaIcon.html
@@ -1 +1,9 @@
-<span data-v-a02851ca="" class="kui-icon flag-qa-icon" data-testid="kui-icon-wrapper-flag-qa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a02851ca="" data-testid="kui-icon-svg-flag-qa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a02851ca="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a02851ca="" clip-path="url(#clip0_246_5091)"><path data-v-a02851ca="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-a02851ca="" d="M24.0001 12C24.0001 5.37262 18.6275 0 12.0001 0C9.65264 0 7.46293 0.674766 5.61333 1.83989L8.24363 2.95744L4.6958 4.46484L8.24363 5.9722L4.6958 7.47952L8.24363 8.98678L4.6958 10.4939L8.24363 12.0008L4.6958 13.5082L8.24363 15.0154L4.6958 16.5225L8.24363 18.0297L4.6958 19.537L8.24363 21.0441L5.6145 22.161C7.46386 23.3256 9.65311 24 12.0001 24C18.6275 24 24.0001 18.6274 24.0001 12Z" fill="#751A46"></path></g><defs data-v-a02851ca=""><clipPath data-v-a02851ca="" id="clip0_246_5091"><rect data-v-a02851ca="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a02851ca="" class="kui-icon flag-qa-icon" data-testid="kui-icon-wrapper-flag-qa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a02851ca="" data-testid="kui-icon-svg-flag-qa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a02851ca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a02851ca=""><g clip-path="url(#clip0_246_5091)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M24.0001 12C24.0001 5.37262 18.6275 0 12.0001 0C9.65264 0 7.46293 0.674766 5.61333 1.83989L8.24363 2.95744L4.6958 4.46484L8.24363 5.9722L4.6958 7.47952L8.24363 8.98678L4.6958 10.4939L8.24363 12.0008L4.6958 13.5082L8.24363 15.0154L4.6958 16.5225L8.24363 18.0297L4.6958 19.537L8.24363 21.0441L5.6145 22.161C7.46386 23.3256 9.65311 24 12.0001 24C18.6275 24 24.0001 18.6274 24.0001 12Z" fill="#751A46"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5091">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRoIcon.html b/src/tests/__snapshots__/FlagRoIcon.html
index 751e4c7a..692e4775 100644
--- a/src/tests/__snapshots__/FlagRoIcon.html
+++ b/src/tests/__snapshots__/FlagRoIcon.html
@@ -1 +1,10 @@
-<span data-v-49183aa8="" class="kui-icon flag-ro-icon" data-testid="kui-icon-wrapper-flag-ro-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-49183aa8="" data-testid="kui-icon-svg-flag-ro-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-49183aa8="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-49183aa8="" clip-path="url(#clip0_246_5114)"><path data-v-49183aa8="" d="M16.174 0.746344C14.8739 0.264047 13.4679 6.23894e-09 12.0001 6.23894e-09C10.5322 -4.68688e-05 9.12618 0.264047 7.8262 0.746344L6.78271 12L7.8262 23.2536C9.12614 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2174 12L16.174 0.746344Z" fill="#FFDA44"></path><path data-v-49183aa8="" d="M23.9999 12C23.9999 6.84048 20.7434 2.44187 16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path><path data-v-49183aa8="" d="M0 11.9999C0 17.1596 3.2565 21.558 7.82602 23.2536L7.82606 0.746429C3.2565 2.4419 0 6.84037 0 11.9999H0Z" fill="#0052B4"></path></g><defs data-v-49183aa8=""><clipPath data-v-49183aa8="" id="clip0_246_5114"><rect data-v-49183aa8="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-49183aa8="" class="kui-icon flag-ro-icon" data-testid="kui-icon-wrapper-flag-ro-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-49183aa8="" data-testid="kui-icon-svg-flag-ro-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-49183aa8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-49183aa8=""><g clip-path="url(#clip0_246_5114)">
+<path d="M16.174 0.746344C14.8739 0.264047 13.4679 6.23894e-09 12.0001 6.23894e-09C10.5322 -4.68688e-05 9.12618 0.264047 7.8262 0.746344L6.78271 12L7.8262 23.2536C9.12614 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2174 12L16.174 0.746344Z" fill="#FFDA44"></path>
+<path d="M23.9999 12C23.9999 6.84048 20.7434 2.44187 16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
+<path d="M0 11.9999C0 17.1596 3.2565 21.558 7.82602 23.2536L7.82606 0.746429C3.2565 2.4419 0 6.84037 0 11.9999H0Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5114">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRsIcon.html b/src/tests/__snapshots__/FlagRsIcon.html
index cd8109f4..e712de91 100644
--- a/src/tests/__snapshots__/FlagRsIcon.html
+++ b/src/tests/__snapshots__/FlagRsIcon.html
@@ -1 +1,14 @@
-<span data-v-d9125f40="" class="kui-icon flag-rs-icon" data-testid="kui-icon-wrapper-flag-rs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d9125f40="" data-testid="kui-icon-svg-flag-rs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d9125f40="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d9125f40="" clip-path="url(#clip0_246_5206)"><path data-v-d9125f40="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-d9125f40="" d="M12 0C5.37262 0 0 5.37262 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739H23.2537C23.736 14.874 24 13.4678 24 12C24 5.37262 18.6274 0 12 0Z" fill="#0052B4"></path><path data-v-d9125f40="" d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path><path data-v-d9125f40="" d="M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z" fill="#D80027"></path><path data-v-d9125f40="" d="M4.94287 7.82613H10.1603V5.73916L9.11681 6.26088L7.55161 4.69568L5.98636 6.26088L4.94287 5.73916V7.82613Z" fill="#FFDA44"></path><path data-v-d9125f40="" d="M10.9565 13.6024L7.56514 10.2111L4.17383 13.6024L5.28059 14.7091L7.56514 12.4246L9.84969 14.7091L10.9565 13.6024Z" fill="#FFDA44"></path><path data-v-d9125f40="" d="M10.9565 10.4348H9.37414C9.46311 10.2812 9.51486 10.1034 9.51486 9.91317C9.51486 9.3368 9.04766 8.86969 8.47137 8.86969C8.07317 8.86969 7.72738 9.09272 7.55145 9.42061C7.37553 9.09277 7.02973 8.86969 6.63153 8.86969C6.05525 8.86969 5.58805 9.3368 5.58805 9.91317C5.58805 10.1034 5.6398 10.2813 5.72877 10.4348H4.17383C4.17383 11.0111 4.67581 11.4783 5.25205 11.4783H5.21731C5.21731 12.0546 5.68447 12.5218 6.2608 12.5218C6.2608 13.032 6.62727 13.456 7.11125 13.5467L6.28906 15.4031C6.68309 15.5633 7.11369 15.6522 7.56519 15.6522C8.01669 15.6522 8.44728 15.5633 8.84131 15.4031L8.01913 13.5467C8.50311 13.4561 8.86958 13.0321 8.86958 12.5218C9.44591 12.5218 9.91306 12.0546 9.91306 11.4783H9.87833C10.4545 11.4783 10.9565 11.0111 10.9565 10.4348Z" fill="#F0F0F0"></path></g><defs data-v-d9125f40=""><clipPath data-v-d9125f40="" id="clip0_246_5206"><rect data-v-d9125f40="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d9125f40="" class="kui-icon flag-rs-icon" data-testid="kui-icon-wrapper-flag-rs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d9125f40="" data-testid="kui-icon-svg-flag-rs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d9125f40="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d9125f40=""><g clip-path="url(#clip0_246_5206)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C5.37262 0 0 5.37262 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739H23.2537C23.736 14.874 24 13.4678 24 12C24 5.37262 18.6274 0 12 0Z" fill="#0052B4"></path>
+<path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
+<path d="M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z" fill="#D80027"></path>
+<path d="M4.94287 7.82613H10.1603V5.73916L9.11681 6.26088L7.55161 4.69568L5.98636 6.26088L4.94287 5.73916V7.82613Z" fill="#FFDA44"></path>
+<path d="M10.9565 13.6024L7.56514 10.2111L4.17383 13.6024L5.28059 14.7091L7.56514 12.4246L9.84969 14.7091L10.9565 13.6024Z" fill="#FFDA44"></path>
+<path d="M10.9565 10.4348H9.37414C9.46311 10.2812 9.51486 10.1034 9.51486 9.91317C9.51486 9.3368 9.04766 8.86969 8.47137 8.86969C8.07317 8.86969 7.72738 9.09272 7.55145 9.42061C7.37553 9.09277 7.02973 8.86969 6.63153 8.86969C6.05525 8.86969 5.58805 9.3368 5.58805 9.91317C5.58805 10.1034 5.6398 10.2813 5.72877 10.4348H4.17383C4.17383 11.0111 4.67581 11.4783 5.25205 11.4783H5.21731C5.21731 12.0546 5.68447 12.5218 6.2608 12.5218C6.2608 13.032 6.62727 13.456 7.11125 13.5467L6.28906 15.4031C6.68309 15.5633 7.11369 15.6522 7.56519 15.6522C8.01669 15.6522 8.44728 15.5633 8.84131 15.4031L8.01913 13.5467C8.50311 13.4561 8.86958 13.0321 8.86958 12.5218C9.44591 12.5218 9.91306 12.0546 9.91306 11.4783H9.87833C10.4545 11.4783 10.9565 11.0111 10.9565 10.4348Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5206">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRuIcon.html b/src/tests/__snapshots__/FlagRuIcon.html
index 0729d0c5..3e1053da 100644
--- a/src/tests/__snapshots__/FlagRuIcon.html
+++ b/src/tests/__snapshots__/FlagRuIcon.html
@@ -1 +1,10 @@
-<span data-v-d21fc496="" class="kui-icon flag-ru-icon" data-testid="kui-icon-wrapper-flag-ru-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d21fc496="" data-testid="kui-icon-svg-flag-ru-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d21fc496="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-d21fc496="" clip-path="url(#clip0_246_5118)"><path data-v-d21fc496="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-d21fc496="" d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611H0.746391C0.264047 9.1261 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#0052B4"></path><path data-v-d21fc496="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path></g><defs data-v-d21fc496=""><clipPath data-v-d21fc496="" id="clip0_246_5118"><rect data-v-d21fc496="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-d21fc496="" class="kui-icon flag-ru-icon" data-testid="kui-icon-wrapper-flag-ru-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d21fc496="" data-testid="kui-icon-svg-flag-ru-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d21fc496="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d21fc496=""><g clip-path="url(#clip0_246_5118)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611H0.746391C0.264047 9.1261 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#0052B4"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5118">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRwIcon.html b/src/tests/__snapshots__/FlagRwIcon.html
index cf4db43e..91052633 100644
--- a/src/tests/__snapshots__/FlagRwIcon.html
+++ b/src/tests/__snapshots__/FlagRwIcon.html
@@ -1 +1,11 @@
-<span data-v-e4ca4a4c="" class="kui-icon flag-rw-icon" data-testid="kui-icon-wrapper-flag-rw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e4ca4a4c="" data-testid="kui-icon-svg-flag-rw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e4ca4a4c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e4ca4a4c="" clip-path="url(#clip0_246_5122)"><path data-v-e4ca4a4c="" d="M0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12Z" fill="#FFDA44"></path><path data-v-e4ca4a4c="" d="M22.5409 6.26086C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086C0.528891 7.96575 0 9.92109 0 12H24C24 9.92109 23.4711 7.96575 22.5409 6.26086Z" fill="#338AF3"></path><path data-v-e4ca4a4c="" d="M11.9999 24C16.5484 24 20.5056 21.4693 22.5408 17.7391H1.45898C3.49425 21.4693 7.45139 24 11.9999 24Z" fill="#496E2D"></path><path data-v-e4ca4a4c="" d="M13.5654 7.02287L15.031 7.71226L14.2506 9.13163L15.842 8.82723L16.0437 10.4348L17.1521 9.25243L18.2606 10.4348L18.4622 8.82723L20.0536 9.13154L19.2732 7.71221L20.7387 7.02287L19.2732 6.33357L20.0536 4.91419L18.4622 5.2186L18.2605 3.61102L17.1521 4.7934L16.0436 3.61102L15.842 5.2186L14.2506 4.91419L15.031 6.33362L13.5654 7.02287Z" fill="#FFDA44"></path></g><defs data-v-e4ca4a4c=""><clipPath data-v-e4ca4a4c="" id="clip0_246_5122"><rect data-v-e4ca4a4c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e4ca4a4c="" class="kui-icon flag-rw-icon" data-testid="kui-icon-wrapper-flag-rw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e4ca4a4c="" data-testid="kui-icon-svg-flag-rw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e4ca4a4c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e4ca4a4c=""><g clip-path="url(#clip0_246_5122)">
+<path d="M0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12Z" fill="#FFDA44"></path>
+<path d="M22.5409 6.26086C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086C0.528891 7.96575 0 9.92109 0 12H24C24 9.92109 23.4711 7.96575 22.5409 6.26086Z" fill="#338AF3"></path>
+<path d="M11.9999 24C16.5484 24 20.5056 21.4693 22.5408 17.7391H1.45898C3.49425 21.4693 7.45139 24 11.9999 24Z" fill="#496E2D"></path>
+<path d="M13.5654 7.02287L15.031 7.71226L14.2506 9.13163L15.842 8.82723L16.0437 10.4348L17.1521 9.25243L18.2606 10.4348L18.4622 8.82723L20.0536 9.13154L19.2732 7.71221L20.7387 7.02287L19.2732 6.33357L20.0536 4.91419L18.4622 5.2186L18.2605 3.61102L17.1521 4.7934L16.0436 3.61102L15.842 5.2186L14.2506 4.91419L15.031 6.33362L13.5654 7.02287Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5122">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSaIcon.html b/src/tests/__snapshots__/FlagSaIcon.html
index 95fb66e5..54577619 100644
--- a/src/tests/__snapshots__/FlagSaIcon.html
+++ b/src/tests/__snapshots__/FlagSaIcon.html
@@ -1 +1,14 @@
-<span data-v-2cc48e45="" class="kui-icon flag-sa-icon" data-testid="kui-icon-wrapper-flag-sa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2cc48e45="" data-testid="kui-icon-svg-flag-sa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2cc48e45="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2cc48e45="" clip-path="url(#clip0_246_5184)"><path data-v-2cc48e45="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path><path data-v-2cc48e45="" d="M6.78271 14.3478C6.78271 15.2123 7.4835 15.913 8.34792 15.913H13.0436C13.0436 16.6334 13.6275 17.2174 14.3479 17.2174H15.9131C16.6335 17.2174 17.2175 16.6334 17.2175 15.913V14.3478H6.78271Z" fill="#F0F0F0"></path><path data-v-2cc48e45="" d="M17.3477 6.78265V10.4348C17.3477 11.0102 16.8796 11.4783 16.3042 11.4783V13.0435C17.7427 13.0435 18.9129 11.8732 18.9129 10.4348V6.78265H17.3477Z" fill="#F0F0F0"></path><path data-v-2cc48e45="" d="M6.1304 10.4348C6.1304 11.0102 5.6623 11.4783 5.08691 11.4783V13.0435C6.52537 13.0435 7.6956 11.8732 7.6956 10.4348V6.78265H6.1304V10.4348Z" fill="#F0F0F0"></path><path data-v-2cc48e45="" d="M15 6.78265H16.5652V10.4348H15V6.78265Z" fill="#F0F0F0"></path><path data-v-2cc48e45="" d="M12.6519 8.86956C12.6519 9.01342 12.5349 9.13042 12.3911 9.13042C12.2472 9.13042 12.1302 9.01337 12.1302 8.86956V6.78259H10.565V8.86956C10.565 9.01342 10.4479 9.13042 10.3041 9.13042C10.1603 9.13042 10.0433 9.01337 10.0433 8.86956V6.78259H8.47803V8.86956C8.47803 9.87648 9.29721 10.6957 10.3041 10.6957C10.6919 10.6957 11.0516 10.5738 11.3476 10.3668C11.6436 10.5737 12.0033 10.6957 12.3911 10.6957C12.4692 10.6957 12.546 10.6902 12.6215 10.6806C12.5106 11.1376 12.099 11.4782 11.6085 11.4782V13.0435C13.0469 13.0435 14.2172 11.8732 14.2172 10.4348V8.86956V6.78259H12.652V8.86956H12.6519Z" fill="#F0F0F0"></path><path data-v-2cc48e45="" d="M8.47803 11.4783H10.8259V13.0435H8.47803V11.4783Z" fill="#F0F0F0"></path></g><defs data-v-2cc48e45=""><clipPath data-v-2cc48e45="" id="clip0_246_5184"><rect data-v-2cc48e45="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2cc48e45="" class="kui-icon flag-sa-icon" data-testid="kui-icon-wrapper-flag-sa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2cc48e45="" data-testid="kui-icon-svg-flag-sa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2cc48e45="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2cc48e45=""><g clip-path="url(#clip0_246_5184)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
+<path d="M6.78271 14.3478C6.78271 15.2123 7.4835 15.913 8.34792 15.913H13.0436C13.0436 16.6334 13.6275 17.2174 14.3479 17.2174H15.9131C16.6335 17.2174 17.2175 16.6334 17.2175 15.913V14.3478H6.78271Z" fill="#F0F0F0"></path>
+<path d="M17.3477 6.78265V10.4348C17.3477 11.0102 16.8796 11.4783 16.3042 11.4783V13.0435C17.7427 13.0435 18.9129 11.8732 18.9129 10.4348V6.78265H17.3477Z" fill="#F0F0F0"></path>
+<path d="M6.1304 10.4348C6.1304 11.0102 5.6623 11.4783 5.08691 11.4783V13.0435C6.52537 13.0435 7.6956 11.8732 7.6956 10.4348V6.78265H6.1304V10.4348Z" fill="#F0F0F0"></path>
+<path d="M15 6.78265H16.5652V10.4348H15V6.78265Z" fill="#F0F0F0"></path>
+<path d="M12.6519 8.86956C12.6519 9.01342 12.5349 9.13042 12.3911 9.13042C12.2472 9.13042 12.1302 9.01337 12.1302 8.86956V6.78259H10.565V8.86956C10.565 9.01342 10.4479 9.13042 10.3041 9.13042C10.1603 9.13042 10.0433 9.01337 10.0433 8.86956V6.78259H8.47803V8.86956C8.47803 9.87648 9.29721 10.6957 10.3041 10.6957C10.6919 10.6957 11.0516 10.5738 11.3476 10.3668C11.6436 10.5737 12.0033 10.6957 12.3911 10.6957C12.4692 10.6957 12.546 10.6902 12.6215 10.6806C12.5106 11.1376 12.099 11.4782 11.6085 11.4782V13.0435C13.0469 13.0435 14.2172 11.8732 14.2172 10.4348V8.86956V6.78259H12.652V8.86956H12.6519Z" fill="#F0F0F0"></path>
+<path d="M8.47803 11.4783H10.8259V13.0435H8.47803V11.4783Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5184">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSbIcon.html b/src/tests/__snapshots__/FlagSbIcon.html
index fa4faca6..1ad4828b 100644
--- a/src/tests/__snapshots__/FlagSbIcon.html
+++ b/src/tests/__snapshots__/FlagSbIcon.html
@@ -1 +1,15 @@
-<span data-v-80ee5364="" class="kui-icon flag-sb-icon" data-testid="kui-icon-wrapper-flag-sb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-80ee5364="" data-testid="kui-icon-svg-flag-sb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-80ee5364="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-80ee5364="" clip-path="url(#clip0_246_5274)"><path data-v-80ee5364="" d="M20.4854 20.4856C24.9859 15.9851 25.1636 8.79988 21.0203 4.08618L11.9997 11.9999L4.08594 21.0206C8.79963 25.1638 15.9848 24.9861 20.4854 20.4856Z" fill="#496E2D"></path><path data-v-80ee5364="" d="M3.51438 3.5144C8.01488 -0.986107 15.2001 -1.16381 19.9138 2.97942L12 12.0001L2.97944 19.9138C-1.16383 15.2001 -0.986083 8.01491 3.51438 3.5144Z" fill="#0052B4"></path><path data-v-80ee5364="" d="M19.9139 2.97937L2.97949 19.9138C3.15068 20.1085 3.32843 20.2996 3.51448 20.4856C3.70048 20.6716 3.89158 20.8493 4.0864 21.0206L21.0207 4.08618C20.8495 3.89137 20.6717 3.70031 20.4856 3.51426C20.2997 3.32835 20.1086 3.15056 19.9139 2.97937Z" fill="#FFDA44"></path><path data-v-80ee5364="" d="M5.05619 4.17358L5.31526 4.97079H6.15343L5.47534 5.46339L5.73432 6.2606L5.05619 5.76789L4.37805 6.2606L4.63712 5.46339L3.95898 4.97079H4.7972L5.05619 4.17358Z" fill="#F0F0F0"></path><path data-v-80ee5364="" d="M9.33792 4.17358L9.597 4.97079H10.4351L9.75703 5.46339L10.0161 6.2606L9.33792 5.76789L8.65978 6.2606L8.91886 5.46339L8.24072 4.97079H9.07889L9.33792 4.17358Z" fill="#F0F0F0"></path><path data-v-80ee5364="" d="M5.05619 8.34766L5.31526 9.14486H6.15343L5.47534 9.63751L5.73432 10.4347L5.05619 9.94201L4.37805 10.4347L4.63712 9.63751L3.95898 9.14486H4.7972L5.05619 8.34766Z" fill="#F0F0F0"></path><path data-v-80ee5364="" d="M9.33792 8.34766L9.597 9.14486H10.4351L9.75703 9.63751L10.0161 10.4347L9.33792 9.94201L8.65978 10.4347L8.91886 9.63751L8.24072 9.14486H9.07889L9.33792 8.34766Z" fill="#F0F0F0"></path><path data-v-80ee5364="" d="M7.19686 6.26062L7.45593 7.05782H8.29406L7.61597 7.55048L7.875 8.34768L7.19686 7.85498L6.51872 8.34768L6.77775 7.55048L6.09961 7.05782H6.93783L7.19686 6.26062Z" fill="#F0F0F0"></path></g><defs data-v-80ee5364=""><clipPath data-v-80ee5364="" id="clip0_246_5274"><rect data-v-80ee5364="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-80ee5364="" class="kui-icon flag-sb-icon" data-testid="kui-icon-wrapper-flag-sb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-80ee5364="" data-testid="kui-icon-svg-flag-sb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-80ee5364="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-80ee5364=""><g clip-path="url(#clip0_246_5274)">
+<path d="M20.4854 20.4856C24.9859 15.9851 25.1636 8.79988 21.0203 4.08618L11.9997 11.9999L4.08594 21.0206C8.79963 25.1638 15.9848 24.9861 20.4854 20.4856Z" fill="#496E2D"></path>
+<path d="M3.51438 3.5144C8.01488 -0.986107 15.2001 -1.16381 19.9138 2.97942L12 12.0001L2.97944 19.9138C-1.16383 15.2001 -0.986083 8.01491 3.51438 3.5144Z" fill="#0052B4"></path>
+<path d="M19.9139 2.97937L2.97949 19.9138C3.15068 20.1085 3.32843 20.2996 3.51448 20.4856C3.70048 20.6716 3.89158 20.8493 4.0864 21.0206L21.0207 4.08618C20.8495 3.89137 20.6717 3.70031 20.4856 3.51426C20.2997 3.32835 20.1086 3.15056 19.9139 2.97937Z" fill="#FFDA44"></path>
+<path d="M5.05619 4.17358L5.31526 4.97079H6.15343L5.47534 5.46339L5.73432 6.2606L5.05619 5.76789L4.37805 6.2606L4.63712 5.46339L3.95898 4.97079H4.7972L5.05619 4.17358Z" fill="#F0F0F0"></path>
+<path d="M9.33792 4.17358L9.597 4.97079H10.4351L9.75703 5.46339L10.0161 6.2606L9.33792 5.76789L8.65978 6.2606L8.91886 5.46339L8.24072 4.97079H9.07889L9.33792 4.17358Z" fill="#F0F0F0"></path>
+<path d="M5.05619 8.34766L5.31526 9.14486H6.15343L5.47534 9.63751L5.73432 10.4347L5.05619 9.94201L4.37805 10.4347L4.63712 9.63751L3.95898 9.14486H4.7972L5.05619 8.34766Z" fill="#F0F0F0"></path>
+<path d="M9.33792 8.34766L9.597 9.14486H10.4351L9.75703 9.63751L10.0161 10.4347L9.33792 9.94201L8.65978 10.4347L8.91886 9.63751L8.24072 9.14486H9.07889L9.33792 8.34766Z" fill="#F0F0F0"></path>
+<path d="M7.19686 6.26062L7.45593 7.05782H8.29406L7.61597 7.55048L7.875 8.34768L7.19686 7.85498L6.51872 8.34768L6.77775 7.55048L6.09961 7.05782H6.93783L7.19686 6.26062Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5274">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagScIcon.html b/src/tests/__snapshots__/FlagScIcon.html
index 7495fbb6..1e5a2360 100644
--- a/src/tests/__snapshots__/FlagScIcon.html
+++ b/src/tests/__snapshots__/FlagScIcon.html
@@ -1 +1,12 @@
-<span data-v-ebf4f817="" class="kui-icon flag-sc-icon" data-testid="kui-icon-wrapper-flag-sc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ebf4f817="" data-testid="kui-icon-svg-flag-sc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ebf4f817="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ebf4f817="" clip-path="url(#clip0_246_5216)"><path data-v-ebf4f817="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-ebf4f817="" d="M20.1006 3.14705C17.9659 1.19273 15.1224 0 12.0001 0C11.489 0 10.9854 0.0322031 10.491 0.0942187L4.69581 6.78263L0.379883 15.0061C0.658695 16.0871 1.08498 17.1087 1.63496 18.0491L12.0001 12L20.1006 3.14705Z" fill="#FFDA44"></path><path data-v-ebf4f817="" d="M21.9903 18.6487L5.20117 21.8887C7.13378 23.22 9.47556 24 11.9998 24C16.168 24 19.8392 21.8746 21.9903 18.6487Z" fill="#6DA544"></path><path data-v-ebf4f817="" d="M20.1021 3.14862L1.6416 18.0607C2.12446 18.8842 2.70257 19.6451 3.36102 20.328L23.9999 12C23.9999 8.49565 22.4976 5.34246 20.1021 3.14862Z" fill="#D80027"></path><path data-v-ebf4f817="" d="M0 12C0 13.0382 0.131906 14.0455 0.379734 15.0062L10.4909 0.0942383C4.57584 0.836457 0 5.88377 0 12Z" fill="#0052B4"></path></g><defs data-v-ebf4f817=""><clipPath data-v-ebf4f817="" id="clip0_246_5216"><rect data-v-ebf4f817="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ebf4f817="" class="kui-icon flag-sc-icon" data-testid="kui-icon-wrapper-flag-sc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ebf4f817="" data-testid="kui-icon-svg-flag-sc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ebf4f817="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ebf4f817=""><g clip-path="url(#clip0_246_5216)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M20.1006 3.14705C17.9659 1.19273 15.1224 0 12.0001 0C11.489 0 10.9854 0.0322031 10.491 0.0942187L4.69581 6.78263L0.379883 15.0061C0.658695 16.0871 1.08498 17.1087 1.63496 18.0491L12.0001 12L20.1006 3.14705Z" fill="#FFDA44"></path>
+<path d="M21.9903 18.6487L5.20117 21.8887C7.13378 23.22 9.47556 24 11.9998 24C16.168 24 19.8392 21.8746 21.9903 18.6487Z" fill="#6DA544"></path>
+<path d="M20.1021 3.14862L1.6416 18.0607C2.12446 18.8842 2.70257 19.6451 3.36102 20.328L23.9999 12C23.9999 8.49565 22.4976 5.34246 20.1021 3.14862Z" fill="#D80027"></path>
+<path d="M0 12C0 13.0382 0.131906 14.0455 0.379734 15.0062L10.4909 0.0942383C4.57584 0.836457 0 5.88377 0 12Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5216">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSdIcon.html b/src/tests/__snapshots__/FlagSdIcon.html
index 20d8958c..27607ec4 100644
--- a/src/tests/__snapshots__/FlagSdIcon.html
+++ b/src/tests/__snapshots__/FlagSdIcon.html
@@ -1 +1,11 @@
-<span data-v-72155741="" class="kui-icon flag-sd-icon" data-testid="kui-icon-wrapper-flag-sd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72155741="" data-testid="kui-icon-svg-flag-sd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72155741="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-72155741="" clip-path="url(#clip0_246_5368)"><path data-v-72155741="" d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path><path data-v-72155741="" d="M1.19092 17.2173C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2173H1.19092Z" fill="black"></path><path data-v-72155741="" d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path><path data-v-72155741="" d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#496E2D"></path></g><defs data-v-72155741=""><clipPath data-v-72155741="" id="clip0_246_5368"><rect data-v-72155741="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-72155741="" class="kui-icon flag-sd-icon" data-testid="kui-icon-wrapper-flag-sd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72155741="" data-testid="kui-icon-svg-flag-sd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72155741="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-72155741=""><g clip-path="url(#clip0_246_5368)">
+<path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
+<path d="M1.19092 17.2173C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2173H1.19092Z" fill="black"></path>
+<path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path>
+<path d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#496E2D"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5368">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSeIcon.html b/src/tests/__snapshots__/FlagSeIcon.html
index 4d36a676..3ffd8489 100644
--- a/src/tests/__snapshots__/FlagSeIcon.html
+++ b/src/tests/__snapshots__/FlagSeIcon.html
@@ -1 +1,12 @@
-<span data-v-fcc8f2f5="" class="kui-icon flag-se-icon" data-testid="kui-icon-wrapper-flag-se-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fcc8f2f5="" data-testid="kui-icon-svg-flag-se-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fcc8f2f5="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-fcc8f2f5="" clip-path="url(#clip0_247_6259)"><path data-v-fcc8f2f5="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-fcc8f2f5="" d="M9.3914 10.4348H23.8985C23.1315 4.54697 18.0969 0 12 0C11.1041 0 10.2313 0.0990469 9.39136 0.285234V10.4348H9.3914Z" fill="#0052B4"></path><path data-v-fcc8f2f5="" d="M6.26084 10.4348V1.45911C2.96581 3.25695 0.607016 6.55465 0.101562 10.4348H6.26084V10.4348Z" fill="#0052B4"></path><path data-v-fcc8f2f5="" d="M6.2608 13.5652H0.101562C0.607016 17.4454 2.96581 20.7431 6.26084 22.5409L6.2608 13.5652Z" fill="#0052B4"></path><path data-v-fcc8f2f5="" d="M9.39136 13.5652V23.7147C10.2313 23.9009 11.1041 24 12 24C18.0969 24 23.1315 19.453 23.8985 13.5652H9.39136V13.5652Z" fill="#0052B4"></path></g><defs data-v-fcc8f2f5=""><clipPath data-v-fcc8f2f5="" id="clip0_247_6259"><rect data-v-fcc8f2f5="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-fcc8f2f5="" class="kui-icon flag-se-icon" data-testid="kui-icon-wrapper-flag-se-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fcc8f2f5="" data-testid="kui-icon-svg-flag-se-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fcc8f2f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fcc8f2f5=""><g clip-path="url(#clip0_247_6259)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M9.3914 10.4348H23.8985C23.1315 4.54697 18.0969 0 12 0C11.1041 0 10.2313 0.0990469 9.39136 0.285234V10.4348H9.3914Z" fill="#0052B4"></path>
+<path d="M6.26084 10.4348V1.45911C2.96581 3.25695 0.607016 6.55465 0.101562 10.4348H6.26084V10.4348Z" fill="#0052B4"></path>
+<path d="M6.2608 13.5652H0.101562C0.607016 17.4454 2.96581 20.7431 6.26084 22.5409L6.2608 13.5652Z" fill="#0052B4"></path>
+<path d="M9.39136 13.5652V23.7147C10.2313 23.9009 11.1041 24 12 24C18.0969 24 23.1315 19.453 23.8985 13.5652H9.39136V13.5652Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6259">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSgIcon.html b/src/tests/__snapshots__/FlagSgIcon.html
index b3edfbee..c0648b87 100644
--- a/src/tests/__snapshots__/FlagSgIcon.html
+++ b/src/tests/__snapshots__/FlagSgIcon.html
@@ -1 +1,15 @@
-<span data-v-eacdf0c3="" class="kui-icon flag-sg-icon" data-testid="kui-icon-wrapper-flag-sg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eacdf0c3="" data-testid="kui-icon-svg-flag-sg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eacdf0c3="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-eacdf0c3="" clip-path="url(#clip0_1415_1421)"><path data-v-eacdf0c3="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-eacdf0c3="" d="M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12" fill="#D80027"></path><path data-v-eacdf0c3="" d="M7.30426 6.26052C7.30426 4.51218 8.533 3.05165 10.1738 2.69329C9.92162 2.63826 9.66001 2.6084 9.39119 2.6084C7.37411 2.6084 5.73901 4.24349 5.73901 6.26057C5.73901 8.27765 7.37411 9.91274 9.39119 9.91274C9.65992 9.91274 9.92158 9.88288 10.1738 9.82781C8.533 9.46945 7.30426 8.00891 7.30426 6.26052Z" fill="#F0F0F0"></path><path data-v-eacdf0c3="" d="M12 2.86914L12.259 3.66625H13.0972L12.4191 4.15895L12.6781 4.95606L12 4.46345L11.3219 4.95606L11.5809 4.15895L10.9028 3.66625H11.741L12 2.86914Z" fill="#F0F0F0"></path><path data-v-eacdf0c3="" d="M9.96663 4.43457L10.2256 5.23173H11.0638L10.3857 5.72438L10.6447 6.52149L9.96663 6.02888L9.28845 6.52149L9.54753 5.72438L8.86938 5.23173H9.70756L9.96663 4.43457Z" fill="#F0F0F0"></path><path data-v-eacdf0c3="" d="M14.0332 4.43457L14.2923 5.23173H15.1304L14.4523 5.72438L14.7113 6.52149L14.0332 6.02888L13.3551 6.52149L13.6141 5.72438L12.936 5.23173H13.7742L14.0332 4.43457Z" fill="#F0F0F0"></path><path data-v-eacdf0c3="" d="M13.2505 6.78223L13.5095 7.57938H14.3476L13.6695 8.07204L13.9286 8.86915L13.2505 8.37654L12.5724 8.86915L12.8314 8.07204L12.1533 7.57938H12.9914L13.2505 6.78223Z" fill="#F0F0F0"></path><path data-v-eacdf0c3="" d="M10.7493 6.78223L11.0083 7.57938H11.8465L11.1684 8.07204L11.4274 8.86915L10.7493 8.37654L10.0712 8.86915L10.3302 8.07204L9.6521 7.57938H10.4903L10.7493 6.78223Z" fill="#F0F0F0"></path></g><defs data-v-eacdf0c3=""><clipPath data-v-eacdf0c3="" id="clip0_1415_1421"><rect data-v-eacdf0c3="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-eacdf0c3="" class="kui-icon flag-sg-icon" data-testid="kui-icon-wrapper-flag-sg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eacdf0c3="" data-testid="kui-icon-svg-flag-sg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eacdf0c3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eacdf0c3=""><g clip-path="url(#clip0_1415_1421)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12" fill="#D80027"></path>
+<path d="M7.30426 6.26052C7.30426 4.51218 8.533 3.05165 10.1738 2.69329C9.92162 2.63826 9.66001 2.6084 9.39119 2.6084C7.37411 2.6084 5.73901 4.24349 5.73901 6.26057C5.73901 8.27765 7.37411 9.91274 9.39119 9.91274C9.65992 9.91274 9.92158 9.88288 10.1738 9.82781C8.533 9.46945 7.30426 8.00891 7.30426 6.26052Z" fill="#F0F0F0"></path>
+<path d="M12 2.86914L12.259 3.66625H13.0972L12.4191 4.15895L12.6781 4.95606L12 4.46345L11.3219 4.95606L11.5809 4.15895L10.9028 3.66625H11.741L12 2.86914Z" fill="#F0F0F0"></path>
+<path d="M9.96663 4.43457L10.2256 5.23173H11.0638L10.3857 5.72438L10.6447 6.52149L9.96663 6.02888L9.28845 6.52149L9.54753 5.72438L8.86938 5.23173H9.70756L9.96663 4.43457Z" fill="#F0F0F0"></path>
+<path d="M14.0332 4.43457L14.2923 5.23173H15.1304L14.4523 5.72438L14.7113 6.52149L14.0332 6.02888L13.3551 6.52149L13.6141 5.72438L12.936 5.23173H13.7742L14.0332 4.43457Z" fill="#F0F0F0"></path>
+<path d="M13.2505 6.78223L13.5095 7.57938H14.3476L13.6695 8.07204L13.9286 8.86915L13.2505 8.37654L12.5724 8.86915L12.8314 8.07204L12.1533 7.57938H12.9914L13.2505 6.78223Z" fill="#F0F0F0"></path>
+<path d="M10.7493 6.78223L11.0083 7.57938H11.8465L11.1684 8.07204L11.4274 8.86915L10.7493 8.37654L10.0712 8.86915L10.3302 8.07204L9.6521 7.57938H10.4903L10.7493 6.78223Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_1421">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSiIcon.html b/src/tests/__snapshots__/FlagSiIcon.html
index a75b55c9..675300e1 100644
--- a/src/tests/__snapshots__/FlagSiIcon.html
+++ b/src/tests/__snapshots__/FlagSiIcon.html
@@ -1 +1,11 @@
-<span data-v-080cdb77="" class="kui-icon flag-si-icon" data-testid="kui-icon-wrapper-flag-si-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-080cdb77="" data-testid="kui-icon-svg-flag-si-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-080cdb77="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-080cdb77="" clip-path="url(#clip0_246_5269)"><path data-v-080cdb77="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-080cdb77="" d="M23.2536 7.82613H10.4348V4.69568H4.17389V7.82613H0.746391C0.264047 9.12607 0 10.5322 0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12607 23.2536 7.82613Z" fill="#0052B4"></path><path data-v-080cdb77="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path><path data-v-080cdb77="" d="M4.17383 7.8261V8.86954C4.17383 11.2658 7.30428 12 7.30428 12C7.30428 12 10.4347 11.2658 10.4347 8.86954V7.8261L9.39125 8.86959L7.30428 7.30438L5.21731 8.86959L4.17383 7.8261Z" fill="#F0F0F0"></path></g><defs data-v-080cdb77=""><clipPath data-v-080cdb77="" id="clip0_246_5269"><rect data-v-080cdb77="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-080cdb77="" class="kui-icon flag-si-icon" data-testid="kui-icon-wrapper-flag-si-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-080cdb77="" data-testid="kui-icon-svg-flag-si-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-080cdb77="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-080cdb77=""><g clip-path="url(#clip0_246_5269)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.2536 7.82613H10.4348V4.69568H4.17389V7.82613H0.746391C0.264047 9.12607 0 10.5322 0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12607 23.2536 7.82613Z" fill="#0052B4"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
+<path d="M4.17383 7.8261V8.86954C4.17383 11.2658 7.30428 12 7.30428 12C7.30428 12 10.4347 11.2658 10.4347 8.86954V7.8261L9.39125 8.86959L7.30428 7.30438L5.21731 8.86959L4.17383 7.8261Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5269">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSkIcon.html b/src/tests/__snapshots__/FlagSkIcon.html
index 34e107e5..df903b32 100644
--- a/src/tests/__snapshots__/FlagSkIcon.html
+++ b/src/tests/__snapshots__/FlagSkIcon.html
@@ -1 +1,14 @@
-<span data-v-e7c3e31b="" class="kui-icon flag-sk-icon" data-testid="kui-icon-wrapper-flag-sk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7c3e31b="" data-testid="kui-icon-svg-flag-sk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e7c3e31b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e7c3e31b="" clip-path="url(#clip0_246_5261)"><path data-v-e7c3e31b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-e7c3e31b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611H0.746391C0.264047 9.12605 0 10.5322 0 12C0 18.6274 5.37262 24 12 24Z" fill="#0052B4"></path><path data-v-e7c3e31b="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path><path data-v-e7c3e31b="" d="M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z" fill="#F0F0F0"></path><path data-v-e7c3e31b="" d="M4.14648 6.78265V12.7689C4.14648 13.1686 4.23527 13.5462 4.41114 13.9001H10.6918C10.8677 13.5462 10.9564 13.1686 10.9564 12.7689V6.78265H4.14648Z" fill="#D80027"></path><path data-v-e7c3e31b="" d="M9.63825 10.9565H8.07309V9.91303H9.11657V8.86955H8.07309V7.82611H7.02961V8.86955H5.98617V9.91303H7.02961V10.9565H5.46436V12H7.02961V13.0435H8.07309V12H9.63825V10.9565Z" fill="#F0F0F0"></path><path data-v-e7c3e31b="" d="M5.8344 15.3567C6.50682 15.7793 7.19766 16.0247 7.55134 16.1338C7.90501 16.0247 8.59585 15.7793 9.26827 15.3567C9.94637 14.9306 10.4217 14.4431 10.6916 13.9001C10.3939 13.6895 10.0307 13.5653 9.6383 13.5653C9.49543 13.5653 9.35663 13.5822 9.22318 13.6133C8.94038 12.9707 8.29843 12.5218 7.55138 12.5218C6.80434 12.5218 6.16234 12.9707 5.87959 13.6133C5.74613 13.5822 5.60729 13.5653 5.46446 13.5653C5.07207 13.5653 4.70884 13.6895 4.41113 13.9001C4.6809 14.4431 5.15626 14.9305 5.8344 15.3567Z" fill="#0052B4"></path></g><defs data-v-e7c3e31b=""><clipPath data-v-e7c3e31b="" id="clip0_246_5261"><rect data-v-e7c3e31b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e7c3e31b="" class="kui-icon flag-sk-icon" data-testid="kui-icon-wrapper-flag-sk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7c3e31b="" data-testid="kui-icon-svg-flag-sk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e7c3e31b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e7c3e31b=""><g clip-path="url(#clip0_246_5261)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611H0.746391C0.264047 9.12605 0 10.5322 0 12C0 18.6274 5.37262 24 12 24Z" fill="#0052B4"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
+<path d="M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z" fill="#F0F0F0"></path>
+<path d="M4.14648 6.78265V12.7689C4.14648 13.1686 4.23527 13.5462 4.41114 13.9001H10.6918C10.8677 13.5462 10.9564 13.1686 10.9564 12.7689V6.78265H4.14648Z" fill="#D80027"></path>
+<path d="M9.63825 10.9565H8.07309V9.91303H9.11657V8.86955H8.07309V7.82611H7.02961V8.86955H5.98617V9.91303H7.02961V10.9565H5.46436V12H7.02961V13.0435H8.07309V12H9.63825V10.9565Z" fill="#F0F0F0"></path>
+<path d="M5.8344 15.3567C6.50682 15.7793 7.19766 16.0247 7.55134 16.1338C7.90501 16.0247 8.59585 15.7793 9.26827 15.3567C9.94637 14.9306 10.4217 14.4431 10.6916 13.9001C10.3939 13.6895 10.0307 13.5653 9.6383 13.5653C9.49543 13.5653 9.35663 13.5822 9.22318 13.6133C8.94038 12.9707 8.29843 12.5218 7.55138 12.5218C6.80434 12.5218 6.16234 12.9707 5.87959 13.6133C5.74613 13.5822 5.60729 13.5653 5.46446 13.5653C5.07207 13.5653 4.70884 13.6895 4.41113 13.9001C4.6809 14.4431 5.15626 14.9305 5.8344 15.3567Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5261">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSlIcon.html b/src/tests/__snapshots__/FlagSlIcon.html
index 068d5b2b..a11ac020 100644
--- a/src/tests/__snapshots__/FlagSlIcon.html
+++ b/src/tests/__snapshots__/FlagSlIcon.html
@@ -1 +1,10 @@
-<span data-v-bca65d97="" class="kui-icon flag-sl-icon" data-testid="kui-icon-wrapper-flag-sl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bca65d97="" data-testid="kui-icon-svg-flag-sl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bca65d97="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-bca65d97="" clip-path="url(#clip0_246_5222)"><path data-v-bca65d97="" d="M23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264 9.12612 0 10.5322 0 12C0 13.4679 0.264 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#F0F0F0"></path><path data-v-bca65d97="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.44214 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path><path data-v-bca65d97="" d="M12.0002 0C6.84061 0 2.44214 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#6DA544"></path></g><defs data-v-bca65d97=""><clipPath data-v-bca65d97="" id="clip0_246_5222"><rect data-v-bca65d97="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-bca65d97="" class="kui-icon flag-sl-icon" data-testid="kui-icon-wrapper-flag-sl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bca65d97="" data-testid="kui-icon-svg-flag-sl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bca65d97="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bca65d97=""><g clip-path="url(#clip0_246_5222)">
+<path d="M23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264 9.12612 0 10.5322 0 12C0 13.4679 0.264 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#F0F0F0"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.44214 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path>
+<path d="M12.0002 0C6.84061 0 2.44214 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5222">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSmIcon.html b/src/tests/__snapshots__/FlagSmIcon.html
index ffdeb5b0..96cbc249 100644
--- a/src/tests/__snapshots__/FlagSmIcon.html
+++ b/src/tests/__snapshots__/FlagSmIcon.html
@@ -1 +1,14 @@
-<span data-v-58529e31="" class="kui-icon flag-sm-icon" data-testid="kui-icon-wrapper-flag-sm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58529e31="" data-testid="kui-icon-svg-flag-sm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-58529e31="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-58529e31="" clip-path="url(#clip0_246_5153)"><path data-v-58529e31="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#338AF3"></path><path data-v-58529e31="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#F0F0F0"></path><path data-v-58529e31="" d="M16.7631 8.28018L11.9998 13.0435L7.23659 8.28018C6.6206 9.19457 6.26074 10.2952 6.26074 11.4782V13.0434C6.26074 15.5567 7.88473 17.6976 10.1383 18.4725C9.83754 19.062 9.88826 19.7977 10.329 20.3478C10.9144 19.8786 11.5204 19.3929 12.0346 18.981C12.5487 19.393 13.1548 19.8787 13.7401 20.3478C14.186 19.7913 14.2331 19.0446 13.9204 18.4516C16.1433 17.6599 17.7389 15.5347 17.7389 13.0434V11.4783C17.739 10.2952 17.3791 9.19462 16.7631 8.28018Z" fill="#6DA544"></path><path data-v-58529e31="" d="M12.0001 17.2174C9.69855 17.2174 7.82617 15.3449 7.82617 13.0435V11.4783C7.82617 9.17676 9.69859 7.30438 12.0001 7.30438C14.3015 7.30438 16.174 9.1768 16.174 11.4783V13.0435C16.174 15.3449 14.3016 17.2174 12.0001 17.2174Z" fill="#FFDA44"></path><path data-v-58529e31="" d="M14.6085 13.0435V11.4783C14.6085 10.0398 13.4382 8.8696 11.9998 8.8696C10.5614 8.8696 9.39111 10.0399 9.39111 11.4783V13.0435L11.9998 13.5652L14.6085 13.0435Z" fill="#338AF3"></path><path data-v-58529e31="" d="M9.39111 13.0435C9.39111 14.4819 10.5614 15.6522 11.9998 15.6522C13.4382 15.6522 14.6085 14.4819 14.6085 13.0435H9.39111Z" fill="#6DA544"></path><path data-v-58529e31="" d="M15.1305 7.30433C15.1305 6.43991 14.4297 5.73913 13.5653 5.73913C13.1643 5.73913 12.7988 5.89007 12.5218 6.13799V5.21736H13.0435V4.17388H12.5218V3.65216H11.4783V4.17388H10.9566V5.21736H11.4783V6.13799C11.2013 5.89007 10.8358 5.73913 10.4348 5.73913C9.57041 5.73913 8.86963 6.43991 8.86963 7.30433C8.86963 7.76779 9.07124 8.18404 9.39135 8.47068V9.3913H14.6087V8.47068C14.9289 8.18404 15.1305 7.76779 15.1305 7.30433Z" fill="#FFDA44"></path></g><defs data-v-58529e31=""><clipPath data-v-58529e31="" id="clip0_246_5153"><rect data-v-58529e31="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-58529e31="" class="kui-icon flag-sm-icon" data-testid="kui-icon-wrapper-flag-sm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58529e31="" data-testid="kui-icon-svg-flag-sm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-58529e31="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-58529e31=""><g clip-path="url(#clip0_246_5153)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#338AF3"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#F0F0F0"></path>
+<path d="M16.7631 8.28018L11.9998 13.0435L7.23659 8.28018C6.6206 9.19457 6.26074 10.2952 6.26074 11.4782V13.0434C6.26074 15.5567 7.88473 17.6976 10.1383 18.4725C9.83754 19.062 9.88826 19.7977 10.329 20.3478C10.9144 19.8786 11.5204 19.3929 12.0346 18.981C12.5487 19.393 13.1548 19.8787 13.7401 20.3478C14.186 19.7913 14.2331 19.0446 13.9204 18.4516C16.1433 17.6599 17.7389 15.5347 17.7389 13.0434V11.4783C17.739 10.2952 17.3791 9.19462 16.7631 8.28018Z" fill="#6DA544"></path>
+<path d="M12.0001 17.2174C9.69855 17.2174 7.82617 15.3449 7.82617 13.0435V11.4783C7.82617 9.17676 9.69859 7.30438 12.0001 7.30438C14.3015 7.30438 16.174 9.1768 16.174 11.4783V13.0435C16.174 15.3449 14.3016 17.2174 12.0001 17.2174Z" fill="#FFDA44"></path>
+<path d="M14.6085 13.0435V11.4783C14.6085 10.0398 13.4382 8.8696 11.9998 8.8696C10.5614 8.8696 9.39111 10.0399 9.39111 11.4783V13.0435L11.9998 13.5652L14.6085 13.0435Z" fill="#338AF3"></path>
+<path d="M9.39111 13.0435C9.39111 14.4819 10.5614 15.6522 11.9998 15.6522C13.4382 15.6522 14.6085 14.4819 14.6085 13.0435H9.39111Z" fill="#6DA544"></path>
+<path d="M15.1305 7.30433C15.1305 6.43991 14.4297 5.73913 13.5653 5.73913C13.1643 5.73913 12.7988 5.89007 12.5218 6.13799V5.21736H13.0435V4.17388H12.5218V3.65216H11.4783V4.17388H10.9566V5.21736H11.4783V6.13799C11.2013 5.89007 10.8358 5.73913 10.4348 5.73913C9.57041 5.73913 8.86963 6.43991 8.86963 7.30433C8.86963 7.76779 9.07124 8.18404 9.39135 8.47068V9.3913H14.6087V8.47068C14.9289 8.18404 15.1305 7.76779 15.1305 7.30433Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5153">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSnIcon.html b/src/tests/__snapshots__/FlagSnIcon.html
index 064cbe48..4390d9f7 100644
--- a/src/tests/__snapshots__/FlagSnIcon.html
+++ b/src/tests/__snapshots__/FlagSnIcon.html
@@ -1 +1,11 @@
-<span data-v-18bdefff="" class="kui-icon flag-sn-icon" data-testid="kui-icon-wrapper-flag-sn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18bdefff="" data-testid="kui-icon-svg-flag-sn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18bdefff="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-18bdefff="" clip-path="url(#clip0_246_5200)"><path data-v-18bdefff="" d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path><path data-v-18bdefff="" d="M12 7.82611L13.0359 11.0145H16.3888L13.6764 12.9853L14.7124 16.1739L12 14.2033L9.28753 16.1739L10.3237 12.9853L7.61133 11.0145H10.964L12 7.82611Z" fill="#496E2D"></path><path data-v-18bdefff="" d="M6.78263 1.19116C2.76872 3.13212 0 7.24254 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8089V1.19116Z" fill="#496E2D"></path><path data-v-18bdefff="" d="M17.2173 1.19116V22.8089C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24254 21.2312 3.13212 17.2173 1.19116Z" fill="#D80027"></path></g><defs data-v-18bdefff=""><clipPath data-v-18bdefff="" id="clip0_246_5200"><rect data-v-18bdefff="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-18bdefff="" class="kui-icon flag-sn-icon" data-testid="kui-icon-wrapper-flag-sn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18bdefff="" data-testid="kui-icon-svg-flag-sn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18bdefff="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18bdefff=""><g clip-path="url(#clip0_246_5200)">
+<path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path>
+<path d="M12 7.82611L13.0359 11.0145H16.3888L13.6764 12.9853L14.7124 16.1739L12 14.2033L9.28753 16.1739L10.3237 12.9853L7.61133 11.0145H10.964L12 7.82611Z" fill="#496E2D"></path>
+<path d="M6.78263 1.19116C2.76872 3.13212 0 7.24254 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8089V1.19116Z" fill="#496E2D"></path>
+<path d="M17.2173 1.19116V22.8089C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24254 21.2312 3.13212 17.2173 1.19116Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5200">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSoIcon.html b/src/tests/__snapshots__/FlagSoIcon.html
index a370d297..c425beec 100644
--- a/src/tests/__snapshots__/FlagSoIcon.html
+++ b/src/tests/__snapshots__/FlagSoIcon.html
@@ -1 +1,9 @@
-<span data-v-af3cbe23="" class="kui-icon flag-so-icon" data-testid="kui-icon-wrapper-flag-so-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af3cbe23="" data-testid="kui-icon-svg-flag-so-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af3cbe23="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-af3cbe23="" clip-path="url(#clip0_246_5284)"><path data-v-af3cbe23="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-af3cbe23="" d="M12.0001 6.26086L13.2951 10.2466H17.486L14.0955 12.7099L15.3906 16.6957L12.0001 14.2323L8.60961 16.6957L9.90468 12.7099L6.51416 10.2466H10.705L12.0001 6.26086Z" fill="#F0F0F0"></path></g><defs data-v-af3cbe23=""><clipPath data-v-af3cbe23="" id="clip0_246_5284"><rect data-v-af3cbe23="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-af3cbe23="" class="kui-icon flag-so-icon" data-testid="kui-icon-wrapper-flag-so-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af3cbe23="" data-testid="kui-icon-svg-flag-so-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af3cbe23="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-af3cbe23=""><g clip-path="url(#clip0_246_5284)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M12.0001 6.26086L13.2951 10.2466H17.486L14.0955 12.7099L15.3906 16.6957L12.0001 14.2323L8.60961 16.6957L9.90468 12.7099L6.51416 10.2466H10.705L12.0001 6.26086Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5284">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSrIcon.html b/src/tests/__snapshots__/FlagSrIcon.html
index 511f6302..498b71bd 100644
--- a/src/tests/__snapshots__/FlagSrIcon.html
+++ b/src/tests/__snapshots__/FlagSrIcon.html
@@ -1 +1,12 @@
-<span data-v-b6f82c4a="" class="kui-icon flag-sr-icon" data-testid="kui-icon-wrapper-flag-sr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6f82c4a="" data-testid="kui-icon-svg-flag-sr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b6f82c4a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-b6f82c4a="" clip-path="url(#clip0_246_5373)"><path data-v-b6f82c4a="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-b6f82c4a="" d="M23.2536 7.82611H0.746344C0.264047 9.12614 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746344 16.1739H23.2536C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12614 23.2536 7.82611Z" fill="#A2001D"></path><path data-v-b6f82c4a="" d="M12.0345 24C16.1446 24 19.7716 21.9332 21.9343 18.7827H2.13477C4.29748 21.9332 7.92439 24 12.0345 24Z" fill="#6DA544"></path><path data-v-b6f82c4a="" d="M12.0345 0.00012207C16.1446 0.00012207 19.7716 2.06693 21.9343 5.2175H2.13477C4.29748 2.06693 7.92439 0.00012207 12.0345 0.00012207Z" fill="#6DA544"></path><path data-v-b6f82c4a="" d="M12 7.82611L13.036 11.0145H16.3888L13.6764 12.9854L14.7125 16.1739L12 14.2033L9.28763 16.1739L10.3238 12.9854L7.61133 11.0145H10.9641L12 7.82611Z" fill="#FFDA44"></path></g><defs data-v-b6f82c4a=""><clipPath data-v-b6f82c4a="" id="clip0_246_5373"><rect data-v-b6f82c4a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-b6f82c4a="" class="kui-icon flag-sr-icon" data-testid="kui-icon-wrapper-flag-sr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6f82c4a="" data-testid="kui-icon-svg-flag-sr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b6f82c4a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b6f82c4a=""><g clip-path="url(#clip0_246_5373)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.2536 7.82611H0.746344C0.264047 9.12614 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746344 16.1739H23.2536C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12614 23.2536 7.82611Z" fill="#A2001D"></path>
+<path d="M12.0345 24C16.1446 24 19.7716 21.9332 21.9343 18.7827H2.13477C4.29748 21.9332 7.92439 24 12.0345 24Z" fill="#6DA544"></path>
+<path d="M12.0345 0.00012207C16.1446 0.00012207 19.7716 2.06693 21.9343 5.2175H2.13477C4.29748 2.06693 7.92439 0.00012207 12.0345 0.00012207Z" fill="#6DA544"></path>
+<path d="M12 7.82611L13.036 11.0145H16.3888L13.6764 12.9854L14.7125 16.1739L12 14.2033L9.28763 16.1739L10.3238 12.9854L7.61133 11.0145H10.9641L12 7.82611Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5373">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSsIcon.html b/src/tests/__snapshots__/FlagSsIcon.html
index 6b0d75ed..7fe5d0e9 100644
--- a/src/tests/__snapshots__/FlagSsIcon.html
+++ b/src/tests/__snapshots__/FlagSsIcon.html
@@ -1 +1,13 @@
-<span data-v-21b9aeba="" class="kui-icon flag-ss-icon" data-testid="kui-icon-wrapper-flag-ss-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21b9aeba="" data-testid="kui-icon-svg-flag-ss-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-21b9aeba="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-21b9aeba="" clip-path="url(#clip0_246_5327)"><path data-v-21b9aeba="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-21b9aeba="" d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="black"></path><path data-v-21b9aeba="" d="M6.55437 16.6088L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9944 24 21.2756 20.9487 23.0824 16.6088H6.55437Z" fill="#496E2D"></path><path data-v-21b9aeba="" d="M2.60889 8.82611V15.1304H23.5869C23.856 14.1324 24.0002 13.0832 24.0002 12C24.0002 10.9012 23.8522 9.83711 23.5755 8.82611H2.60889Z" fill="#A2001D"></path><path data-v-21b9aeba="" d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#0052B4"></path><path data-v-21b9aeba="" d="M3.90889 9.01648L5.3735 11.0603L7.77013 10.2988L6.27898 12.3235L7.74359 14.3674L5.35728 13.5748L3.86609 15.5995L3.8825 13.0849L1.49609 12.2923L3.89253 11.5309L3.90889 9.01648Z" fill="#FFDA44"></path></g><defs data-v-21b9aeba=""><clipPath data-v-21b9aeba="" id="clip0_246_5327"><rect data-v-21b9aeba="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-21b9aeba="" class="kui-icon flag-ss-icon" data-testid="kui-icon-wrapper-flag-ss-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21b9aeba="" data-testid="kui-icon-svg-flag-ss-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-21b9aeba="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-21b9aeba=""><g clip-path="url(#clip0_246_5327)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="black"></path>
+<path d="M6.55437 16.6088L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9944 24 21.2756 20.9487 23.0824 16.6088H6.55437Z" fill="#496E2D"></path>
+<path d="M2.60889 8.82611V15.1304H23.5869C23.856 14.1324 24.0002 13.0832 24.0002 12C24.0002 10.9012 23.8522 9.83711 23.5755 8.82611H2.60889Z" fill="#A2001D"></path>
+<path d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#0052B4"></path>
+<path d="M3.90889 9.01648L5.3735 11.0603L7.77013 10.2988L6.27898 12.3235L7.74359 14.3674L5.35728 13.5748L3.86609 15.5995L3.8825 13.0849L1.49609 12.2923L3.89253 11.5309L3.90889 9.01648Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5327">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagStIcon.html b/src/tests/__snapshots__/FlagStIcon.html
index cac011b4..e8000e67 100644
--- a/src/tests/__snapshots__/FlagStIcon.html
+++ b/src/tests/__snapshots__/FlagStIcon.html
@@ -1 +1,13 @@
-<span data-v-9cf6c133="" class="kui-icon flag-st-icon" data-testid="kui-icon-wrapper-flag-st-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9cf6c133="" data-testid="kui-icon-svg-flag-st-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9cf6c133="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-9cf6c133="" clip-path="url(#clip0_246_5161)"><path data-v-9cf6c133="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-9cf6c133="" d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path><path data-v-9cf6c133="" d="M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z" fill="#6DA544"></path><path data-v-9cf6c133="" d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#D80027"></path><path data-v-9cf6c133="" d="M15.2378 9.91302L15.7558 11.5073H17.4322L16.076 12.4927L16.594 14.087L15.2378 13.1016L13.8816 14.087L14.3996 12.4927L13.0435 11.5073H14.7198L15.2378 9.91302Z" fill="black"></path><path data-v-9cf6c133="" d="M20.4551 9.91302L20.9731 11.5073H22.6495L21.2933 12.4927L21.8113 14.087L20.4551 13.1016L19.0989 14.087L19.6169 12.4927L18.2607 11.5073H19.9371L20.4551 9.91302Z" fill="black"></path></g><defs data-v-9cf6c133=""><clipPath data-v-9cf6c133="" id="clip0_246_5161"><rect data-v-9cf6c133="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-9cf6c133="" class="kui-icon flag-st-icon" data-testid="kui-icon-wrapper-flag-st-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9cf6c133="" data-testid="kui-icon-svg-flag-st-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9cf6c133="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9cf6c133=""><g clip-path="url(#clip0_246_5161)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path>
+<path d="M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z" fill="#6DA544"></path>
+<path d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#D80027"></path>
+<path d="M15.2378 9.91302L15.7558 11.5073H17.4322L16.076 12.4927L16.594 14.087L15.2378 13.1016L13.8816 14.087L14.3996 12.4927L13.0435 11.5073H14.7198L15.2378 9.91302Z" fill="black"></path>
+<path d="M20.4551 9.91302L20.9731 11.5073H22.6495L21.2933 12.4927L21.8113 14.087L20.4551 13.1016L19.0989 14.087L19.6169 12.4927L18.2607 11.5073H19.9371L20.4551 9.91302Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5161">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSvIcon.html b/src/tests/__snapshots__/FlagSvIcon.html
index c0064a38..71725a6e 100644
--- a/src/tests/__snapshots__/FlagSvIcon.html
+++ b/src/tests/__snapshots__/FlagSvIcon.html
@@ -1 +1,13 @@
-<span data-v-a402ffc3="" class="kui-icon flag-sv-icon" data-testid="kui-icon-wrapper-flag-sv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a402ffc3="" data-testid="kui-icon-svg-flag-sv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a402ffc3="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a402ffc3="" clip-path="url(#clip0_1_2321)"><path data-v-a402ffc3="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-a402ffc3="" d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#0052B4"></path><path data-v-a402ffc3="" d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z" fill="#0052B4"></path><path data-v-a402ffc3="" d="M9.59015 12.5215L12 8.34766L14.4098 12.5215H9.59015Z" fill="#FFDA44"></path><path data-v-a402ffc3="" d="M15.1305 13.8999L12 15.4652L8.86957 13.8999V11.813H15.1305V13.8999Z" fill="#6DA544"></path><path data-v-a402ffc3="" d="M14.9514 8.52686L13.8446 9.63362C14.3167 10.1057 14.6088 10.7579 14.6088 11.4782C14.6088 12.919 13.4408 14.0869 12.0001 14.0869C10.5594 14.0869 9.39138 12.9189 9.39138 11.4782C9.39138 10.7579 9.68341 10.1057 10.1555 9.63362L9.04872 8.52686C8.29333 9.28211 7.82617 10.3256 7.82617 11.4782C7.82617 13.7835 9.69489 15.6521 12.0001 15.6521C14.3052 15.6521 16.174 13.7834 16.174 11.4782C16.1739 10.3256 15.7068 9.28211 14.9514 8.52686V8.52686Z" fill="#FFDA44"></path></g><defs data-v-a402ffc3=""><clipPath data-v-a402ffc3="" id="clip0_1_2321"><rect data-v-a402ffc3="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a402ffc3="" class="kui-icon flag-sv-icon" data-testid="kui-icon-wrapper-flag-sv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a402ffc3="" data-testid="kui-icon-svg-flag-sv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a402ffc3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a402ffc3=""><g clip-path="url(#clip0_1_2321)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#0052B4"></path>
+<path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z" fill="#0052B4"></path>
+<path d="M9.59015 12.5215L12 8.34766L14.4098 12.5215H9.59015Z" fill="#FFDA44"></path>
+<path d="M15.1305 13.8999L12 15.4652L8.86957 13.8999V11.813H15.1305V13.8999Z" fill="#6DA544"></path>
+<path d="M14.9514 8.52686L13.8446 9.63362C14.3167 10.1057 14.6088 10.7579 14.6088 11.4782C14.6088 12.919 13.4408 14.0869 12.0001 14.0869C10.5594 14.0869 9.39138 12.9189 9.39138 11.4782C9.39138 10.7579 9.68341 10.1057 10.1555 9.63362L9.04872 8.52686C8.29333 9.28211 7.82617 10.3256 7.82617 11.4782C7.82617 13.7835 9.69489 15.6521 12.0001 15.6521C14.3052 15.6521 16.174 13.7834 16.174 11.4782C16.1739 10.3256 15.7068 9.28211 14.9514 8.52686V8.52686Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2321">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSxIcon.html b/src/tests/__snapshots__/FlagSxIcon.html
index 3c1023e9..edad341d 100644
--- a/src/tests/__snapshots__/FlagSxIcon.html
+++ b/src/tests/__snapshots__/FlagSxIcon.html
@@ -1 +1,15 @@
-<span data-v-93df8040="" class="kui-icon flag-sx-icon" data-testid="kui-icon-wrapper-flag-sx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93df8040="" data-testid="kui-icon-svg-flag-sx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93df8040="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-93df8040="" clip-path="url(#clip0_246_5251)"><path data-v-93df8040="" d="M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#D80027"></path><path data-v-93df8040="" d="M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z" fill="#0052B4"></path><path data-v-93df8040="" d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#F0F0F0"></path><path data-v-93df8040="" d="M1.31521 12.0001C1.30865 12.0862 1.3042 12.173 1.3042 12.2609C1.3042 14.1338 2.82257 15.6522 4.69551 15.6522C6.56845 15.6522 8.08682 14.1338 8.08682 12.2609C8.08682 12.173 8.08237 12.0862 8.07581 12.0001H1.31521Z" fill="#FFDA44"></path><path data-v-93df8040="" d="M4.69534 10.4348C5.27164 10.4348 5.73882 9.96762 5.73882 9.39132C5.73882 8.81502 5.27164 8.34784 4.69534 8.34784C4.11904 8.34784 3.65186 8.81502 3.65186 9.39132C3.65186 9.96762 4.11904 10.4348 4.69534 10.4348Z" fill="#FFDA44"></path><path data-v-93df8040="" d="M2.34766 9.13043V12.5217C2.34766 14.3189 4.69548 14.8696 4.69548 14.8696C4.69548 14.8696 7.04331 14.3189 7.04331 12.5217V9.13043H2.34766Z" fill="#D80027"></path><path data-v-93df8040="" d="M4.69663 13.7775C4.26107 13.6207 3.39111 13.2202 3.39111 12.5217V10.1739H5.99985V12.5217C5.99985 13.2225 5.12999 13.6221 4.69663 13.7775Z" fill="#338AF3"></path><path data-v-93df8040="" d="M5.21743 11.4783V10.9565L4.69571 10.6957L4.17395 10.9565V11.4783L3.91309 11.7392V12.7826H5.47834V11.7392L5.21743 11.4783Z" fill="#F3F3F3"></path></g><defs data-v-93df8040=""><clipPath data-v-93df8040="" id="clip0_246_5251"><rect data-v-93df8040="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-93df8040="" class="kui-icon flag-sx-icon" data-testid="kui-icon-wrapper-flag-sx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93df8040="" data-testid="kui-icon-svg-flag-sx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93df8040="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-93df8040=""><g clip-path="url(#clip0_246_5251)">
+<path d="M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#D80027"></path>
+<path d="M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z" fill="#0052B4"></path>
+<path d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#F0F0F0"></path>
+<path d="M1.31521 12.0001C1.30865 12.0862 1.3042 12.173 1.3042 12.2609C1.3042 14.1338 2.82257 15.6522 4.69551 15.6522C6.56845 15.6522 8.08682 14.1338 8.08682 12.2609C8.08682 12.173 8.08237 12.0862 8.07581 12.0001H1.31521Z" fill="#FFDA44"></path>
+<path d="M4.69534 10.4348C5.27164 10.4348 5.73882 9.96762 5.73882 9.39132C5.73882 8.81502 5.27164 8.34784 4.69534 8.34784C4.11904 8.34784 3.65186 8.81502 3.65186 9.39132C3.65186 9.96762 4.11904 10.4348 4.69534 10.4348Z" fill="#FFDA44"></path>
+<path d="M2.34766 9.13043V12.5217C2.34766 14.3189 4.69548 14.8696 4.69548 14.8696C4.69548 14.8696 7.04331 14.3189 7.04331 12.5217V9.13043H2.34766Z" fill="#D80027"></path>
+<path d="M4.69663 13.7775C4.26107 13.6207 3.39111 13.2202 3.39111 12.5217V10.1739H5.99985V12.5217C5.99985 13.2225 5.12999 13.6221 4.69663 13.7775Z" fill="#338AF3"></path>
+<path d="M5.21743 11.4783V10.9565L4.69571 10.6957L4.17395 10.9565V11.4783L3.91309 11.7392V12.7826H5.47834V11.7392L5.21743 11.4783Z" fill="#F3F3F3"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5251">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSyIcon.html b/src/tests/__snapshots__/FlagSyIcon.html
index 26249d64..991f6ef5 100644
--- a/src/tests/__snapshots__/FlagSyIcon.html
+++ b/src/tests/__snapshots__/FlagSyIcon.html
@@ -1 +1,12 @@
-<span data-v-2efe3a0f="" class="kui-icon flag-sy-icon" data-testid="kui-icon-wrapper-flag-sy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2efe3a0f="" data-testid="kui-icon-svg-flag-sy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2efe3a0f="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2efe3a0f="" clip-path="url(#clip0_247_6261)"><path data-v-2efe3a0f="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-2efe3a0f="" d="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z" fill="#D80027"></path><path data-v-2efe3a0f="" d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z" fill="black"></path><path data-v-2efe3a0f="" d="M7.17018 9.13043L7.81767 11.1232H9.91312L8.21789 12.355L8.86542 14.3478L7.17018 13.1162L5.47495 14.3478L6.12248 12.355L4.42725 11.1232H6.5227L7.17018 9.13043Z" fill="#6DA544"></path><path data-v-2efe3a0f="" d="M16.8301 9.13043L17.4776 11.1232H19.5731L17.8778 12.355L18.5253 14.3478L16.8301 13.1162L15.1349 14.3478L15.7824 12.355L14.0872 11.1232H16.1826L16.8301 9.13043Z" fill="#6DA544"></path></g><defs data-v-2efe3a0f=""><clipPath data-v-2efe3a0f="" id="clip0_247_6261"><rect data-v-2efe3a0f="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2efe3a0f="" class="kui-icon flag-sy-icon" data-testid="kui-icon-wrapper-flag-sy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2efe3a0f="" data-testid="kui-icon-svg-flag-sy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2efe3a0f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2efe3a0f=""><g clip-path="url(#clip0_247_6261)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z" fill="#D80027"></path>
+<path d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z" fill="black"></path>
+<path d="M7.17018 9.13043L7.81767 11.1232H9.91312L8.21789 12.355L8.86542 14.3478L7.17018 13.1162L5.47495 14.3478L6.12248 12.355L4.42725 11.1232H6.5227L7.17018 9.13043Z" fill="#6DA544"></path>
+<path d="M16.8301 9.13043L17.4776 11.1232H19.5731L17.8778 12.355L18.5253 14.3478L16.8301 13.1162L15.1349 14.3478L15.7824 12.355L14.0872 11.1232H16.1826L16.8301 9.13043Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6261">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSzIcon.html b/src/tests/__snapshots__/FlagSzIcon.html
index 5f41218d..874f17bb 100644
--- a/src/tests/__snapshots__/FlagSzIcon.html
+++ b/src/tests/__snapshots__/FlagSzIcon.html
@@ -1 +1,19 @@
-<span data-v-4a09ea26="" class="kui-icon flag-sz-icon" data-testid="kui-icon-wrapper-flag-sz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4a09ea26="" data-testid="kui-icon-svg-flag-sz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4a09ea26="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-4a09ea26="" clip-path="url(#clip0_246_5380)"><path data-v-4a09ea26="" d="M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z" fill="#FFDA44"></path><path data-v-4a09ea26="" d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="black"></path><path data-v-4a09ea26="" d="M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z" fill="#0052B4"></path><path data-v-4a09ea26="" d="M23.4333 8.34784H0.566672C0.199078 9.49951 0 10.7265 0 12C0 13.2736 0.199078 14.5005 0.566672 15.6522H23.4333C23.8009 14.5005 24 13.2736 24 12C24 10.7265 23.8009 9.49951 23.4333 8.34784Z" fill="#A2001D"></path><path data-v-4a09ea26="" d="M4.17383 11.4783H19.826V12.5218H4.17383V11.4783Z" fill="#FFDA44"></path><path data-v-4a09ea26="" d="M6.26074 9.3913H17.739V10.4348H6.26074V9.3913Z" fill="#FFDA44"></path><path data-v-4a09ea26="" d="M17.8138 12C17.8138 12 15.1305 15.1305 12.0001 15.1305C8.86968 15.1305 8.86963 12 8.86963 12C8.86963 12 8.86963 8.86957 12.0001 8.86957C15.1305 8.86957 17.8138 12 17.8138 12Z" fill="#F0F0F0"></path><path data-v-4a09ea26="" d="M12.0002 15.1305C8.86974 15.1305 6.18652 12 6.18652 12C6.18652 12 8.86974 8.86957 12.0002 8.86957" fill="black"></path><path data-v-4a09ea26="" d="M9.91309 10.9565H10.9566V13.0435H9.91309V10.9565Z" fill="#F0F0F0"></path><path data-v-4a09ea26="" d="M13.0435 10.9565H14.0869V13.0435H13.0435V10.9565Z" fill="black"></path><path data-v-4a09ea26="" d="M4.17386 13.0435C4.75016 13.0435 5.21734 12.5763 5.21734 12C5.21734 11.4237 4.75016 10.9565 4.17386 10.9565C3.59756 10.9565 3.13037 11.4237 3.13037 12C3.13037 12.5763 3.59756 13.0435 4.17386 13.0435Z" fill="#0052B4"></path><path data-v-4a09ea26="" d="M19.8262 13.0435C20.4025 13.0435 20.8697 12.5763 20.8697 12C20.8697 11.4237 20.4025 10.9565 19.8262 10.9565C19.2499 10.9565 18.7827 11.4237 18.7827 12C18.7827 12.5763 19.2499 13.0435 19.8262 13.0435Z" fill="#0052B4"></path></g><defs data-v-4a09ea26=""><clipPath data-v-4a09ea26="" id="clip0_246_5380"><rect data-v-4a09ea26="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-4a09ea26="" class="kui-icon flag-sz-icon" data-testid="kui-icon-wrapper-flag-sz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4a09ea26="" data-testid="kui-icon-svg-flag-sz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4a09ea26="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4a09ea26=""><g clip-path="url(#clip0_246_5380)">
+<path d="M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z" fill="#FFDA44"></path>
+<path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="black"></path>
+<path d="M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z" fill="#0052B4"></path>
+<path d="M23.4333 8.34784H0.566672C0.199078 9.49951 0 10.7265 0 12C0 13.2736 0.199078 14.5005 0.566672 15.6522H23.4333C23.8009 14.5005 24 13.2736 24 12C24 10.7265 23.8009 9.49951 23.4333 8.34784Z" fill="#A2001D"></path>
+<path d="M4.17383 11.4783H19.826V12.5218H4.17383V11.4783Z" fill="#FFDA44"></path>
+<path d="M6.26074 9.3913H17.739V10.4348H6.26074V9.3913Z" fill="#FFDA44"></path>
+<path d="M17.8138 12C17.8138 12 15.1305 15.1305 12.0001 15.1305C8.86968 15.1305 8.86963 12 8.86963 12C8.86963 12 8.86963 8.86957 12.0001 8.86957C15.1305 8.86957 17.8138 12 17.8138 12Z" fill="#F0F0F0"></path>
+<path d="M12.0002 15.1305C8.86974 15.1305 6.18652 12 6.18652 12C6.18652 12 8.86974 8.86957 12.0002 8.86957" fill="black"></path>
+<path d="M9.91309 10.9565H10.9566V13.0435H9.91309V10.9565Z" fill="#F0F0F0"></path>
+<path d="M13.0435 10.9565H14.0869V13.0435H13.0435V10.9565Z" fill="black"></path>
+<path d="M4.17386 13.0435C4.75016 13.0435 5.21734 12.5763 5.21734 12C5.21734 11.4237 4.75016 10.9565 4.17386 10.9565C3.59756 10.9565 3.13037 11.4237 3.13037 12C3.13037 12.5763 3.59756 13.0435 4.17386 13.0435Z" fill="#0052B4"></path>
+<path d="M19.8262 13.0435C20.4025 13.0435 20.8697 12.5763 20.8697 12C20.8697 11.4237 20.4025 10.9565 19.8262 10.9565C19.2499 10.9565 18.7827 11.4237 18.7827 12C18.7827 12.5763 19.2499 13.0435 19.8262 13.0435Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5380">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTcIcon.html b/src/tests/__snapshots__/FlagTcIcon.html
index d07b2fe2..86b0dd0f 100644
--- a/src/tests/__snapshots__/FlagTcIcon.html
+++ b/src/tests/__snapshots__/FlagTcIcon.html
@@ -1 +1,17 @@
-<span data-v-2e7ecd14="" class="kui-icon flag-tc-icon" data-testid="kui-icon-wrapper-flag-tc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e7ecd14="" data-testid="kui-icon-svg-flag-tc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2e7ecd14="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2e7ecd14="" clip-path="url(#clip0_247_6275)"><path data-v-2e7ecd14="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-2e7ecd14="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-2e7ecd14="" d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-2e7ecd14="" d="M6.071 1.56519C4.19417 2.63389 2.63384 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z" fill="#D80027"></path><path data-v-2e7ecd14="" d="M11.9999 10.5243L7.73637 6.26086H6.26074V6.26096L11.9998 12H11.9999C11.9999 12 11.9999 10.9824 11.9999 10.5243Z" fill="#D80027"></path><path data-v-2e7ecd14="" d="M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z" fill="#FFDA44"></path><path data-v-2e7ecd14="" d="M16.6956 8.34781C16.6956 8.92413 16.2285 10.4348 15.6521 10.4348C15.0758 10.4348 14.6086 8.92413 14.6086 8.34781C14.6086 7.77148 15.6521 7.30432 15.6521 7.30432C15.6521 7.30432 16.6956 7.77148 16.6956 8.34781Z" fill="#FF9811"></path><path data-v-2e7ecd14="" d="M19.4647 9.48429C19.6331 9.07343 19.764 8.47287 19.764 8.1739C19.764 7.69362 19.1379 7.30432 19.1379 7.30432C19.1379 7.30432 18.5118 7.69366 18.5118 8.1739C18.5118 8.47287 18.6428 9.07343 18.8112 9.48429L18.4497 10.3004C18.6621 10.3867 18.8944 10.4347 19.1379 10.4347C19.3814 10.4347 19.6136 10.3867 19.8261 10.3004L19.4647 9.48429Z" fill="#A2001D"></path><path data-v-2e7ecd14="" d="M16.4348 12C16.4348 12 15.9131 13.0435 15.9131 14.087H18.5218C18.5217 13.0435 18 12 18 12L17.2174 11.4783L16.4348 12Z" fill="#6DA544"></path><path data-v-2e7ecd14="" d="M18.0001 12V11.7392C18.0001 11.307 17.6497 10.9565 17.2174 10.9565C16.7853 10.9565 16.4348 11.3069 16.4348 11.7392V12H18.0001Z" fill="#D80027"></path></g><defs data-v-2e7ecd14=""><clipPath data-v-2e7ecd14="" id="clip0_247_6275"><rect data-v-2e7ecd14="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2e7ecd14="" class="kui-icon flag-tc-icon" data-testid="kui-icon-wrapper-flag-tc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e7ecd14="" data-testid="kui-icon-svg-flag-tc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2e7ecd14="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2e7ecd14=""><g clip-path="url(#clip0_247_6275)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.071 1.56519C4.19417 2.63389 2.63384 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z" fill="#D80027"></path>
+<path d="M11.9999 10.5243L7.73637 6.26086H6.26074V6.26096L11.9998 12H11.9999C11.9999 12 11.9999 10.9824 11.9999 10.5243Z" fill="#D80027"></path>
+<path d="M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z" fill="#FFDA44"></path>
+<path d="M16.6956 8.34781C16.6956 8.92413 16.2285 10.4348 15.6521 10.4348C15.0758 10.4348 14.6086 8.92413 14.6086 8.34781C14.6086 7.77148 15.6521 7.30432 15.6521 7.30432C15.6521 7.30432 16.6956 7.77148 16.6956 8.34781Z" fill="#FF9811"></path>
+<path d="M19.4647 9.48429C19.6331 9.07343 19.764 8.47287 19.764 8.1739C19.764 7.69362 19.1379 7.30432 19.1379 7.30432C19.1379 7.30432 18.5118 7.69366 18.5118 8.1739C18.5118 8.47287 18.6428 9.07343 18.8112 9.48429L18.4497 10.3004C18.6621 10.3867 18.8944 10.4347 19.1379 10.4347C19.3814 10.4347 19.6136 10.3867 19.8261 10.3004L19.4647 9.48429Z" fill="#A2001D"></path>
+<path d="M16.4348 12C16.4348 12 15.9131 13.0435 15.9131 14.087H18.5218C18.5217 13.0435 18 12 18 12L17.2174 11.4783L16.4348 12Z" fill="#6DA544"></path>
+<path d="M18.0001 12V11.7392C18.0001 11.307 17.6497 10.9565 17.2174 10.9565C16.7853 10.9565 16.4348 11.3069 16.4348 11.7392V12H18.0001Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6275">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTdIcon.html b/src/tests/__snapshots__/FlagTdIcon.html
index 6202c790..f4ea6ef6 100644
--- a/src/tests/__snapshots__/FlagTdIcon.html
+++ b/src/tests/__snapshots__/FlagTdIcon.html
@@ -1 +1,10 @@
-<span data-v-c996fc87="" class="kui-icon flag-td-icon" data-testid="kui-icon-wrapper-flag-td-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c996fc87="" data-testid="kui-icon-svg-flag-td-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c996fc87="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c996fc87="" clip-path="url(#clip0_1_2298)"><path data-v-c996fc87="" d="M12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0V0Z" fill="#FFDA44"></path><path data-v-c996fc87="" d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path><path data-v-c996fc87="" d="M7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538Z" fill="#0052B4"></path></g><defs data-v-c996fc87=""><clipPath data-v-c996fc87="" id="clip0_1_2298"><rect data-v-c996fc87="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-c996fc87="" class="kui-icon flag-td-icon" data-testid="kui-icon-wrapper-flag-td-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c996fc87="" data-testid="kui-icon-svg-flag-td-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c996fc87="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c996fc87=""><g clip-path="url(#clip0_1_2298)">
+<path d="M12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0V0Z" fill="#FFDA44"></path>
+<path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
+<path d="M7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2298">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTgIcon.html b/src/tests/__snapshots__/FlagTgIcon.html
index f6abf79d..5f678b7c 100644
--- a/src/tests/__snapshots__/FlagTgIcon.html
+++ b/src/tests/__snapshots__/FlagTgIcon.html
@@ -1 +1,13 @@
-<span data-v-247a946a="" class="kui-icon flag-tg-icon" data-testid="kui-icon-wrapper-flag-tg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-247a946a="" data-testid="kui-icon-svg-flag-tg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-247a946a="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-247a946a="" clip-path="url(#clip0_247_6267)"><path data-v-247a946a="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-247a946a="" d="M12 0C11.9913 9.375e-05 11.4783 4.8 11.4783 4.8H21.6006C19.4113 1.88545 15.9259 0 12 0Z" fill="#496E2D"></path><path data-v-247a946a="" d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#496E2D"></path><path data-v-247a946a="" d="M23.7597 9.59998H11.4783L12 14.4H23.7597C23.9172 13.6245 24 12.8219 24 12C24 11.178 23.9171 10.3754 23.7597 9.59998Z" fill="#496E2D"></path><path data-v-247a946a="" d="M12 14.4C12 11.8957 12 2.81737 12 0C5.37262 0 0 5.37262 0 12C0 12.822 0.082875 13.6245 0.240281 14.4H12Z" fill="#D80027"></path><path data-v-247a946a="" d="M6.6213 5.73914L7.3983 8.13046H9.91291L7.87868 9.60857L8.65558 12L6.6213 10.522L4.58702 12L5.36407 9.60857L3.32983 8.13046H5.84435L6.6213 5.73914Z" fill="#F0F0F0"></path></g><defs data-v-247a946a=""><clipPath data-v-247a946a="" id="clip0_247_6267"><rect data-v-247a946a="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-247a946a="" class="kui-icon flag-tg-icon" data-testid="kui-icon-wrapper-flag-tg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-247a946a="" data-testid="kui-icon-svg-flag-tg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-247a946a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-247a946a=""><g clip-path="url(#clip0_247_6267)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M12 0C11.9913 9.375e-05 11.4783 4.8 11.4783 4.8H21.6006C19.4113 1.88545 15.9259 0 12 0Z" fill="#496E2D"></path>
+<path d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#496E2D"></path>
+<path d="M23.7597 9.59998H11.4783L12 14.4H23.7597C23.9172 13.6245 24 12.8219 24 12C24 11.178 23.9171 10.3754 23.7597 9.59998Z" fill="#496E2D"></path>
+<path d="M12 14.4C12 11.8957 12 2.81737 12 0C5.37262 0 0 5.37262 0 12C0 12.822 0.082875 13.6245 0.240281 14.4H12Z" fill="#D80027"></path>
+<path d="M6.6213 5.73914L7.3983 8.13046H9.91291L7.87868 9.60857L8.65558 12L6.6213 10.522L4.58702 12L5.36407 9.60857L3.32983 8.13046H5.84435L6.6213 5.73914Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6267">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagThIcon.html b/src/tests/__snapshots__/FlagThIcon.html
index 9e4ffc7e..646b0f3e 100644
--- a/src/tests/__snapshots__/FlagThIcon.html
+++ b/src/tests/__snapshots__/FlagThIcon.html
@@ -1 +1,11 @@
-<span data-v-ae5a2392="" class="kui-icon flag-th-icon" data-testid="kui-icon-wrapper-flag-th-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ae5a2392="" data-testid="kui-icon-svg-flag-th-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ae5a2392="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-ae5a2392="" clip-path="url(#clip0_247_6265)"><path data-v-ae5a2392="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-ae5a2392="" d="M23.2536 7.82611H0.746391C0.264 9.1261 0 10.5322 0 12C0 13.4678 0.264 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611Z" fill="#0052B4"></path><path data-v-ae5a2392="" d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#D80027"></path><path data-v-ae5a2392="" d="M21.0965 19.8261H2.90332C5.10396 22.3817 8.36285 24 11.9999 24C15.637 24 18.8959 22.3817 21.0965 19.8261Z" fill="#D80027"></path></g><defs data-v-ae5a2392=""><clipPath data-v-ae5a2392="" id="clip0_247_6265"><rect data-v-ae5a2392="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-ae5a2392="" class="kui-icon flag-th-icon" data-testid="kui-icon-wrapper-flag-th-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ae5a2392="" data-testid="kui-icon-svg-flag-th-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ae5a2392="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ae5a2392=""><g clip-path="url(#clip0_247_6265)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M23.2536 7.82611H0.746391C0.264 9.1261 0 10.5322 0 12C0 13.4678 0.264 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611Z" fill="#0052B4"></path>
+<path d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#D80027"></path>
+<path d="M21.0965 19.8261H2.90332C5.10396 22.3817 8.36285 24 11.9999 24C15.637 24 18.8959 22.3817 21.0965 19.8261Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6265">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTjIcon.html b/src/tests/__snapshots__/FlagTjIcon.html
index bbdbae34..3c74f7d2 100644
--- a/src/tests/__snapshots__/FlagTjIcon.html
+++ b/src/tests/__snapshots__/FlagTjIcon.html
@@ -1 +1,18 @@
-<span data-v-2c4d6e38="" class="kui-icon flag-tj-icon" data-testid="kui-icon-wrapper-flag-tj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2c4d6e38="" data-testid="kui-icon-svg-flag-tj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2c4d6e38="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2c4d6e38="" clip-path="url(#clip0_247_6263)"><path data-v-2c4d6e38="" d="M1.19072 6.78262C0.427875 8.36025 0 10.1302 0 12C0 13.8698 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8698 24 12C24 10.1302 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path><path data-v-2c4d6e38="" d="M1.19116 17.2173C3.13212 21.2313 7.24254 24 12 24C16.7575 24 20.868 21.2313 22.8089 17.2173H1.19116Z" fill="#6DA544"></path><path data-v-2c4d6e38="" d="M1.19116 6.78263H22.8089C20.868 2.76872 16.7575 0 12 0C7.24254 0 3.13212 2.76872 1.19116 6.78263Z" fill="#D80027"></path><path data-v-2c4d6e38="" d="M9.91309 15.1305H14.087V13.3565L13.2522 13.7739L12.0001 12.5217L10.7479 13.7739L9.91309 13.3565V15.1305Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M7.52504 13.0435L7.71934 13.6413H8.34793L7.83934 14.0108L8.03363 14.6087L7.52504 14.2392L7.01645 14.6087L7.21074 14.0108L6.70215 13.6413H7.33074L7.52504 13.0435Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M8.12733 10.9565L8.32163 11.5544H8.95022L8.44163 11.9239L8.63588 12.5217L8.12733 12.1523L7.61874 12.5217L7.81304 11.9239L7.30444 11.5544H7.93304L8.12733 10.9565Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M9.84926 9.3913L10.0436 9.98914H10.6721L10.1636 10.3587L10.3578 10.9565L9.84926 10.587L9.34071 10.9565L9.53496 10.3587L9.02637 9.98914H9.65501L9.84926 9.3913Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M16.4752 13.0435L16.2809 13.6413H15.6523L16.1609 14.0108L15.9666 14.6087L16.4752 14.2392L16.9838 14.6087L16.7895 14.0108L17.2981 13.6413H16.6695L16.4752 13.0435Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M15.8729 10.9565L15.6786 11.5544H15.05L15.5586 11.9239L15.3643 12.5217L15.8729 12.1523L16.3815 12.5217L16.1872 11.9239L16.6958 11.5544H16.0672L15.8729 10.9565Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M14.151 9.3913L13.9567 9.98914H13.3281L13.8366 10.3587L13.6424 10.9565L14.151 10.587L14.6595 10.9565L14.4653 10.3587L14.9738 9.98914H14.3452L14.151 9.3913Z" fill="#FFDA44"></path><path data-v-2c4d6e38="" d="M12.0001 8.60864L12.1944 9.20649H12.823L12.3144 9.576L12.5087 10.1738L12.0001 9.80438L11.4915 10.1738L11.6858 9.576L11.1772 9.20649H11.8058L12.0001 8.60864Z" fill="#FFDA44"></path></g><defs data-v-2c4d6e38=""><clipPath data-v-2c4d6e38="" id="clip0_247_6263"><rect data-v-2c4d6e38="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2c4d6e38="" class="kui-icon flag-tj-icon" data-testid="kui-icon-wrapper-flag-tj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2c4d6e38="" data-testid="kui-icon-svg-flag-tj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2c4d6e38="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2c4d6e38=""><g clip-path="url(#clip0_247_6263)">
+<path d="M1.19072 6.78262C0.427875 8.36025 0 10.1302 0 12C0 13.8698 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8698 24 12C24 10.1302 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
+<path d="M1.19116 17.2173C3.13212 21.2313 7.24254 24 12 24C16.7575 24 20.868 21.2313 22.8089 17.2173H1.19116Z" fill="#6DA544"></path>
+<path d="M1.19116 6.78263H22.8089C20.868 2.76872 16.7575 0 12 0C7.24254 0 3.13212 2.76872 1.19116 6.78263Z" fill="#D80027"></path>
+<path d="M9.91309 15.1305H14.087V13.3565L13.2522 13.7739L12.0001 12.5217L10.7479 13.7739L9.91309 13.3565V15.1305Z" fill="#FFDA44"></path>
+<path d="M7.52504 13.0435L7.71934 13.6413H8.34793L7.83934 14.0108L8.03363 14.6087L7.52504 14.2392L7.01645 14.6087L7.21074 14.0108L6.70215 13.6413H7.33074L7.52504 13.0435Z" fill="#FFDA44"></path>
+<path d="M8.12733 10.9565L8.32163 11.5544H8.95022L8.44163 11.9239L8.63588 12.5217L8.12733 12.1523L7.61874 12.5217L7.81304 11.9239L7.30444 11.5544H7.93304L8.12733 10.9565Z" fill="#FFDA44"></path>
+<path d="M9.84926 9.3913L10.0436 9.98914H10.6721L10.1636 10.3587L10.3578 10.9565L9.84926 10.587L9.34071 10.9565L9.53496 10.3587L9.02637 9.98914H9.65501L9.84926 9.3913Z" fill="#FFDA44"></path>
+<path d="M16.4752 13.0435L16.2809 13.6413H15.6523L16.1609 14.0108L15.9666 14.6087L16.4752 14.2392L16.9838 14.6087L16.7895 14.0108L17.2981 13.6413H16.6695L16.4752 13.0435Z" fill="#FFDA44"></path>
+<path d="M15.8729 10.9565L15.6786 11.5544H15.05L15.5586 11.9239L15.3643 12.5217L15.8729 12.1523L16.3815 12.5217L16.1872 11.9239L16.6958 11.5544H16.0672L15.8729 10.9565Z" fill="#FFDA44"></path>
+<path d="M14.151 9.3913L13.9567 9.98914H13.3281L13.8366 10.3587L13.6424 10.9565L14.151 10.587L14.6595 10.9565L14.4653 10.3587L14.9738 9.98914H14.3452L14.151 9.3913Z" fill="#FFDA44"></path>
+<path d="M12.0001 8.60864L12.1944 9.20649H12.823L12.3144 9.576L12.5087 10.1738L12.0001 9.80438L11.4915 10.1738L11.6858 9.576L11.1772 9.20649H11.8058L12.0001 8.60864Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6263">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTkIcon.html b/src/tests/__snapshots__/FlagTkIcon.html
index c49792e0..ec8cdfa3 100644
--- a/src/tests/__snapshots__/FlagTkIcon.html
+++ b/src/tests/__snapshots__/FlagTkIcon.html
@@ -1 +1,13 @@
-<span data-v-1d661056="" class="kui-icon flag-tk-icon" data-testid="kui-icon-wrapper-flag-tk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1d661056="" data-testid="kui-icon-svg-flag-tk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1d661056="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-1d661056="" clip-path="url(#clip0_247_6268)"><path data-v-1d661056="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-1d661056="" d="M19.3043 5.73914C19.1967 6.25641 19.1478 6.80733 19.1478 7.35652C19.1478 10.5222 21.035 13.2621 23.7394 14.4955C23.9097 13.6904 24 12.8558 24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 18.6274 5.37262 24 12 24C16.1101 24 19.7371 21.9332 21.8998 18.7826H6.78263V17.2174H22.8093C22.9733 16.8782 23.1215 16.53 23.2537 16.1739H6.78263L19.3043 5.73914Z" fill="#0052B4"></path><path data-v-1d661056="" d="M8.81595 6.26086L9.07499 7.05802H9.91311L9.23506 7.55072L9.49409 8.34783L8.81595 7.85522L8.13791 8.34783L8.39689 7.55072L7.71875 7.05802H8.55692L8.81595 6.26086Z" fill="#F0F0F0"></path><path data-v-1d661056="" d="M5.41122 12L5.73503 12.9965H6.78269L5.93504 13.6122L6.25886 14.6087L5.41122 13.9928L4.56362 14.6087L4.88739 13.6122L4.03979 12.9965H5.08745L5.41122 12Z" fill="#F0F0F0"></path><path data-v-1d661056="" d="M5.41122 3.65216L5.73503 4.64868H6.78269L5.93504 5.26438L6.25886 6.26085L5.41122 5.645L4.56362 6.26085L4.88739 5.26438L4.03979 4.64868H5.08745L5.41122 3.65216Z" fill="#F0F0F0"></path><path data-v-1d661056="" d="M2.80257 8.34784L3.12639 9.34435H4.174L3.3264 9.96006L3.65021 10.9565L2.80257 10.3407L1.95498 10.9565L2.27875 9.96006L1.43115 9.34435H2.47876L2.80257 8.34784Z" fill="#F0F0F0"></path></g><defs data-v-1d661056=""><clipPath data-v-1d661056="" id="clip0_247_6268"><rect data-v-1d661056="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-1d661056="" class="kui-icon flag-tk-icon" data-testid="kui-icon-wrapper-flag-tk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1d661056="" data-testid="kui-icon-svg-flag-tk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1d661056="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1d661056=""><g clip-path="url(#clip0_247_6268)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M19.3043 5.73914C19.1967 6.25641 19.1478 6.80733 19.1478 7.35652C19.1478 10.5222 21.035 13.2621 23.7394 14.4955C23.9097 13.6904 24 12.8558 24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 18.6274 5.37262 24 12 24C16.1101 24 19.7371 21.9332 21.8998 18.7826H6.78263V17.2174H22.8093C22.9733 16.8782 23.1215 16.53 23.2537 16.1739H6.78263L19.3043 5.73914Z" fill="#0052B4"></path>
+<path d="M8.81595 6.26086L9.07499 7.05802H9.91311L9.23506 7.55072L9.49409 8.34783L8.81595 7.85522L8.13791 8.34783L8.39689 7.55072L7.71875 7.05802H8.55692L8.81595 6.26086Z" fill="#F0F0F0"></path>
+<path d="M5.41122 12L5.73503 12.9965H6.78269L5.93504 13.6122L6.25886 14.6087L5.41122 13.9928L4.56362 14.6087L4.88739 13.6122L4.03979 12.9965H5.08745L5.41122 12Z" fill="#F0F0F0"></path>
+<path d="M5.41122 3.65216L5.73503 4.64868H6.78269L5.93504 5.26438L6.25886 6.26085L5.41122 5.645L4.56362 6.26085L4.88739 5.26438L4.03979 4.64868H5.08745L5.41122 3.65216Z" fill="#F0F0F0"></path>
+<path d="M2.80257 8.34784L3.12639 9.34435H4.174L3.3264 9.96006L3.65021 10.9565L2.80257 10.3407L1.95498 10.9565L2.27875 9.96006L1.43115 9.34435H2.47876L2.80257 8.34784Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6268">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTlIcon.html b/src/tests/__snapshots__/FlagTlIcon.html
index c0a2f6bb..e224d3f5 100644
--- a/src/tests/__snapshots__/FlagTlIcon.html
+++ b/src/tests/__snapshots__/FlagTlIcon.html
@@ -1 +1,11 @@
-<span data-v-2a898622="" class="kui-icon flag-tl-icon" data-testid="kui-icon-wrapper-flag-tl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2a898622="" data-testid="kui-icon-svg-flag-tl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2a898622="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-2a898622="" clip-path="url(#clip0_1_2318)"><path data-v-2a898622="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-2a898622="" d="M12 0C9.06203 0 6.37113 1.05642 4.2851 2.80941L17.2174 12L4.2851 21.1906C6.37113 22.9436 9.06203 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path><path data-v-2a898622="" d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="black"></path><path data-v-2a898622="" d="M3.32714 9.25098L5.15339 10.9794L7.36158 9.77635L6.28228 12.0474L8.10858 13.7759L5.61511 13.4511L4.53567 15.7222L4.0741 13.2504L1.58063 12.9255L3.78872 11.7226L3.32714 9.25098Z" fill="#F0F0F0"></path></g><defs data-v-2a898622=""><clipPath data-v-2a898622="" id="clip0_1_2318"><rect data-v-2a898622="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-2a898622="" class="kui-icon flag-tl-icon" data-testid="kui-icon-wrapper-flag-tl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2a898622="" data-testid="kui-icon-svg-flag-tl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2a898622="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2a898622=""><g clip-path="url(#clip0_1_2318)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M12 0C9.06203 0 6.37113 1.05642 4.2851 2.80941L17.2174 12L4.2851 21.1906C6.37113 22.9436 9.06203 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path>
+<path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="black"></path>
+<path d="M3.32714 9.25098L5.15339 10.9794L7.36158 9.77635L6.28228 12.0474L8.10858 13.7759L5.61511 13.4511L4.53567 15.7222L4.0741 13.2504L1.58063 12.9255L3.78872 11.7226L3.32714 9.25098Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_1_2318">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTmIcon.html b/src/tests/__snapshots__/FlagTmIcon.html
index 5b06c41b..ce10a23e 100644
--- a/src/tests/__snapshots__/FlagTmIcon.html
+++ b/src/tests/__snapshots__/FlagTmIcon.html
@@ -1 +1,28 @@
-<span data-v-79a8b87e="" class="kui-icon flag-tm-icon" data-testid="kui-icon-wrapper-flag-tm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-79a8b87e="" data-testid="kui-icon-svg-flag-tm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-79a8b87e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-79a8b87e="" clip-path="url(#clip0_247_6274)"><path data-v-79a8b87e="" d="M12 0C11.104 0 10.2313 0.0990469 9.39135 0.285234L8.86963 12L9.39135 23.7147C10.2313 23.9009 11.1041 24 12 24C18.6274 24 24 18.6274 24 12C23.9999 5.37258 18.6274 0 12 0V0Z" fill="#496E2D"></path><path data-v-79a8b87e="" d="M3.13041 3.91742C1.18584 6.05004 0 8.88645 0 12C0 15.1135 1.18589 17.9499 3.13045 20.0826L3.65217 12L3.13041 3.91742Z" fill="#496E2D"></path><path data-v-79a8b87e="" d="M17.5509 9.0515C18.1413 7.4059 17.478 5.61617 16.0546 4.72479C16.3106 4.75812 16.5669 4.8184 16.8199 4.9091C18.7185 5.59029 19.7054 7.68148 19.0242 9.58001C18.343 11.4787 16.2518 12.4655 14.3532 11.7843C14.1002 11.6936 13.864 11.5771 13.6453 11.4401C15.3107 11.6569 16.9605 10.6971 17.5509 9.0515Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M14.2766 4.27374L13.7636 4.93665L12.9747 4.65357L13.4465 5.34629L12.9336 6.0091L13.7382 5.77445L14.2101 6.46707L14.2355 5.62932L15.0401 5.39462L14.2513 5.11163L14.2766 4.27374Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M15.6617 6.43372L15.1486 7.09658L14.3597 6.8135L14.8316 7.50622L14.3186 8.16903L15.1232 7.93428L15.5952 8.62704L15.6206 7.78925L16.4252 7.5545L15.6363 7.27147L15.6617 6.43372Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M11.8342 5.06042L11.3212 5.72324L10.5323 5.44025L11.0042 6.13293L10.4912 6.79578L11.2958 6.56108L11.7677 7.25375L11.7931 6.416L12.5977 6.1813L11.8089 5.89822L11.8342 5.06042Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M11.7779 7.53455L11.2649 8.19741L10.476 7.91437L10.9479 8.60709L10.4348 9.26991L11.2395 9.03525L11.7114 9.72787L11.7368 8.89012L12.5414 8.65542L11.7525 8.37234L11.7779 7.53455Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M14.1321 8.37927L13.6191 9.04208L12.8302 8.75905L13.3022 9.45177L12.7891 10.1145L13.5938 9.87988L14.0657 10.5726L14.091 9.73476L14.8957 9.5001L14.1067 9.21707L14.1321 8.37927Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M3.13037 3.91737V20.0825C4.76537 21.8757 6.93709 23.1706 9.39123 23.7147V0.285217C6.93704 0.829249 4.76542 2.12417 3.13037 3.91737Z" fill="#D80027"></path><path data-v-79a8b87e="" d="M5.51961 6.31804L4.47144 5.53719V4.43296L5.51961 3.65216H7.00203L8.0502 4.43296V5.53719L7.00203 6.31804H5.51961Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M6.26084 3.65216H5.51961L4.47144 4.43296V4.97282H6.26084V3.65216Z" fill="#FF9811"></path><path data-v-79a8b87e="" d="M6.26074 6.31802H7.00193L8.0501 5.53717V4.97388H6.26074V6.31802Z" fill="#FF9811"></path><path data-v-79a8b87e="" d="M5.51961 20.3478L4.47144 19.5669V18.4627L5.51961 17.6819H7.00203L8.0502 18.4627V19.5669L7.00203 20.3478H5.51961Z" fill="#F0F0F0"></path><path data-v-79a8b87e="" d="M6.26084 17.6819H5.51961L4.47144 18.4627V19.0026H6.26084V17.6819Z" fill="#FF9811"></path><path data-v-79a8b87e="" d="M6.26074 20.3478H7.00193L8.0501 19.5669V19.0037H6.26074V20.3478Z" fill="#FF9811"></path><path data-v-79a8b87e="" d="M5.51961 13.3329L4.47144 12.5521V11.4479L5.51961 10.6671H7.00203L8.0502 11.4479V12.5521L7.00203 13.3329H5.51961Z" fill="#496E2D"></path><path data-v-79a8b87e="" d="M8.08694 15.0509H7.63038V14.5944H6.82811L6.26083 14.0271L5.6936 14.5944H4.89133V15.0509H4.43481V15.9639H4.89133V16.4204H5.69355L6.26088 16.9878L6.82811 16.4204H7.63038V15.9639H8.08694V15.0509Z" fill="#496E2D"></path><path data-v-79a8b87e="" d="M8.08694 8.03599H7.63038V7.57943H6.82811L6.26083 7.01215L5.6936 7.57943H4.89133V8.03599H4.43481V8.94902H4.89133V9.40554H5.69355L6.26088 9.97291L6.82811 9.40554H7.63038V8.94902H8.08694V8.03599Z" fill="#496E2D"></path><path data-v-79a8b87e="" d="M5.73901 11.4782H6.7825V12.5217H5.73901V11.4782Z" fill="#D80027"></path><path data-v-79a8b87e="" d="M6.26073 9.01402C6.54887 9.01402 6.78245 8.78044 6.78245 8.4923C6.78245 8.20416 6.54887 7.97058 6.26073 7.97058C5.97259 7.97058 5.73901 8.20416 5.73901 8.4923C5.73901 8.78044 5.97259 9.01402 6.26073 9.01402Z" fill="#D80027"></path><path data-v-79a8b87e="" d="M6.26073 16.0293C6.54887 16.0293 6.78245 15.7957 6.78245 15.5076C6.78245 15.2194 6.54887 14.9858 6.26073 14.9858C5.97259 14.9858 5.73901 15.2194 5.73901 15.5076C5.73901 15.7957 5.97259 16.0293 6.26073 16.0293Z" fill="#D80027"></path></g><defs data-v-79a8b87e=""><clipPath data-v-79a8b87e="" id="clip0_247_6274"><rect data-v-79a8b87e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-79a8b87e="" class="kui-icon flag-tm-icon" data-testid="kui-icon-wrapper-flag-tm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-79a8b87e="" data-testid="kui-icon-svg-flag-tm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-79a8b87e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-79a8b87e=""><g clip-path="url(#clip0_247_6274)">
+<path d="M12 0C11.104 0 10.2313 0.0990469 9.39135 0.285234L8.86963 12L9.39135 23.7147C10.2313 23.9009 11.1041 24 12 24C18.6274 24 24 18.6274 24 12C23.9999 5.37258 18.6274 0 12 0V0Z" fill="#496E2D"></path>
+<path d="M3.13041 3.91742C1.18584 6.05004 0 8.88645 0 12C0 15.1135 1.18589 17.9499 3.13045 20.0826L3.65217 12L3.13041 3.91742Z" fill="#496E2D"></path>
+<path d="M17.5509 9.0515C18.1413 7.4059 17.478 5.61617 16.0546 4.72479C16.3106 4.75812 16.5669 4.8184 16.8199 4.9091C18.7185 5.59029 19.7054 7.68148 19.0242 9.58001C18.343 11.4787 16.2518 12.4655 14.3532 11.7843C14.1002 11.6936 13.864 11.5771 13.6453 11.4401C15.3107 11.6569 16.9605 10.6971 17.5509 9.0515Z" fill="#F0F0F0"></path>
+<path d="M14.2766 4.27374L13.7636 4.93665L12.9747 4.65357L13.4465 5.34629L12.9336 6.0091L13.7382 5.77445L14.2101 6.46707L14.2355 5.62932L15.0401 5.39462L14.2513 5.11163L14.2766 4.27374Z" fill="#F0F0F0"></path>
+<path d="M15.6617 6.43372L15.1486 7.09658L14.3597 6.8135L14.8316 7.50622L14.3186 8.16903L15.1232 7.93428L15.5952 8.62704L15.6206 7.78925L16.4252 7.5545L15.6363 7.27147L15.6617 6.43372Z" fill="#F0F0F0"></path>
+<path d="M11.8342 5.06042L11.3212 5.72324L10.5323 5.44025L11.0042 6.13293L10.4912 6.79578L11.2958 6.56108L11.7677 7.25375L11.7931 6.416L12.5977 6.1813L11.8089 5.89822L11.8342 5.06042Z" fill="#F0F0F0"></path>
+<path d="M11.7779 7.53455L11.2649 8.19741L10.476 7.91437L10.9479 8.60709L10.4348 9.26991L11.2395 9.03525L11.7114 9.72787L11.7368 8.89012L12.5414 8.65542L11.7525 8.37234L11.7779 7.53455Z" fill="#F0F0F0"></path>
+<path d="M14.1321 8.37927L13.6191 9.04208L12.8302 8.75905L13.3022 9.45177L12.7891 10.1145L13.5938 9.87988L14.0657 10.5726L14.091 9.73476L14.8957 9.5001L14.1067 9.21707L14.1321 8.37927Z" fill="#F0F0F0"></path>
+<path d="M3.13037 3.91737V20.0825C4.76537 21.8757 6.93709 23.1706 9.39123 23.7147V0.285217C6.93704 0.829249 4.76542 2.12417 3.13037 3.91737Z" fill="#D80027"></path>
+<path d="M5.51961 6.31804L4.47144 5.53719V4.43296L5.51961 3.65216H7.00203L8.0502 4.43296V5.53719L7.00203 6.31804H5.51961Z" fill="#F0F0F0"></path>
+<path d="M6.26084 3.65216H5.51961L4.47144 4.43296V4.97282H6.26084V3.65216Z" fill="#FF9811"></path>
+<path d="M6.26074 6.31802H7.00193L8.0501 5.53717V4.97388H6.26074V6.31802Z" fill="#FF9811"></path>
+<path d="M5.51961 20.3478L4.47144 19.5669V18.4627L5.51961 17.6819H7.00203L8.0502 18.4627V19.5669L7.00203 20.3478H5.51961Z" fill="#F0F0F0"></path>
+<path d="M6.26084 17.6819H5.51961L4.47144 18.4627V19.0026H6.26084V17.6819Z" fill="#FF9811"></path>
+<path d="M6.26074 20.3478H7.00193L8.0501 19.5669V19.0037H6.26074V20.3478Z" fill="#FF9811"></path>
+<path d="M5.51961 13.3329L4.47144 12.5521V11.4479L5.51961 10.6671H7.00203L8.0502 11.4479V12.5521L7.00203 13.3329H5.51961Z" fill="#496E2D"></path>
+<path d="M8.08694 15.0509H7.63038V14.5944H6.82811L6.26083 14.0271L5.6936 14.5944H4.89133V15.0509H4.43481V15.9639H4.89133V16.4204H5.69355L6.26088 16.9878L6.82811 16.4204H7.63038V15.9639H8.08694V15.0509Z" fill="#496E2D"></path>
+<path d="M8.08694 8.03599H7.63038V7.57943H6.82811L6.26083 7.01215L5.6936 7.57943H4.89133V8.03599H4.43481V8.94902H4.89133V9.40554H5.69355L6.26088 9.97291L6.82811 9.40554H7.63038V8.94902H8.08694V8.03599Z" fill="#496E2D"></path>
+<path d="M5.73901 11.4782H6.7825V12.5217H5.73901V11.4782Z" fill="#D80027"></path>
+<path d="M6.26073 9.01402C6.54887 9.01402 6.78245 8.78044 6.78245 8.4923C6.78245 8.20416 6.54887 7.97058 6.26073 7.97058C5.97259 7.97058 5.73901 8.20416 5.73901 8.4923C5.73901 8.78044 5.97259 9.01402 6.26073 9.01402Z" fill="#D80027"></path>
+<path d="M6.26073 16.0293C6.54887 16.0293 6.78245 15.7957 6.78245 15.5076C6.78245 15.2194 6.54887 14.9858 6.26073 14.9858C5.97259 14.9858 5.73901 15.2194 5.73901 15.5076C5.73901 15.7957 5.97259 16.0293 6.26073 16.0293Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6274">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTnIcon.html b/src/tests/__snapshots__/FlagTnIcon.html
index 7b3c103b..e08d25d7 100644
--- a/src/tests/__snapshots__/FlagTnIcon.html
+++ b/src/tests/__snapshots__/FlagTnIcon.html
@@ -1 +1,11 @@
-<span data-v-603c499d="" class="kui-icon flag-tn-icon" data-testid="kui-icon-wrapper-flag-tn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-603c499d="" data-testid="kui-icon-svg-flag-tn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-603c499d="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-603c499d="" clip-path="url(#clip0_247_6272)"><path data-v-603c499d="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-603c499d="" d="M11.9999 17.7391C15.1695 17.7391 17.739 15.1696 17.739 12C17.739 8.83037 15.1695 6.26086 11.9999 6.26086C8.83024 6.26086 6.26074 8.83037 6.26074 12C6.26074 15.1696 8.83024 17.7391 11.9999 17.7391Z" fill="#F0F0F0"></path><path data-v-603c499d="" d="M12.7072 9.8056L13.6918 11.1624L15.2863 10.6454L14.3002 12.001L15.2847 13.3577L13.6906 12.8387L12.7045 14.1944L12.7056 12.5181L11.1116 11.9991L12.7062 11.482L12.7072 9.8056Z" fill="#D80027"></path><path data-v-603c499d="" d="M13.3044 15.3913C11.4315 15.3913 9.91309 13.8729 9.91309 12C9.91309 10.127 11.4315 8.60867 13.3044 8.60867C13.8884 8.60867 14.4379 8.75633 14.9176 9.0163C14.165 8.28032 13.1359 7.82605 12.0001 7.82605C9.69494 7.82605 7.82617 9.69477 7.82617 11.9999C7.82617 14.3051 9.69494 16.1738 12.0001 16.1738C13.1359 16.1738 14.1651 15.7196 14.9176 14.9836C14.4379 15.2436 13.8884 15.3913 13.3044 15.3913Z" fill="#D80027"></path></g><defs data-v-603c499d=""><clipPath data-v-603c499d="" id="clip0_247_6272"><rect data-v-603c499d="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-603c499d="" class="kui-icon flag-tn-icon" data-testid="kui-icon-wrapper-flag-tn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-603c499d="" data-testid="kui-icon-svg-flag-tn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-603c499d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-603c499d=""><g clip-path="url(#clip0_247_6272)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M11.9999 17.7391C15.1695 17.7391 17.739 15.1696 17.739 12C17.739 8.83037 15.1695 6.26086 11.9999 6.26086C8.83024 6.26086 6.26074 8.83037 6.26074 12C6.26074 15.1696 8.83024 17.7391 11.9999 17.7391Z" fill="#F0F0F0"></path>
+<path d="M12.7072 9.8056L13.6918 11.1624L15.2863 10.6454L14.3002 12.001L15.2847 13.3577L13.6906 12.8387L12.7045 14.1944L12.7056 12.5181L11.1116 11.9991L12.7062 11.482L12.7072 9.8056Z" fill="#D80027"></path>
+<path d="M13.3044 15.3913C11.4315 15.3913 9.91309 13.8729 9.91309 12C9.91309 10.127 11.4315 8.60867 13.3044 8.60867C13.8884 8.60867 14.4379 8.75633 14.9176 9.0163C14.165 8.28032 13.1359 7.82605 12.0001 7.82605C9.69494 7.82605 7.82617 9.69477 7.82617 11.9999C7.82617 14.3051 9.69494 16.1738 12.0001 16.1738C13.1359 16.1738 14.1651 15.7196 14.9176 14.9836C14.4379 15.2436 13.8884 15.3913 13.3044 15.3913Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6272">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagToIcon.html b/src/tests/__snapshots__/FlagToIcon.html
index adab4fcc..2748f6d3 100644
--- a/src/tests/__snapshots__/FlagToIcon.html
+++ b/src/tests/__snapshots__/FlagToIcon.html
@@ -1 +1,10 @@
-<span data-v-e9f9c60c="" class="kui-icon flag-to-icon" data-testid="kui-icon-wrapper-flag-to-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e9f9c60c="" data-testid="kui-icon-svg-flag-to-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e9f9c60c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-e9f9c60c="" clip-path="url(#clip0_247_6269)"><path data-v-e9f9c60c="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-e9f9c60c="" d="M7.82601 6.26088V4.69568H6.26076V6.26088H4.69556V7.82613H6.26076V9.39134H7.82601V7.82613H9.39121V6.26088H7.82601Z" fill="#D80027"></path><path data-v-e9f9c60c="" d="M12 0V12C5.37262 12 2.73867 12 0 12C0 18.6274 5.37262 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path></g><defs data-v-e9f9c60c=""><clipPath data-v-e9f9c60c="" id="clip0_247_6269"><rect data-v-e9f9c60c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-e9f9c60c="" class="kui-icon flag-to-icon" data-testid="kui-icon-wrapper-flag-to-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e9f9c60c="" data-testid="kui-icon-svg-flag-to-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e9f9c60c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e9f9c60c=""><g clip-path="url(#clip0_247_6269)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M7.82601 6.26088V4.69568H6.26076V6.26088H4.69556V7.82613H6.26076V9.39134H7.82601V7.82613H9.39121V6.26088H7.82601Z" fill="#D80027"></path>
+<path d="M12 0V12C5.37262 12 2.73867 12 0 12C0 18.6274 5.37262 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6269">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTrIcon.html b/src/tests/__snapshots__/FlagTrIcon.html
index 6c491671..ff0ef29c 100644
--- a/src/tests/__snapshots__/FlagTrIcon.html
+++ b/src/tests/__snapshots__/FlagTrIcon.html
@@ -1 +1,10 @@
-<span data-v-72a02180="" class="kui-icon flag-tr-icon" data-testid="kui-icon-wrapper-flag-tr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72a02180="" data-testid="kui-icon-svg-flag-tr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72a02180="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-72a02180="" clip-path="url(#clip0_247_6273)"><path data-v-72a02180="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-72a02180="" d="M11.5085 9.8056L12.4931 11.1624L14.0876 10.6454L13.1015 12.001L14.0859 13.3577L12.492 12.8387L11.5058 14.1944L11.5069 12.5181L9.91284 11.9991L11.5074 11.482L11.5085 9.8056Z" fill="#F0F0F0"></path><path data-v-72a02180="" d="M8.8215 15.3913C6.94856 15.3913 5.43018 13.8729 5.43018 12C5.43018 10.127 6.94856 8.60867 8.8215 8.60867C9.40547 8.60867 9.95493 8.75638 10.4347 9.0163C9.68207 8.28027 8.65284 7.82605 7.51715 7.82605C5.21193 7.82605 3.34326 9.69477 3.34326 11.9999C3.34326 14.3051 5.21198 16.1738 7.51715 16.1738C8.65293 16.1738 9.68212 15.7196 10.4347 14.9836C9.95493 15.2436 9.40547 15.3913 8.8215 15.3913Z" fill="#F0F0F0"></path></g><defs data-v-72a02180=""><clipPath data-v-72a02180="" id="clip0_247_6273"><rect data-v-72a02180="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-72a02180="" class="kui-icon flag-tr-icon" data-testid="kui-icon-wrapper-flag-tr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72a02180="" data-testid="kui-icon-svg-flag-tr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72a02180="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-72a02180=""><g clip-path="url(#clip0_247_6273)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M11.5085 9.8056L12.4931 11.1624L14.0876 10.6454L13.1015 12.001L14.0859 13.3577L12.492 12.8387L11.5058 14.1944L11.5069 12.5181L9.91284 11.9991L11.5074 11.482L11.5085 9.8056Z" fill="#F0F0F0"></path>
+<path d="M8.8215 15.3913C6.94856 15.3913 5.43018 13.8729 5.43018 12C5.43018 10.127 6.94856 8.60867 8.8215 8.60867C9.40547 8.60867 9.95493 8.75638 10.4347 9.0163C9.68207 8.28027 8.65284 7.82605 7.51715 7.82605C5.21193 7.82605 3.34326 9.69477 3.34326 11.9999C3.34326 14.3051 5.21198 16.1738 7.51715 16.1738C8.65293 16.1738 9.68212 15.7196 10.4347 14.9836C9.95493 15.2436 9.40547 15.3913 8.8215 15.3913Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6273">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTtIcon.html b/src/tests/__snapshots__/FlagTtIcon.html
index 98b752f4..25070329 100644
--- a/src/tests/__snapshots__/FlagTtIcon.html
+++ b/src/tests/__snapshots__/FlagTtIcon.html
@@ -1 +1,11 @@
-<span data-v-6e7ef4fd="" class="kui-icon flag-tt-icon" data-testid="kui-icon-wrapper-flag-tt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e7ef4fd="" data-testid="kui-icon-svg-flag-tt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6e7ef4fd="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-6e7ef4fd="" clip-path="url(#clip0_247_6271)"><path data-v-6e7ef4fd="" d="M6.49763 1.33246C5.42335 1.88694 4.41493 2.61374 3.51436 3.5143C2.61375 4.41491 1.88696 5.42333 1.33252 6.49761L9.04847 14.9515L17.5023 22.6674C18.5767 22.1129 19.5851 21.3861 20.4856 20.4856C21.3863 19.585 22.113 18.5766 22.6675 17.5023L14.9515 9.04841L6.49763 1.33246Z" fill="#F0F0F0"></path><path data-v-6e7ef4fd="" d="M20.4856 20.4856C20.989 19.9822 21.438 19.4451 21.8332 18.8817L5.11828 2.16675C4.55489 2.56195 4.01775 3.01092 3.51436 3.51431C3.01097 4.0177 2.562 4.55484 2.16675 5.11828L18.8817 21.8332C19.445 21.4379 19.9822 20.989 20.4856 20.4856Z" fill="black"></path><path data-v-6e7ef4fd="" d="M3.51431 20.4856C7.30026 24.2716 12.9861 24.9983 17.5023 22.6674L1.33251 6.49762C-0.998347 11.0138 -0.271457 16.6997 3.51431 20.4856Z" fill="#D80027"></path><path data-v-6e7ef4fd="" d="M20.4855 3.51419C16.6996 -0.27172 11.0138 -0.99847 6.49756 1.3323L22.6673 17.5022C24.9982 12.986 24.2715 7.30009 20.4855 3.51419Z" fill="#D80027"></path></g><defs data-v-6e7ef4fd=""><clipPath data-v-6e7ef4fd="" id="clip0_247_6271"><rect data-v-6e7ef4fd="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-6e7ef4fd="" class="kui-icon flag-tt-icon" data-testid="kui-icon-wrapper-flag-tt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e7ef4fd="" data-testid="kui-icon-svg-flag-tt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6e7ef4fd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6e7ef4fd=""><g clip-path="url(#clip0_247_6271)">
+<path d="M6.49763 1.33246C5.42335 1.88694 4.41493 2.61374 3.51436 3.5143C2.61375 4.41491 1.88696 5.42333 1.33252 6.49761L9.04847 14.9515L17.5023 22.6674C18.5767 22.1129 19.5851 21.3861 20.4856 20.4856C21.3863 19.585 22.113 18.5766 22.6675 17.5023L14.9515 9.04841L6.49763 1.33246Z" fill="#F0F0F0"></path>
+<path d="M20.4856 20.4856C20.989 19.9822 21.438 19.4451 21.8332 18.8817L5.11828 2.16675C4.55489 2.56195 4.01775 3.01092 3.51436 3.51431C3.01097 4.0177 2.562 4.55484 2.16675 5.11828L18.8817 21.8332C19.445 21.4379 19.9822 20.989 20.4856 20.4856Z" fill="black"></path>
+<path d="M3.51431 20.4856C7.30026 24.2716 12.9861 24.9983 17.5023 22.6674L1.33251 6.49762C-0.998347 11.0138 -0.271457 16.6997 3.51431 20.4856Z" fill="#D80027"></path>
+<path d="M20.4855 3.51419C16.6996 -0.27172 11.0138 -0.99847 6.49756 1.3323L22.6673 17.5022C24.9982 12.986 24.2715 7.30009 20.4855 3.51419Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6271">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTvIcon.html b/src/tests/__snapshots__/FlagTvIcon.html
index 5b2053c7..37c971ca 100644
--- a/src/tests/__snapshots__/FlagTvIcon.html
+++ b/src/tests/__snapshots__/FlagTvIcon.html
@@ -1 +1,23 @@
-<span data-v-935ff2e6="" class="kui-icon flag-tv-icon" data-testid="kui-icon-wrapper-flag-tv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-935ff2e6="" data-testid="kui-icon-svg-flag-tv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-935ff2e6="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-935ff2e6="" clip-path="url(#clip0_247_6276)"><path data-v-935ff2e6="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37263 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path><path data-v-935ff2e6="" d="M5.73926 12H9.78654L6.26098 7.82611L5.73926 9.39131V12Z" fill="#0052B4"></path><path data-v-935ff2e6="" d="M12.0001 9.78646L7.82617 5.73914H12.0001L12.0001 9.78646Z" fill="#0052B4"></path><path data-v-935ff2e6="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-935ff2e6="" d="M12 6.26086C12 4.14937 12 2.76581 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-935ff2e6="" d="M6.071 1.56519C4.19417 2.63389 2.63389 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z" fill="#D80027"></path><path data-v-935ff2e6="" d="M12.0001 10.5243L7.73661 6.26086H6.26099V6.26096L12 12H12.0001C12.0001 12 12.0001 10.9824 12.0001 10.5243Z" fill="#D80027"></path><path data-v-935ff2e6="" d="M13.0972 19.8261L13.3562 20.6233H14.1944L13.5163 21.1159L13.7753 21.913L13.0972 21.4204L12.4191 21.913L12.6781 21.1159L12 20.6233H12.8381L13.0972 19.8261Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M19.7725 14.6087L20.0315 15.4059H20.8697L20.1916 15.8986L20.4507 16.6957L19.7725 16.2031L19.0944 16.6957L19.3535 15.8986L18.6753 15.4059H19.5135L19.7725 14.6087Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M21.4451 6.78265L21.7041 7.57981H22.5423L21.8642 8.07247L22.1232 8.86958L21.4451 8.37697L20.767 8.86958L21.026 8.07247L20.3479 7.57981H21.1861L21.4451 6.78265Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M21.8594 12.5217L22.1184 13.3189H22.9566L22.2785 13.8116L22.5376 14.6087L21.8594 14.1161L21.1814 14.6087L21.4404 13.8116L20.7622 13.3189H21.6004L21.8594 12.5217Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M14.299 17.9513L15.0459 18.3318L15.6386 17.7392L15.5075 18.567L16.2543 18.9475L15.4264 19.0787L15.2953 19.9065L14.9148 19.1597L14.0869 19.2909L14.6796 18.6982L14.299 17.9513Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M14.299 14.8208L15.0459 15.2013L15.6386 14.6087L15.5075 15.4365L16.2543 15.817L15.4264 15.9482L15.2953 16.776L14.9148 16.0292L14.0869 16.1604L14.6796 15.5677L14.299 14.8208Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M16.9076 16.8274L17.6546 17.208L18.2472 16.6154L18.1162 17.4431L18.8629 17.8237L18.035 17.9548L17.9039 18.7827L17.5235 18.0358L16.6956 18.167L17.2882 17.5744L16.9076 16.8274Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M16.9076 10.1252L17.6546 10.5057L18.2472 9.91309L18.1162 10.7409L18.8629 11.1214L18.035 11.2525L17.9039 12.0804L17.5235 11.3336L16.6956 11.4647L17.2882 10.8721L16.9076 10.1252Z" fill="#FFDA44"></path><path data-v-935ff2e6="" d="M19.4359 10.0448L20.1829 10.4253L20.7755 9.8327L20.6444 10.6605L21.3912 11.041L20.5633 11.1722L20.4322 12L20.0518 11.2532L19.2239 11.3844L19.8165 10.7917L19.4359 10.0448Z" fill="#FFDA44"></path></g><defs data-v-935ff2e6=""><clipPath data-v-935ff2e6="" id="clip0_247_6276"><rect data-v-935ff2e6="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-935ff2e6="" class="kui-icon flag-tv-icon" data-testid="kui-icon-wrapper-flag-tv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-935ff2e6="" data-testid="kui-icon-svg-flag-tv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-935ff2e6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-935ff2e6=""><g clip-path="url(#clip0_247_6276)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37263 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path>
+<path d="M5.73926 12H9.78654L6.26098 7.82611L5.73926 9.39131V12Z" fill="#0052B4"></path>
+<path d="M12.0001 9.78646L7.82617 5.73914H12.0001L12.0001 9.78646Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76581 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.071 1.56519C4.19417 2.63389 2.63389 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z" fill="#D80027"></path>
+<path d="M12.0001 10.5243L7.73661 6.26086H6.26099V6.26096L12 12H12.0001C12.0001 12 12.0001 10.9824 12.0001 10.5243Z" fill="#D80027"></path>
+<path d="M13.0972 19.8261L13.3562 20.6233H14.1944L13.5163 21.1159L13.7753 21.913L13.0972 21.4204L12.4191 21.913L12.6781 21.1159L12 20.6233H12.8381L13.0972 19.8261Z" fill="#FFDA44"></path>
+<path d="M19.7725 14.6087L20.0315 15.4059H20.8697L20.1916 15.8986L20.4507 16.6957L19.7725 16.2031L19.0944 16.6957L19.3535 15.8986L18.6753 15.4059H19.5135L19.7725 14.6087Z" fill="#FFDA44"></path>
+<path d="M21.4451 6.78265L21.7041 7.57981H22.5423L21.8642 8.07247L22.1232 8.86958L21.4451 8.37697L20.767 8.86958L21.026 8.07247L20.3479 7.57981H21.1861L21.4451 6.78265Z" fill="#FFDA44"></path>
+<path d="M21.8594 12.5217L22.1184 13.3189H22.9566L22.2785 13.8116L22.5376 14.6087L21.8594 14.1161L21.1814 14.6087L21.4404 13.8116L20.7622 13.3189H21.6004L21.8594 12.5217Z" fill="#FFDA44"></path>
+<path d="M14.299 17.9513L15.0459 18.3318L15.6386 17.7392L15.5075 18.567L16.2543 18.9475L15.4264 19.0787L15.2953 19.9065L14.9148 19.1597L14.0869 19.2909L14.6796 18.6982L14.299 17.9513Z" fill="#FFDA44"></path>
+<path d="M14.299 14.8208L15.0459 15.2013L15.6386 14.6087L15.5075 15.4365L16.2543 15.817L15.4264 15.9482L15.2953 16.776L14.9148 16.0292L14.0869 16.1604L14.6796 15.5677L14.299 14.8208Z" fill="#FFDA44"></path>
+<path d="M16.9076 16.8274L17.6546 17.208L18.2472 16.6154L18.1162 17.4431L18.8629 17.8237L18.035 17.9548L17.9039 18.7827L17.5235 18.0358L16.6956 18.167L17.2882 17.5744L16.9076 16.8274Z" fill="#FFDA44"></path>
+<path d="M16.9076 10.1252L17.6546 10.5057L18.2472 9.91309L18.1162 10.7409L18.8629 11.1214L18.035 11.2525L17.9039 12.0804L17.5235 11.3336L16.6956 11.4647L17.2882 10.8721L16.9076 10.1252Z" fill="#FFDA44"></path>
+<path d="M19.4359 10.0448L20.1829 10.4253L20.7755 9.8327L20.6444 10.6605L21.3912 11.041L20.5633 11.1722L20.4322 12L20.0518 11.2532L19.2239 11.3844L19.8165 10.7917L19.4359 10.0448Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6276">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTwIcon.html b/src/tests/__snapshots__/FlagTwIcon.html
index 4b85570c..11fc3ec2 100644
--- a/src/tests/__snapshots__/FlagTwIcon.html
+++ b/src/tests/__snapshots__/FlagTwIcon.html
@@ -1 +1,12 @@
-<span data-v-658b79b0="" class="kui-icon flag-tw-icon" data-testid="kui-icon-wrapper-flag-tw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-658b79b0="" data-testid="kui-icon-svg-flag-tw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-658b79b0="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-658b79b0="" clip-path="url(#clip0_247_6262)"><path data-v-658b79b0="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path><path data-v-658b79b0="" d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path><path data-v-658b79b0="" d="M10.4348 7.02287L8.96921 7.7123L9.74958 9.13163L8.15822 8.82713L7.95652 10.4348L6.84811 9.25243L5.73961 10.4348L5.53801 8.82713L3.9466 9.13154L4.72697 7.71221L3.26147 7.02287L4.72702 6.33357L3.9466 4.91419L5.53796 5.21865L5.73966 3.61102L6.84811 4.7934L7.95657 3.61102L8.15822 5.21865L9.74963 4.91419L8.96921 6.33362L10.4348 7.02287Z" fill="#F0F0F0"></path><path data-v-658b79b0="" d="M6.84824 9.25635C8.08189 9.25635 9.08197 8.25627 9.08197 7.02261C9.08197 5.78896 8.08189 4.78888 6.84824 4.78888C5.61458 4.78888 4.6145 5.78896 4.6145 7.02261C4.6145 8.25627 5.61458 9.25635 6.84824 9.25635Z" fill="#0052B4"></path><path data-v-658b79b0="" d="M6.84816 8.21308C6.19186 8.21308 5.65796 7.67913 5.65796 7.02283C5.65796 6.36653 6.19191 5.83258 6.84816 5.83258C7.50446 5.83258 8.03841 6.36653 8.03841 7.02283C8.03836 7.67913 7.50436 8.21308 6.84816 8.21308Z" fill="#F0F0F0"></path></g><defs data-v-658b79b0=""><clipPath data-v-658b79b0="" id="clip0_247_6262"><rect data-v-658b79b0="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-658b79b0="" class="kui-icon flag-tw-icon" data-testid="kui-icon-wrapper-flag-tw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-658b79b0="" data-testid="kui-icon-svg-flag-tw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-658b79b0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-658b79b0=""><g clip-path="url(#clip0_247_6262)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
+<path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
+<path d="M10.4348 7.02287L8.96921 7.7123L9.74958 9.13163L8.15822 8.82713L7.95652 10.4348L6.84811 9.25243L5.73961 10.4348L5.53801 8.82713L3.9466 9.13154L4.72697 7.71221L3.26147 7.02287L4.72702 6.33357L3.9466 4.91419L5.53796 5.21865L5.73966 3.61102L6.84811 4.7934L7.95657 3.61102L8.15822 5.21865L9.74963 4.91419L8.96921 6.33362L10.4348 7.02287Z" fill="#F0F0F0"></path>
+<path d="M6.84824 9.25635C8.08189 9.25635 9.08197 8.25627 9.08197 7.02261C9.08197 5.78896 8.08189 4.78888 6.84824 4.78888C5.61458 4.78888 4.6145 5.78896 4.6145 7.02261C4.6145 8.25627 5.61458 9.25635 6.84824 9.25635Z" fill="#0052B4"></path>
+<path d="M6.84816 8.21308C6.19186 8.21308 5.65796 7.67913 5.65796 7.02283C5.65796 6.36653 6.19191 5.83258 6.84816 5.83258C7.50446 5.83258 8.03841 6.36653 8.03841 7.02283C8.03836 7.67913 7.50436 8.21308 6.84816 8.21308Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6262">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTzIcon.html b/src/tests/__snapshots__/FlagTzIcon.html
index 6d307128..b0faebad 100644
--- a/src/tests/__snapshots__/FlagTzIcon.html
+++ b/src/tests/__snapshots__/FlagTzIcon.html
@@ -1 +1,11 @@
-<span data-v-4ac3e306="" class="kui-icon flag-tz-icon" data-testid="kui-icon-wrapper-flag-tz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ac3e306="" data-testid="kui-icon-svg-flag-tz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4ac3e306="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-4ac3e306="" clip-path="url(#clip0_247_6264)"><path data-v-4ac3e306="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-4ac3e306="" d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4853 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56239 19.4448 3.01136 19.9819 3.51471 20.4853Z" fill="black"></path><path data-v-4ac3e306="" d="M3.51471 3.51472C-0.271007 7.30053 -0.997804 12.986 1.33296 17.5021L17.5021 1.33301C12.986 -0.997753 7.30048 -0.270909 3.51471 3.51472Z" fill="#6DA544"></path><path data-v-4ac3e306="" d="M20.4852 20.4853C24.2709 16.6996 24.9976 11.014 22.667 6.49792L6.4978 22.6671C11.0138 24.9978 16.6994 24.271 20.4852 20.4853Z" fill="#338AF3"></path></g><defs data-v-4ac3e306=""><clipPath data-v-4ac3e306="" id="clip0_247_6264"><rect data-v-4ac3e306="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-4ac3e306="" class="kui-icon flag-tz-icon" data-testid="kui-icon-wrapper-flag-tz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ac3e306="" data-testid="kui-icon-svg-flag-tz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4ac3e306="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4ac3e306=""><g clip-path="url(#clip0_247_6264)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4853 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56239 19.4448 3.01136 19.9819 3.51471 20.4853Z" fill="black"></path>
+<path d="M3.51471 3.51472C-0.271007 7.30053 -0.997804 12.986 1.33296 17.5021L17.5021 1.33301C12.986 -0.997753 7.30048 -0.270909 3.51471 3.51472Z" fill="#6DA544"></path>
+<path d="M20.4852 20.4853C24.2709 16.6996 24.9976 11.014 22.667 6.49792L6.4978 22.6671C11.0138 24.9978 16.6994 24.271 20.4852 20.4853Z" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6264">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUaIcon.html b/src/tests/__snapshots__/FlagUaIcon.html
index 6da9e99c..690a29a3 100644
--- a/src/tests/__snapshots__/FlagUaIcon.html
+++ b/src/tests/__snapshots__/FlagUaIcon.html
@@ -1 +1,9 @@
-<span data-v-f17bcf17="" class="kui-icon flag-ua-icon" data-testid="kui-icon-wrapper-flag-ua-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f17bcf17="" data-testid="kui-icon-svg-flag-ua-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f17bcf17="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f17bcf17="" clip-path="url(#clip0_247_6278)"><path data-v-f17bcf17="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path><path data-v-f17bcf17="" d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#338AF3"></path></g><defs data-v-f17bcf17=""><clipPath data-v-f17bcf17="" id="clip0_247_6278"><rect data-v-f17bcf17="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f17bcf17="" class="kui-icon flag-ua-icon" data-testid="kui-icon-wrapper-flag-ua-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f17bcf17="" data-testid="kui-icon-svg-flag-ua-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f17bcf17="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f17bcf17=""><g clip-path="url(#clip0_247_6278)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
+<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#338AF3"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6278">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUgIcon.html b/src/tests/__snapshots__/FlagUgIcon.html
index 49b3bea0..3c6333de 100644
--- a/src/tests/__snapshots__/FlagUgIcon.html
+++ b/src/tests/__snapshots__/FlagUgIcon.html
@@ -1 +1,14 @@
-<span data-v-f0452fcf="" class="kui-icon flag-ug-icon" data-testid="kui-icon-wrapper-flag-ug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0452fcf="" data-testid="kui-icon-svg-flag-ug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0452fcf="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f0452fcf="" clip-path="url(#clip0_247_6277)"><path data-v-f0452fcf="" d="M20.9434 19.9999C22.8439 17.8769 24 15.0737 24 12C24 8.92629 22.8438 6.12303 20.9434 3.99996L12 3.13043L3.05662 3.99996C1.15617 6.12303 0 8.92629 0 12C0 15.0737 1.15613 17.8769 3.05658 19.9999L12 20.8695L20.9434 19.9999Z" fill="#FFDA44"></path><path data-v-f0452fcf="" d="M3.05664 3.99998H20.9434C18.7462 1.54528 15.5538 0 12 0C8.44628 0 5.25386 1.54528 3.05664 3.99998Z" fill="black"></path><path data-v-f0452fcf="" d="M0 12L12 13.0435L24 12C24 10.5973 23.7585 9.25113 23.3162 7.99994H0.683812C0.241453 9.25113 0 10.5973 0 12H0Z" fill="#D80027"></path><path data-v-f0452fcf="" d="M0.683812 16H23.3163C23.7585 14.7488 24 13.4027 24 12H0C0 13.4027 0.241453 14.7488 0.683812 16Z" fill="black"></path><path data-v-f0452fcf="" d="M20.9435 19.9999H3.05664C5.25386 22.4547 8.44628 24 12.0001 24C15.5538 24 18.7463 22.4547 20.9435 19.9999Z" fill="#D80027"></path><path data-v-f0452fcf="" d="M16.0043 12C16.0043 14.2117 14.2117 16.0044 11.9999 16.0044C9.78825 16.0044 7.99561 14.2117 7.99561 12C7.99561 9.78831 9.78825 7.99567 11.9999 7.99567C14.2117 7.99567 16.0043 9.78831 16.0043 12Z" fill="#F0F0F0"></path><path data-v-f0452fcf="" d="M13.4669 12.2042L11.9999 11.5685C11.9999 11.5685 12.3431 10.4293 12.3614 10.3514C12.3748 10.2944 12.3819 10.235 12.3819 10.174C12.3819 9.95785 12.2943 9.76219 12.1526 9.62063L12.5215 9.25172C12.2855 9.01571 11.9594 8.86969 11.5992 8.86969C11.239 8.86969 10.9129 9.01566 10.6769 9.25172L11.0458 9.62063C10.9042 9.76224 10.8166 9.95789 10.8166 10.174C10.8166 10.253 10.8285 10.3292 10.8503 10.4011L10.2949 10.9565H11.3044C11.3044 10.9565 10.887 11.5834 10.6592 12.0983C10.4313 12.613 10.6623 13.2415 11.1889 13.4756L11.4934 13.6109L11.9999 14.087V14.6087L11.4782 15.1304H12.5217V14.0869L12.9978 13.6108H13.9825C13.9873 13.601 13.9922 13.5915 13.9967 13.5814C14.2307 13.0549 13.9935 12.4382 13.4669 12.2042Z" fill="black"></path></g><defs data-v-f0452fcf=""><clipPath data-v-f0452fcf="" id="clip0_247_6277"><rect data-v-f0452fcf="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f0452fcf="" class="kui-icon flag-ug-icon" data-testid="kui-icon-wrapper-flag-ug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0452fcf="" data-testid="kui-icon-svg-flag-ug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0452fcf="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0452fcf=""><g clip-path="url(#clip0_247_6277)">
+<path d="M20.9434 19.9999C22.8439 17.8769 24 15.0737 24 12C24 8.92629 22.8438 6.12303 20.9434 3.99996L12 3.13043L3.05662 3.99996C1.15617 6.12303 0 8.92629 0 12C0 15.0737 1.15613 17.8769 3.05658 19.9999L12 20.8695L20.9434 19.9999Z" fill="#FFDA44"></path>
+<path d="M3.05664 3.99998H20.9434C18.7462 1.54528 15.5538 0 12 0C8.44628 0 5.25386 1.54528 3.05664 3.99998Z" fill="black"></path>
+<path d="M0 12L12 13.0435L24 12C24 10.5973 23.7585 9.25113 23.3162 7.99994H0.683812C0.241453 9.25113 0 10.5973 0 12H0Z" fill="#D80027"></path>
+<path d="M0.683812 16H23.3163C23.7585 14.7488 24 13.4027 24 12H0C0 13.4027 0.241453 14.7488 0.683812 16Z" fill="black"></path>
+<path d="M20.9435 19.9999H3.05664C5.25386 22.4547 8.44628 24 12.0001 24C15.5538 24 18.7463 22.4547 20.9435 19.9999Z" fill="#D80027"></path>
+<path d="M16.0043 12C16.0043 14.2117 14.2117 16.0044 11.9999 16.0044C9.78825 16.0044 7.99561 14.2117 7.99561 12C7.99561 9.78831 9.78825 7.99567 11.9999 7.99567C14.2117 7.99567 16.0043 9.78831 16.0043 12Z" fill="#F0F0F0"></path>
+<path d="M13.4669 12.2042L11.9999 11.5685C11.9999 11.5685 12.3431 10.4293 12.3614 10.3514C12.3748 10.2944 12.3819 10.235 12.3819 10.174C12.3819 9.95785 12.2943 9.76219 12.1526 9.62063L12.5215 9.25172C12.2855 9.01571 11.9594 8.86969 11.5992 8.86969C11.239 8.86969 10.9129 9.01566 10.6769 9.25172L11.0458 9.62063C10.9042 9.76224 10.8166 9.95789 10.8166 10.174C10.8166 10.253 10.8285 10.3292 10.8503 10.4011L10.2949 10.9565H11.3044C11.3044 10.9565 10.887 11.5834 10.6592 12.0983C10.4313 12.613 10.6623 13.2415 11.1889 13.4756L11.4934 13.6109L11.9999 14.087V14.6087L11.4782 15.1304H12.5217V14.0869L12.9978 13.6108H13.9825C13.9873 13.601 13.9922 13.5915 13.9967 13.5814C14.2307 13.0549 13.9935 12.4382 13.4669 12.2042Z" fill="black"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6277">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUnIcon.html b/src/tests/__snapshots__/FlagUnIcon.html
index d51606d0..5788b5f1 100644
--- a/src/tests/__snapshots__/FlagUnIcon.html
+++ b/src/tests/__snapshots__/FlagUnIcon.html
@@ -1 +1,10 @@
-<span data-v-75c67850="" class="kui-icon flag-un-icon" data-testid="kui-icon-wrapper-flag-un-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75c67850="" data-testid="kui-icon-svg-flag-un-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-75c67850="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-75c67850="" clip-path="url(#clip0_247_6281)"><path data-v-75c67850="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path><path data-v-75c67850="" d="M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z" fill="#F0F0F0"></path><path data-v-75c67850="" d="M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z" fill="#F0F0F0"></path></g><defs data-v-75c67850=""><clipPath data-v-75c67850="" id="clip0_247_6281"><rect data-v-75c67850="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-75c67850="" class="kui-icon flag-un-icon" data-testid="kui-icon-wrapper-flag-un-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75c67850="" data-testid="kui-icon-svg-flag-un-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-75c67850="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-75c67850=""><g clip-path="url(#clip0_247_6281)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
+<path d="M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z" fill="#F0F0F0"></path>
+<path d="M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6281">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUsIcon.html b/src/tests/__snapshots__/FlagUsIcon.html
index af25eaba..4b0a8c3c 100644
--- a/src/tests/__snapshots__/FlagUsIcon.html
+++ b/src/tests/__snapshots__/FlagUsIcon.html
@@ -1 +1,13 @@
-<span data-v-a376ae2f="" class="kui-icon flag-us-icon" data-testid="kui-icon-wrapper-flag-us-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a376ae2f="" data-testid="kui-icon-svg-flag-us-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a376ae2f="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a376ae2f="" clip-path="url(#clip0_246_5603)"><path data-v-a376ae2f="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-a376ae2f="" d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z" fill="#D80027"></path><path data-v-a376ae2f="" d="M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z" fill="#D80027"></path><path data-v-a376ae2f="" d="M12.0001 24C14.8243 24 17.4201 23.0239 19.4699 21.3914H4.53027C6.58012 23.0239 9.17591 24 12.0001 24Z" fill="#D80027"></path><path data-v-a376ae2f="" d="M1.76146 18.2609H22.2389C22.8286 17.2986 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z" fill="#D80027"></path><path data-v-a376ae2f="" d="M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z" fill="#0052B4"></path></g><defs data-v-a376ae2f=""><clipPath data-v-a376ae2f="" id="clip0_246_5603"><rect data-v-a376ae2f="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a376ae2f="" class="kui-icon flag-us-icon" data-testid="kui-icon-wrapper-flag-us-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a376ae2f="" data-testid="kui-icon-svg-flag-us-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a376ae2f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a376ae2f=""><g clip-path="url(#clip0_246_5603)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z" fill="#D80027"></path>
+<path d="M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z" fill="#D80027"></path>
+<path d="M12.0001 24C14.8243 24 17.4201 23.0239 19.4699 21.3914H4.53027C6.58012 23.0239 9.17591 24 12.0001 24Z" fill="#D80027"></path>
+<path d="M1.76146 18.2609H22.2389C22.8286 17.2986 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z" fill="#D80027"></path>
+<path d="M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5603">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUyIcon.html b/src/tests/__snapshots__/FlagUyIcon.html
index 39d98de1..77e8c539 100644
--- a/src/tests/__snapshots__/FlagUyIcon.html
+++ b/src/tests/__snapshots__/FlagUyIcon.html
@@ -1 +1,14 @@
-<span data-v-1099dde4="" class="kui-icon flag-uy-icon" data-testid="kui-icon-wrapper-flag-uy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1099dde4="" data-testid="kui-icon-svg-flag-uy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1099dde4="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-1099dde4="" clip-path="url(#clip0_247_6283)"><path data-v-1099dde4="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-1099dde4="" d="M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z" fill="#338AF3"></path><path data-v-1099dde4="" d="M4.53009 21.3913H19.4698C20.5649 20.5191 21.5041 19.4596 22.2386 18.2609H1.76123C2.49581 19.4596 3.435 20.5191 4.53009 21.3913Z" fill="#338AF3"></path><path data-v-1099dde4="" d="M12 0V2.60869H19.4699C17.42 0.976125 14.8242 0 12 0Z" fill="#338AF3"></path><path data-v-1099dde4="" d="M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z" fill="#338AF3"></path><path data-v-1099dde4="" d="M0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12H0Z" fill="#338AF3"></path><path data-v-1099dde4="" d="M10.435 7.02287L8.96941 7.71226L9.74983 9.13163L8.15842 8.82723L7.95677 10.4348L6.84836 9.25243L5.73986 10.4348L5.53825 8.82723L3.94684 9.13154L4.72722 7.71221L3.26172 7.02287L4.72727 6.33357L3.94684 4.91419L5.5382 5.2186L5.73991 3.61102L6.84836 4.7934L7.95681 3.61102L8.15842 5.2186L9.74988 4.91419L8.96945 6.33362L10.435 7.02287Z" fill="#FFDA44"></path></g><defs data-v-1099dde4=""><clipPath data-v-1099dde4="" id="clip0_247_6283"><rect data-v-1099dde4="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-1099dde4="" class="kui-icon flag-uy-icon" data-testid="kui-icon-wrapper-flag-uy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1099dde4="" data-testid="kui-icon-svg-flag-uy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1099dde4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1099dde4=""><g clip-path="url(#clip0_247_6283)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z" fill="#338AF3"></path>
+<path d="M4.53009 21.3913H19.4698C20.5649 20.5191 21.5041 19.4596 22.2386 18.2609H1.76123C2.49581 19.4596 3.435 20.5191 4.53009 21.3913Z" fill="#338AF3"></path>
+<path d="M12 0V2.60869H19.4699C17.42 0.976125 14.8242 0 12 0Z" fill="#338AF3"></path>
+<path d="M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z" fill="#338AF3"></path>
+<path d="M0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12H0Z" fill="#338AF3"></path>
+<path d="M10.435 7.02287L8.96941 7.71226L9.74983 9.13163L8.15842 8.82723L7.95677 10.4348L6.84836 9.25243L5.73986 10.4348L5.53825 8.82723L3.94684 9.13154L4.72722 7.71221L3.26172 7.02287L4.72727 6.33357L3.94684 4.91419L5.5382 5.2186L5.73991 3.61102L6.84836 4.7934L7.95681 3.61102L8.15842 5.2186L9.74988 4.91419L8.96945 6.33362L10.435 7.02287Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_247_6283">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUzIcon.html b/src/tests/__snapshots__/FlagUzIcon.html
index 1989be37..ee401f40 100644
--- a/src/tests/__snapshots__/FlagUzIcon.html
+++ b/src/tests/__snapshots__/FlagUzIcon.html
@@ -1 +1,25 @@
-<span data-v-38f29dc9="" class="kui-icon flag-uz-icon" data-testid="kui-icon-wrapper-flag-uz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38f29dc9="" data-testid="kui-icon-svg-flag-uz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-38f29dc9="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-38f29dc9="" clip-path="url(#clip0_246_5621)"><path data-v-38f29dc9="" d="M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z" fill="#D80027"></path><path data-v-38f29dc9="" d="M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z" fill="#D80027"></path><path data-v-38f29dc9="" d="M12.0002 23.9999C17.354 23.9999 21.8883 20.4935 23.4335 15.6521H0.566895C2.11213 20.4935 6.64644 23.9999 12.0002 23.9999Z" fill="#6DA544"></path><path data-v-38f29dc9="" d="M11.9997 6.10356e-05C6.64595 0.000107911 2.11173 3.5065 0.566406 8.34789L23.433 8.34794C21.8879 3.50645 17.3536 1.41606e-05 11.9997 6.10356e-05Z" fill="#338AF3"></path><path data-v-38f29dc9="" d="M5.48376 4.95661C5.48376 3.83268 6.27365 2.89378 7.32848 2.66344C7.16638 2.628 6.99815 2.60883 6.82537 2.60883C5.52871 2.60883 4.47754 3.65995 4.47754 4.95665C4.47754 6.25336 5.52862 7.30448 6.82537 7.30448C6.99815 7.30448 7.16634 7.28526 7.32848 7.24987C6.2737 7.01943 5.48376 6.08053 5.48376 4.95661Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M8.71628 6.0238L8.87519 6.51294H9.3895L8.97344 6.81529L9.13234 7.30443L8.71628 7.00213L8.30012 7.30443L8.45908 6.81529L8.04297 6.51294H8.55728L8.71628 6.0238Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M10.3578 6.0238L10.5167 6.51294H11.0311L10.6149 6.81529L10.7739 7.30443L10.3578 7.00213L9.94168 7.30443L10.1006 6.81529L9.68457 6.51294H10.1988L10.3578 6.0238Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M11.9995 6.0238L12.1584 6.51294H12.6727L12.2566 6.81529L12.4155 7.30443L11.9995 7.00213L11.5833 7.30443L11.7423 6.81529L11.3262 6.51294H11.8405L11.9995 6.0238Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M13.6411 6.0238L13.8 6.51294H14.3143L13.8982 6.81529L14.0572 7.30443L13.6411 7.00213L13.2249 7.30443L13.3839 6.81529L12.9678 6.51294H13.4821L13.6411 6.0238Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M15.2826 6.0238L15.4415 6.51294H15.9559L15.5398 6.81529L15.6987 7.30443L15.2826 7.00213L14.8665 7.30443L15.0254 6.81529L14.6094 6.51294H15.1236L15.2826 6.0238Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M10.3578 4.31628L10.5167 4.80538H11.0311L10.6149 5.10777L10.7739 5.59686L10.3578 5.29457L9.94168 5.59686L10.1006 5.10777L9.68457 4.80538H10.1988L10.3578 4.31628Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M11.9995 4.31628L12.1584 4.80538H12.6727L12.2566 5.10777L12.4155 5.59686L11.9995 5.29457L11.5833 5.59686L11.7423 5.10777L11.3262 4.80538H11.8405L11.9995 4.31628Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M13.6411 4.31628L13.8 4.80538H14.3143L13.8982 5.10777L14.0572 5.59686L13.6411 5.29457L13.2249 5.59686L13.3839 5.10777L12.9678 4.80538H13.4821L13.6411 4.31628Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M15.2826 4.31628L15.4415 4.80538H15.9559L15.5398 5.10777L15.6987 5.59686L15.2826 5.29457L14.8665 5.59686L15.0254 5.10777L14.6094 4.80538H15.1236L15.2826 4.31628Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M11.9995 2.6087L12.1584 3.09789H12.6727L12.2566 3.40019L12.4155 3.88938L11.9995 3.58708L11.5833 3.88938L11.7423 3.40019L11.3262 3.09789H11.8405L11.9995 2.6087Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M13.6411 2.6087L13.8 3.09789H14.3143L13.8982 3.40019L14.0572 3.88938L13.6411 3.58708L13.2249 3.88938L13.3839 3.40019L12.9678 3.09789H13.4821L13.6411 2.6087Z" fill="#F0F0F0"></path><path data-v-38f29dc9="" d="M15.2826 2.6087L15.4415 3.09789H15.9559L15.5398 3.40019L15.6987 3.88938L15.2826 3.58708L14.8665 3.88938L15.0254 3.40019L14.6094 3.09789H15.1236L15.2826 2.6087Z" fill="#F0F0F0"></path></g><defs data-v-38f29dc9=""><clipPath data-v-38f29dc9="" id="clip0_246_5621"><rect data-v-38f29dc9="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-38f29dc9="" class="kui-icon flag-uz-icon" data-testid="kui-icon-wrapper-flag-uz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38f29dc9="" data-testid="kui-icon-svg-flag-uz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-38f29dc9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-38f29dc9=""><g clip-path="url(#clip0_246_5621)">
+<path d="M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z" fill="#F0F0F0"></path>
+<path d="M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z" fill="#D80027"></path>
+<path d="M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z" fill="#D80027"></path>
+<path d="M12.0002 23.9999C17.354 23.9999 21.8883 20.4935 23.4335 15.6521H0.566895C2.11213 20.4935 6.64644 23.9999 12.0002 23.9999Z" fill="#6DA544"></path>
+<path d="M11.9997 6.10356e-05C6.64595 0.000107911 2.11173 3.5065 0.566406 8.34789L23.433 8.34794C21.8879 3.50645 17.3536 1.41606e-05 11.9997 6.10356e-05Z" fill="#338AF3"></path>
+<path d="M5.48376 4.95661C5.48376 3.83268 6.27365 2.89378 7.32848 2.66344C7.16638 2.628 6.99815 2.60883 6.82537 2.60883C5.52871 2.60883 4.47754 3.65995 4.47754 4.95665C4.47754 6.25336 5.52862 7.30448 6.82537 7.30448C6.99815 7.30448 7.16634 7.28526 7.32848 7.24987C6.2737 7.01943 5.48376 6.08053 5.48376 4.95661Z" fill="#F0F0F0"></path>
+<path d="M8.71628 6.0238L8.87519 6.51294H9.3895L8.97344 6.81529L9.13234 7.30443L8.71628 7.00213L8.30012 7.30443L8.45908 6.81529L8.04297 6.51294H8.55728L8.71628 6.0238Z" fill="#F0F0F0"></path>
+<path d="M10.3578 6.0238L10.5167 6.51294H11.0311L10.6149 6.81529L10.7739 7.30443L10.3578 7.00213L9.94168 7.30443L10.1006 6.81529L9.68457 6.51294H10.1988L10.3578 6.0238Z" fill="#F0F0F0"></path>
+<path d="M11.9995 6.0238L12.1584 6.51294H12.6727L12.2566 6.81529L12.4155 7.30443L11.9995 7.00213L11.5833 7.30443L11.7423 6.81529L11.3262 6.51294H11.8405L11.9995 6.0238Z" fill="#F0F0F0"></path>
+<path d="M13.6411 6.0238L13.8 6.51294H14.3143L13.8982 6.81529L14.0572 7.30443L13.6411 7.00213L13.2249 7.30443L13.3839 6.81529L12.9678 6.51294H13.4821L13.6411 6.0238Z" fill="#F0F0F0"></path>
+<path d="M15.2826 6.0238L15.4415 6.51294H15.9559L15.5398 6.81529L15.6987 7.30443L15.2826 7.00213L14.8665 7.30443L15.0254 6.81529L14.6094 6.51294H15.1236L15.2826 6.0238Z" fill="#F0F0F0"></path>
+<path d="M10.3578 4.31628L10.5167 4.80538H11.0311L10.6149 5.10777L10.7739 5.59686L10.3578 5.29457L9.94168 5.59686L10.1006 5.10777L9.68457 4.80538H10.1988L10.3578 4.31628Z" fill="#F0F0F0"></path>
+<path d="M11.9995 4.31628L12.1584 4.80538H12.6727L12.2566 5.10777L12.4155 5.59686L11.9995 5.29457L11.5833 5.59686L11.7423 5.10777L11.3262 4.80538H11.8405L11.9995 4.31628Z" fill="#F0F0F0"></path>
+<path d="M13.6411 4.31628L13.8 4.80538H14.3143L13.8982 5.10777L14.0572 5.59686L13.6411 5.29457L13.2249 5.59686L13.3839 5.10777L12.9678 4.80538H13.4821L13.6411 4.31628Z" fill="#F0F0F0"></path>
+<path d="M15.2826 4.31628L15.4415 4.80538H15.9559L15.5398 5.10777L15.6987 5.59686L15.2826 5.29457L14.8665 5.59686L15.0254 5.10777L14.6094 4.80538H15.1236L15.2826 4.31628Z" fill="#F0F0F0"></path>
+<path d="M11.9995 2.6087L12.1584 3.09789H12.6727L12.2566 3.40019L12.4155 3.88938L11.9995 3.58708L11.5833 3.88938L11.7423 3.40019L11.3262 3.09789H11.8405L11.9995 2.6087Z" fill="#F0F0F0"></path>
+<path d="M13.6411 2.6087L13.8 3.09789H14.3143L13.8982 3.40019L14.0572 3.88938L13.6411 3.58708L13.2249 3.88938L13.3839 3.40019L12.9678 3.09789H13.4821L13.6411 2.6087Z" fill="#F0F0F0"></path>
+<path d="M15.2826 2.6087L15.4415 3.09789H15.9559L15.5398 3.40019L15.6987 3.88938L15.2826 3.58708L14.8665 3.88938L15.0254 3.40019L14.6094 3.09789H15.1236L15.2826 2.6087Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5621">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVaIcon.html b/src/tests/__snapshots__/FlagVaIcon.html
index 8c9115f3..b922c7ef 100644
--- a/src/tests/__snapshots__/FlagVaIcon.html
+++ b/src/tests/__snapshots__/FlagVaIcon.html
@@ -1 +1,11 @@
-<span data-v-5c617260="" class="kui-icon flag-va-icon" data-testid="kui-icon-wrapper-flag-va-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5c617260="" data-testid="kui-icon-svg-flag-va-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5c617260="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-5c617260="" clip-path="url(#clip0_246_5668)"><path data-v-5c617260="" d="M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z" fill="#F0F0F0"></path><path data-v-5c617260="" d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#FFDA44"></path><path data-v-5c617260="" d="M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z" fill="#ACABB1"></path><path data-v-5c617260="" d="M20.4633 11.3844L21.7218 9.71967L20.4731 8.7758L19.6407 8.14655L16.126 12.7962C15.5115 12.6011 14.8145 12.8007 14.4036 13.3442C13.8823 14.0339 14.0188 15.0154 14.7084 15.5367C15.398 16.0579 16.3796 15.9215 16.9008 15.2319C17.3117 14.6883 17.3136 13.9634 16.9583 13.4254L19.2135 10.442L20.4633 11.3844ZM16.0684 14.6027C15.8947 14.8327 15.5675 14.8781 15.3376 14.7044C15.1077 14.5305 15.0623 14.2033 15.236 13.9734C15.4098 13.7437 15.737 13.6981 15.9669 13.8719C16.1967 14.0457 16.2422 14.3729 16.0684 14.6027Z" fill="#FFDA44"></path></g><defs data-v-5c617260=""><clipPath data-v-5c617260="" id="clip0_246_5668"><rect data-v-5c617260="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-5c617260="" class="kui-icon flag-va-icon" data-testid="kui-icon-wrapper-flag-va-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5c617260="" data-testid="kui-icon-svg-flag-va-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5c617260="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5c617260=""><g clip-path="url(#clip0_246_5668)">
+<path d="M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z" fill="#F0F0F0"></path>
+<path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#FFDA44"></path>
+<path d="M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z" fill="#ACABB1"></path>
+<path d="M20.4633 11.3844L21.7218 9.71967L20.4731 8.7758L19.6407 8.14655L16.126 12.7962C15.5115 12.6011 14.8145 12.8007 14.4036 13.3442C13.8823 14.0339 14.0188 15.0154 14.7084 15.5367C15.398 16.0579 16.3796 15.9215 16.9008 15.2319C17.3117 14.6883 17.3136 13.9634 16.9583 13.4254L19.2135 10.442L20.4633 11.3844ZM16.0684 14.6027C15.8947 14.8327 15.5675 14.8781 15.3376 14.7044C15.1077 14.5305 15.0623 14.2033 15.236 13.9734C15.4098 13.7437 15.737 13.6981 15.9669 13.8719C16.1967 14.0457 16.2422 14.3729 16.0684 14.6027Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5668">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVcIcon.html b/src/tests/__snapshots__/FlagVcIcon.html
index 93045684..234d0e02 100644
--- a/src/tests/__snapshots__/FlagVcIcon.html
+++ b/src/tests/__snapshots__/FlagVcIcon.html
@@ -1 +1,13 @@
-<span data-v-78d9ed18="" class="kui-icon flag-vc-icon" data-testid="kui-icon-wrapper-flag-vc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78d9ed18="" data-testid="kui-icon-svg-flag-vc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-78d9ed18="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-78d9ed18="" clip-path="url(#clip0_246_5360)"><path data-v-78d9ed18="" d="M17.739 1.45908C16.0342 0.528891 14.0788 0 11.9999 0C9.921 0 7.96566 0.528891 6.26077 1.45908L5.21729 12L6.26077 22.5409C7.96566 23.4711 9.921 24 11.9999 24C14.0788 24 16.0342 23.4711 17.739 22.5409L18.7825 12L17.739 1.45908Z" fill="#FFDA44"></path><path data-v-78d9ed18="" d="M6.26086 22.5408V1.45905C2.53073 3.49436 0 7.4515 0 12C0 16.5485 2.53073 20.5057 6.26086 22.5408Z" fill="#338AF3"></path><path data-v-78d9ed18="" d="M24.0001 12C24.0001 7.4515 21.4694 3.49436 17.7393 1.45905V22.5408C21.4694 20.5057 24.0001 16.5485 24.0001 12Z" fill="#6DA544"></path><path data-v-78d9ed18="" d="M9.39122 15.1305L7.3042 12L9.39117 8.86957L11.4782 12L9.39122 15.1305Z" fill="#6DA544"></path><path data-v-78d9ed18="" d="M14.6085 15.1305L12.5215 12L14.6085 8.86957L16.6954 12L14.6085 15.1305Z" fill="#6DA544"></path><path data-v-78d9ed18="" d="M12.0001 19.3044L9.91309 16.1739L12.0001 13.0435L14.087 16.1739L12.0001 19.3044Z" fill="#6DA544"></path></g><defs data-v-78d9ed18=""><clipPath data-v-78d9ed18="" id="clip0_246_5360"><rect data-v-78d9ed18="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-78d9ed18="" class="kui-icon flag-vc-icon" data-testid="kui-icon-wrapper-flag-vc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78d9ed18="" data-testid="kui-icon-svg-flag-vc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-78d9ed18="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-78d9ed18=""><g clip-path="url(#clip0_246_5360)">
+<path d="M17.739 1.45908C16.0342 0.528891 14.0788 0 11.9999 0C9.921 0 7.96566 0.528891 6.26077 1.45908L5.21729 12L6.26077 22.5409C7.96566 23.4711 9.921 24 11.9999 24C14.0788 24 16.0342 23.4711 17.739 22.5409L18.7825 12L17.739 1.45908Z" fill="#FFDA44"></path>
+<path d="M6.26086 22.5408V1.45905C2.53073 3.49436 0 7.4515 0 12C0 16.5485 2.53073 20.5057 6.26086 22.5408Z" fill="#338AF3"></path>
+<path d="M24.0001 12C24.0001 7.4515 21.4694 3.49436 17.7393 1.45905V22.5408C21.4694 20.5057 24.0001 16.5485 24.0001 12Z" fill="#6DA544"></path>
+<path d="M9.39122 15.1305L7.3042 12L9.39117 8.86957L11.4782 12L9.39122 15.1305Z" fill="#6DA544"></path>
+<path d="M14.6085 15.1305L12.5215 12L14.6085 8.86957L16.6954 12L14.6085 15.1305Z" fill="#6DA544"></path>
+<path d="M12.0001 19.3044L9.91309 16.1739L12.0001 13.0435L14.087 16.1739L12.0001 19.3044Z" fill="#6DA544"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5360">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVeIcon.html b/src/tests/__snapshots__/FlagVeIcon.html
index 22cfc03a..5aa39c32 100644
--- a/src/tests/__snapshots__/FlagVeIcon.html
+++ b/src/tests/__snapshots__/FlagVeIcon.html
@@ -1 +1,18 @@
-<span data-v-c436201e="" class="kui-icon flag-ve-icon" data-testid="kui-icon-wrapper-flag-ve-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c436201e="" data-testid="kui-icon-svg-flag-ve-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c436201e="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-c436201e="" clip-path="url(#clip0_246_5673)"><path data-v-c436201e="" d="M22.8093 17.2174C23.5722 15.6397 24 13.8699 24 12C24 10.1301 23.5722 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262C0.427828 8.36025 0 10.1301 0 12C0 13.8699 0.427828 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174Z" fill="#0052B4"></path><path data-v-c436201e="" d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2173H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path><path data-v-c436201e="" d="M20.7829 14.3556L20.1491 14.8509L20.4241 15.6065L19.7572 15.1569L19.1234 15.6521L19.345 14.8789L18.6782 14.429L19.4821 14.401L19.7039 13.6278L19.9791 14.3836L20.7829 14.3556Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M19.16 11.5445L18.7339 12.2267L19.2509 12.8427L18.4704 12.6484L18.0441 13.3304L17.9879 12.528L17.2075 12.3333L17.9534 12.032L17.8973 11.2296L18.4143 11.8458L19.16 11.5445Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M16.6734 9.45795L16.5062 10.2447L17.2028 10.6469L16.4029 10.7313L16.2356 11.5178L15.9084 10.7831L15.1084 10.8671L15.7062 10.3288L15.3791 9.59412L16.0757 9.99621L16.6734 9.45795Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M13.6228 8.34784L13.7349 9.14439L14.527 9.28398L13.8041 9.63676L13.916 10.4333L13.3573 9.85464L12.6342 10.2072L13.0119 9.49693L12.4531 8.9184L13.2453 9.05804L13.6228 8.34784Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M10.3772 8.34784L10.7549 9.05804L11.5469 8.91831L10.9883 9.49707L11.3658 10.2073L10.6429 9.85464L10.084 10.4331L10.1961 9.63676L9.47314 9.28417L10.2653 9.14439L10.3772 8.34784Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M7.32663 9.45795L7.92447 9.99621L8.62089 9.59412L8.29385 10.3291L8.89155 10.8672L8.09163 10.7831L7.76435 11.5178L7.59733 10.7311L6.79736 10.6471L7.49393 10.2448L7.32663 9.45795Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M4.84022 11.5445L5.58614 11.8458L6.10298 11.2297L6.04706 12.0322L6.79275 12.3336L6.01232 12.5281L5.95612 13.3303L5.53003 12.6483L4.74951 12.8428L5.26654 12.2267L4.84022 11.5445Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M3.21729 14.3556L4.02129 14.3836L4.29625 13.6279L4.51821 14.4011L5.32197 14.4292L4.65513 14.879L4.87675 15.6522L4.243 15.157L3.57611 15.6066L3.85122 14.8508L3.21729 14.3556Z" fill="#F0F0F0"></path><path data-v-c436201e="" d="M22.8095 6.78263C20.8685 2.76867 16.7577 0 12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8095Z" fill="#FFDA44"></path></g><defs data-v-c436201e=""><clipPath data-v-c436201e="" id="clip0_246_5673"><rect data-v-c436201e="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-c436201e="" class="kui-icon flag-ve-icon" data-testid="kui-icon-wrapper-flag-ve-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c436201e="" data-testid="kui-icon-svg-flag-ve-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c436201e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c436201e=""><g clip-path="url(#clip0_246_5673)">
+<path d="M22.8093 17.2174C23.5722 15.6397 24 13.8699 24 12C24 10.1301 23.5722 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262C0.427828 8.36025 0 10.1301 0 12C0 13.8699 0.427828 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174Z" fill="#0052B4"></path>
+<path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2173H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path>
+<path d="M20.7829 14.3556L20.1491 14.8509L20.4241 15.6065L19.7572 15.1569L19.1234 15.6521L19.345 14.8789L18.6782 14.429L19.4821 14.401L19.7039 13.6278L19.9791 14.3836L20.7829 14.3556Z" fill="#F0F0F0"></path>
+<path d="M19.16 11.5445L18.7339 12.2267L19.2509 12.8427L18.4704 12.6484L18.0441 13.3304L17.9879 12.528L17.2075 12.3333L17.9534 12.032L17.8973 11.2296L18.4143 11.8458L19.16 11.5445Z" fill="#F0F0F0"></path>
+<path d="M16.6734 9.45795L16.5062 10.2447L17.2028 10.6469L16.4029 10.7313L16.2356 11.5178L15.9084 10.7831L15.1084 10.8671L15.7062 10.3288L15.3791 9.59412L16.0757 9.99621L16.6734 9.45795Z" fill="#F0F0F0"></path>
+<path d="M13.6228 8.34784L13.7349 9.14439L14.527 9.28398L13.8041 9.63676L13.916 10.4333L13.3573 9.85464L12.6342 10.2072L13.0119 9.49693L12.4531 8.9184L13.2453 9.05804L13.6228 8.34784Z" fill="#F0F0F0"></path>
+<path d="M10.3772 8.34784L10.7549 9.05804L11.5469 8.91831L10.9883 9.49707L11.3658 10.2073L10.6429 9.85464L10.084 10.4331L10.1961 9.63676L9.47314 9.28417L10.2653 9.14439L10.3772 8.34784Z" fill="#F0F0F0"></path>
+<path d="M7.32663 9.45795L7.92447 9.99621L8.62089 9.59412L8.29385 10.3291L8.89155 10.8672L8.09163 10.7831L7.76435 11.5178L7.59733 10.7311L6.79736 10.6471L7.49393 10.2448L7.32663 9.45795Z" fill="#F0F0F0"></path>
+<path d="M4.84022 11.5445L5.58614 11.8458L6.10298 11.2297L6.04706 12.0322L6.79275 12.3336L6.01232 12.5281L5.95612 13.3303L5.53003 12.6483L4.74951 12.8428L5.26654 12.2267L4.84022 11.5445Z" fill="#F0F0F0"></path>
+<path d="M3.21729 14.3556L4.02129 14.3836L4.29625 13.6279L4.51821 14.4011L5.32197 14.4292L4.65513 14.879L4.87675 15.6522L4.243 15.157L3.57611 15.6066L3.85122 14.8508L3.21729 14.3556Z" fill="#F0F0F0"></path>
+<path d="M22.8095 6.78263C20.8685 2.76867 16.7577 0 12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8095Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5673">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVgIcon.html b/src/tests/__snapshots__/FlagVgIcon.html
index 8b11d289..a4ba7539 100644
--- a/src/tests/__snapshots__/FlagVgIcon.html
+++ b/src/tests/__snapshots__/FlagVgIcon.html
@@ -1 +1,22 @@
-<span data-v-aa5c9ea6="" class="kui-icon flag-vg-icon" data-testid="kui-icon-wrapper-flag-vg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa5c9ea6="" data-testid="kui-icon-svg-flag-vg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa5c9ea6="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-aa5c9ea6="" clip-path="url(#clip0_246_3913)"><path data-v-aa5c9ea6="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path><path data-v-aa5c9ea6="" d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path><path data-v-aa5c9ea6="" d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path><path data-v-aa5c9ea6="" d="M6.07124 1.5652C4.19441 2.6339 2.63409 4.19419 1.56543 6.07101V12H4.69588V4.69575V4.69565H12.0002C12.0002 3.70833 12.0002 2.76773 12.0002 1.5652H6.07124Z" fill="#D80027"></path><path data-v-aa5c9ea6="" d="M17.2175 12L13.9741 15.2434C14.582 16.4158 15.8058 17.2174 17.2175 17.2174C18.6293 17.2174 19.8531 16.4158 20.461 15.2434L17.2175 12Z" fill="#FFDA44"></path><path data-v-aa5c9ea6="" d="M11.9999 10.5243L7.73637 6.26091H6.26074V6.261L11.9998 12H11.9999C11.9999 12 11.9999 10.9825 11.9999 10.5243Z" fill="#D80027"></path><path data-v-aa5c9ea6="" d="M13.5654 6.26086V11.9999V12C13.5655 14.7956 17.2176 15.6522 17.2176 15.6522C17.2176 15.6522 20.8697 14.7956 20.8698 12V11.9999V6.26086H13.5654Z" fill="#6DA544"></path><path data-v-aa5c9ea6="" d="M16.4346 8.86954H17.9998V13.0434H16.4346V8.86954Z" fill="#F0F0F0"></path><path data-v-aa5c9ea6="" d="M17.2172 9.65217C17.6494 9.65217 17.9998 9.30178 17.9998 8.86955C17.9998 8.43731 17.6494 8.08692 17.2172 8.08692C16.785 8.08692 16.4346 8.43731 16.4346 8.86955C16.4346 9.30178 16.785 9.65217 17.2172 9.65217Z" fill="#A2001D"></path><path data-v-aa5c9ea6="" d="M14.6089 7.30434H15.6524V8.34783H14.6089V7.30434Z" fill="#FFDA44"></path><path data-v-aa5c9ea6="" d="M14.6089 9.65217H15.6524V10.6957H14.6089V9.65217Z" fill="#FFDA44"></path><path data-v-aa5c9ea6="" d="M14.6089 12H15.6524V13.0435H14.6089V12Z" fill="#FFDA44"></path><path data-v-aa5c9ea6="" d="M18.7827 7.30434H19.8262V8.34783H18.7827V7.30434Z" fill="#FFDA44"></path><path data-v-aa5c9ea6="" d="M18.7827 9.65217H19.8262V10.6957H18.7827V9.65217Z" fill="#FFDA44"></path><path data-v-aa5c9ea6="" d="M18.7827 12H19.8262V13.0435H18.7827V12Z" fill="#FFDA44"></path></g><defs data-v-aa5c9ea6=""><clipPath data-v-aa5c9ea6="" id="clip0_246_3913"><rect data-v-aa5c9ea6="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-aa5c9ea6="" class="kui-icon flag-vg-icon" data-testid="kui-icon-wrapper-flag-vg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa5c9ea6="" data-testid="kui-icon-svg-flag-vg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa5c9ea6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aa5c9ea6=""><g clip-path="url(#clip0_246_3913)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
+<path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
+<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
+<path d="M6.07124 1.5652C4.19441 2.6339 2.63409 4.19419 1.56543 6.07101V12H4.69588V4.69575V4.69565H12.0002C12.0002 3.70833 12.0002 2.76773 12.0002 1.5652H6.07124Z" fill="#D80027"></path>
+<path d="M17.2175 12L13.9741 15.2434C14.582 16.4158 15.8058 17.2174 17.2175 17.2174C18.6293 17.2174 19.8531 16.4158 20.461 15.2434L17.2175 12Z" fill="#FFDA44"></path>
+<path d="M11.9999 10.5243L7.73637 6.26091H6.26074V6.261L11.9998 12H11.9999C11.9999 12 11.9999 10.9825 11.9999 10.5243Z" fill="#D80027"></path>
+<path d="M13.5654 6.26086V11.9999V12C13.5655 14.7956 17.2176 15.6522 17.2176 15.6522C17.2176 15.6522 20.8697 14.7956 20.8698 12V11.9999V6.26086H13.5654Z" fill="#6DA544"></path>
+<path d="M16.4346 8.86954H17.9998V13.0434H16.4346V8.86954Z" fill="#F0F0F0"></path>
+<path d="M17.2172 9.65217C17.6494 9.65217 17.9998 9.30178 17.9998 8.86955C17.9998 8.43731 17.6494 8.08692 17.2172 8.08692C16.785 8.08692 16.4346 8.43731 16.4346 8.86955C16.4346 9.30178 16.785 9.65217 17.2172 9.65217Z" fill="#A2001D"></path>
+<path d="M14.6089 7.30434H15.6524V8.34783H14.6089V7.30434Z" fill="#FFDA44"></path>
+<path d="M14.6089 9.65217H15.6524V10.6957H14.6089V9.65217Z" fill="#FFDA44"></path>
+<path d="M14.6089 12H15.6524V13.0435H14.6089V12Z" fill="#FFDA44"></path>
+<path d="M18.7827 7.30434H19.8262V8.34783H18.7827V7.30434Z" fill="#FFDA44"></path>
+<path d="M18.7827 9.65217H19.8262V10.6957H18.7827V9.65217Z" fill="#FFDA44"></path>
+<path d="M18.7827 12H19.8262V13.0435H18.7827V12Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_3913">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagViIcon.html b/src/tests/__snapshots__/FlagViIcon.html
index d462620a..1fae637f 100644
--- a/src/tests/__snapshots__/FlagViIcon.html
+++ b/src/tests/__snapshots__/FlagViIcon.html
@@ -1 +1,16 @@
-<span data-v-971b45bd="" class="kui-icon flag-vi-icon" data-testid="kui-icon-wrapper-flag-vi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-971b45bd="" data-testid="kui-icon-svg-flag-vi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-971b45bd="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-971b45bd="" clip-path="url(#clip0_246_5689)"><path data-v-971b45bd="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path><path data-v-971b45bd="" d="M14.0383 8.38343C14.0383 7.25787 13.1258 6.3454 12.0002 6.3454C10.8746 6.3454 9.96216 7.25787 9.96216 8.38343H5.47852C5.47852 9.4916 6.44386 10.3901 7.55203 10.3901H7.48528C7.48528 11.4983 8.38359 12.3968 9.49195 12.3968C9.49195 13.3781 10.1967 14.1934 11.1274 14.3677L11.1222 14.3794H12.8783L12.8731 14.3677C13.8039 14.1933 14.5086 13.378 14.5086 12.3968C15.6169 12.3968 16.5152 11.4983 16.5152 10.3901H16.4484C17.5566 10.3901 18.522 9.4916 18.522 8.38343H14.0383Z" fill="#FFDA44"></path><path data-v-971b45bd="" d="M11.1045 14.1714L9.84082 17.0244C10.5076 17.2954 11.2363 17.4461 12.0004 17.4461C12.7646 17.4461 13.4933 17.2955 14.16 17.0244L12.8964 14.1714H11.1045Z" fill="#FFDA44"></path><path data-v-971b45bd="" d="M9.39111 9.38562V12.8961C9.39111 14.8929 11.9998 15.5048 11.9998 15.5048C11.9998 15.5048 14.6085 14.8929 14.6085 12.8961V9.38562H9.39111Z" fill="#F0F0F0"></path><path data-v-971b45bd="" d="M2.90975 12.0845L4.32064 16.0306L5.71686 12.0845H6.78243L4.74683 17.3018H3.89441L1.84424 12.0845H2.90975Z" fill="#338AF3"></path><path data-v-971b45bd="" d="M19.3042 17.3018V12.0845H20.3182V17.3018H19.3042Z" fill="#338AF3"></path><path data-v-971b45bd="" d="M10.4346 10.5193V14.7734C10.7932 15.0373 11.1791 15.2189 11.4781 15.3351V10.5193H10.4346Z" fill="#D80027"></path><path data-v-971b45bd="" d="M13.565 10.5193V14.7734C13.2063 15.0373 12.8205 15.2189 12.5215 15.3351V10.5193H13.565Z" fill="#D80027"></path><path data-v-971b45bd="" d="M9.39111 9.38556H14.6085V11.041H9.39111V9.38556Z" fill="#0052B4"></path></g><defs data-v-971b45bd=""><clipPath data-v-971b45bd="" id="clip0_246_5689"><rect data-v-971b45bd="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-971b45bd="" class="kui-icon flag-vi-icon" data-testid="kui-icon-wrapper-flag-vi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-971b45bd="" data-testid="kui-icon-svg-flag-vi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-971b45bd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-971b45bd=""><g clip-path="url(#clip0_246_5689)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
+<path d="M14.0383 8.38343C14.0383 7.25787 13.1258 6.3454 12.0002 6.3454C10.8746 6.3454 9.96216 7.25787 9.96216 8.38343H5.47852C5.47852 9.4916 6.44386 10.3901 7.55203 10.3901H7.48528C7.48528 11.4983 8.38359 12.3968 9.49195 12.3968C9.49195 13.3781 10.1967 14.1934 11.1274 14.3677L11.1222 14.3794H12.8783L12.8731 14.3677C13.8039 14.1933 14.5086 13.378 14.5086 12.3968C15.6169 12.3968 16.5152 11.4983 16.5152 10.3901H16.4484C17.5566 10.3901 18.522 9.4916 18.522 8.38343H14.0383Z" fill="#FFDA44"></path>
+<path d="M11.1045 14.1714L9.84082 17.0244C10.5076 17.2954 11.2363 17.4461 12.0004 17.4461C12.7646 17.4461 13.4933 17.2955 14.16 17.0244L12.8964 14.1714H11.1045Z" fill="#FFDA44"></path>
+<path d="M9.39111 9.38562V12.8961C9.39111 14.8929 11.9998 15.5048 11.9998 15.5048C11.9998 15.5048 14.6085 14.8929 14.6085 12.8961V9.38562H9.39111Z" fill="#F0F0F0"></path>
+<path d="M2.90975 12.0845L4.32064 16.0306L5.71686 12.0845H6.78243L4.74683 17.3018H3.89441L1.84424 12.0845H2.90975Z" fill="#338AF3"></path>
+<path d="M19.3042 17.3018V12.0845H20.3182V17.3018H19.3042Z" fill="#338AF3"></path>
+<path d="M10.4346 10.5193V14.7734C10.7932 15.0373 11.1791 15.2189 11.4781 15.3351V10.5193H10.4346Z" fill="#D80027"></path>
+<path d="M13.565 10.5193V14.7734C13.2063 15.0373 12.8205 15.2189 12.5215 15.3351V10.5193H13.565Z" fill="#D80027"></path>
+<path d="M9.39111 9.38556H14.6085V11.041H9.39111V9.38556Z" fill="#0052B4"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5689">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVnIcon.html b/src/tests/__snapshots__/FlagVnIcon.html
index 1a86c8c6..18c1d94a 100644
--- a/src/tests/__snapshots__/FlagVnIcon.html
+++ b/src/tests/__snapshots__/FlagVnIcon.html
@@ -1 +1,9 @@
-<span data-v-73f02b60="" class="kui-icon flag-vn-icon" data-testid="kui-icon-wrapper-flag-vn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73f02b60="" data-testid="kui-icon-svg-flag-vn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73f02b60="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-73f02b60="" clip-path="url(#clip0_246_5686)"><path data-v-73f02b60="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path><path data-v-73f02b60="" d="M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z" fill="#FFDA44"></path></g><defs data-v-73f02b60=""><clipPath data-v-73f02b60="" id="clip0_246_5686"><rect data-v-73f02b60="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-73f02b60="" class="kui-icon flag-vn-icon" data-testid="kui-icon-wrapper-flag-vn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73f02b60="" data-testid="kui-icon-svg-flag-vn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73f02b60="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-73f02b60=""><g clip-path="url(#clip0_246_5686)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
+<path d="M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5686">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVuIcon.html b/src/tests/__snapshots__/FlagVuIcon.html
index bfb1d2f0..9dd05062 100644
--- a/src/tests/__snapshots__/FlagVuIcon.html
+++ b/src/tests/__snapshots__/FlagVuIcon.html
@@ -1 +1,30 @@
-<span data-v-32a00c4f="" class="kui-icon flag-vu-icon" data-testid="kui-icon-wrapper-flag-vu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32a00c4f="" data-testid="kui-icon-svg-flag-vu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-32a00c4f="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-32a00c4f="" clip-path="url(#clip0_246_5642)"><path data-v-32a00c4f="" d="M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.9689 12.8624C23.9665 12.8961 23.9641 12.9298 23.9614 12.9634C23.9641 12.9298 23.9664 12.8961 23.9689 12.8624Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.9287 10.6921C23.9331 10.7323 23.9375 10.7723 23.9415 10.8126C23.9375 10.7723 23.9331 10.7323 23.9287 10.6921Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.981 11.3305C23.9822 11.3534 23.9838 11.3762 23.9848 11.3991C23.9837 11.3762 23.9822 11.3533 23.981 11.3305Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.9946 11.6576C23.9953 11.6807 23.9958 11.704 23.9963 11.7272C23.9958 11.7039 23.9952 11.6807 23.9946 11.6576Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.9614 11.0366C23.9641 11.0702 23.9665 11.1039 23.9689 11.1376C23.9664 11.1039 23.9641 11.0702 23.9614 11.0366Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.8984 10.4348C23.9038 10.4759 23.9086 10.5172 23.9135 10.5584C23.2013 4.61086 18.1395 6.10352e-05 12 6.10352e-05C8.68626 6.10352e-05 5.68622 1.34326 3.51465 3.51493L10.4345 10.4348H23.8984V10.4348Z" fill="#D80027"></path><path data-v-32a00c4f="" d="M23.8984 13.5652H10.4345L3.51465 20.4852C5.68622 22.6568 8.68626 24 12 24C18.1395 24 23.2014 19.3892 23.9135 13.4416C23.9086 13.4828 23.9037 13.5241 23.8984 13.5652Z" fill="#6DA544"></path><path data-v-32a00c4f="" d="M23.9415 13.1874C23.9375 13.2277 23.9331 13.2677 23.9287 13.3079C23.9331 13.2677 23.9376 13.2277 23.9415 13.1874Z" fill="#F0F0F0"></path><path data-v-32a00c4f="" d="M23.9688 11.1376C23.9733 11.2017 23.9774 11.2661 23.9809 11.3305C23.9774 11.2661 23.9733 11.2017 23.9688 11.1376Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9136 10.5584C23.919 10.6029 23.9241 10.6475 23.9289 10.6921C23.924 10.6475 23.9189 10.6029 23.9136 10.5584Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9414 10.8126C23.9487 10.887 23.9553 10.9617 23.9613 11.0367C23.9554 10.9617 23.9488 10.887 23.9414 10.8126Z" fill="black"></path><path data-v-32a00c4f="" d="M24 12C24 12.0913 23.9986 12.1822 23.9966 12.2729C23.9986 12.1821 24 12.0912 24 12Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9809 12.6695C23.9774 12.7339 23.9732 12.7983 23.9688 12.8624C23.9732 12.7983 23.9773 12.7339 23.9809 12.6695Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9613 12.9634C23.9553 13.0383 23.9487 13.113 23.9414 13.1875C23.9488 13.113 23.9554 13.0383 23.9613 12.9634Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9289 13.3079C23.9241 13.3525 23.919 13.397 23.9136 13.4415C23.9189 13.3971 23.924 13.3525 23.9289 13.3079Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9966 11.7271C23.9986 11.8179 24 11.9088 24 12C24 11.9088 23.9986 11.8179 23.9966 11.7271Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9849 11.3991C23.9891 11.485 23.9923 11.5712 23.9947 11.6575C23.9923 11.5711 23.9891 11.485 23.9849 11.3991Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9947 12.3425C23.9923 12.4288 23.9891 12.515 23.9849 12.6009C23.9892 12.515 23.9923 12.4288 23.9947 12.3425Z" fill="black"></path><path data-v-32a00c4f="" d="M23.9888 11.474H9.99401L2.80542 4.28644C2.57306 4.5315 2.3212 4.87369 2.16543 5.11739L9.04006 11.9956L2.15967 18.8762C2.29589 19.1185 2.59265 19.4772 2.80101 19.7106L9.99415 12.5174H23.9904C23.9979 12.3444 24.0002 12.1706 24.0002 11.9957C24.0002 11.7614 23.9937 11.5887 23.9888 11.474Z" fill="#FFDA44"></path><path data-v-32a00c4f="" d="M2.91515 14.5581V13.553C3.91818 13.553 4.73413 12.7369 4.73413 11.734C4.73413 11.0243 4.15677 10.447 3.44718 10.447C2.96376 10.447 2.57043 10.8403 2.57043 11.3238C2.57043 11.633 2.82191 11.8845 3.1311 11.8845C3.30585 11.8845 3.44802 11.7422 3.44802 11.5675H4.45311C4.45311 12.2965 3.86005 12.8896 3.13115 12.8896C2.26776 12.8896 1.56543 12.1872 1.56543 11.3239C1.56543 10.2862 2.40965 9.44208 3.44722 9.44208C4.71106 9.44208 5.73931 10.4703 5.73931 11.7341C5.73927 13.2912 4.47238 14.5581 2.91515 14.5581Z" fill="#FFDA44"></path></g><defs data-v-32a00c4f=""><clipPath data-v-32a00c4f="" id="clip0_246_5642"><rect data-v-32a00c4f="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-32a00c4f="" class="kui-icon flag-vu-icon" data-testid="kui-icon-wrapper-flag-vu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32a00c4f="" data-testid="kui-icon-svg-flag-vu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-32a00c4f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-32a00c4f=""><g clip-path="url(#clip0_246_5642)">
+<path d="M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z" fill="black"></path>
+<path d="M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z" fill="#F0F0F0"></path>
+<path d="M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z" fill="#F0F0F0"></path>
+<path d="M23.9689 12.8624C23.9665 12.8961 23.9641 12.9298 23.9614 12.9634C23.9641 12.9298 23.9664 12.8961 23.9689 12.8624Z" fill="#F0F0F0"></path>
+<path d="M23.9287 10.6921C23.9331 10.7323 23.9375 10.7723 23.9415 10.8126C23.9375 10.7723 23.9331 10.7323 23.9287 10.6921Z" fill="#F0F0F0"></path>
+<path d="M23.981 11.3305C23.9822 11.3534 23.9838 11.3762 23.9848 11.3991C23.9837 11.3762 23.9822 11.3533 23.981 11.3305Z" fill="#F0F0F0"></path>
+<path d="M23.9946 11.6576C23.9953 11.6807 23.9958 11.704 23.9963 11.7272C23.9958 11.7039 23.9952 11.6807 23.9946 11.6576Z" fill="#F0F0F0"></path>
+<path d="M23.9614 11.0366C23.9641 11.0702 23.9665 11.1039 23.9689 11.1376C23.9664 11.1039 23.9641 11.0702 23.9614 11.0366Z" fill="#F0F0F0"></path>
+<path d="M23.8984 10.4348C23.9038 10.4759 23.9086 10.5172 23.9135 10.5584C23.2013 4.61086 18.1395 6.10352e-05 12 6.10352e-05C8.68626 6.10352e-05 5.68622 1.34326 3.51465 3.51493L10.4345 10.4348H23.8984V10.4348Z" fill="#D80027"></path>
+<path d="M23.8984 13.5652H10.4345L3.51465 20.4852C5.68622 22.6568 8.68626 24 12 24C18.1395 24 23.2014 19.3892 23.9135 13.4416C23.9086 13.4828 23.9037 13.5241 23.8984 13.5652Z" fill="#6DA544"></path>
+<path d="M23.9415 13.1874C23.9375 13.2277 23.9331 13.2677 23.9287 13.3079C23.9331 13.2677 23.9376 13.2277 23.9415 13.1874Z" fill="#F0F0F0"></path>
+<path d="M23.9688 11.1376C23.9733 11.2017 23.9774 11.2661 23.9809 11.3305C23.9774 11.2661 23.9733 11.2017 23.9688 11.1376Z" fill="black"></path>
+<path d="M23.9136 10.5584C23.919 10.6029 23.9241 10.6475 23.9289 10.6921C23.924 10.6475 23.9189 10.6029 23.9136 10.5584Z" fill="black"></path>
+<path d="M23.9414 10.8126C23.9487 10.887 23.9553 10.9617 23.9613 11.0367C23.9554 10.9617 23.9488 10.887 23.9414 10.8126Z" fill="black"></path>
+<path d="M24 12C24 12.0913 23.9986 12.1822 23.9966 12.2729C23.9986 12.1821 24 12.0912 24 12Z" fill="black"></path>
+<path d="M23.9809 12.6695C23.9774 12.7339 23.9732 12.7983 23.9688 12.8624C23.9732 12.7983 23.9773 12.7339 23.9809 12.6695Z" fill="black"></path>
+<path d="M23.9613 12.9634C23.9553 13.0383 23.9487 13.113 23.9414 13.1875C23.9488 13.113 23.9554 13.0383 23.9613 12.9634Z" fill="black"></path>
+<path d="M23.9289 13.3079C23.9241 13.3525 23.919 13.397 23.9136 13.4415C23.9189 13.3971 23.924 13.3525 23.9289 13.3079Z" fill="black"></path>
+<path d="M23.9966 11.7271C23.9986 11.8179 24 11.9088 24 12C24 11.9088 23.9986 11.8179 23.9966 11.7271Z" fill="black"></path>
+<path d="M23.9849 11.3991C23.9891 11.485 23.9923 11.5712 23.9947 11.6575C23.9923 11.5711 23.9891 11.485 23.9849 11.3991Z" fill="black"></path>
+<path d="M23.9947 12.3425C23.9923 12.4288 23.9891 12.515 23.9849 12.6009C23.9892 12.515 23.9923 12.4288 23.9947 12.3425Z" fill="black"></path>
+<path d="M23.9888 11.474H9.99401L2.80542 4.28644C2.57306 4.5315 2.3212 4.87369 2.16543 5.11739L9.04006 11.9956L2.15967 18.8762C2.29589 19.1185 2.59265 19.4772 2.80101 19.7106L9.99415 12.5174H23.9904C23.9979 12.3444 24.0002 12.1706 24.0002 11.9957C24.0002 11.7614 23.9937 11.5887 23.9888 11.474Z" fill="#FFDA44"></path>
+<path d="M2.91515 14.5581V13.553C3.91818 13.553 4.73413 12.7369 4.73413 11.734C4.73413 11.0243 4.15677 10.447 3.44718 10.447C2.96376 10.447 2.57043 10.8403 2.57043 11.3238C2.57043 11.633 2.82191 11.8845 3.1311 11.8845C3.30585 11.8845 3.44802 11.7422 3.44802 11.5675H4.45311C4.45311 12.2965 3.86005 12.8896 3.13115 12.8896C2.26776 12.8896 1.56543 12.1872 1.56543 11.3239C1.56543 10.2862 2.40965 9.44208 3.44722 9.44208C4.71106 9.44208 5.73931 10.4703 5.73931 11.7341C5.73927 13.2912 4.47238 14.5581 2.91515 14.5581Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5642">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagWsIcon.html b/src/tests/__snapshots__/FlagWsIcon.html
index b41e7748..0a24fcff 100644
--- a/src/tests/__snapshots__/FlagWsIcon.html
+++ b/src/tests/__snapshots__/FlagWsIcon.html
@@ -1 +1,14 @@
-<span data-v-a4282265="" class="kui-icon flag-ws-icon" data-testid="kui-icon-wrapper-flag-ws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a4282265="" data-testid="kui-icon-svg-flag-ws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a4282265="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a4282265="" clip-path="url(#clip0_246_5144)"><path data-v-a4282265="" d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path><path data-v-a4282265="" d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path><path data-v-a4282265="" d="M9.61195 7.82611L9.80625 8.424H10.4348L9.92625 8.79342L10.1205 9.39131L9.61195 9.0218L9.10336 9.39131L9.29766 8.79342L8.78906 8.424H9.41766L9.61195 7.82611Z" fill="#F0F0F0"></path><path data-v-a4282265="" d="M6.45448 3.13046L6.77824 4.12698H7.82599L6.9783 4.74268L7.30216 5.73915L6.45448 5.12326L5.60684 5.73915L5.93065 4.74268L5.08301 4.12698H6.13066L6.45448 3.13046Z" fill="#F0F0F0"></path><path data-v-a4282265="" d="M9.58485 4.17389L9.90861 5.17045H10.9563L10.1087 5.78615L10.4324 6.78262L9.58485 6.16673L8.73721 6.78262L9.06102 5.78615L8.21338 5.17045H9.26103L9.58485 4.17389Z" fill="#F0F0F0"></path><path data-v-a4282265="" d="M7.11073 8.34784L7.43454 9.34435H8.4822L7.63455 9.96006L7.95837 10.9565L7.11073 10.3407L6.26309 10.9565L6.5869 9.96006L5.73926 9.34435H6.78696L7.11073 8.34784Z" fill="#F0F0F0"></path><path data-v-a4282265="" d="M4.36752 5.73914L4.69133 6.73565H5.73903L4.89134 7.35135L5.21516 8.34782L4.36752 7.73198L3.51992 8.34782L3.84369 7.35135L2.99609 6.73565H4.04375L4.36752 5.73914Z" fill="#F0F0F0"></path></g><defs data-v-a4282265=""><clipPath data-v-a4282265="" id="clip0_246_5144"><rect data-v-a4282265="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a4282265="" class="kui-icon flag-ws-icon" data-testid="kui-icon-wrapper-flag-ws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a4282265="" data-testid="kui-icon-svg-flag-ws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a4282265="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a4282265=""><g clip-path="url(#clip0_246_5144)">
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
+<path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
+<path d="M9.61195 7.82611L9.80625 8.424H10.4348L9.92625 8.79342L10.1205 9.39131L9.61195 9.0218L9.10336 9.39131L9.29766 8.79342L8.78906 8.424H9.41766L9.61195 7.82611Z" fill="#F0F0F0"></path>
+<path d="M6.45448 3.13046L6.77824 4.12698H7.82599L6.9783 4.74268L7.30216 5.73915L6.45448 5.12326L5.60684 5.73915L5.93065 4.74268L5.08301 4.12698H6.13066L6.45448 3.13046Z" fill="#F0F0F0"></path>
+<path d="M9.58485 4.17389L9.90861 5.17045H10.9563L10.1087 5.78615L10.4324 6.78262L9.58485 6.16673L8.73721 6.78262L9.06102 5.78615L8.21338 5.17045H9.26103L9.58485 4.17389Z" fill="#F0F0F0"></path>
+<path d="M7.11073 8.34784L7.43454 9.34435H8.4822L7.63455 9.96006L7.95837 10.9565L7.11073 10.3407L6.26309 10.9565L6.5869 9.96006L5.73926 9.34435H6.78696L7.11073 8.34784Z" fill="#F0F0F0"></path>
+<path d="M4.36752 5.73914L4.69133 6.73565H5.73903L4.89134 7.35135L5.21516 8.34782L4.36752 7.73198L3.51992 8.34782L3.84369 7.35135L2.99609 6.73565H4.04375L4.36752 5.73914Z" fill="#F0F0F0"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5144">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagYeIcon.html b/src/tests/__snapshots__/FlagYeIcon.html
index 197fcb65..416d2c2a 100644
--- a/src/tests/__snapshots__/FlagYeIcon.html
+++ b/src/tests/__snapshots__/FlagYeIcon.html
@@ -1 +1,10 @@
-<span data-v-f52aff07="" class="kui-icon flag-ye-icon" data-testid="kui-icon-wrapper-flag-ye-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f52aff07="" data-testid="kui-icon-svg-flag-ye-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f52aff07="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-f52aff07="" clip-path="url(#clip0_246_5706)"><path data-v-f52aff07="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-f52aff07="" d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="black"></path><path data-v-f52aff07="" d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path></g><defs data-v-f52aff07=""><clipPath data-v-f52aff07="" id="clip0_246_5706"><rect data-v-f52aff07="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-f52aff07="" class="kui-icon flag-ye-icon" data-testid="kui-icon-wrapper-flag-ye-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f52aff07="" data-testid="kui-icon-svg-flag-ye-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f52aff07="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f52aff07=""><g clip-path="url(#clip0_246_5706)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="black"></path>
+<path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5706">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagZaIcon.html b/src/tests/__snapshots__/FlagZaIcon.html
index d08643e0..17879a1a 100644
--- a/src/tests/__snapshots__/FlagZaIcon.html
+++ b/src/tests/__snapshots__/FlagZaIcon.html
@@ -1 +1,13 @@
-<span data-v-eb0a9345="" class="kui-icon flag-za-icon" data-testid="kui-icon-wrapper-flag-za-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb0a9345="" data-testid="kui-icon-svg-flag-za-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eb0a9345="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-eb0a9345="" clip-path="url(#clip0_1415_4786)"><path data-v-eb0a9345="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-eb0a9345="" d="M3.51471 20.4853C-1.17157 15.7989 -1.17157 8.20098 3.51471 3.51465C3.51438 3.51516 10.4348 12 10.4348 12L3.51471 20.4853Z" fill="black"></path><path data-v-eb0a9345="" d="M10.4349 12.0004L1.59162 6.02441C1.31745 6.50099 1.07567 6.99843 0.86792 7.5133L5.3449 12.0004L0.868061 16.4878C1.07562 17.0023 1.31717 17.4994 1.59115 17.9756L10.4349 12.0004Z" fill="#FFDA44"></path><path data-v-eb0a9345="" d="M23.8984 10.4346H10.4345L3.51458 3.51465C2.76889 4.26034 2.12103 5.10366 1.59153 6.02387L7.55586 11.9998L1.59106 17.9749C2.12056 18.8954 2.7687 19.739 3.51458 20.4849L10.4345 13.565H23.8984C23.9651 13.0526 24 12.5303 24 11.9998C24 11.4693 23.9651 10.9469 23.8984 10.4346Z" fill="#6DA544"></path><path data-v-eb0a9345="" d="M4.69385 21.5196C6.71739 23.075 9.25038 24.0004 11.9999 24.0004C17.5442 24.0004 22.2095 20.24 23.5865 15.1309H11.0827L4.69385 21.5196Z" fill="#0052B4"></path><path data-v-eb0a9345="" d="M23.5865 8.86955C22.2095 3.76036 17.5442 0 11.9999 0C9.25038 0 6.71739 0.925359 4.69385 2.48077L11.0826 8.86955H23.5865Z" fill="#D80027"></path></g><defs data-v-eb0a9345=""><clipPath data-v-eb0a9345="" id="clip0_1415_4786"><rect data-v-eb0a9345="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-eb0a9345="" class="kui-icon flag-za-icon" data-testid="kui-icon-wrapper-flag-za-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb0a9345="" data-testid="kui-icon-svg-flag-za-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eb0a9345="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eb0a9345=""><g clip-path="url(#clip0_1415_4786)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M3.51471 20.4853C-1.17157 15.7989 -1.17157 8.20098 3.51471 3.51465C3.51438 3.51516 10.4348 12 10.4348 12L3.51471 20.4853Z" fill="black"></path>
+<path d="M10.4349 12.0004L1.59162 6.02441C1.31745 6.50099 1.07567 6.99843 0.86792 7.5133L5.3449 12.0004L0.868061 16.4878C1.07562 17.0023 1.31717 17.4994 1.59115 17.9756L10.4349 12.0004Z" fill="#FFDA44"></path>
+<path d="M23.8984 10.4346H10.4345L3.51458 3.51465C2.76889 4.26034 2.12103 5.10366 1.59153 6.02387L7.55586 11.9998L1.59106 17.9749C2.12056 18.8954 2.7687 19.739 3.51458 20.4849L10.4345 13.565H23.8984C23.9651 13.0526 24 12.5303 24 11.9998C24 11.4693 23.9651 10.9469 23.8984 10.4346Z" fill="#6DA544"></path>
+<path d="M4.69385 21.5196C6.71739 23.075 9.25038 24.0004 11.9999 24.0004C17.5442 24.0004 22.2095 20.24 23.5865 15.1309H11.0827L4.69385 21.5196Z" fill="#0052B4"></path>
+<path d="M23.5865 8.86955C22.2095 3.76036 17.5442 0 11.9999 0C9.25038 0 6.71739 0.925359 4.69385 2.48077L11.0826 8.86955H23.5865Z" fill="#D80027"></path>
+</g>
+<defs>
+<clipPath id="clip0_1415_4786">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagZmIcon.html b/src/tests/__snapshots__/FlagZmIcon.html
index 9c9e543d..de68a047 100644
--- a/src/tests/__snapshots__/FlagZmIcon.html
+++ b/src/tests/__snapshots__/FlagZmIcon.html
@@ -1 +1,12 @@
-<span data-v-aa51e1db="" class="kui-icon flag-zm-icon" data-testid="kui-icon-wrapper-flag-zm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa51e1db="" data-testid="kui-icon-svg-flag-zm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa51e1db="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-aa51e1db="" clip-path="url(#clip0_246_5710)"><path data-v-aa51e1db="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path><path data-v-aa51e1db="" d="M16.6957 12H12V24C13.4027 24 14.7488 23.7585 16 23.3163L16.6957 12Z" fill="#D80027"></path><path data-v-aa51e1db="" d="M19.9998 20.9434C22.4546 18.7462 23.9999 15.5537 23.9999 12H19.3042L19.9998 20.9434Z" fill="#FF9811"></path><path data-v-aa51e1db="" d="M16 12V23.3163C17.4905 22.7894 18.8458 21.9766 20 20.9435V12H16Z" fill="black"></path><path data-v-aa51e1db="" d="M22.174 7.82614H19.0436C19.0436 7.24986 18.5764 6.78265 18.0001 6.78265C17.4238 6.78265 16.9566 7.24986 16.9566 7.82614H13.8262C13.8262 8.40247 14.3282 8.86962 14.9044 8.86962H14.8697C14.8697 9.44595 15.3368 9.91311 15.9131 9.91311C15.9131 10.4894 16.3803 10.9566 16.9566 10.9566H19.0436C19.6199 10.9566 20.0871 10.4894 20.0871 9.91311C20.6634 9.91311 21.1306 9.44595 21.1306 8.86962H21.0958C21.6721 8.86958 22.174 8.40242 22.174 7.82614Z" fill="#FF9811"></path></g><defs data-v-aa51e1db=""><clipPath data-v-aa51e1db="" id="clip0_246_5710"><rect data-v-aa51e1db="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-aa51e1db="" class="kui-icon flag-zm-icon" data-testid="kui-icon-wrapper-flag-zm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa51e1db="" data-testid="kui-icon-svg-flag-zm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa51e1db="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aa51e1db=""><g clip-path="url(#clip0_246_5710)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
+<path d="M16.6957 12H12V24C13.4027 24 14.7488 23.7585 16 23.3163L16.6957 12Z" fill="#D80027"></path>
+<path d="M19.9998 20.9434C22.4546 18.7462 23.9999 15.5537 23.9999 12H19.3042L19.9998 20.9434Z" fill="#FF9811"></path>
+<path d="M16 12V23.3163C17.4905 22.7894 18.8458 21.9766 20 20.9435V12H16Z" fill="black"></path>
+<path d="M22.174 7.82614H19.0436C19.0436 7.24986 18.5764 6.78265 18.0001 6.78265C17.4238 6.78265 16.9566 7.24986 16.9566 7.82614H13.8262C13.8262 8.40247 14.3282 8.86962 14.9044 8.86962H14.8697C14.8697 9.44595 15.3368 9.91311 15.9131 9.91311C15.9131 10.4894 16.3803 10.9566 16.9566 10.9566H19.0436C19.6199 10.9566 20.0871 10.4894 20.0871 9.91311C20.6634 9.91311 21.1306 9.44595 21.1306 8.86962H21.0958C21.6721 8.86958 22.174 8.40242 22.174 7.82614Z" fill="#FF9811"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5710">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagZwIcon.html b/src/tests/__snapshots__/FlagZwIcon.html
index 6ddf1db9..93efa590 100644
--- a/src/tests/__snapshots__/FlagZwIcon.html
+++ b/src/tests/__snapshots__/FlagZwIcon.html
@@ -1 +1,18 @@
-<span data-v-dbfd348b="" class="kui-icon flag-zw-icon" data-testid="kui-icon-wrapper-flag-zw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbfd348b="" data-testid="kui-icon-svg-flag-zw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dbfd348b="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-dbfd348b="" clip-path="url(#clip0_246_5716)"><path data-v-dbfd348b="" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path><path data-v-dbfd348b="" d="M22.8512 6.87203C22.2416 5.58419 21.4095 4.42248 20.4045 3.436L11.9998 2.6087L3.59512 3.43605C3.56831 3.46234 3.54216 3.48925 3.51562 3.51583L6.87188 6.87208L11.9998 7.02869L22.8512 6.87203Z" fill="#FFDA44"></path><path data-v-dbfd348b="" d="M3.51562 20.4843C3.55978 20.5285 3.60384 20.5727 3.64866 20.6162L12 21.3913L20.3512 20.6162C21.3665 19.6318 22.2088 18.47 22.827 17.1802L7.30425 16.6957C5.96864 18.0313 4.42814 19.5717 3.51562 20.4843Z" fill="#FFDA44"></path><path data-v-dbfd348b="" d="M23.8807 10.308L9.91309 9.91302L12.0001 12C11.3819 12.6181 10.4591 13.5409 9.91309 14.087L23.8734 13.7441C23.9564 13.1746 24.0001 12.5924 24.0001 12C24.0001 11.4256 23.9588 10.8609 23.8807 10.308Z" fill="black"></path><path data-v-dbfd348b="" d="M11.9999 0C8.72672 0 5.76018 1.31109 3.59521 3.43603H20.4046C18.2396 1.31109 15.2731 0 11.9999 0Z" fill="#6DA544"></path><path data-v-dbfd348b="" d="M10.3081 10.308H23.8807C23.7095 9.09496 23.3572 7.94024 22.8515 6.87201H6.87207L10.3081 10.308Z" fill="#D80027"></path><path data-v-dbfd348b="" d="M6.81982 17.1802H22.8271C23.3387 16.1127 23.6966 14.9579 23.8734 13.7441H10.2559C8.92521 15.0748 7.7975 16.2025 6.81982 17.1802Z" fill="#D80027"></path><path data-v-dbfd348b="" d="M12.0001 24C15.2465 24 18.1911 22.7104 20.3513 20.6161H3.64893C5.80911 22.7104 8.7538 24 12.0001 24Z" fill="#6DA544"></path><path data-v-dbfd348b="" d="M4.28504 2.80939C4.01827 3.03354 3.76088 3.26853 3.51465 3.51467L12 12L3.51465 20.4853C3.76084 20.7315 4.01827 20.9664 4.28504 21.1906L13.4756 12L4.28504 2.80939Z" fill="black"></path><path data-v-dbfd348b="" d="M4.82467 8.86957L5.60162 11.2609H8.11623L6.08195 12.739L6.85895 15.1305L4.82467 13.6525L2.79034 15.1305L3.56744 12.739L1.5332 11.2609H4.04767L4.82467 8.86957Z" fill="#D80027"></path><path data-v-dbfd348b="" d="M6.96184 12.1956L4.93694 11.4783C4.93694 11.4783 4.78731 10.0747 4.77827 10.0271C4.70955 9.66509 4.39141 9.3913 4.00937 9.3913C3.57719 9.3913 3.22675 9.74169 3.22675 10.1739C3.22675 10.2456 3.2372 10.3146 3.25525 10.3806L2.6875 10.9522H3.697C3.697 12 2.91512 12 2.91512 13.0435L3.34886 14.087H5.95755L6.39236 13.0435H6.39217C6.43572 12.9433 6.46216 12.8401 6.47308 12.7369C6.84789 12.5853 6.96184 12.1956 6.96184 12.1956Z" fill="#FFDA44"></path></g><defs data-v-dbfd348b=""><clipPath data-v-dbfd348b="" id="clip0_246_5716"><rect data-v-dbfd348b="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-dbfd348b="" class="kui-icon flag-zw-icon" data-testid="kui-icon-wrapper-flag-zw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbfd348b="" data-testid="kui-icon-svg-flag-zw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dbfd348b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-dbfd348b=""><g clip-path="url(#clip0_246_5716)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
+<path d="M22.8512 6.87203C22.2416 5.58419 21.4095 4.42248 20.4045 3.436L11.9998 2.6087L3.59512 3.43605C3.56831 3.46234 3.54216 3.48925 3.51562 3.51583L6.87188 6.87208L11.9998 7.02869L22.8512 6.87203Z" fill="#FFDA44"></path>
+<path d="M3.51562 20.4843C3.55978 20.5285 3.60384 20.5727 3.64866 20.6162L12 21.3913L20.3512 20.6162C21.3665 19.6318 22.2088 18.47 22.827 17.1802L7.30425 16.6957C5.96864 18.0313 4.42814 19.5717 3.51562 20.4843Z" fill="#FFDA44"></path>
+<path d="M23.8807 10.308L9.91309 9.91302L12.0001 12C11.3819 12.6181 10.4591 13.5409 9.91309 14.087L23.8734 13.7441C23.9564 13.1746 24.0001 12.5924 24.0001 12C24.0001 11.4256 23.9588 10.8609 23.8807 10.308Z" fill="black"></path>
+<path d="M11.9999 0C8.72672 0 5.76018 1.31109 3.59521 3.43603H20.4046C18.2396 1.31109 15.2731 0 11.9999 0Z" fill="#6DA544"></path>
+<path d="M10.3081 10.308H23.8807C23.7095 9.09496 23.3572 7.94024 22.8515 6.87201H6.87207L10.3081 10.308Z" fill="#D80027"></path>
+<path d="M6.81982 17.1802H22.8271C23.3387 16.1127 23.6966 14.9579 23.8734 13.7441H10.2559C8.92521 15.0748 7.7975 16.2025 6.81982 17.1802Z" fill="#D80027"></path>
+<path d="M12.0001 24C15.2465 24 18.1911 22.7104 20.3513 20.6161H3.64893C5.80911 22.7104 8.7538 24 12.0001 24Z" fill="#6DA544"></path>
+<path d="M4.28504 2.80939C4.01827 3.03354 3.76088 3.26853 3.51465 3.51467L12 12L3.51465 20.4853C3.76084 20.7315 4.01827 20.9664 4.28504 21.1906L13.4756 12L4.28504 2.80939Z" fill="black"></path>
+<path d="M4.82467 8.86957L5.60162 11.2609H8.11623L6.08195 12.739L6.85895 15.1305L4.82467 13.6525L2.79034 15.1305L3.56744 12.739L1.5332 11.2609H4.04767L4.82467 8.86957Z" fill="#D80027"></path>
+<path d="M6.96184 12.1956L4.93694 11.4783C4.93694 11.4783 4.78731 10.0747 4.77827 10.0271C4.70955 9.66509 4.39141 9.3913 4.00937 9.3913C3.57719 9.3913 3.22675 9.74169 3.22675 10.1739C3.22675 10.2456 3.2372 10.3146 3.25525 10.3806L2.6875 10.9522H3.697C3.697 12 2.91512 12 2.91512 13.0435L3.34886 14.087H5.95755L6.39236 13.0435H6.39217C6.43572 12.9433 6.46216 12.8401 6.47308 12.7369C6.84789 12.5853 6.96184 12.1956 6.96184 12.1956Z" fill="#FFDA44"></path>
+</g>
+<defs>
+<clipPath id="clip0_246_5716">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ForwardIcon.html b/src/tests/__snapshots__/ForwardIcon.html
index f0910a6e..7755dafc 100644
--- a/src/tests/__snapshots__/ForwardIcon.html
+++ b/src/tests/__snapshots__/ForwardIcon.html
@@ -1 +1 @@
-<span data-v-7a18d376="" class="kui-icon forward-icon" data-testid="kui-icon-wrapper-forward-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a18d376="" data-testid="kui-icon-svg-forward-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7a18d376="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-7a18d376="" d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-7a18d376="" class="kui-icon forward-icon" data-testid="kui-icon-wrapper-forward-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a18d376="" data-testid="kui-icon-svg-forward-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7a18d376="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7a18d376=""><path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GatewayIcon.html b/src/tests/__snapshots__/GatewayIcon.html
index b5b8c97e..5dca0d68 100644
--- a/src/tests/__snapshots__/GatewayIcon.html
+++ b/src/tests/__snapshots__/GatewayIcon.html
@@ -1 +1 @@
-<span data-v-578c6864="" class="kui-icon gateway-icon" data-testid="kui-icon-wrapper-gateway-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-578c6864="" data-testid="kui-icon-svg-gateway-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-578c6864="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-578c6864="" d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-578c6864="" class="kui-icon gateway-icon" data-testid="kui-icon-wrapper-gateway-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-578c6864="" data-testid="kui-icon-svg-gateway-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-578c6864="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-578c6864=""><path d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GoogleCloudIcon.html b/src/tests/__snapshots__/GoogleCloudIcon.html
index 9a7bd174..e0169797 100644
--- a/src/tests/__snapshots__/GoogleCloudIcon.html
+++ b/src/tests/__snapshots__/GoogleCloudIcon.html
@@ -1 +1,4 @@
-<span data-v-72e06b23="" class="kui-icon google-cloud-icon" data-testid="kui-icon-wrapper-google-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72e06b23="" data-testid="kui-icon-svg-google-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72e06b23="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-72e06b23="" d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"></path><path data-v-72e06b23="" d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"></path><path data-v-72e06b23="" d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"></path><path data-v-72e06b23="" d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"></path></svg></span>
\ No newline at end of file
+<span data-v-72e06b23="" class="kui-icon google-cloud-icon" data-testid="kui-icon-wrapper-google-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72e06b23="" data-testid="kui-icon-svg-google-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72e06b23="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-72e06b23=""><path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"></path>
+<path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"></path>
+<path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"></path>
+<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GoogleIcon.html b/src/tests/__snapshots__/GoogleIcon.html
index ff9bd06e..4f1a3847 100644
--- a/src/tests/__snapshots__/GoogleIcon.html
+++ b/src/tests/__snapshots__/GoogleIcon.html
@@ -1 +1,4 @@
-<span data-v-869718c8="" class="kui-icon google-icon" data-testid="kui-icon-wrapper-google-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-869718c8="" data-testid="kui-icon-svg-google-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-869718c8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-869718c8="" fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"></path><path data-v-869718c8="" fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z" fill="#34A853"></path><path data-v-869718c8="" fill-rule="evenodd" clip-rule="evenodd" d="M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z" fill="#FBBC05"></path><path data-v-869718c8="" fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"></path></svg></span>
\ No newline at end of file
+<span data-v-869718c8="" class="kui-icon google-icon" data-testid="kui-icon-wrapper-google-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-869718c8="" data-testid="kui-icon-svg-google-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-869718c8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-869718c8=""><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z" fill="#34A853"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z" fill="#FBBC05"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GraduationIcon.html b/src/tests/__snapshots__/GraduationIcon.html
index 793f1ce0..1fcccf9e 100644
--- a/src/tests/__snapshots__/GraduationIcon.html
+++ b/src/tests/__snapshots__/GraduationIcon.html
@@ -1 +1 @@
-<span data-v-96f01ca2="" class="kui-icon graduation-icon" data-testid="kui-icon-wrapper-graduation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-96f01ca2="" data-testid="kui-icon-svg-graduation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-96f01ca2="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-96f01ca2="" d="M12 21L5 17.2V11.2L1 9L12 3L23 9V17H21V10.1L19 11.2V17.2L12 21ZM12 12.7L18.85 9L12 5.3L5.15 9L12 12.7ZM12 18.725L17 16.025V12.25L12 15L7 12.25V16.025L12 18.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-96f01ca2="" class="kui-icon graduation-icon" data-testid="kui-icon-wrapper-graduation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-96f01ca2="" data-testid="kui-icon-svg-graduation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-96f01ca2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-96f01ca2=""><path d="M12 21L5 17.2V11.2L1 9L12 3L23 9V17H21V10.1L19 11.2V17.2L12 21ZM12 12.7L18.85 9L12 5.3L5.15 9L12 12.7ZM12 18.725L17 16.025V12.25L12 15L7 12.25V16.025L12 18.725Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GridIcon.html b/src/tests/__snapshots__/GridIcon.html
index bc5780bf..3a86745a 100644
--- a/src/tests/__snapshots__/GridIcon.html
+++ b/src/tests/__snapshots__/GridIcon.html
@@ -1 +1 @@
-<span data-v-29f3bac5="" class="kui-icon grid-icon" data-testid="kui-icon-wrapper-grid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-29f3bac5="" data-testid="kui-icon-svg-grid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-29f3bac5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-29f3bac5="" d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-29f3bac5="" class="kui-icon grid-icon" data-testid="kui-icon-wrapper-grid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-29f3bac5="" data-testid="kui-icon-svg-grid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-29f3bac5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-29f3bac5=""><path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HashicorpIcon.html b/src/tests/__snapshots__/HashicorpIcon.html
index afc948b7..543e3788 100644
--- a/src/tests/__snapshots__/HashicorpIcon.html
+++ b/src/tests/__snapshots__/HashicorpIcon.html
@@ -1 +1,2 @@
-<span data-v-daa480be="" class="kui-icon hashicorp-icon" data-testid="kui-icon-wrapper-hashicorp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-daa480be="" data-testid="kui-icon-svg-hashicorp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-daa480be="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-daa480be="" d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"></path><path data-v-daa480be="" d="M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z" fill="black"></path></svg></span>
\ No newline at end of file
+<span data-v-daa480be="" class="kui-icon hashicorp-icon" data-testid="kui-icon-wrapper-hashicorp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-daa480be="" data-testid="kui-icon-svg-hashicorp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-daa480be="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-daa480be=""><path d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"></path>
+<path d="M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z" fill="black"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HelpIcon.html b/src/tests/__snapshots__/HelpIcon.html
index 0d832e6b..6bfcfdf2 100644
--- a/src/tests/__snapshots__/HelpIcon.html
+++ b/src/tests/__snapshots__/HelpIcon.html
@@ -1 +1 @@
-<span data-v-f3fbb6ec="" class="kui-icon help-icon" data-testid="kui-icon-wrapper-help-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3fbb6ec="" data-testid="kui-icon-svg-help-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f3fbb6ec="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f3fbb6ec="" d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f3fbb6ec="" class="kui-icon help-icon" data-testid="kui-icon-wrapper-help-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3fbb6ec="" data-testid="kui-icon-svg-help-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f3fbb6ec="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f3fbb6ec=""><path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HistoryIcon.html b/src/tests/__snapshots__/HistoryIcon.html
index 48a7837e..7a1f14dd 100644
--- a/src/tests/__snapshots__/HistoryIcon.html
+++ b/src/tests/__snapshots__/HistoryIcon.html
@@ -1 +1 @@
-<span data-v-6f113882="" class="kui-icon history-icon" data-testid="kui-icon-wrapper-history-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6f113882="" data-testid="kui-icon-svg-history-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6f113882="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-6f113882="" d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-6f113882="" class="kui-icon history-icon" data-testid="kui-icon-wrapper-history-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6f113882="" data-testid="kui-icon-svg-history-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6f113882="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6f113882=""><path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HtmlIcon.html b/src/tests/__snapshots__/HtmlIcon.html
index 5ccaac37..d313d3d4 100644
--- a/src/tests/__snapshots__/HtmlIcon.html
+++ b/src/tests/__snapshots__/HtmlIcon.html
@@ -1 +1 @@
-<span data-v-109926c4="" class="kui-icon html-icon" data-testid="kui-icon-wrapper-html-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-109926c4="" data-testid="kui-icon-svg-html-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-109926c4="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-109926c4="" d="M0 15V9H1.5V11H3.5V9H5V15H3.5V12.5H1.5V15H0ZM7.75 15V10.5H6V9H11V10.5H9.25V15H7.75ZM12 15V10C12 9.71667 12.0958 9.47917 12.2875 9.2875C12.4792 9.09583 12.7167 9 13 9H17.5C17.7833 9 18.0208 9.09583 18.2125 9.2875C18.4042 9.47917 18.5 9.71667 18.5 10V15H17V10.5H16V14H14.5V10.5H13.5V15H12ZM20 15V9H21.5V13.5H24V15H20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-109926c4="" class="kui-icon html-icon" data-testid="kui-icon-wrapper-html-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-109926c4="" data-testid="kui-icon-svg-html-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-109926c4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-109926c4=""><path d="M0 15V9H1.5V11H3.5V9H5V15H3.5V12.5H1.5V15H0ZM7.75 15V10.5H6V9H11V10.5H9.25V15H7.75ZM12 15V10C12 9.71667 12.0958 9.47917 12.2875 9.2875C12.4792 9.09583 12.7167 9 13 9H17.5C17.7833 9 18.0208 9.09583 18.2125 9.2875C18.4042 9.47917 18.5 9.71667 18.5 10V15H17V10.5H16V14H14.5V10.5H13.5V15H12ZM20 15V9H21.5V13.5H24V15H20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ImageIcon.html b/src/tests/__snapshots__/ImageIcon.html
index 090ea5b6..27a96aee 100644
--- a/src/tests/__snapshots__/ImageIcon.html
+++ b/src/tests/__snapshots__/ImageIcon.html
@@ -1 +1 @@
-<span data-v-37d22524="" class="kui-icon image-icon" data-testid="kui-icon-wrapper-image-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-37d22524="" data-testid="kui-icon-svg-image-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-37d22524="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-37d22524="" d="M5 22C4.16667 22 3.45833 21.7083 2.875 21.125C2.29167 20.5417 2 19.8333 2 19V5C2 4.16667 2.29167 3.45833 2.875 2.875C3.45833 2.29167 4.16667 2 5 2H19C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5V19C22 19.8333 21.7083 20.5417 21.125 21.125C20.5417 21.7083 19.8333 22 19 22H5ZM5 20H19C19.2833 20 19.5208 19.9042 19.7125 19.7125C19.9042 19.5208 20 19.2833 20 19V5C20 4.71667 19.9042 4.47917 19.7125 4.2875C19.5208 4.09583 19.2833 4 19 4H5C4.71667 4 4.47917 4.09583 4.2875 4.2875C4.09583 4.47917 4 4.71667 4 5V19C4 19.2833 4.09583 19.5208 4.2875 19.7125C4.47917 19.9042 4.71667 20 5 20ZM6 18L10 14L11.8 15.775L14 13L18 18H6ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-37d22524="" class="kui-icon image-icon" data-testid="kui-icon-wrapper-image-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-37d22524="" data-testid="kui-icon-svg-image-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-37d22524="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-37d22524=""><path d="M5 22C4.16667 22 3.45833 21.7083 2.875 21.125C2.29167 20.5417 2 19.8333 2 19V5C2 4.16667 2.29167 3.45833 2.875 2.875C3.45833 2.29167 4.16667 2 5 2H19C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5V19C22 19.8333 21.7083 20.5417 21.125 21.125C20.5417 21.7083 19.8333 22 19 22H5ZM5 20H19C19.2833 20 19.5208 19.9042 19.7125 19.7125C19.9042 19.5208 20 19.2833 20 19V5C20 4.71667 19.9042 4.47917 19.7125 4.2875C19.5208 4.09583 19.2833 4 19 4H5C4.71667 4 4.47917 4.09583 4.2875 4.2875C4.09583 4.47917 4 4.71667 4 5V19C4 19.2833 4.09583 19.5208 4.2875 19.7125C4.47917 19.9042 4.71667 20 5 20ZM6 18L10 14L11.8 15.775L14 13L18 18H6ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ImmunityIcon.html b/src/tests/__snapshots__/ImmunityIcon.html
index 473f0143..f1b7fa09 100644
--- a/src/tests/__snapshots__/ImmunityIcon.html
+++ b/src/tests/__snapshots__/ImmunityIcon.html
@@ -1 +1 @@
-<span data-v-472d6ff8="" class="kui-icon immunity-icon" data-testid="kui-icon-wrapper-immunity-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-472d6ff8="" data-testid="kui-icon-svg-immunity-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-472d6ff8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-472d6ff8="" d="M7 22V17H2V7H7V2H17V7H22V17H17V22H7ZM4 11H9C9.16667 11 9.325 11.0417 9.475 11.125C9.625 11.2083 9.74167 11.3167 9.825 11.45L10.7 12.75L12.05 8.7C12.1167 8.5 12.2375 8.33333 12.4125 8.2C12.5875 8.06667 12.7833 8 13 8C13.1667 8 13.325 8.04167 13.475 8.125C13.625 8.20833 13.7417 8.31667 13.825 8.45L15.525 11H20V9H15V4H9V9H4V11ZM9 20H15V15H20V13H15C14.8333 13 14.675 12.9583 14.525 12.875C14.375 12.7917 14.25 12.6833 14.15 12.55L13.3 11.25L11.95 15.3C11.8833 15.5 11.7583 15.6667 11.575 15.8C11.3917 15.9333 11.1917 16 10.975 16C10.8083 16 10.65 15.9583 10.5 15.875C10.35 15.7917 10.2333 15.6833 10.15 15.55L8.45 13H4V15H9V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-472d6ff8="" class="kui-icon immunity-icon" data-testid="kui-icon-wrapper-immunity-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-472d6ff8="" data-testid="kui-icon-svg-immunity-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-472d6ff8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-472d6ff8=""><path d="M7 22V17H2V7H7V2H17V7H22V17H17V22H7ZM4 11H9C9.16667 11 9.325 11.0417 9.475 11.125C9.625 11.2083 9.74167 11.3167 9.825 11.45L10.7 12.75L12.05 8.7C12.1167 8.5 12.2375 8.33333 12.4125 8.2C12.5875 8.06667 12.7833 8 13 8C13.1667 8 13.325 8.04167 13.475 8.125C13.625 8.20833 13.7417 8.31667 13.825 8.45L15.525 11H20V9H15V4H9V9H4V11ZM9 20H15V15H20V13H15C14.8333 13 14.675 12.9583 14.525 12.875C14.375 12.7917 14.25 12.6833 14.15 12.55L13.3 11.25L11.95 15.3C11.8833 15.5 11.7583 15.6667 11.575 15.8C11.3917 15.9333 11.1917 16 10.975 16C10.8083 16 10.65 15.9583 10.5 15.875C10.35 15.7917 10.2333 15.6833 10.15 15.55L8.45 13H4V15H9V20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InboxIcon.html b/src/tests/__snapshots__/InboxIcon.html
index a1d324d3..e117f4e6 100644
--- a/src/tests/__snapshots__/InboxIcon.html
+++ b/src/tests/__snapshots__/InboxIcon.html
@@ -1 +1 @@
-<span data-v-93e97391="" class="kui-icon inbox-icon" data-testid="kui-icon-wrapper-inbox-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93e97391="" data-testid="kui-icon-svg-inbox-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93e97391="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-93e97391="" d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V16H16C15.5 16.6333 14.9042 17.125 14.2125 17.475C13.5208 17.825 12.7833 18 12 18C11.2167 18 10.4792 17.825 9.7875 17.475C9.09583 17.125 8.5 16.6333 8 16H5V19ZM12 16C12.6333 16 13.2083 15.8167 13.725 15.45C14.2417 15.0833 14.6 14.6 14.8 14H19V5H5V14H9.2C9.4 14.6 9.75833 15.0833 10.275 15.45C10.7917 15.8167 11.3667 16 12 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-93e97391="" class="kui-icon inbox-icon" data-testid="kui-icon-wrapper-inbox-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93e97391="" data-testid="kui-icon-svg-inbox-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93e97391="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-93e97391=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V16H16C15.5 16.6333 14.9042 17.125 14.2125 17.475C13.5208 17.825 12.7833 18 12 18C11.2167 18 10.4792 17.825 9.7875 17.475C9.09583 17.125 8.5 16.6333 8 16H5V19ZM12 16C12.6333 16 13.2083 15.8167 13.725 15.45C14.2417 15.0833 14.6 14.6 14.8 14H19V5H5V14H9.2C9.4 14.6 9.75833 15.0833 10.275 15.45C10.7917 15.8167 11.3667 16 12 16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InboxNotificationIcon.html b/src/tests/__snapshots__/InboxNotificationIcon.html
index c2845f6f..1d600db7 100644
--- a/src/tests/__snapshots__/InboxNotificationIcon.html
+++ b/src/tests/__snapshots__/InboxNotificationIcon.html
@@ -1 +1 @@
-<span data-v-84c3575f="" class="kui-icon inbox-notification-icon" data-testid="kui-icon-wrapper-inbox-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-84c3575f="" data-testid="kui-icon-svg-inbox-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-84c3575f="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-84c3575f="" d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H14.1C14.0333 4.33333 14 4.66667 14 5C14 5.33333 14.0333 5.66667 14.1 6H4L12 11L15.65 8.725C15.8833 8.94167 16.1375 9.12917 16.4125 9.2875C16.6875 9.44583 16.975 9.58333 17.275 9.7L12 13L4 8V18H20V9.9C20.3833 9.81667 20.7417 9.7 21.075 9.55C21.4083 9.4 21.7167 9.21667 22 9V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM19 8C18.1667 8 17.4583 7.70833 16.875 7.125C16.2917 6.54167 16 5.83333 16 5C16 4.16667 16.2917 3.45833 16.875 2.875C17.4583 2.29167 18.1667 2 19 2C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5C22 5.83333 21.7083 6.54167 21.125 7.125C20.5417 7.70833 19.8333 8 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-84c3575f="" class="kui-icon inbox-notification-icon" data-testid="kui-icon-wrapper-inbox-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-84c3575f="" data-testid="kui-icon-svg-inbox-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-84c3575f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-84c3575f=""><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H14.1C14.0333 4.33333 14 4.66667 14 5C14 5.33333 14.0333 5.66667 14.1 6H4L12 11L15.65 8.725C15.8833 8.94167 16.1375 9.12917 16.4125 9.2875C16.6875 9.44583 16.975 9.58333 17.275 9.7L12 13L4 8V18H20V9.9C20.3833 9.81667 20.7417 9.7 21.075 9.55C21.4083 9.4 21.7167 9.21667 22 9V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM19 8C18.1667 8 17.4583 7.70833 16.875 7.125C16.2917 6.54167 16 5.83333 16 5C16 4.16667 16.2917 3.45833 16.875 2.875C17.4583 2.29167 18.1667 2 19 2C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5C22 5.83333 21.7083 6.54167 21.125 7.125C20.5417 7.70833 19.8333 8 19 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/IncreaseIcon.html b/src/tests/__snapshots__/IncreaseIcon.html
index 8ca8e68f..a7ef510d 100644
--- a/src/tests/__snapshots__/IncreaseIcon.html
+++ b/src/tests/__snapshots__/IncreaseIcon.html
@@ -1 +1 @@
-<span data-v-fdbf7bec="" class="kui-icon increase-icon" data-testid="kui-icon-wrapper-increase-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdbf7bec="" data-testid="kui-icon-svg-increase-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fdbf7bec="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-fdbf7bec="" d="M7 14L12 9L17 14H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-fdbf7bec="" class="kui-icon increase-icon" data-testid="kui-icon-wrapper-increase-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdbf7bec="" data-testid="kui-icon-svg-increase-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fdbf7bec="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fdbf7bec=""><path d="M7 14L12 9L17 14H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/IndeterminateSmallIcon.html b/src/tests/__snapshots__/IndeterminateSmallIcon.html
index 5fc128a2..7aa84023 100644
--- a/src/tests/__snapshots__/IndeterminateSmallIcon.html
+++ b/src/tests/__snapshots__/IndeterminateSmallIcon.html
@@ -1 +1 @@
-<span data-v-bf9606e9="" class="kui-icon indeterminate-small-icon" data-testid="kui-icon-wrapper-indeterminate-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf9606e9="" data-testid="kui-icon-svg-indeterminate-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf9606e9="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-bf9606e9="" d="M5 11V9H15V11H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-bf9606e9="" class="kui-icon indeterminate-small-icon" data-testid="kui-icon-wrapper-indeterminate-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf9606e9="" data-testid="kui-icon-svg-indeterminate-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf9606e9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bf9606e9=""><path d="M5 11V9H15V11H5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InfoIcon.html b/src/tests/__snapshots__/InfoIcon.html
index 93c547c8..42a638d5 100644
--- a/src/tests/__snapshots__/InfoIcon.html
+++ b/src/tests/__snapshots__/InfoIcon.html
@@ -1 +1 @@
-<span data-v-9e372523="" class="kui-icon info-icon" data-testid="kui-icon-wrapper-info-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e372523="" data-testid="kui-icon-svg-info-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9e372523="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9e372523="" d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9e372523="" class="kui-icon info-icon" data-testid="kui-icon-wrapper-info-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e372523="" data-testid="kui-icon-svg-info-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9e372523="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9e372523=""><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InsightsIcon.html b/src/tests/__snapshots__/InsightsIcon.html
index 4ef8012b..d62064b7 100644
--- a/src/tests/__snapshots__/InsightsIcon.html
+++ b/src/tests/__snapshots__/InsightsIcon.html
@@ -1 +1 @@
-<span data-v-153bba4b="" class="kui-icon insights-icon" data-testid="kui-icon-wrapper-insights-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-153bba4b="" data-testid="kui-icon-svg-insights-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-153bba4b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-153bba4b="" fill-rule="evenodd" clip-rule="evenodd" d="M15 2L15.9546 4.04541L18 5L15.9546 5.95459L15 8L14.0454 5.95459L12 5L14.0454 4.04541L15 2ZM3 18C2.45 18 1.97917 17.8042 1.5875 17.4125C1.19583 17.0208 1 16.55 1 16C1 15.45 1.19583 14.9792 1.5875 14.5875C1.97917 14.1958 2.45 14 3 14H3.2625C3.3375 14 3.41667 14.0167 3.5 14.05L8.05 9.5C8.01667 9.41667 8 9.3375 8 9.2625V9C8 8.45 8.19583 7.97917 8.5875 7.5875C8.97917 7.19583 9.45 7 10 7C10.55 7 11.0208 7.19583 11.4125 7.5875C11.8042 7.97917 12 8.45 12 9C12 9.03333 11.9833 9.2 11.95 9.5L14.5 12.05C14.5833 12.0167 14.6625 12 14.7375 12H15.2625C15.3375 12 15.4167 12.0167 15.5 12.05L19.05 8.5C19.0167 8.41667 19 8.3375 19 8.2625V8C19 7.45 19.1958 6.97917 19.5875 6.5875C19.9792 6.19583 20.45 6 21 6C21.55 6 22.0208 6.19583 22.4125 6.5875C22.8042 6.97917 23 7.45 23 8C23 8.55 22.8042 9.02083 22.4125 9.4125C22.0208 9.80417 21.55 10 21 10H20.7375C20.6625 10 20.5833 9.98333 20.5 9.95L16.95 13.5C16.9833 13.5833 17 13.6625 17 13.7375V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16C14.45 16 13.9792 15.8042 13.5875 15.4125C13.1958 15.0208 13 14.55 13 14V13.7375C13 13.6625 13.0167 13.5833 13.05 13.5L10.5 10.95C10.4167 10.9833 10.3375 11 10.2625 11H10C9.96667 11 9.8 10.9833 9.5 10.95L4.95 15.5C4.98333 15.5833 5 15.6625 5 15.7375V16C5 16.55 4.80417 17.0208 4.4125 17.4125C4.02083 17.8042 3.55 18 3 18ZM4.6364 7.3636L4 6L3.3636 7.3636L2 8L3.3636 8.6364L4 10L4.6364 8.6364L6 8L4.6364 7.3636Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-153bba4b="" class="kui-icon insights-icon" data-testid="kui-icon-wrapper-insights-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-153bba4b="" data-testid="kui-icon-svg-insights-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-153bba4b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-153bba4b=""><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2L15.9546 4.04541L18 5L15.9546 5.95459L15 8L14.0454 5.95459L12 5L14.0454 4.04541L15 2ZM3 18C2.45 18 1.97917 17.8042 1.5875 17.4125C1.19583 17.0208 1 16.55 1 16C1 15.45 1.19583 14.9792 1.5875 14.5875C1.97917 14.1958 2.45 14 3 14H3.2625C3.3375 14 3.41667 14.0167 3.5 14.05L8.05 9.5C8.01667 9.41667 8 9.3375 8 9.2625V9C8 8.45 8.19583 7.97917 8.5875 7.5875C8.97917 7.19583 9.45 7 10 7C10.55 7 11.0208 7.19583 11.4125 7.5875C11.8042 7.97917 12 8.45 12 9C12 9.03333 11.9833 9.2 11.95 9.5L14.5 12.05C14.5833 12.0167 14.6625 12 14.7375 12H15.2625C15.3375 12 15.4167 12.0167 15.5 12.05L19.05 8.5C19.0167 8.41667 19 8.3375 19 8.2625V8C19 7.45 19.1958 6.97917 19.5875 6.5875C19.9792 6.19583 20.45 6 21 6C21.55 6 22.0208 6.19583 22.4125 6.5875C22.8042 6.97917 23 7.45 23 8C23 8.55 22.8042 9.02083 22.4125 9.4125C22.0208 9.80417 21.55 10 21 10H20.7375C20.6625 10 20.5833 9.98333 20.5 9.95L16.95 13.5C16.9833 13.5833 17 13.6625 17 13.7375V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16C14.45 16 13.9792 15.8042 13.5875 15.4125C13.1958 15.0208 13 14.55 13 14V13.7375C13 13.6625 13.0167 13.5833 13.05 13.5L10.5 10.95C10.4167 10.9833 10.3375 11 10.2625 11H10C9.96667 11 9.8 10.9833 9.5 10.95L4.95 15.5C4.98333 15.5833 5 15.6625 5 15.7375V16C5 16.55 4.80417 17.0208 4.4125 17.4125C4.02083 17.8042 3.55 18 3 18ZM4.6364 7.3636L4 6L3.3636 7.3636L2 8L3.3636 8.6364L4 10L4.6364 8.6364L6 8L4.6364 7.3636Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InsomniaIcon.html b/src/tests/__snapshots__/InsomniaIcon.html
index 4c2ff909..8c6b84fb 100644
--- a/src/tests/__snapshots__/InsomniaIcon.html
+++ b/src/tests/__snapshots__/InsomniaIcon.html
@@ -1 +1,14 @@
-<span data-v-eb182fc4="" class="kui-icon insomnia-icon" data-testid="kui-icon-wrapper-insomnia-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb182fc4="" data-testid="kui-icon-svg-insomnia-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eb182fc4="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-eb182fc4="" clip-path="url(#clip0_55_22054)"><path data-v-eb182fc4="" d="M12 23.3899C18.2905 23.3899 23.3899 18.2905 23.3899 12.0001C23.3899 5.70963 18.2905 0.610229 12 0.610229C5.70963 0.610229 0.610229 5.70963 0.610229 12.0001C0.610229 18.2905 5.70963 23.3899 12 23.3899Z" fill="white"></path><path data-v-eb182fc4="" d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6275 5.37258 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37258 18.6275 0 12 0ZM12 1.22034C17.9534 1.22034 22.7797 6.04656 22.7797 12C22.7797 17.9534 17.9534 22.7797 12 22.7797C6.04656 22.7797 1.22034 17.9534 1.22034 12C1.22034 6.04656 6.04656 1.22034 12 1.22034Z" fill="#4000BF"></path><path data-v-eb182fc4="" d="M12.1355 3.45764C16.8534 3.45764 20.6779 7.28219 20.6779 12C20.6779 16.7178 16.8534 20.5424 12.1355 20.5424C7.41769 20.5424 3.59314 16.7178 3.59314 12C3.59314 10.847 3.82157 9.74739 4.23566 8.74381C4.84027 9.56716 5.8153 10.1017 6.91517 10.1017C8.74992 10.1017 10.2372 8.61436 10.2372 6.77968C10.2372 5.6798 9.70272 4.70477 8.8793 4.10017C9.88287 3.68608 10.9825 3.45764 12.1355 3.45764Z" fill="url(#paint0_linear_55_22054)"></path></g><defs data-v-eb182fc4=""><linearGradient data-v-eb182fc4="" id="paint0_linear_55_22054" x1="857.829" y1="1711.93" x2="857.829" y2="3.45764" gradientUnits="userSpaceOnUse"><stop data-v-eb182fc4="" stop-color="#7400E1"></stop><stop data-v-eb182fc4="" offset="1" stop-color="#4000BF"></stop></linearGradient><clipPath data-v-eb182fc4="" id="clip0_55_22054"><rect data-v-eb182fc4="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-eb182fc4="" class="kui-icon insomnia-icon" data-testid="kui-icon-wrapper-insomnia-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb182fc4="" data-testid="kui-icon-svg-insomnia-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eb182fc4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eb182fc4=""><g clip-path="url(#clip0_55_22054)">
+<path d="M12 23.3899C18.2905 23.3899 23.3899 18.2905 23.3899 12.0001C23.3899 5.70963 18.2905 0.610229 12 0.610229C5.70963 0.610229 0.610229 5.70963 0.610229 12.0001C0.610229 18.2905 5.70963 23.3899 12 23.3899Z" fill="white"></path>
+<path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6275 5.37258 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37258 18.6275 0 12 0ZM12 1.22034C17.9534 1.22034 22.7797 6.04656 22.7797 12C22.7797 17.9534 17.9534 22.7797 12 22.7797C6.04656 22.7797 1.22034 17.9534 1.22034 12C1.22034 6.04656 6.04656 1.22034 12 1.22034Z" fill="#4000BF"></path>
+<path d="M12.1355 3.45764C16.8534 3.45764 20.6779 7.28219 20.6779 12C20.6779 16.7178 16.8534 20.5424 12.1355 20.5424C7.41769 20.5424 3.59314 16.7178 3.59314 12C3.59314 10.847 3.82157 9.74739 4.23566 8.74381C4.84027 9.56716 5.8153 10.1017 6.91517 10.1017C8.74992 10.1017 10.2372 8.61436 10.2372 6.77968C10.2372 5.6798 9.70272 4.70477 8.8793 4.10017C9.88287 3.68608 10.9825 3.45764 12.1355 3.45764Z" fill="url(#paint0_linear_55_22054)"></path>
+</g>
+<defs>
+<linearGradient id="paint0_linear_55_22054" x1="857.829" y1="1711.93" x2="857.829" y2="3.45764" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7400E1"></stop>
+<stop offset="1" stop-color="#4000BF"></stop>
+</linearGradient>
+<clipPath id="clip0_55_22054">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ItalicIcon.html b/src/tests/__snapshots__/ItalicIcon.html
index 738fc14d..d000fda0 100644
--- a/src/tests/__snapshots__/ItalicIcon.html
+++ b/src/tests/__snapshots__/ItalicIcon.html
@@ -1 +1 @@
-<span data-v-88139c55="" class="kui-icon italic-icon" data-testid="kui-icon-wrapper-italic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88139c55="" data-testid="kui-icon-svg-italic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88139c55="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-88139c55="" d="M4.5 19.25V16.75H8.5L11.5 7.75H7.5V5.25H17.5V7.75H14L11 16.75H14.5V19.25H4.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-88139c55="" class="kui-icon italic-icon" data-testid="kui-icon-wrapper-italic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88139c55="" data-testid="kui-icon-svg-italic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88139c55="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88139c55=""><path d="M4.5 19.25V16.75H8.5L11.5 7.75H7.5V5.25H17.5V7.75H14L11 16.75H14.5V19.25H4.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KeyboardReturnIcon.html b/src/tests/__snapshots__/KeyboardReturnIcon.html
index 30a77372..53d70742 100644
--- a/src/tests/__snapshots__/KeyboardReturnIcon.html
+++ b/src/tests/__snapshots__/KeyboardReturnIcon.html
@@ -1 +1 @@
-<span data-v-8ee8033f="" class="kui-icon keyboard-return-icon" data-testid="kui-icon-wrapper-keyboard-return-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8ee8033f="" data-testid="kui-icon-svg-keyboard-return-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8ee8033f="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8ee8033f="" d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8ee8033f="" class="kui-icon keyboard-return-icon" data-testid="kui-icon-wrapper-keyboard-return-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8ee8033f="" data-testid="kui-icon-svg-keyboard-return-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8ee8033f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8ee8033f=""><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KongGradientIcon.html b/src/tests/__snapshots__/KongGradientIcon.html
index b8c81a9b..f8a0def6 100644
--- a/src/tests/__snapshots__/KongGradientIcon.html
+++ b/src/tests/__snapshots__/KongGradientIcon.html
@@ -1 +1,22 @@
-<span data-v-db14c780="" class="kui-icon kong-gradient-icon" data-testid="kui-icon-wrapper-kong-gradient-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db14c780="" data-testid="kui-icon-svg-kong-gradient-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-db14c780="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-db14c780="" d="M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z" fill="url(#paint0_linear_1552_5340)"></path><path data-v-db14c780="" d="M8.91553 9.66287L10.9592 6.09924L13.3333 6.09729L23.9993 18.6683L23.1721 22.4912H18.5998L18.8834 21.4138L8.91553 9.66287Z" fill="url(#paint1_linear_1552_5340)"></path><path data-v-db14c780="" d="M7.28076 19.4594L7.86941 18.7151H12.2422L14.5147 21.5325L14.1235 22.4912H8.4737L8.61256 21.5325L7.28076 19.4594Z" fill="url(#paint2_linear_1552_5340)"></path><path data-v-db14c780="" d="M3.54946 13.3512H4.89689L8.36815 10.3857L12.9756 15.8334L11.6673 17.8306H7.4177L4.48035 21.6202L3.80762 22.4912H0V17.8403L3.54946 13.3512Z" fill="url(#paint3_linear_1552_5340)"></path><defs data-v-db14c780=""><linearGradient data-v-db14c780="" id="paint0_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse"><stop data-v-db14c780="" stop-color="#1155CB"></stop><stop data-v-db14c780="" offset="1" stop-color="#1DB57C"></stop></linearGradient><linearGradient data-v-db14c780="" id="paint1_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse"><stop data-v-db14c780="" stop-color="#1155CB"></stop><stop data-v-db14c780="" offset="1" stop-color="#1DB57C"></stop></linearGradient><linearGradient data-v-db14c780="" id="paint2_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse"><stop data-v-db14c780="" stop-color="#1155CB"></stop><stop data-v-db14c780="" offset="1" stop-color="#1DB57C"></stop></linearGradient><linearGradient data-v-db14c780="" id="paint3_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse"><stop data-v-db14c780="" stop-color="#1155CB"></stop><stop data-v-db14c780="" offset="1" stop-color="#1DB57C"></stop></linearGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-db14c780="" class="kui-icon kong-gradient-icon" data-testid="kui-icon-wrapper-kong-gradient-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db14c780="" data-testid="kui-icon-svg-kong-gradient-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-db14c780="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-db14c780=""><path d="M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z" fill="url(#paint0_linear_1552_5340)"></path>
+<path d="M8.91553 9.66287L10.9592 6.09924L13.3333 6.09729L23.9993 18.6683L23.1721 22.4912H18.5998L18.8834 21.4138L8.91553 9.66287Z" fill="url(#paint1_linear_1552_5340)"></path>
+<path d="M7.28076 19.4594L7.86941 18.7151H12.2422L14.5147 21.5325L14.1235 22.4912H8.4737L8.61256 21.5325L7.28076 19.4594Z" fill="url(#paint2_linear_1552_5340)"></path>
+<path d="M3.54946 13.3512H4.89689L8.36815 10.3857L12.9756 15.8334L11.6673 17.8306H7.4177L4.48035 21.6202L3.80762 22.4912H0V17.8403L3.54946 13.3512Z" fill="url(#paint3_linear_1552_5340)"></path>
+<defs>
+<linearGradient id="paint0_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1155CB"></stop>
+<stop offset="1" stop-color="#1DB57C"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1155CB"></stop>
+<stop offset="1" stop-color="#1DB57C"></stop>
+</linearGradient>
+<linearGradient id="paint2_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1155CB"></stop>
+<stop offset="1" stop-color="#1DB57C"></stop>
+</linearGradient>
+<linearGradient id="paint3_linear_1552_5340" x1="0.0199778" y1="22.4789" x2="18.6039" y2="3.76196" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1155CB"></stop>
+<stop offset="1" stop-color="#1DB57C"></stop>
+</linearGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KongIcon.html b/src/tests/__snapshots__/KongIcon.html
index 9e96ada1..23417c6b 100644
--- a/src/tests/__snapshots__/KongIcon.html
+++ b/src/tests/__snapshots__/KongIcon.html
@@ -1 +1 @@
-<span data-v-bdfe5b4b="" class="kui-icon kong-icon" data-testid="kui-icon-wrapper-kong-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdfe5b4b="" data-testid="kui-icon-svg-kong-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bdfe5b4b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-bdfe5b4b="" fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-bdfe5b4b="" class="kui-icon kong-icon" data-testid="kui-icon-wrapper-kong-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdfe5b4b="" data-testid="kui-icon-svg-kong-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bdfe5b4b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bdfe5b4b=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageBashIcon.html b/src/tests/__snapshots__/LanguageBashIcon.html
index 08f12046..4691f0da 100644
--- a/src/tests/__snapshots__/LanguageBashIcon.html
+++ b/src/tests/__snapshots__/LanguageBashIcon.html
@@ -1 +1,2 @@
-<span data-v-bcd41fc7="" class="kui-icon language-bash-icon" data-testid="kui-icon-wrapper-language-bash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bcd41fc7="" data-testid="kui-icon-svg-language-bash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bcd41fc7="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-bcd41fc7="" d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"></path><path data-v-bcd41fc7="" d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"></path></svg></span>
\ No newline at end of file
+<span data-v-bcd41fc7="" class="kui-icon language-bash-icon" data-testid="kui-icon-wrapper-language-bash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bcd41fc7="" data-testid="kui-icon-svg-language-bash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bcd41fc7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bcd41fc7=""><path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"></path>
+<path d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCIcon.html b/src/tests/__snapshots__/LanguageCIcon.html
index 68a30892..f6754270 100644
--- a/src/tests/__snapshots__/LanguageCIcon.html
+++ b/src/tests/__snapshots__/LanguageCIcon.html
@@ -1 +1,3 @@
-<span data-v-e18e8988="" class="kui-icon language-c-icon" data-testid="kui-icon-wrapper-language-c-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e18e8988="" data-testid="kui-icon-svg-language-c-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e18e8988="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e18e8988="" d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"></path><path data-v-e18e8988="" d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#03599C"></path><path data-v-e18e8988="" d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"></path></svg></span>
\ No newline at end of file
+<span data-v-e18e8988="" class="kui-icon language-c-icon" data-testid="kui-icon-wrapper-language-c-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e18e8988="" data-testid="kui-icon-svg-language-c-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e18e8988="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e18e8988=""><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"></path>
+<path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#03599C"></path>
+<path d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCPlusPlusIcon.html b/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
index d5993504..1492fa89 100644
--- a/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
+++ b/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
@@ -1 +1,11 @@
-<span data-v-41a49111="" class="kui-icon language-c-plus-plus-icon" data-testid="kui-icon-wrapper-language-c-plus-plus-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41a49111="" data-testid="kui-icon-svg-language-c-plus-plus-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-41a49111="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-41a49111="" clip-path="url(#clip0_2_1231)"><path data-v-41a49111="" d="M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z" fill="#00599C"></path><path data-v-41a49111="" d="M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z" fill="#004482"></path><path data-v-41a49111="" d="M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z" fill="#659AD2"></path><path data-v-41a49111="" d="M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z" fill="white"></path></g><defs data-v-41a49111=""><clipPath data-v-41a49111="" id="clip0_2_1231"><rect data-v-41a49111="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-41a49111="" class="kui-icon language-c-plus-plus-icon" data-testid="kui-icon-wrapper-language-c-plus-plus-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41a49111="" data-testid="kui-icon-svg-language-c-plus-plus-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-41a49111="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-41a49111=""><g clip-path="url(#clip0_2_1231)">
+<path d="M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z" fill="#00599C"></path>
+<path d="M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z" fill="#004482"></path>
+<path d="M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z" fill="#659AD2"></path>
+<path d="M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z" fill="white"></path>
+</g>
+<defs>
+<clipPath id="clip0_2_1231">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCSharpIcon.html b/src/tests/__snapshots__/LanguageCSharpIcon.html
index 9033e864..e0535763 100644
--- a/src/tests/__snapshots__/LanguageCSharpIcon.html
+++ b/src/tests/__snapshots__/LanguageCSharpIcon.html
@@ -1 +1,3 @@
-<span data-v-8869aa37="" class="kui-icon language-c-sharp-icon" data-testid="kui-icon-wrapper-language-c-sharp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8869aa37="" data-testid="kui-icon-svg-language-c-sharp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8869aa37="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8869aa37="" d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#9B4F96"></path><path data-v-8869aa37="" d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#68217A"></path><path data-v-8869aa37="" d="M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z" fill="white"></path></svg></span>
\ No newline at end of file
+<span data-v-8869aa37="" class="kui-icon language-c-sharp-icon" data-testid="kui-icon-wrapper-language-c-sharp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8869aa37="" data-testid="kui-icon-svg-language-c-sharp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8869aa37="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8869aa37=""><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#9B4F96"></path>
+<path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#68217A"></path>
+<path d="M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z" fill="white"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageGoIcon.html b/src/tests/__snapshots__/LanguageGoIcon.html
index 69eb5424..15782485 100644
--- a/src/tests/__snapshots__/LanguageGoIcon.html
+++ b/src/tests/__snapshots__/LanguageGoIcon.html
@@ -1 +1,198 @@
-<span data-v-1ff9ce96="" class="kui-icon language-go-icon" data-testid="kui-icon-wrapper-language-go-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ff9ce96="" data-testid="kui-icon-svg-language-go-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1ff9ce96="" data-testid="kui-icon-svg-title">My custom title</title><mask data-v-1ff9ce96="" id="mask0_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask0_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M3.9563 12.8813C3.9938 13.5375 4.65005 13.2375 4.95005 13.0313C5.2313 12.825 5.32505 12.9938 5.3438 12.6C5.36255 12.3375 5.3813 12.0938 5.3813 11.8313C4.95005 11.7938 4.4813 11.8875 4.12505 12.15C3.9563 12.2813 3.60005 12.7125 3.9563 12.8813Z" fill="#F6D2A2"></path></g><mask data-v-1ff9ce96="" id="mask1_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask1_2_1240)"><path data-v-1ff9ce96="" d="M4.31255 13.35C4.1813 13.35 3.93755 13.2938 3.90005 12.9188C3.78755 12.8438 3.75005 12.75 3.75005 12.6938C3.7313 12.4688 3.97505 12.2063 4.1063 12.1125C4.4063 11.8875 4.80005 11.775 5.21255 11.775H5.4563V11.8313C5.47505 12.0375 5.4563 12.2438 5.43755 12.4313C5.43755 12.4875 5.43755 12.5438 5.4188 12.6C5.40005 12.8813 5.3438 12.9188 5.21255 12.975C5.1563 12.9938 5.10005 13.0125 5.0063 13.0875C4.91255 13.1438 4.5938 13.35 4.31255 13.35ZM5.21255 11.8875C4.8188 11.8875 4.46255 12 4.1813 12.2063C4.05005 12.3 3.86255 12.525 3.8813 12.675C3.8813 12.7313 3.9188 12.7875 3.9938 12.825L4.0313 12.8438V12.8813C4.05005 13.1813 4.20005 13.2188 4.31255 13.2188C4.50005 13.2188 4.76255 13.0875 4.9313 12.975C5.0438 12.9 5.1188 12.8813 5.17505 12.8625C5.2688 12.825 5.28755 12.825 5.3063 12.6C5.3063 12.5438 5.3063 12.4875 5.32505 12.4313C5.3438 12.2625 5.3438 12.075 5.3438 11.9063C5.28755 11.8875 5.25005 11.8875 5.21255 11.8875Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask2_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask2_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M3.9563 12.8812C4.05005 12.8437 4.16255 12.825 4.2188 12.7312L3.9563 12.8812Z" fill="#C6B198"></path></g><mask data-v-1ff9ce96="" id="mask3_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask3_2_1240)"><path data-v-1ff9ce96="" d="M3.95631 12.9375C3.93756 12.9375 3.90006 12.9188 3.90006 12.9C3.88131 12.8625 3.90006 12.825 3.93756 12.825C3.95631 12.825 3.97506 12.8063 3.97506 12.8063C4.05006 12.7688 4.12506 12.75 4.16256 12.6938C4.18131 12.675 4.21881 12.6563 4.25631 12.675C4.27506 12.6938 4.29381 12.7313 4.27506 12.7688C4.20006 12.8625 4.10631 12.9 4.03131 12.9188L3.99381 12.9375H3.95631Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask4_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask4_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M5.49371 4.94997C2.94371 4.23747 4.83746 0.993718 6.88121 2.32497L5.49371 4.94997Z" fill="#6AD7E5"></path></g><mask data-v-1ff9ce96="" id="mask5_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask5_2_1240)"><path data-v-1ff9ce96="" d="M5.53122 5.02495L5.47497 5.0062C4.16247 4.6312 4.18122 3.6937 4.21872 3.41245C4.31247 2.69995 4.98747 1.94995 5.88747 1.94995C6.24372 1.94995 6.58122 2.06245 6.91872 2.28745L6.97497 2.32495L5.53122 5.02495ZM5.88747 2.0812C5.04372 2.0812 4.42497 2.77495 4.33122 3.4312C4.23747 4.1062 4.64997 4.6312 5.45622 4.87495L6.78747 2.3437C6.50622 2.17495 6.20622 2.0812 5.88747 2.0812Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask6_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask6_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M16.8 2.08131C18.8063 0.675056 20.6438 3.86256 18.3 4.66881L16.8 2.08131Z" fill="#6AD7E5"></path></g><mask data-v-1ff9ce96="" id="mask7_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask7_2_1240)"><path data-v-1ff9ce96="" d="M18.2812 4.74377L16.725 2.06252L16.7812 2.02502C17.1375 1.78127 17.4937 1.65002 17.85 1.65002C18.7125 1.65002 19.3312 2.36252 19.4625 3.05627C19.5187 3.33752 19.575 4.29377 18.3375 4.70627L18.2812 4.74377ZM16.8937 2.11877L18.3375 4.61252C19.0687 4.35002 19.4437 3.78752 19.3312 3.11252C19.2187 2.47502 18.6375 1.81877 17.85 1.81877C17.5312 1.80002 17.2125 1.89377 16.8937 2.11877Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask8_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask8_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M17.25 21.0563C17.7563 21.375 18.6937 22.3313 17.925 22.8C17.1937 23.475 16.7812 22.05 16.125 21.8625C16.4062 21.4875 16.7625 21.1313 17.25 21.0563Z" fill="#F6D2A2"></path></g><mask data-v-1ff9ce96="" id="mask9_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask9_2_1240)"><path data-v-1ff9ce96="" d="M17.5313 23.0438C17.2313 23.0438 16.9688 22.7438 16.7438 22.4625C16.5376 22.2375 16.3313 21.9938 16.1063 21.9188L16.0126 21.9L16.0688 21.825C16.2938 21.5063 16.6688 21.0938 17.2313 21H17.2501L17.2688 21.0187C17.5876 21.225 18.2813 21.8062 18.2626 22.35C18.2626 22.5562 18.1501 22.725 17.9438 22.8563C17.8126 22.9875 17.6813 23.0438 17.5313 23.0438ZM16.2188 21.825C16.4438 21.9188 16.6313 22.1625 16.8188 22.3688C17.0438 22.65 17.2688 22.8937 17.5126 22.8937C17.6251 22.8937 17.7376 22.8375 17.8501 22.725H17.8688C18.0376 22.6125 18.1313 22.4813 18.1313 22.3125C18.1313 21.8813 17.5876 21.3375 17.2126 21.0938C16.8751 21.1875 16.5376 21.4125 16.2188 21.825ZM17.9251 22.8563C17.9063 22.8563 17.8876 22.8375 17.8688 22.8187C17.8313 22.7437 17.7938 22.65 17.7751 22.575C17.7188 22.425 17.6626 22.275 17.5501 22.1625C17.5313 22.1437 17.5313 22.1062 17.5501 22.0687C17.5688 22.05 17.6063 22.05 17.6438 22.0687C17.7751 22.2 17.8501 22.3687 17.9063 22.5375L18.0001 22.7625C18.0188 22.8 18.0001 22.8375 17.9813 22.8563H17.9251Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask10_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask10_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M8.10007 22.1437C7.50007 22.2375 7.16257 22.7812 6.65632 23.0625C6.18757 23.3437 6.00007 22.9687 5.96257 22.8937C5.88757 22.8562 5.88757 22.9312 5.77507 22.8187C5.34382 22.125 6.22507 21.6187 6.69382 21.2812C7.35007 21.1312 7.76257 21.6937 8.10007 22.1437Z" fill="#F6D2A2"></path></g><mask data-v-1ff9ce96="" id="mask11_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask11_2_1240)"><path data-v-1ff9ce96="" d="M6.33748 23.2125C6.09373 23.2125 5.96248 23.0063 5.92498 22.9313H5.90623C5.84998 22.9313 5.81248 22.9125 5.73748 22.8375V22.8187C5.32498 22.1625 6.03748 21.6562 6.50623 21.3187L6.67498 21.2062H6.71248C6.78748 21.1875 6.84373 21.1875 6.91873 21.1875C7.48123 21.1875 7.83748 21.675 8.13748 22.0687L8.23123 22.2L8.11873 22.2188C7.76248 22.275 7.49998 22.5 7.23748 22.725C7.06873 22.875 6.89998 23.0063 6.71248 23.1188C6.56248 23.175 6.44998 23.2125 6.33748 23.2125ZM5.92498 22.8187C5.94373 22.8187 5.96248 22.8188 5.99998 22.8375H6.01873L6.03748 22.8563C6.07498 22.9125 6.16873 23.0812 6.35623 23.0812C6.44998 23.0812 6.54373 23.0437 6.63748 22.9875C6.82498 22.8937 6.99373 22.7437 7.14373 22.6125C7.38748 22.4062 7.64998 22.1813 7.98748 22.0875C7.70623 21.7125 7.36873 21.3 6.89998 21.3C6.84373 21.3 6.78748 21.3 6.73123 21.3187L6.58123 21.4313C6.09373 21.7688 5.49373 22.2 5.84998 22.7625C5.86873 22.8 5.88748 22.8187 5.92498 22.8187ZM5.96248 22.95C5.92498 22.95 5.88748 22.9125 5.90623 22.875C5.92498 22.6875 6.01873 22.5562 6.11248 22.4062C6.16873 22.3312 6.20623 22.2563 6.24373 22.1813C6.26248 22.1438 6.29998 22.1437 6.31873 22.1437C6.35623 22.1625 6.35623 22.2 6.35623 22.2188C6.31873 22.3125 6.26248 22.3875 6.20623 22.4625C6.11248 22.5938 6.03748 22.7063 6.01873 22.8563C6.01873 22.9313 5.99998 22.95 5.96248 22.95Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask12_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask12_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M5.6063 4.06881C5.2688 3.90006 5.02505 3.65631 5.2313 3.26256C5.4188 2.90631 5.77505 2.94381 6.11255 3.11256L5.6063 4.06881ZM17.7751 3.73131C18.1125 3.56256 18.3563 3.31881 18.1501 2.92506C17.9626 2.56881 17.6063 2.60631 17.2688 2.77506L17.7751 3.73131Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask13_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask13_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M20.0812 12.7875C20.0437 13.4438 19.3875 13.1438 19.0875 12.9375C18.8063 12.7313 18.7125 12.9 18.6937 12.5063C18.675 12.2438 18.6562 12 18.6562 11.7375C19.0875 11.7 19.5562 11.7938 19.9125 12.0563C20.1 12.2063 20.4375 12.6188 20.0812 12.7875Z" fill="#F6D2A2"></path></g><mask data-v-1ff9ce96="" id="mask14_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask14_2_1240)"><path data-v-1ff9ce96="" d="M19.7438 13.2563C19.4626 13.2563 19.1438 13.05 19.0501 12.9938C18.9563 12.9375 18.9001 12.9 18.8438 12.8813C18.6938 12.825 18.6563 12.7875 18.6376 12.5063C18.6376 12.45 18.6376 12.3938 18.6188 12.3375C18.6001 12.15 18.5813 11.9438 18.6001 11.7375V11.6813H18.8438C19.2563 11.6813 19.6501 11.7938 19.9501 12.0188C20.0813 12.1125 20.3251 12.375 20.3063 12.6C20.3063 12.675 20.2688 12.7688 20.1563 12.825C20.1188 13.2 19.8751 13.2563 19.7438 13.2563ZM18.7126 11.8125C18.7126 11.9813 18.7126 12.1688 18.7313 12.3375C18.7313 12.3938 18.7313 12.45 18.7501 12.5063C18.7688 12.7313 18.7876 12.7313 18.8813 12.7688C18.9376 12.7875 19.0126 12.825 19.1251 12.8813C19.2938 12.9938 19.5563 13.125 19.7438 13.125C19.8563 13.125 20.0063 13.0875 20.0251 12.7875V12.75L20.0626 12.7313C20.1376 12.6938 20.1751 12.6563 20.1751 12.5813C20.1938 12.4313 20.0063 12.2063 19.8751 12.1125C19.5938 11.9063 19.2188 11.7938 18.8438 11.7938C18.8063 11.8125 18.7688 11.8125 18.7126 11.8125Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask15_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask15_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M20.0812 12.7875C19.9875 12.75 19.875 12.7312 19.8187 12.6375L20.0812 12.7875Z" fill="#C6B198"></path></g><mask data-v-1ff9ce96="" id="mask16_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask16_2_1240)"><path data-v-1ff9ce96="" d="M20.0812 12.8625H20.0625L20.025 12.8437C19.9312 12.8062 19.8375 12.7875 19.7812 12.6937C19.7625 12.675 19.7625 12.6187 19.8 12.6C19.8187 12.5812 19.875 12.5812 19.8937 12.6187C19.9312 12.675 20.0062 12.6937 20.0812 12.7312C20.1 12.7312 20.1187 12.75 20.1187 12.75C20.1562 12.7687 20.175 12.8062 20.1562 12.825C20.1375 12.8437 20.1 12.8625 20.0812 12.8625Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask17_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask17_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M11.775 0.75C14.325 0.75 16.7063 1.10625 17.9625 3.5625C19.0875 6.3 18.675 9.2625 18.8625 12.1688C19.0125 14.6625 19.3313 17.5313 18.1875 19.8375C16.9688 22.2563 13.9313 22.875 11.4375 22.7813C9.46879 22.7063 7.10629 22.0688 5.98129 20.2688C4.68754 18.1688 5.28754 15.0375 5.38129 12.6938C5.49379 9.91875 4.63129 7.125 5.55004 4.425C6.46879 1.59375 9.01879 0.95625 11.775 0.75Z" fill="#6AD7E5"></path></g><mask data-v-1ff9ce96="" id="mask18_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask18_2_1240)"><path data-v-1ff9ce96="" d="M11.8688 22.8563H11.4C10.6313 22.8375 9.46876 22.7063 8.32501 22.2375C7.21876 21.7875 6.41251 21.15 5.88751 20.3063C4.83751 18.6 5.02501 16.2563 5.19376 14.175C5.23126 13.65 5.26876 13.1625 5.28751 12.6938C5.32501 11.7188 5.25001 10.7063 5.15626 9.75004C5.00626 7.98754 4.85626 6.16879 5.43751 4.40629C5.88751 3.09379 6.69376 2.15629 7.91251 1.55629C8.86876 1.08754 10.05 0.825043 11.7375 0.693793C14.25 0.675043 16.7438 1.03129 18 3.52504C18.825 5.53129 18.825 7.68754 18.8438 9.76879C18.8438 10.5563 18.8438 11.3625 18.9 12.15C18.9188 12.3938 18.9375 12.6375 18.9375 12.8813C19.0875 15.1688 19.2563 17.7563 18.2063 19.8563C17.6813 20.925 16.7625 21.7125 15.5063 22.2188C14.4938 22.6313 13.2188 22.8563 11.8688 22.8563ZM11.775 0.806293C9.13126 1.01254 6.54376 1.59379 5.58751 4.44379C5.00626 6.18754 5.15626 7.98754 5.30626 9.73129C5.38126 10.7063 5.47501 11.7 5.43751 12.6938C5.41876 13.1625 5.38126 13.65 5.34376 14.175C5.17501 16.2375 4.98751 18.5625 6.01876 20.2313C6.45001 20.925 7.83751 22.575 11.4188 22.7063H11.8875C16.0313 22.7063 17.5688 20.8688 18.1313 19.7813C19.1625 17.7188 18.9938 15.1313 18.8625 12.8625C18.8438 12.6188 18.825 12.375 18.825 12.1313C18.7875 11.3438 18.7688 10.5375 18.7688 9.75004C18.75 7.68754 18.75 5.53129 17.9438 3.54379C17.3813 2.43754 16.5375 1.68754 15.375 1.25629C14.175 0.862543 12.825 0.806293 11.775 0.806293Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask19_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask19_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M12.2251 4.16253C12.6751 6.82503 17.0251 6.11253 16.4063 3.43128C15.8438 1.03128 12.0751 1.70628 12.2251 4.16253Z" fill="white"></path></g><mask data-v-1ff9ce96="" id="mask20_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask20_2_1240)"><path data-v-1ff9ce96="" d="M14.2876 5.9063C13.4438 5.9063 12.3751 5.4563 12.1501 4.1813C12.1126 3.5813 12.3001 3.03755 12.6938 2.62505C13.1251 2.1563 13.7813 1.8938 14.4563 1.8938C15.2438 1.8938 16.1813 2.3063 16.4438 3.45005C16.5938 4.08755 16.4813 4.65005 16.1251 5.10005C15.7313 5.58755 15.0376 5.9063 14.2876 5.9063ZM12.2813 4.16255C12.3751 4.68755 12.6188 5.10005 13.0126 5.40005C13.3501 5.66255 13.8188 5.7938 14.2876 5.7938C14.9813 5.7938 15.6563 5.4938 16.0313 5.02505C16.3688 4.61255 16.4626 4.0688 16.3313 3.4688C16.0876 2.40005 15.2063 2.02505 14.4563 2.02505C13.8188 2.02505 13.2001 2.28755 12.7876 2.7188C12.4313 3.0938 12.2438 3.60005 12.2813 4.16255Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask21_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask21_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M7.03123 4.5938C7.63123 6.90005 11.325 6.3188 11.1937 3.9938C11.025 1.2188 6.44998 1.7438 7.03123 4.5938Z" fill="white"></path></g><mask data-v-1ff9ce96="" id="mask22_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask22_2_1240)"><path data-v-1ff9ce96="" d="M9 6.13123C8.19375 6.13123 7.25625 5.73748 6.95625 4.61248C6.825 3.95623 6.95625 3.35623 7.33125 2.90623C7.74375 2.39998 8.41875 2.09998 9.15 2.09998C10.125 2.09998 11.1563 2.68123 11.2313 3.99373C11.2688 4.53748 11.1 5.02498 10.725 5.41873C10.3313 5.84998 9.675 6.13123 9 6.13123ZM9.15 2.23123C8.45625 2.23123 7.81875 2.51248 7.425 2.98123C7.06875 3.41248 6.95625 3.95623 7.0875 4.57498C7.35 5.62498 8.25 5.99998 9 5.99998C9.6375 5.99998 10.2563 5.75623 10.65 5.32498C10.9875 4.96873 11.1563 4.49998 11.1188 3.99373C11.0813 3.18748 10.5375 2.23123 9.15 2.23123Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask23_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask23_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M12.75 7.34995C12.75 7.68745 12.825 8.0812 12.7688 8.4562C12.675 8.62495 12.5063 8.6437 12.3563 8.69995C12.15 8.66245 11.9813 8.5312 11.8875 8.3437C11.8313 7.9312 11.9063 7.5187 11.925 7.1062L12.75 7.34995Z" fill="white"></path></g><mask data-v-1ff9ce96="" id="mask24_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask24_2_1240)"><path data-v-1ff9ce96="" d="M12.3562 8.77505C12.1125 8.73755 11.925 8.58755 11.8312 8.3813C11.7937 8.0813 11.8125 7.80005 11.8312 7.5188C11.85 7.38755 11.85 7.2563 11.85 7.12505V7.05005L12.8062 7.35005V7.38755C12.8062 7.50005 12.825 7.61255 12.825 7.7438C12.8437 7.98755 12.8625 8.25005 12.825 8.4938V8.51255C12.75 8.66255 12.6187 8.70005 12.4875 8.7563C12.45 8.73755 12.4125 8.7563 12.3562 8.77505ZM11.9437 8.32505C12.0187 8.4938 12.1687 8.6063 12.3375 8.6438C12.375 8.62505 12.4125 8.62505 12.4312 8.6063C12.5437 8.5688 12.6375 8.5313 12.6937 8.43755C12.7312 8.21255 12.7125 7.9688 12.6937 7.72505C12.6937 7.61255 12.675 7.50005 12.675 7.4063L11.9625 7.1813C11.9625 7.2938 11.9437 7.4063 11.9437 7.50005C11.925 7.80005 11.9062 8.06255 11.9437 8.32505Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask25_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask25_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M8.68123 4.2187C8.68123 4.5937 8.39998 4.8937 8.06248 4.8937C7.72498 4.8937 7.44373 4.5937 7.44373 4.2187C7.44373 3.8437 7.72498 3.5437 8.06248 3.5437C8.39998 3.5437 8.68123 3.8437 8.68123 4.2187Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask26_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask26_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M8.47505 4.3687C8.47505 4.46245 8.40005 4.53745 8.32505 4.53745C8.25005 4.53745 8.17505 4.46245 8.17505 4.3687C8.17505 4.27495 8.25005 4.19995 8.32505 4.19995C8.4188 4.19995 8.47505 4.27495 8.47505 4.3687Z" fill="white"></path></g><mask data-v-1ff9ce96="" id="mask27_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask27_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M13.9125 4.05C13.9125 4.425 13.6313 4.725 13.2938 4.725C12.9563 4.725 12.675 4.425 12.675 4.05C12.675 3.675 12.9563 3.375 13.2938 3.375C13.6313 3.375 13.9125 3.675 13.9125 4.05Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask28_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask28_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M13.725 4.2C13.725 4.29375 13.6687 4.36875 13.575 4.36875C13.5 4.36875 13.425 4.29375 13.425 4.2C13.425 4.10625 13.4812 4.03125 13.575 4.03125C13.65 4.03125 13.725 4.10625 13.725 4.2ZM10.95 7.3125C10.6687 7.96875 11.1 9.3 11.85 8.325C11.7937 7.9125 11.8687 7.5 11.8875 7.0875L10.95 7.3125Z" fill="white"></path></g><mask data-v-1ff9ce96="" id="mask29_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask29_2_1240)"><path data-v-1ff9ce96="" d="M11.3437 8.73752C11.2125 8.73752 11.0812 8.66252 10.9875 8.51252C10.7812 8.21252 10.7437 7.65002 10.8937 7.29377L10.9125 7.25627L11.9437 6.99377V7.06877L11.925 7.48127C11.9062 7.76252 11.8875 8.02502 11.925 8.30627V8.32502L11.9062 8.34377C11.7187 8.60627 11.5312 8.73752 11.3437 8.73752ZM11.0062 7.36877C10.8937 7.68752 10.9312 8.19377 11.1 8.43752C11.175 8.55002 11.25 8.60627 11.3437 8.60627C11.475 8.60627 11.625 8.49377 11.775 8.30627C11.7375 8.02502 11.7562 7.74377 11.7937 7.48127L11.8125 7.16252L11.0062 7.36877Z" fill="black"></path></g><mask data-v-1ff9ce96="" id="mask30_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask30_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M11.0438 6.03752C10.5375 6.07502 10.125 6.69377 10.3875 7.16252C10.7438 7.80002 11.5125 7.10627 12 7.16252C12.5625 7.18127 13.0125 7.76252 13.4625 7.27502C13.9688 6.73127 13.2375 6.20627 12.6938 5.96252L11.0438 6.03752Z" fill="#F6D2A2"></path></g><mask data-v-1ff9ce96="" id="mask31_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask31_2_1240)"><path data-v-1ff9ce96="" d="M13.0688 7.5375C12.9 7.5375 12.7313 7.4625 12.5625 7.3875C12.3938 7.3125 12.2063 7.2375 12 7.2375H11.9438C11.7938 7.2375 11.625 7.29375 11.4375 7.36875C11.2313 7.44375 11.025 7.5 10.8375 7.5C10.6125 7.5 10.4438 7.40625 10.3313 7.2C10.2 6.975 10.2188 6.7125 10.35 6.46875C10.5 6.1875 10.7625 6.01875 11.0438 5.98125L12.7125 5.90625H12.7313C13.1438 6.075 13.6125 6.39375 13.7063 6.76875C13.7438 6.95625 13.6875 7.14375 13.5375 7.3125C13.3875 7.48125 13.2375 7.5375 13.0688 7.5375ZM12.0188 7.125C12.225 7.125 12.4313 7.21875 12.6188 7.29375C12.7875 7.36875 12.9375 7.425 13.0875 7.425C13.2188 7.425 13.3313 7.36875 13.4438 7.25625C13.575 7.125 13.6125 6.975 13.5938 6.825C13.5188 6.50625 13.0688 6.20625 12.7125 6.05625L11.0813 6.13125C10.8375 6.15 10.6125 6.31875 10.4813 6.54375C10.3688 6.75 10.3688 6.975 10.4625 7.1625C10.5563 7.33125 10.6688 7.40625 10.8563 7.40625C11.025 7.40625 11.2125 7.33125 11.4 7.275C11.6063 7.2 11.775 7.14375 11.9625 7.14375C11.9625 7.10625 11.9813 7.10625 12.0188 7.125Z" fill="#231F20"></path></g><mask data-v-1ff9ce96="" id="mask32_2_1240" style="mask-type: luminance;" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24"><path data-v-1ff9ce96="" d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path></mask><g data-v-1ff9ce96="" mask="url(#mask32_2_1240)"><path data-v-1ff9ce96="" fill-rule="evenodd" clip-rule="evenodd" d="M10.9876 6.01876C10.9501 5.13751 12.6376 5.02501 12.8251 5.75626C13.0313 6.50626 11.0626 6.67501 10.9876 6.01876Z" fill="black"></path></g></svg></span>
\ No newline at end of file
+<span data-v-1ff9ce96="" class="kui-icon language-go-icon" data-testid="kui-icon-wrapper-language-go-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ff9ce96="" data-testid="kui-icon-svg-language-go-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1ff9ce96="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1ff9ce96=""><mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask0_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.9563 12.8813C3.9938 13.5375 4.65005 13.2375 4.95005 13.0313C5.2313 12.825 5.32505 12.9938 5.3438 12.6C5.36255 12.3375 5.3813 12.0938 5.3813 11.8313C4.95005 11.7938 4.4813 11.8875 4.12505 12.15C3.9563 12.2813 3.60005 12.7125 3.9563 12.8813Z" fill="#F6D2A2"></path>
+</g>
+<mask id="mask1_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask1_2_1240)">
+<path d="M4.31255 13.35C4.1813 13.35 3.93755 13.2938 3.90005 12.9188C3.78755 12.8438 3.75005 12.75 3.75005 12.6938C3.7313 12.4688 3.97505 12.2063 4.1063 12.1125C4.4063 11.8875 4.80005 11.775 5.21255 11.775H5.4563V11.8313C5.47505 12.0375 5.4563 12.2438 5.43755 12.4313C5.43755 12.4875 5.43755 12.5438 5.4188 12.6C5.40005 12.8813 5.3438 12.9188 5.21255 12.975C5.1563 12.9938 5.10005 13.0125 5.0063 13.0875C4.91255 13.1438 4.5938 13.35 4.31255 13.35ZM5.21255 11.8875C4.8188 11.8875 4.46255 12 4.1813 12.2063C4.05005 12.3 3.86255 12.525 3.8813 12.675C3.8813 12.7313 3.9188 12.7875 3.9938 12.825L4.0313 12.8438V12.8813C4.05005 13.1813 4.20005 13.2188 4.31255 13.2188C4.50005 13.2188 4.76255 13.0875 4.9313 12.975C5.0438 12.9 5.1188 12.8813 5.17505 12.8625C5.2688 12.825 5.28755 12.825 5.3063 12.6C5.3063 12.5438 5.3063 12.4875 5.32505 12.4313C5.3438 12.2625 5.3438 12.075 5.3438 11.9063C5.28755 11.8875 5.25005 11.8875 5.21255 11.8875Z" fill="black"></path>
+</g>
+<mask id="mask2_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask2_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.9563 12.8812C4.05005 12.8437 4.16255 12.825 4.2188 12.7312L3.9563 12.8812Z" fill="#C6B198"></path>
+</g>
+<mask id="mask3_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask3_2_1240)">
+<path d="M3.95631 12.9375C3.93756 12.9375 3.90006 12.9188 3.90006 12.9C3.88131 12.8625 3.90006 12.825 3.93756 12.825C3.95631 12.825 3.97506 12.8063 3.97506 12.8063C4.05006 12.7688 4.12506 12.75 4.16256 12.6938C4.18131 12.675 4.21881 12.6563 4.25631 12.675C4.27506 12.6938 4.29381 12.7313 4.27506 12.7688C4.20006 12.8625 4.10631 12.9 4.03131 12.9188L3.99381 12.9375H3.95631Z" fill="black"></path>
+</g>
+<mask id="mask4_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask4_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.49371 4.94997C2.94371 4.23747 4.83746 0.993718 6.88121 2.32497L5.49371 4.94997Z" fill="#6AD7E5"></path>
+</g>
+<mask id="mask5_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask5_2_1240)">
+<path d="M5.53122 5.02495L5.47497 5.0062C4.16247 4.6312 4.18122 3.6937 4.21872 3.41245C4.31247 2.69995 4.98747 1.94995 5.88747 1.94995C6.24372 1.94995 6.58122 2.06245 6.91872 2.28745L6.97497 2.32495L5.53122 5.02495ZM5.88747 2.0812C5.04372 2.0812 4.42497 2.77495 4.33122 3.4312C4.23747 4.1062 4.64997 4.6312 5.45622 4.87495L6.78747 2.3437C6.50622 2.17495 6.20622 2.0812 5.88747 2.0812Z" fill="black"></path>
+</g>
+<mask id="mask6_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask6_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8 2.08131C18.8063 0.675056 20.6438 3.86256 18.3 4.66881L16.8 2.08131Z" fill="#6AD7E5"></path>
+</g>
+<mask id="mask7_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask7_2_1240)">
+<path d="M18.2812 4.74377L16.725 2.06252L16.7812 2.02502C17.1375 1.78127 17.4937 1.65002 17.85 1.65002C18.7125 1.65002 19.3312 2.36252 19.4625 3.05627C19.5187 3.33752 19.575 4.29377 18.3375 4.70627L18.2812 4.74377ZM16.8937 2.11877L18.3375 4.61252C19.0687 4.35002 19.4437 3.78752 19.3312 3.11252C19.2187 2.47502 18.6375 1.81877 17.85 1.81877C17.5312 1.80002 17.2125 1.89377 16.8937 2.11877Z" fill="black"></path>
+</g>
+<mask id="mask8_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask8_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 21.0563C17.7563 21.375 18.6937 22.3313 17.925 22.8C17.1937 23.475 16.7812 22.05 16.125 21.8625C16.4062 21.4875 16.7625 21.1313 17.25 21.0563Z" fill="#F6D2A2"></path>
+</g>
+<mask id="mask9_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask9_2_1240)">
+<path d="M17.5313 23.0438C17.2313 23.0438 16.9688 22.7438 16.7438 22.4625C16.5376 22.2375 16.3313 21.9938 16.1063 21.9188L16.0126 21.9L16.0688 21.825C16.2938 21.5063 16.6688 21.0938 17.2313 21H17.2501L17.2688 21.0187C17.5876 21.225 18.2813 21.8062 18.2626 22.35C18.2626 22.5562 18.1501 22.725 17.9438 22.8563C17.8126 22.9875 17.6813 23.0438 17.5313 23.0438ZM16.2188 21.825C16.4438 21.9188 16.6313 22.1625 16.8188 22.3688C17.0438 22.65 17.2688 22.8937 17.5126 22.8937C17.6251 22.8937 17.7376 22.8375 17.8501 22.725H17.8688C18.0376 22.6125 18.1313 22.4813 18.1313 22.3125C18.1313 21.8813 17.5876 21.3375 17.2126 21.0938C16.8751 21.1875 16.5376 21.4125 16.2188 21.825ZM17.9251 22.8563C17.9063 22.8563 17.8876 22.8375 17.8688 22.8187C17.8313 22.7437 17.7938 22.65 17.7751 22.575C17.7188 22.425 17.6626 22.275 17.5501 22.1625C17.5313 22.1437 17.5313 22.1062 17.5501 22.0687C17.5688 22.05 17.6063 22.05 17.6438 22.0687C17.7751 22.2 17.8501 22.3687 17.9063 22.5375L18.0001 22.7625C18.0188 22.8 18.0001 22.8375 17.9813 22.8563H17.9251Z" fill="black"></path>
+</g>
+<mask id="mask10_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask10_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.10007 22.1437C7.50007 22.2375 7.16257 22.7812 6.65632 23.0625C6.18757 23.3437 6.00007 22.9687 5.96257 22.8937C5.88757 22.8562 5.88757 22.9312 5.77507 22.8187C5.34382 22.125 6.22507 21.6187 6.69382 21.2812C7.35007 21.1312 7.76257 21.6937 8.10007 22.1437Z" fill="#F6D2A2"></path>
+</g>
+<mask id="mask11_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask11_2_1240)">
+<path d="M6.33748 23.2125C6.09373 23.2125 5.96248 23.0063 5.92498 22.9313H5.90623C5.84998 22.9313 5.81248 22.9125 5.73748 22.8375V22.8187C5.32498 22.1625 6.03748 21.6562 6.50623 21.3187L6.67498 21.2062H6.71248C6.78748 21.1875 6.84373 21.1875 6.91873 21.1875C7.48123 21.1875 7.83748 21.675 8.13748 22.0687L8.23123 22.2L8.11873 22.2188C7.76248 22.275 7.49998 22.5 7.23748 22.725C7.06873 22.875 6.89998 23.0063 6.71248 23.1188C6.56248 23.175 6.44998 23.2125 6.33748 23.2125ZM5.92498 22.8187C5.94373 22.8187 5.96248 22.8188 5.99998 22.8375H6.01873L6.03748 22.8563C6.07498 22.9125 6.16873 23.0812 6.35623 23.0812C6.44998 23.0812 6.54373 23.0437 6.63748 22.9875C6.82498 22.8937 6.99373 22.7437 7.14373 22.6125C7.38748 22.4062 7.64998 22.1813 7.98748 22.0875C7.70623 21.7125 7.36873 21.3 6.89998 21.3C6.84373 21.3 6.78748 21.3 6.73123 21.3187L6.58123 21.4313C6.09373 21.7688 5.49373 22.2 5.84998 22.7625C5.86873 22.8 5.88748 22.8187 5.92498 22.8187ZM5.96248 22.95C5.92498 22.95 5.88748 22.9125 5.90623 22.875C5.92498 22.6875 6.01873 22.5562 6.11248 22.4062C6.16873 22.3312 6.20623 22.2563 6.24373 22.1813C6.26248 22.1438 6.29998 22.1437 6.31873 22.1437C6.35623 22.1625 6.35623 22.2 6.35623 22.2188C6.31873 22.3125 6.26248 22.3875 6.20623 22.4625C6.11248 22.5938 6.03748 22.7063 6.01873 22.8563C6.01873 22.9313 5.99998 22.95 5.96248 22.95Z" fill="black"></path>
+</g>
+<mask id="mask12_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask12_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.6063 4.06881C5.2688 3.90006 5.02505 3.65631 5.2313 3.26256C5.4188 2.90631 5.77505 2.94381 6.11255 3.11256L5.6063 4.06881ZM17.7751 3.73131C18.1125 3.56256 18.3563 3.31881 18.1501 2.92506C17.9626 2.56881 17.6063 2.60631 17.2688 2.77506L17.7751 3.73131Z" fill="black"></path>
+</g>
+<mask id="mask13_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask13_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0812 12.7875C20.0437 13.4438 19.3875 13.1438 19.0875 12.9375C18.8063 12.7313 18.7125 12.9 18.6937 12.5063C18.675 12.2438 18.6562 12 18.6562 11.7375C19.0875 11.7 19.5562 11.7938 19.9125 12.0563C20.1 12.2063 20.4375 12.6188 20.0812 12.7875Z" fill="#F6D2A2"></path>
+</g>
+<mask id="mask14_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask14_2_1240)">
+<path d="M19.7438 13.2563C19.4626 13.2563 19.1438 13.05 19.0501 12.9938C18.9563 12.9375 18.9001 12.9 18.8438 12.8813C18.6938 12.825 18.6563 12.7875 18.6376 12.5063C18.6376 12.45 18.6376 12.3938 18.6188 12.3375C18.6001 12.15 18.5813 11.9438 18.6001 11.7375V11.6813H18.8438C19.2563 11.6813 19.6501 11.7938 19.9501 12.0188C20.0813 12.1125 20.3251 12.375 20.3063 12.6C20.3063 12.675 20.2688 12.7688 20.1563 12.825C20.1188 13.2 19.8751 13.2563 19.7438 13.2563ZM18.7126 11.8125C18.7126 11.9813 18.7126 12.1688 18.7313 12.3375C18.7313 12.3938 18.7313 12.45 18.7501 12.5063C18.7688 12.7313 18.7876 12.7313 18.8813 12.7688C18.9376 12.7875 19.0126 12.825 19.1251 12.8813C19.2938 12.9938 19.5563 13.125 19.7438 13.125C19.8563 13.125 20.0063 13.0875 20.0251 12.7875V12.75L20.0626 12.7313C20.1376 12.6938 20.1751 12.6563 20.1751 12.5813C20.1938 12.4313 20.0063 12.2063 19.8751 12.1125C19.5938 11.9063 19.2188 11.7938 18.8438 11.7938C18.8063 11.8125 18.7688 11.8125 18.7126 11.8125Z" fill="black"></path>
+</g>
+<mask id="mask15_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask15_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0812 12.7875C19.9875 12.75 19.875 12.7312 19.8187 12.6375L20.0812 12.7875Z" fill="#C6B198"></path>
+</g>
+<mask id="mask16_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask16_2_1240)">
+<path d="M20.0812 12.8625H20.0625L20.025 12.8437C19.9312 12.8062 19.8375 12.7875 19.7812 12.6937C19.7625 12.675 19.7625 12.6187 19.8 12.6C19.8187 12.5812 19.875 12.5812 19.8937 12.6187C19.9312 12.675 20.0062 12.6937 20.0812 12.7312C20.1 12.7312 20.1187 12.75 20.1187 12.75C20.1562 12.7687 20.175 12.8062 20.1562 12.825C20.1375 12.8437 20.1 12.8625 20.0812 12.8625Z" fill="black"></path>
+</g>
+<mask id="mask17_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask17_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.775 0.75C14.325 0.75 16.7063 1.10625 17.9625 3.5625C19.0875 6.3 18.675 9.2625 18.8625 12.1688C19.0125 14.6625 19.3313 17.5313 18.1875 19.8375C16.9688 22.2563 13.9313 22.875 11.4375 22.7813C9.46879 22.7063 7.10629 22.0688 5.98129 20.2688C4.68754 18.1688 5.28754 15.0375 5.38129 12.6938C5.49379 9.91875 4.63129 7.125 5.55004 4.425C6.46879 1.59375 9.01879 0.95625 11.775 0.75Z" fill="#6AD7E5"></path>
+</g>
+<mask id="mask18_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask18_2_1240)">
+<path d="M11.8688 22.8563H11.4C10.6313 22.8375 9.46876 22.7063 8.32501 22.2375C7.21876 21.7875 6.41251 21.15 5.88751 20.3063C4.83751 18.6 5.02501 16.2563 5.19376 14.175C5.23126 13.65 5.26876 13.1625 5.28751 12.6938C5.32501 11.7188 5.25001 10.7063 5.15626 9.75004C5.00626 7.98754 4.85626 6.16879 5.43751 4.40629C5.88751 3.09379 6.69376 2.15629 7.91251 1.55629C8.86876 1.08754 10.05 0.825043 11.7375 0.693793C14.25 0.675043 16.7438 1.03129 18 3.52504C18.825 5.53129 18.825 7.68754 18.8438 9.76879C18.8438 10.5563 18.8438 11.3625 18.9 12.15C18.9188 12.3938 18.9375 12.6375 18.9375 12.8813C19.0875 15.1688 19.2563 17.7563 18.2063 19.8563C17.6813 20.925 16.7625 21.7125 15.5063 22.2188C14.4938 22.6313 13.2188 22.8563 11.8688 22.8563ZM11.775 0.806293C9.13126 1.01254 6.54376 1.59379 5.58751 4.44379C5.00626 6.18754 5.15626 7.98754 5.30626 9.73129C5.38126 10.7063 5.47501 11.7 5.43751 12.6938C5.41876 13.1625 5.38126 13.65 5.34376 14.175C5.17501 16.2375 4.98751 18.5625 6.01876 20.2313C6.45001 20.925 7.83751 22.575 11.4188 22.7063H11.8875C16.0313 22.7063 17.5688 20.8688 18.1313 19.7813C19.1625 17.7188 18.9938 15.1313 18.8625 12.8625C18.8438 12.6188 18.825 12.375 18.825 12.1313C18.7875 11.3438 18.7688 10.5375 18.7688 9.75004C18.75 7.68754 18.75 5.53129 17.9438 3.54379C17.3813 2.43754 16.5375 1.68754 15.375 1.25629C14.175 0.862543 12.825 0.806293 11.775 0.806293Z" fill="black"></path>
+</g>
+<mask id="mask19_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask19_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2251 4.16253C12.6751 6.82503 17.0251 6.11253 16.4063 3.43128C15.8438 1.03128 12.0751 1.70628 12.2251 4.16253Z" fill="white"></path>
+</g>
+<mask id="mask20_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask20_2_1240)">
+<path d="M14.2876 5.9063C13.4438 5.9063 12.3751 5.4563 12.1501 4.1813C12.1126 3.5813 12.3001 3.03755 12.6938 2.62505C13.1251 2.1563 13.7813 1.8938 14.4563 1.8938C15.2438 1.8938 16.1813 2.3063 16.4438 3.45005C16.5938 4.08755 16.4813 4.65005 16.1251 5.10005C15.7313 5.58755 15.0376 5.9063 14.2876 5.9063ZM12.2813 4.16255C12.3751 4.68755 12.6188 5.10005 13.0126 5.40005C13.3501 5.66255 13.8188 5.7938 14.2876 5.7938C14.9813 5.7938 15.6563 5.4938 16.0313 5.02505C16.3688 4.61255 16.4626 4.0688 16.3313 3.4688C16.0876 2.40005 15.2063 2.02505 14.4563 2.02505C13.8188 2.02505 13.2001 2.28755 12.7876 2.7188C12.4313 3.0938 12.2438 3.60005 12.2813 4.16255Z" fill="black"></path>
+</g>
+<mask id="mask21_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask21_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.03123 4.5938C7.63123 6.90005 11.325 6.3188 11.1937 3.9938C11.025 1.2188 6.44998 1.7438 7.03123 4.5938Z" fill="white"></path>
+</g>
+<mask id="mask22_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask22_2_1240)">
+<path d="M9 6.13123C8.19375 6.13123 7.25625 5.73748 6.95625 4.61248C6.825 3.95623 6.95625 3.35623 7.33125 2.90623C7.74375 2.39998 8.41875 2.09998 9.15 2.09998C10.125 2.09998 11.1563 2.68123 11.2313 3.99373C11.2688 4.53748 11.1 5.02498 10.725 5.41873C10.3313 5.84998 9.675 6.13123 9 6.13123ZM9.15 2.23123C8.45625 2.23123 7.81875 2.51248 7.425 2.98123C7.06875 3.41248 6.95625 3.95623 7.0875 4.57498C7.35 5.62498 8.25 5.99998 9 5.99998C9.6375 5.99998 10.2563 5.75623 10.65 5.32498C10.9875 4.96873 11.1563 4.49998 11.1188 3.99373C11.0813 3.18748 10.5375 2.23123 9.15 2.23123Z" fill="black"></path>
+</g>
+<mask id="mask23_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask23_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 7.34995C12.75 7.68745 12.825 8.0812 12.7688 8.4562C12.675 8.62495 12.5063 8.6437 12.3563 8.69995C12.15 8.66245 11.9813 8.5312 11.8875 8.3437C11.8313 7.9312 11.9063 7.5187 11.925 7.1062L12.75 7.34995Z" fill="white"></path>
+</g>
+<mask id="mask24_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask24_2_1240)">
+<path d="M12.3562 8.77505C12.1125 8.73755 11.925 8.58755 11.8312 8.3813C11.7937 8.0813 11.8125 7.80005 11.8312 7.5188C11.85 7.38755 11.85 7.2563 11.85 7.12505V7.05005L12.8062 7.35005V7.38755C12.8062 7.50005 12.825 7.61255 12.825 7.7438C12.8437 7.98755 12.8625 8.25005 12.825 8.4938V8.51255C12.75 8.66255 12.6187 8.70005 12.4875 8.7563C12.45 8.73755 12.4125 8.7563 12.3562 8.77505ZM11.9437 8.32505C12.0187 8.4938 12.1687 8.6063 12.3375 8.6438C12.375 8.62505 12.4125 8.62505 12.4312 8.6063C12.5437 8.5688 12.6375 8.5313 12.6937 8.43755C12.7312 8.21255 12.7125 7.9688 12.6937 7.72505C12.6937 7.61255 12.675 7.50005 12.675 7.4063L11.9625 7.1813C11.9625 7.2938 11.9437 7.4063 11.9437 7.50005C11.925 7.80005 11.9062 8.06255 11.9437 8.32505Z" fill="black"></path>
+</g>
+<mask id="mask25_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask25_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.68123 4.2187C8.68123 4.5937 8.39998 4.8937 8.06248 4.8937C7.72498 4.8937 7.44373 4.5937 7.44373 4.2187C7.44373 3.8437 7.72498 3.5437 8.06248 3.5437C8.39998 3.5437 8.68123 3.8437 8.68123 4.2187Z" fill="black"></path>
+</g>
+<mask id="mask26_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask26_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.47505 4.3687C8.47505 4.46245 8.40005 4.53745 8.32505 4.53745C8.25005 4.53745 8.17505 4.46245 8.17505 4.3687C8.17505 4.27495 8.25005 4.19995 8.32505 4.19995C8.4188 4.19995 8.47505 4.27495 8.47505 4.3687Z" fill="white"></path>
+</g>
+<mask id="mask27_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask27_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9125 4.05C13.9125 4.425 13.6313 4.725 13.2938 4.725C12.9563 4.725 12.675 4.425 12.675 4.05C12.675 3.675 12.9563 3.375 13.2938 3.375C13.6313 3.375 13.9125 3.675 13.9125 4.05Z" fill="black"></path>
+</g>
+<mask id="mask28_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask28_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.725 4.2C13.725 4.29375 13.6687 4.36875 13.575 4.36875C13.5 4.36875 13.425 4.29375 13.425 4.2C13.425 4.10625 13.4812 4.03125 13.575 4.03125C13.65 4.03125 13.725 4.10625 13.725 4.2ZM10.95 7.3125C10.6687 7.96875 11.1 9.3 11.85 8.325C11.7937 7.9125 11.8687 7.5 11.8875 7.0875L10.95 7.3125Z" fill="white"></path>
+</g>
+<mask id="mask29_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask29_2_1240)">
+<path d="M11.3437 8.73752C11.2125 8.73752 11.0812 8.66252 10.9875 8.51252C10.7812 8.21252 10.7437 7.65002 10.8937 7.29377L10.9125 7.25627L11.9437 6.99377V7.06877L11.925 7.48127C11.9062 7.76252 11.8875 8.02502 11.925 8.30627V8.32502L11.9062 8.34377C11.7187 8.60627 11.5312 8.73752 11.3437 8.73752ZM11.0062 7.36877C10.8937 7.68752 10.9312 8.19377 11.1 8.43752C11.175 8.55002 11.25 8.60627 11.3437 8.60627C11.475 8.60627 11.625 8.49377 11.775 8.30627C11.7375 8.02502 11.7562 7.74377 11.7937 7.48127L11.8125 7.16252L11.0062 7.36877Z" fill="black"></path>
+</g>
+<mask id="mask30_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask30_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0438 6.03752C10.5375 6.07502 10.125 6.69377 10.3875 7.16252C10.7438 7.80002 11.5125 7.10627 12 7.16252C12.5625 7.18127 13.0125 7.76252 13.4625 7.27502C13.9688 6.73127 13.2375 6.20627 12.6938 5.96252L11.0438 6.03752Z" fill="#F6D2A2"></path>
+</g>
+<mask id="mask31_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask31_2_1240)">
+<path d="M13.0688 7.5375C12.9 7.5375 12.7313 7.4625 12.5625 7.3875C12.3938 7.3125 12.2063 7.2375 12 7.2375H11.9438C11.7938 7.2375 11.625 7.29375 11.4375 7.36875C11.2313 7.44375 11.025 7.5 10.8375 7.5C10.6125 7.5 10.4438 7.40625 10.3313 7.2C10.2 6.975 10.2188 6.7125 10.35 6.46875C10.5 6.1875 10.7625 6.01875 11.0438 5.98125L12.7125 5.90625H12.7313C13.1438 6.075 13.6125 6.39375 13.7063 6.76875C13.7438 6.95625 13.6875 7.14375 13.5375 7.3125C13.3875 7.48125 13.2375 7.5375 13.0688 7.5375ZM12.0188 7.125C12.225 7.125 12.4313 7.21875 12.6188 7.29375C12.7875 7.36875 12.9375 7.425 13.0875 7.425C13.2188 7.425 13.3313 7.36875 13.4438 7.25625C13.575 7.125 13.6125 6.975 13.5938 6.825C13.5188 6.50625 13.0688 6.20625 12.7125 6.05625L11.0813 6.13125C10.8375 6.15 10.6125 6.31875 10.4813 6.54375C10.3688 6.75 10.3688 6.975 10.4625 7.1625C10.5563 7.33125 10.6688 7.40625 10.8563 7.40625C11.025 7.40625 11.2125 7.33125 11.4 7.275C11.6063 7.2 11.775 7.14375 11.9625 7.14375C11.9625 7.10625 11.9813 7.10625 12.0188 7.125Z" fill="#231F20"></path>
+</g>
+<mask id="mask32_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
+</mask>
+<g mask="url(#mask32_2_1240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9876 6.01876C10.9501 5.13751 12.6376 5.02501 12.8251 5.75626C13.0313 6.50626 11.0626 6.67501 10.9876 6.01876Z" fill="black"></path>
+</g></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageJavaIcon.html b/src/tests/__snapshots__/LanguageJavaIcon.html
index 789dbceb..67cc395e 100644
--- a/src/tests/__snapshots__/LanguageJavaIcon.html
+++ b/src/tests/__snapshots__/LanguageJavaIcon.html
@@ -1 +1,5 @@
-<span data-v-4c55f599="" class="kui-icon language-java-icon" data-testid="kui-icon-wrapper-language-java-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4c55f599="" data-testid="kui-icon-svg-language-java-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4c55f599="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-4c55f599="" d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"></path><path data-v-4c55f599="" d="M13.0879 11.4883C14.2175 12.7886 12.7916 13.9577 12.7916 13.9577C12.7916 13.9577 15.6583 12.4781 14.342 10.6245C13.1122 8.89669 12.1695 8.0385 17.2736 5.07825C17.2736 5.07843 9.26154 7.07887 13.0879 11.4883Z" fill="#EA2D2E"></path><path data-v-4c55f599="" d="M19.1481 20.2929C19.1481 20.2929 19.8098 20.8386 18.4191 21.2602C15.775 22.0612 7.4117 22.3027 5.08895 21.2923C4.25439 20.9289 5.82002 20.4251 6.31258 20.3188C6.82614 20.2076 7.11939 20.2279 7.11939 20.2279C6.1907 19.5741 1.11695 21.5122 4.54258 22.0682C13.884 23.5824 21.5708 21.3862 19.1481 20.2929ZM9.35852 13.1801C9.35852 13.1801 5.10489 14.1906 7.85233 14.5579C9.01258 14.7131 11.3245 14.6775 13.4794 14.4967C15.24 14.3488 17.0068 14.0329 17.0068 14.0329C17.0068 14.0329 16.3866 14.2989 15.9373 14.6053C11.617 15.7417 3.27283 15.2124 5.67527 14.0507C7.70627 13.0684 9.35852 13.1801 9.35852 13.1801ZM16.9892 17.4452C21.3806 15.1639 19.35 12.9714 17.9327 13.2667C17.5862 13.3389 17.4308 13.4017 17.4308 13.4017C17.4308 13.4017 17.5598 13.1994 17.8058 13.1124C20.6095 12.1271 22.7653 16.0192 16.9015 17.5609C16.9015 17.5605 16.9688 17.4996 16.9892 17.4452Z" fill="#0074BD"></path><path data-v-4c55f599="" d="M14.342 0.297607C14.342 0.297607 16.7735 2.73061 12.0352 6.47067C8.23535 9.47179 11.1688 11.1825 12.0339 13.138C9.81559 11.1368 8.18847 9.37486 9.27991 7.73517C10.8827 5.32879 15.3228 4.16161 14.342 0.297607Z" fill="#EA2D2E"></path><path data-v-4c55f599="" d="M9.79014 23.629C14.0044 23.8984 20.4776 23.479 20.6308 21.4847C20.6308 21.4847 20.3363 22.2407 17.1476 22.8406C13.5503 23.5178 9.11251 23.4389 6.48132 23.0044C6.48132 23.0046 7.02039 23.4509 9.79014 23.629Z" fill="#0074BD"></path></svg></span>
\ No newline at end of file
+<span data-v-4c55f599="" class="kui-icon language-java-icon" data-testid="kui-icon-wrapper-language-java-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4c55f599="" data-testid="kui-icon-svg-language-java-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4c55f599="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4c55f599=""><path d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"></path>
+<path d="M13.0879 11.4883C14.2175 12.7886 12.7916 13.9577 12.7916 13.9577C12.7916 13.9577 15.6583 12.4781 14.342 10.6245C13.1122 8.89669 12.1695 8.0385 17.2736 5.07825C17.2736 5.07843 9.26154 7.07887 13.0879 11.4883Z" fill="#EA2D2E"></path>
+<path d="M19.1481 20.2929C19.1481 20.2929 19.8098 20.8386 18.4191 21.2602C15.775 22.0612 7.4117 22.3027 5.08895 21.2923C4.25439 20.9289 5.82002 20.4251 6.31258 20.3188C6.82614 20.2076 7.11939 20.2279 7.11939 20.2279C6.1907 19.5741 1.11695 21.5122 4.54258 22.0682C13.884 23.5824 21.5708 21.3862 19.1481 20.2929ZM9.35852 13.1801C9.35852 13.1801 5.10489 14.1906 7.85233 14.5579C9.01258 14.7131 11.3245 14.6775 13.4794 14.4967C15.24 14.3488 17.0068 14.0329 17.0068 14.0329C17.0068 14.0329 16.3866 14.2989 15.9373 14.6053C11.617 15.7417 3.27283 15.2124 5.67527 14.0507C7.70627 13.0684 9.35852 13.1801 9.35852 13.1801ZM16.9892 17.4452C21.3806 15.1639 19.35 12.9714 17.9327 13.2667C17.5862 13.3389 17.4308 13.4017 17.4308 13.4017C17.4308 13.4017 17.5598 13.1994 17.8058 13.1124C20.6095 12.1271 22.7653 16.0192 16.9015 17.5609C16.9015 17.5605 16.9688 17.4996 16.9892 17.4452Z" fill="#0074BD"></path>
+<path d="M14.342 0.297607C14.342 0.297607 16.7735 2.73061 12.0352 6.47067C8.23535 9.47179 11.1688 11.1825 12.0339 13.138C9.81559 11.1368 8.18847 9.37486 9.27991 7.73517C10.8827 5.32879 15.3228 4.16161 14.342 0.297607Z" fill="#EA2D2E"></path>
+<path d="M9.79014 23.629C14.0044 23.8984 20.4776 23.479 20.6308 21.4847C20.6308 21.4847 20.3363 22.2407 17.1476 22.8406C13.5503 23.5178 9.11251 23.4389 6.48132 23.0044C6.48132 23.0046 7.02039 23.4509 9.79014 23.629Z" fill="#0074BD"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageJavascriptIcon.html b/src/tests/__snapshots__/LanguageJavascriptIcon.html
index 1166b835..370a0170 100644
--- a/src/tests/__snapshots__/LanguageJavascriptIcon.html
+++ b/src/tests/__snapshots__/LanguageJavascriptIcon.html
@@ -1 +1,9 @@
-<span data-v-31e457e3="" class="kui-icon language-javascript-icon" data-testid="kui-icon-wrapper-language-javascript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-31e457e3="" data-testid="kui-icon-svg-language-javascript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-31e457e3="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-31e457e3="" clip-path="url(#clip0_2_1379)"><path data-v-31e457e3="" d="M0.264038 0.264038H23.736V23.7362H0.264038V0.264038Z" fill="#F0DB4F"></path><path data-v-31e457e3="" d="M21.815 18.138C21.6431 17.0672 20.9449 16.1678 18.8765 15.3291C18.158 14.9989 17.357 14.7625 17.1184 14.218C17.0336 13.9011 17.0224 13.7226 17.076 13.5308C17.2299 12.9083 17.973 12.7142 18.5619 12.8927C18.9412 13.0199 19.3003 13.3122 19.5169 13.7785C20.5297 13.1226 20.5277 13.1269 21.2349 12.6762C20.976 12.2747 20.8378 12.0895 20.6683 11.9177C20.0591 11.2373 19.229 10.8869 17.9015 10.9137L17.21 11.0031C16.5474 11.1705 15.9159 11.5184 15.5456 11.9847C14.4345 13.2454 14.7514 15.4519 16.1034 16.36C17.4354 17.3597 19.3922 17.5872 19.6421 18.522C19.8853 19.6665 18.801 20.037 17.7232 19.9054C16.929 19.7402 16.4872 19.3365 16.0097 18.6025C15.1307 19.1112 15.1307 19.1112 14.2269 19.6309C14.4412 20.0995 14.6664 20.3115 15.0257 20.7175C16.7259 22.4421 20.9807 22.3574 21.7438 19.747C21.7747 19.6574 21.9802 19.0596 21.815 18.138ZM13.0241 11.0519H10.8287L10.8197 16.7278C10.8197 17.935 10.8821 19.0416 10.6858 19.3808C10.3646 20.0479 9.53229 19.9652 9.15298 19.8358C8.76692 19.6461 8.57061 19.3763 8.34317 18.9949C8.28073 18.8854 8.23386 18.8007 8.21811 18.7941L6.43311 19.8872C6.72992 20.4964 7.16717 21.0252 7.72723 21.3687C8.56386 21.8708 9.68829 22.0247 10.8643 21.7547C11.6297 21.5318 12.29 21.07 12.6358 20.367C13.1357 19.4455 13.0284 18.33 13.0239 17.0963C13.0352 15.0835 13.0241 13.071 13.0241 11.0519Z" fill="#323330"></path></g><defs data-v-31e457e3=""><clipPath data-v-31e457e3="" id="clip0_2_1379"><rect data-v-31e457e3="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-31e457e3="" class="kui-icon language-javascript-icon" data-testid="kui-icon-wrapper-language-javascript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-31e457e3="" data-testid="kui-icon-svg-language-javascript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-31e457e3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-31e457e3=""><g clip-path="url(#clip0_2_1379)">
+<path d="M0.264038 0.264038H23.736V23.7362H0.264038V0.264038Z" fill="#F0DB4F"></path>
+<path d="M21.815 18.138C21.6431 17.0672 20.9449 16.1678 18.8765 15.3291C18.158 14.9989 17.357 14.7625 17.1184 14.218C17.0336 13.9011 17.0224 13.7226 17.076 13.5308C17.2299 12.9083 17.973 12.7142 18.5619 12.8927C18.9412 13.0199 19.3003 13.3122 19.5169 13.7785C20.5297 13.1226 20.5277 13.1269 21.2349 12.6762C20.976 12.2747 20.8378 12.0895 20.6683 11.9177C20.0591 11.2373 19.229 10.8869 17.9015 10.9137L17.21 11.0031C16.5474 11.1705 15.9159 11.5184 15.5456 11.9847C14.4345 13.2454 14.7514 15.4519 16.1034 16.36C17.4354 17.3597 19.3922 17.5872 19.6421 18.522C19.8853 19.6665 18.801 20.037 17.7232 19.9054C16.929 19.7402 16.4872 19.3365 16.0097 18.6025C15.1307 19.1112 15.1307 19.1112 14.2269 19.6309C14.4412 20.0995 14.6664 20.3115 15.0257 20.7175C16.7259 22.4421 20.9807 22.3574 21.7438 19.747C21.7747 19.6574 21.9802 19.0596 21.815 18.138ZM13.0241 11.0519H10.8287L10.8197 16.7278C10.8197 17.935 10.8821 19.0416 10.6858 19.3808C10.3646 20.0479 9.53229 19.9652 9.15298 19.8358C8.76692 19.6461 8.57061 19.3763 8.34317 18.9949C8.28073 18.8854 8.23386 18.8007 8.21811 18.7941L6.43311 19.8872C6.72992 20.4964 7.16717 21.0252 7.72723 21.3687C8.56386 21.8708 9.68829 22.0247 10.8643 21.7547C11.6297 21.5318 12.29 21.07 12.6358 20.367C13.1357 19.4455 13.0284 18.33 13.0239 17.0963C13.0352 15.0835 13.0241 13.071 13.0241 11.0519Z" fill="#323330"></path>
+</g>
+<defs>
+<clipPath id="clip0_2_1379">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageJsonIcon.html b/src/tests/__snapshots__/LanguageJsonIcon.html
index 2d86b180..fb4aa96c 100644
--- a/src/tests/__snapshots__/LanguageJsonIcon.html
+++ b/src/tests/__snapshots__/LanguageJsonIcon.html
@@ -1 +1,17 @@
-<span data-v-75862afc="" class="kui-icon language-json-icon" data-testid="kui-icon-wrapper-language-json-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75862afc="" data-testid="kui-icon-svg-language-json-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-75862afc="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-75862afc="" clip-path="url(#clip0_2_1382)"><path data-v-75862afc="" fill-rule="evenodd" clip-rule="evenodd" d="M11.9803 17.6818C17.124 24.6939 22.158 15.7247 22.1505 10.3308C22.1419 3.95359 15.6784 0.389404 11.9762 0.389404C6.03413 0.389404 0.375 5.30041 0.375 12.0197C0.375 19.4882 6.86175 23.625 11.9762 23.625C10.8189 23.4583 6.96206 22.632 6.91012 13.7486C6.87525 7.74034 8.87006 5.33997 11.9677 6.39597C12.0371 6.42165 15.3846 7.74222 15.3846 12.056C15.3846 16.3513 11.9803 17.6818 11.9803 17.6818Z" fill="url(#paint0_linear_2_1382)"></path><path data-v-75862afc="" fill-rule="evenodd" clip-rule="evenodd" d="M11.9743 6.39109C8.57549 5.21959 4.41187 8.02084 4.41187 13.6318C4.41187 22.7934 11.2011 23.625 12.024 23.625C17.9659 23.625 23.625 18.714 23.625 11.9947C23.625 4.52621 17.1382 0.389399 12.0238 0.389399C13.4404 0.193274 19.6586 1.9224 19.6586 10.4214C19.6586 15.9637 15.0154 18.981 11.9955 17.6919C11.9261 17.6662 8.57868 16.3456 8.57868 12.0318C8.57868 7.73621 11.9743 6.3909 11.9743 6.39109Z" fill="url(#paint1_linear_2_1382)"></path></g><defs data-v-75862afc=""><linearGradient data-v-75862afc="" id="paint0_linear_2_1382" x1="3.60969" y1="4.02333" x2="19.9869" y2="20.4052" gradientUnits="userSpaceOnUse"><stop data-v-75862afc=""></stop><stop data-v-75862afc="" offset="1" stop-color="white"></stop></linearGradient><linearGradient data-v-75862afc="" id="paint1_linear_2_1382" x1="20.7296" y1="19.6609" x2="4.35237" y2="3.28052" gradientUnits="userSpaceOnUse"><stop data-v-75862afc=""></stop><stop data-v-75862afc="" offset="1" stop-color="white"></stop></linearGradient><clipPath data-v-75862afc="" id="clip0_2_1382"><rect data-v-75862afc="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-75862afc="" class="kui-icon language-json-icon" data-testid="kui-icon-wrapper-language-json-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75862afc="" data-testid="kui-icon-svg-language-json-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-75862afc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-75862afc=""><g clip-path="url(#clip0_2_1382)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9803 17.6818C17.124 24.6939 22.158 15.7247 22.1505 10.3308C22.1419 3.95359 15.6784 0.389404 11.9762 0.389404C6.03413 0.389404 0.375 5.30041 0.375 12.0197C0.375 19.4882 6.86175 23.625 11.9762 23.625C10.8189 23.4583 6.96206 22.632 6.91012 13.7486C6.87525 7.74034 8.87006 5.33997 11.9677 6.39597C12.0371 6.42165 15.3846 7.74222 15.3846 12.056C15.3846 16.3513 11.9803 17.6818 11.9803 17.6818Z" fill="url(#paint0_linear_2_1382)"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9743 6.39109C8.57549 5.21959 4.41187 8.02084 4.41187 13.6318C4.41187 22.7934 11.2011 23.625 12.024 23.625C17.9659 23.625 23.625 18.714 23.625 11.9947C23.625 4.52621 17.1382 0.389399 12.0238 0.389399C13.4404 0.193274 19.6586 1.9224 19.6586 10.4214C19.6586 15.9637 15.0154 18.981 11.9955 17.6919C11.9261 17.6662 8.57868 16.3456 8.57868 12.0318C8.57868 7.73621 11.9743 6.3909 11.9743 6.39109Z" fill="url(#paint1_linear_2_1382)"></path>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2_1382" x1="3.60969" y1="4.02333" x2="19.9869" y2="20.4052" gradientUnits="userSpaceOnUse">
+<stop></stop>
+<stop offset="1" stop-color="white"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_2_1382" x1="20.7296" y1="19.6609" x2="4.35237" y2="3.28052" gradientUnits="userSpaceOnUse">
+<stop></stop>
+<stop offset="1" stop-color="white"></stop>
+</linearGradient>
+<clipPath id="clip0_2_1382">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageNodejsIcon.html b/src/tests/__snapshots__/LanguageNodejsIcon.html
index 5dfe4b4d..d6bc89fd 100644
--- a/src/tests/__snapshots__/LanguageNodejsIcon.html
+++ b/src/tests/__snapshots__/LanguageNodejsIcon.html
@@ -1 +1,29 @@
-<span data-v-18f739f7="" class="kui-icon language-nodejs-icon" data-testid="kui-icon-wrapper-language-nodejs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18f739f7="" data-testid="kui-icon-svg-language-nodejs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18f739f7="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-18f739f7="" clip-path="url(#clip0_2_1385)"><path data-v-18f739f7="" d="M12.5547 0.154743C12.3824 0.0560657 12.1874 0.00415039 11.9889 0.00415039C11.7904 0.00415039 11.5953 0.0560657 11.4231 0.154743L2.08186 5.58006C1.72654 5.78106 1.52686 6.16037 1.52686 6.56256V17.4353C1.52686 17.8371 1.74867 18.2166 2.08148 18.4178L11.4227 23.8429C11.595 23.9416 11.7901 23.9936 11.9886 23.9936C12.1871 23.9936 12.3822 23.9416 12.5545 23.8429L21.8957 18.4176C22.2509 18.2166 22.4504 17.8371 22.4504 17.4351V6.56256C22.4504 6.16056 22.2285 5.78124 21.8957 5.58006L12.5547 0.154743Z" fill="url(#paint0_linear_2_1385)"></path><path data-v-18f739f7="" d="M21.9182 5.57997L12.5327 0.154653C12.4406 0.107813 12.3439 0.0704341 12.2442 0.0430908L1.72693 18.1496C1.81392 18.2565 1.91909 18.3473 2.03762 18.4177L11.4233 23.8428C11.6896 23.999 12.0001 24.0438 12.2886 23.9544L22.1624 5.78097C22.0975 5.69608 22.014 5.62729 21.9182 5.57997Z" fill="url(#paint1_linear_2_1385)"></path><path data-v-18f739f7="" d="M21.9184 18.4172C22.1847 18.261 22.3843 17.9931 22.473 17.7029L12.1999 0.0202985C11.9337 -0.0243265 11.6451 -0.00201398 11.4012 0.154361L2.08203 5.55736L12.1332 23.9989C12.2663 23.9764 12.4219 23.9318 12.555 23.8649L21.9184 18.4172Z" fill="url(#paint2_linear_2_1385)"></path></g><defs data-v-18f739f7=""><linearGradient data-v-18f739f7="" id="paint0_linear_2_1385" x1="15.793" y1="4.19491" x2="7.26197" y2="21.49" gradientUnits="userSpaceOnUse"><stop data-v-18f739f7="" stop-color="#3F873F"></stop><stop data-v-18f739f7="" offset="0.33" stop-color="#3F8B3D"></stop><stop data-v-18f739f7="" offset="0.637" stop-color="#3E9638"></stop><stop data-v-18f739f7="" offset="0.934" stop-color="#3DA92E"></stop><stop data-v-18f739f7="" offset="1" stop-color="#3DAE2B"></stop></linearGradient><linearGradient data-v-18f739f7="" id="paint1_linear_2_1385" x1="10.5695" y1="13.2686" x2="34.3718" y2="-4.20975" gradientUnits="userSpaceOnUse"><stop data-v-18f739f7="" offset="0.138" stop-color="#3F873F"></stop><stop data-v-18f739f7="" offset="0.402" stop-color="#52A044"></stop><stop data-v-18f739f7="" offset="0.713" stop-color="#64B749"></stop><stop data-v-18f739f7="" offset="0.908" stop-color="#6ABF4B"></stop></linearGradient><linearGradient data-v-18f739f7="" id="paint2_linear_2_1385" x1="1.18497" y1="11.9952" x2="22.8" y2="11.9952" gradientUnits="userSpaceOnUse"><stop data-v-18f739f7="" offset="0.092" stop-color="#6ABF4B"></stop><stop data-v-18f739f7="" offset="0.287" stop-color="#64B749"></stop><stop data-v-18f739f7="" offset="0.598" stop-color="#52A044"></stop><stop data-v-18f739f7="" offset="0.862" stop-color="#3F873F"></stop></linearGradient><clipPath data-v-18f739f7="" id="clip0_2_1385"><rect data-v-18f739f7="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-18f739f7="" class="kui-icon language-nodejs-icon" data-testid="kui-icon-wrapper-language-nodejs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18f739f7="" data-testid="kui-icon-svg-language-nodejs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18f739f7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18f739f7=""><g clip-path="url(#clip0_2_1385)">
+<path d="M12.5547 0.154743C12.3824 0.0560657 12.1874 0.00415039 11.9889 0.00415039C11.7904 0.00415039 11.5953 0.0560657 11.4231 0.154743L2.08186 5.58006C1.72654 5.78106 1.52686 6.16037 1.52686 6.56256V17.4353C1.52686 17.8371 1.74867 18.2166 2.08148 18.4178L11.4227 23.8429C11.595 23.9416 11.7901 23.9936 11.9886 23.9936C12.1871 23.9936 12.3822 23.9416 12.5545 23.8429L21.8957 18.4176C22.2509 18.2166 22.4504 17.8371 22.4504 17.4351V6.56256C22.4504 6.16056 22.2285 5.78124 21.8957 5.58006L12.5547 0.154743Z" fill="url(#paint0_linear_2_1385)"></path>
+<path d="M21.9182 5.57997L12.5327 0.154653C12.4406 0.107813 12.3439 0.0704341 12.2442 0.0430908L1.72693 18.1496C1.81392 18.2565 1.91909 18.3473 2.03762 18.4177L11.4233 23.8428C11.6896 23.999 12.0001 24.0438 12.2886 23.9544L22.1624 5.78097C22.0975 5.69608 22.014 5.62729 21.9182 5.57997Z" fill="url(#paint1_linear_2_1385)"></path>
+<path d="M21.9184 18.4172C22.1847 18.261 22.3843 17.9931 22.473 17.7029L12.1999 0.0202985C11.9337 -0.0243265 11.6451 -0.00201398 11.4012 0.154361L2.08203 5.55736L12.1332 23.9989C12.2663 23.9764 12.4219 23.9318 12.555 23.8649L21.9184 18.4172Z" fill="url(#paint2_linear_2_1385)"></path>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2_1385" x1="15.793" y1="4.19491" x2="7.26197" y2="21.49" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3F873F"></stop>
+<stop offset="0.33" stop-color="#3F8B3D"></stop>
+<stop offset="0.637" stop-color="#3E9638"></stop>
+<stop offset="0.934" stop-color="#3DA92E"></stop>
+<stop offset="1" stop-color="#3DAE2B"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_2_1385" x1="10.5695" y1="13.2686" x2="34.3718" y2="-4.20975" gradientUnits="userSpaceOnUse">
+<stop offset="0.138" stop-color="#3F873F"></stop>
+<stop offset="0.402" stop-color="#52A044"></stop>
+<stop offset="0.713" stop-color="#64B749"></stop>
+<stop offset="0.908" stop-color="#6ABF4B"></stop>
+</linearGradient>
+<linearGradient id="paint2_linear_2_1385" x1="1.18497" y1="11.9952" x2="22.8" y2="11.9952" gradientUnits="userSpaceOnUse">
+<stop offset="0.092" stop-color="#6ABF4B"></stop>
+<stop offset="0.287" stop-color="#64B749"></stop>
+<stop offset="0.598" stop-color="#52A044"></stop>
+<stop offset="0.862" stop-color="#3F873F"></stop>
+</linearGradient>
+<clipPath id="clip0_2_1385">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguagePhpIcon.html b/src/tests/__snapshots__/LanguagePhpIcon.html
index 9c24789a..d1d8c1aa 100644
--- a/src/tests/__snapshots__/LanguagePhpIcon.html
+++ b/src/tests/__snapshots__/LanguagePhpIcon.html
@@ -1 +1,16 @@
-<span data-v-c1f0d698="" class="kui-icon language-php-icon" data-testid="kui-icon-wrapper-language-php-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1f0d698="" data-testid="kui-icon-svg-language-php-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1f0d698="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c1f0d698="" d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"></path><path data-v-c1f0d698="" d="M12 17.8438C18.3684 17.8438 23.5312 15.2272 23.5312 11.9999C23.5312 8.77232 18.3684 6.15613 12 6.15613C5.63156 6.15613 0.46875 8.77232 0.46875 11.9999C0.46875 15.2272 5.63156 17.8438 12 17.8438Z" fill="#777BB3"></path><path data-v-c1f0d698="" d="M6.51973 12.7245C7.04341 12.7245 7.43416 12.6279 7.68148 12.4376C7.92635 12.249 8.09529 11.9225 8.18398 11.4673C8.26648 11.0417 8.23498 10.7447 8.09023 10.5842C7.94248 10.4203 7.62279 10.3372 7.14016 10.3372H6.30316L5.83948 12.7245H6.51973ZM3.78241 15.665C3.76321 15.665 3.74425 15.6607 3.7269 15.6525C3.70954 15.6443 3.69422 15.6323 3.68203 15.6175C3.66984 15.6027 3.66109 15.5853 3.6564 15.5667C3.65172 15.5481 3.65121 15.5286 3.65491 15.5098L4.88435 9.18392C4.89016 9.15435 4.90604 9.12771 4.92929 9.10853C4.95254 9.08935 4.98171 9.07882 5.01185 9.07874H7.66198C8.49485 9.07874 9.11473 9.30486 9.50454 9.75092C9.89604 10.199 10.0172 10.826 9.86398 11.6137C9.80154 11.9345 9.69429 12.2325 9.54523 12.4995C9.39006 12.7741 9.19207 13.0222 8.95873 13.2345C8.67166 13.503 8.34673 13.698 7.99366 13.8125C7.64641 13.9258 7.20016 13.9832 6.66804 13.9832H5.59479L5.28841 15.5597C5.28263 15.5893 5.26671 15.6161 5.24338 15.6353C5.22005 15.6545 5.19077 15.665 5.16054 15.665H3.78241Z" fill="black"></path><path data-v-c1f0d698="" d="M6.41067 10.4674H7.14024C7.7228 10.4674 7.92511 10.5953 7.99392 10.6716C8.10774 10.798 8.12949 11.0648 8.05599 11.4426C7.97367 11.8658 7.82105 12.166 7.60224 12.3344C7.37836 12.5069 7.01386 12.5942 6.5198 12.5942H5.99742L6.41086 10.4676L6.41067 10.4674ZM7.66205 8.94867H5.01211C4.95168 8.94868 4.89313 8.96968 4.84648 9.00809C4.79983 9.0465 4.76797 9.09993 4.75636 9.15924L3.52692 15.4853C3.51966 15.523 3.52081 15.5618 3.53029 15.599C3.53977 15.6362 3.55735 15.6708 3.58176 15.7004C3.60617 15.73 3.63682 15.7539 3.67152 15.7703C3.70622 15.7867 3.74411 15.7952 3.78249 15.7952H5.16061C5.22104 15.7952 5.27956 15.7741 5.32618 15.7357C5.3728 15.6972 5.40461 15.6438 5.41617 15.5845L5.70211 14.1134H6.66792C7.21392 14.1134 7.67367 14.0537 8.03424 13.9364C8.40492 13.816 8.74599 13.6118 9.04786 13.3294C9.29092 13.108 9.49719 12.8494 9.65892 12.5631C9.81474 12.2843 9.92686 11.973 9.99174 11.6385C10.153 10.8092 10.0219 10.1453 9.60249 9.6653C9.18699 9.18961 8.53411 8.94849 7.66205 8.94849V8.94867ZM5.68149 12.8545H6.5198C7.07536 12.8545 7.48917 12.75 7.76105 12.5404C8.03311 12.3312 8.2163 11.9817 8.31192 11.4921C8.40286 11.0219 8.36142 10.6902 8.18724 10.4969C8.01267 10.3037 7.66393 10.207 7.14024 10.207H6.19599L5.68149 12.8545ZM7.66224 9.20855C8.45949 9.20855 9.04092 9.41799 9.40655 9.8363C9.77217 10.2548 9.88205 10.8389 9.73655 11.5887C9.67617 11.8977 9.57474 12.18 9.43186 12.4358C9.28861 12.6919 9.10186 12.9259 8.87105 13.1384C8.5958 13.3958 8.29036 13.5794 7.9538 13.6887C7.61742 13.7982 7.1888 13.8527 6.66811 13.8527H5.48761L5.1608 15.5346H3.78267L5.0123 9.20855H7.66224Z" fill="white"></path><path data-v-c1f0d698="" d="M13.0235 13.9832C13.0043 13.9832 12.9853 13.979 12.9679 13.9708C12.9505 13.9626 12.9352 13.9507 12.923 13.9358C12.9107 13.921 12.9019 13.9037 12.8972 13.885C12.8925 13.8664 12.892 13.847 12.8956 13.8281L13.4394 11.0291C13.4913 10.7629 13.4786 10.572 13.4038 10.491C13.3578 10.4417 13.2202 10.359 12.8131 10.359H11.8276L11.144 13.878C11.1381 13.9076 11.1222 13.9343 11.0988 13.9534C11.0754 13.9726 11.0462 13.983 11.0159 13.983H9.64908C9.62987 13.983 9.61091 13.9788 9.59353 13.9706C9.57615 13.9624 9.5608 13.9505 9.54856 13.9357C9.53633 13.9209 9.52751 13.9036 9.52275 13.885C9.51799 13.8664 9.51739 13.847 9.52101 13.8281L10.7506 7.50204C10.7565 7.4724 10.7724 7.44571 10.7957 7.42652C10.819 7.40734 10.8483 7.39685 10.8785 7.39685H12.2454C12.2646 7.39684 12.2836 7.40107 12.3009 7.40924C12.3183 7.41741 12.3337 7.42932 12.3459 7.44412C12.3581 7.45892 12.367 7.47624 12.3717 7.49484C12.3765 7.51344 12.3771 7.53287 12.3734 7.55173L12.0768 9.07873H13.1368C13.9443 9.07873 14.4918 9.22085 14.8108 9.51391C15.1357 9.8126 15.2373 10.2902 15.1123 10.9339L14.5402 13.878C14.5343 13.9076 14.5184 13.9342 14.4951 13.9534C14.4717 13.9725 14.4425 13.983 14.4123 13.983H13.0235V13.9832Z" fill="black"></path><path data-v-c1f0d698="" d="M12.2457 7.2666H10.8786C10.8181 7.26662 10.7596 7.28765 10.7129 7.32609C10.6663 7.36454 10.6344 7.41801 10.6229 7.47735L9.39342 13.8032C9.38612 13.8409 9.38725 13.8798 9.39671 13.917C9.40618 13.9542 9.42375 13.9888 9.44817 14.0185C9.47258 14.0481 9.50324 14.072 9.53796 14.0884C9.57267 14.1048 9.61058 14.1133 9.64898 14.1134H11.016C11.0765 14.1133 11.1351 14.0923 11.1817 14.0539C11.2284 14.0154 11.2602 13.9619 11.2718 13.9026L11.935 10.4892H12.8129C13.2194 10.4892 13.3049 10.576 13.308 10.5799C13.3328 10.6062 13.3652 10.729 13.3116 11.0044L12.7679 13.8032C12.7606 13.8409 12.7617 13.8798 12.7712 13.917C12.7806 13.9542 12.7982 13.9889 12.8227 14.0185C12.8471 14.0482 12.8778 14.072 12.9125 14.0884C12.9473 14.1048 12.9852 14.1133 13.0236 14.1134H14.4126C14.473 14.1133 14.5316 14.0922 14.5782 14.0538C14.6248 14.0154 14.6566 13.9619 14.6682 13.9026L15.2402 10.9589C15.3743 10.2677 15.2595 9.74948 14.899 9.41816C14.5547 9.10204 13.9784 8.94848 13.1369 8.94848H12.235L12.5014 7.57691C12.5087 7.53919 12.5076 7.50031 12.4982 7.46306C12.4887 7.42582 12.4711 7.39112 12.4467 7.36147C12.4223 7.33181 12.3916 7.30793 12.3568 7.29153C12.322 7.27513 12.2841 7.26662 12.2457 7.2666ZM12.2457 7.52723L11.9189 9.20873H13.1369C13.9032 9.20873 14.4319 9.3426 14.7225 9.60998C15.0137 9.87735 15.1007 10.3103 14.9847 10.9094L14.4124 13.8529H13.0236L13.5675 11.0539C13.6294 10.7355 13.6065 10.5184 13.4991 10.4025C13.3917 10.2869 13.1629 10.2289 12.8132 10.2289H11.7203L11.016 13.8527H9.64879L10.8784 7.52666H12.2457V7.52723Z" fill="white"></path><path data-v-c1f0d698="" d="M17.2755 12.7245C17.7992 12.7245 18.1901 12.6279 18.4376 12.4376C18.6821 12.249 18.8513 11.9225 18.94 11.4673C19.0225 11.0417 18.9911 10.7447 18.8462 10.5842C18.6985 10.4203 18.3788 10.3372 17.8961 10.3372H17.0593L16.5953 12.7245H17.2755ZM14.5388 15.665C14.5195 15.6651 14.5005 15.6608 14.4831 15.6526C14.4657 15.6445 14.4504 15.6325 14.4381 15.6177C14.4259 15.6028 14.4171 15.5854 14.4124 15.5668C14.4077 15.5481 14.4072 15.5287 14.4109 15.5098L15.6403 9.18392C15.6462 9.15429 15.6621 9.1276 15.6854 9.10841C15.7087 9.08922 15.738 9.07873 15.7682 9.07874H18.4181C19.251 9.07874 19.8709 9.30486 20.2605 9.75092C20.6522 10.199 20.7731 10.826 20.62 11.6137C20.5614 11.924 20.4539 12.223 20.3014 12.4995C20.1462 12.7741 19.9482 13.0222 19.7149 13.2345C19.428 13.503 19.1027 13.698 18.7498 13.8125C18.4026 13.9258 17.9563 13.9832 17.424 13.9832H16.351L16.0448 15.5597C16.039 15.5894 16.023 15.6161 15.9997 15.6354C15.9763 15.6546 15.947 15.6651 15.9167 15.665H14.5388Z" fill="black"></path><path data-v-c1f0d698="" d="M17.1665 10.4674H17.8961C18.4787 10.4674 18.681 10.5953 18.7496 10.6716C18.864 10.798 18.8853 11.0648 18.812 11.4426C18.7295 11.8658 18.5769 12.166 18.3581 12.3344C18.134 12.5069 17.7695 12.5942 17.2757 12.5942H16.7533L17.1665 10.4674ZM18.4179 8.94867H15.768C15.7076 8.94872 15.6491 8.96975 15.6025 9.00815C15.5558 9.04656 15.524 9.09996 15.5124 9.15924L14.2828 15.4853C14.2755 15.523 14.2767 15.5618 14.2862 15.599C14.2957 15.6362 14.3132 15.6709 14.3377 15.7005C14.3621 15.7301 14.3928 15.7539 14.4275 15.7703C14.4622 15.7867 14.5001 15.7952 14.5385 15.7952H15.9167C15.9771 15.7952 16.0356 15.7741 16.0822 15.7357C16.1288 15.6972 16.1607 15.6438 16.1722 15.5845L16.4582 14.1134H17.4238C17.9696 14.1134 18.4295 14.0537 18.7899 13.9364C19.1608 13.816 19.5018 13.6118 19.8039 13.3292C20.0469 13.1079 20.2531 12.8493 20.4148 12.5631C20.5708 12.2843 20.6825 11.973 20.7476 11.6385C20.9088 10.8092 20.778 10.1453 20.3583 9.6653C19.9428 9.18961 19.2902 8.94849 18.4177 8.94849L18.4179 8.94867ZM16.4373 12.8545H17.2755C17.8312 12.8545 18.2448 12.75 18.5171 12.5404C18.789 12.3312 18.9723 11.9817 19.0676 11.4921C19.1589 11.0219 19.1175 10.6902 18.9429 10.4969C18.7685 10.3037 18.4196 10.207 17.8961 10.207H16.952L16.4373 12.8545ZM18.4179 9.20855C19.215 9.20855 19.7968 9.41799 20.1622 9.8363C20.5278 10.2548 20.6379 10.8389 20.492 11.5887C20.432 11.8977 20.3304 12.18 20.1875 12.4358C20.0445 12.6919 19.8575 12.9259 19.6265 13.1384C19.3515 13.3958 19.0458 13.5794 18.7093 13.6887C18.3731 13.7982 17.9447 13.8527 17.4238 13.8527H16.2435L15.9163 15.5346H14.5382L15.7678 9.20855H18.4179Z" fill="white"></path><defs data-v-c1f0d698=""><radialGradient data-v-c1f0d698="" id="paint0_radial_2_1389" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.20487 7.90663) scale(15.7578)"><stop data-v-c1f0d698="" stop-color="#AEB2D5"></stop><stop data-v-c1f0d698="" offset="0.3" stop-color="#AEB2D5"></stop><stop data-v-c1f0d698="" offset="0.75" stop-color="#484C89"></stop><stop data-v-c1f0d698="" offset="1" stop-color="#484C89"></stop></radialGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-c1f0d698="" class="kui-icon language-php-icon" data-testid="kui-icon-wrapper-language-php-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1f0d698="" data-testid="kui-icon-svg-language-php-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1f0d698="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c1f0d698=""><path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"></path>
+<path d="M12 17.8438C18.3684 17.8438 23.5312 15.2272 23.5312 11.9999C23.5312 8.77232 18.3684 6.15613 12 6.15613C5.63156 6.15613 0.46875 8.77232 0.46875 11.9999C0.46875 15.2272 5.63156 17.8438 12 17.8438Z" fill="#777BB3"></path>
+<path d="M6.51973 12.7245C7.04341 12.7245 7.43416 12.6279 7.68148 12.4376C7.92635 12.249 8.09529 11.9225 8.18398 11.4673C8.26648 11.0417 8.23498 10.7447 8.09023 10.5842C7.94248 10.4203 7.62279 10.3372 7.14016 10.3372H6.30316L5.83948 12.7245H6.51973ZM3.78241 15.665C3.76321 15.665 3.74425 15.6607 3.7269 15.6525C3.70954 15.6443 3.69422 15.6323 3.68203 15.6175C3.66984 15.6027 3.66109 15.5853 3.6564 15.5667C3.65172 15.5481 3.65121 15.5286 3.65491 15.5098L4.88435 9.18392C4.89016 9.15435 4.90604 9.12771 4.92929 9.10853C4.95254 9.08935 4.98171 9.07882 5.01185 9.07874H7.66198C8.49485 9.07874 9.11473 9.30486 9.50454 9.75092C9.89604 10.199 10.0172 10.826 9.86398 11.6137C9.80154 11.9345 9.69429 12.2325 9.54523 12.4995C9.39006 12.7741 9.19207 13.0222 8.95873 13.2345C8.67166 13.503 8.34673 13.698 7.99366 13.8125C7.64641 13.9258 7.20016 13.9832 6.66804 13.9832H5.59479L5.28841 15.5597C5.28263 15.5893 5.26671 15.6161 5.24338 15.6353C5.22005 15.6545 5.19077 15.665 5.16054 15.665H3.78241Z" fill="black"></path>
+<path d="M6.41067 10.4674H7.14024C7.7228 10.4674 7.92511 10.5953 7.99392 10.6716C8.10774 10.798 8.12949 11.0648 8.05599 11.4426C7.97367 11.8658 7.82105 12.166 7.60224 12.3344C7.37836 12.5069 7.01386 12.5942 6.5198 12.5942H5.99742L6.41086 10.4676L6.41067 10.4674ZM7.66205 8.94867H5.01211C4.95168 8.94868 4.89313 8.96968 4.84648 9.00809C4.79983 9.0465 4.76797 9.09993 4.75636 9.15924L3.52692 15.4853C3.51966 15.523 3.52081 15.5618 3.53029 15.599C3.53977 15.6362 3.55735 15.6708 3.58176 15.7004C3.60617 15.73 3.63682 15.7539 3.67152 15.7703C3.70622 15.7867 3.74411 15.7952 3.78249 15.7952H5.16061C5.22104 15.7952 5.27956 15.7741 5.32618 15.7357C5.3728 15.6972 5.40461 15.6438 5.41617 15.5845L5.70211 14.1134H6.66792C7.21392 14.1134 7.67367 14.0537 8.03424 13.9364C8.40492 13.816 8.74599 13.6118 9.04786 13.3294C9.29092 13.108 9.49719 12.8494 9.65892 12.5631C9.81474 12.2843 9.92686 11.973 9.99174 11.6385C10.153 10.8092 10.0219 10.1453 9.60249 9.6653C9.18699 9.18961 8.53411 8.94849 7.66205 8.94849V8.94867ZM5.68149 12.8545H6.5198C7.07536 12.8545 7.48917 12.75 7.76105 12.5404C8.03311 12.3312 8.2163 11.9817 8.31192 11.4921C8.40286 11.0219 8.36142 10.6902 8.18724 10.4969C8.01267 10.3037 7.66393 10.207 7.14024 10.207H6.19599L5.68149 12.8545ZM7.66224 9.20855C8.45949 9.20855 9.04092 9.41799 9.40655 9.8363C9.77217 10.2548 9.88205 10.8389 9.73655 11.5887C9.67617 11.8977 9.57474 12.18 9.43186 12.4358C9.28861 12.6919 9.10186 12.9259 8.87105 13.1384C8.5958 13.3958 8.29036 13.5794 7.9538 13.6887C7.61742 13.7982 7.1888 13.8527 6.66811 13.8527H5.48761L5.1608 15.5346H3.78267L5.0123 9.20855H7.66224Z" fill="white"></path>
+<path d="M13.0235 13.9832C13.0043 13.9832 12.9853 13.979 12.9679 13.9708C12.9505 13.9626 12.9352 13.9507 12.923 13.9358C12.9107 13.921 12.9019 13.9037 12.8972 13.885C12.8925 13.8664 12.892 13.847 12.8956 13.8281L13.4394 11.0291C13.4913 10.7629 13.4786 10.572 13.4038 10.491C13.3578 10.4417 13.2202 10.359 12.8131 10.359H11.8276L11.144 13.878C11.1381 13.9076 11.1222 13.9343 11.0988 13.9534C11.0754 13.9726 11.0462 13.983 11.0159 13.983H9.64908C9.62987 13.983 9.61091 13.9788 9.59353 13.9706C9.57615 13.9624 9.5608 13.9505 9.54856 13.9357C9.53633 13.9209 9.52751 13.9036 9.52275 13.885C9.51799 13.8664 9.51739 13.847 9.52101 13.8281L10.7506 7.50204C10.7565 7.4724 10.7724 7.44571 10.7957 7.42652C10.819 7.40734 10.8483 7.39685 10.8785 7.39685H12.2454C12.2646 7.39684 12.2836 7.40107 12.3009 7.40924C12.3183 7.41741 12.3337 7.42932 12.3459 7.44412C12.3581 7.45892 12.367 7.47624 12.3717 7.49484C12.3765 7.51344 12.3771 7.53287 12.3734 7.55173L12.0768 9.07873H13.1368C13.9443 9.07873 14.4918 9.22085 14.8108 9.51391C15.1357 9.8126 15.2373 10.2902 15.1123 10.9339L14.5402 13.878C14.5343 13.9076 14.5184 13.9342 14.4951 13.9534C14.4717 13.9725 14.4425 13.983 14.4123 13.983H13.0235V13.9832Z" fill="black"></path>
+<path d="M12.2457 7.2666H10.8786C10.8181 7.26662 10.7596 7.28765 10.7129 7.32609C10.6663 7.36454 10.6344 7.41801 10.6229 7.47735L9.39342 13.8032C9.38612 13.8409 9.38725 13.8798 9.39671 13.917C9.40618 13.9542 9.42375 13.9888 9.44817 14.0185C9.47258 14.0481 9.50324 14.072 9.53796 14.0884C9.57267 14.1048 9.61058 14.1133 9.64898 14.1134H11.016C11.0765 14.1133 11.1351 14.0923 11.1817 14.0539C11.2284 14.0154 11.2602 13.9619 11.2718 13.9026L11.935 10.4892H12.8129C13.2194 10.4892 13.3049 10.576 13.308 10.5799C13.3328 10.6062 13.3652 10.729 13.3116 11.0044L12.7679 13.8032C12.7606 13.8409 12.7617 13.8798 12.7712 13.917C12.7806 13.9542 12.7982 13.9889 12.8227 14.0185C12.8471 14.0482 12.8778 14.072 12.9125 14.0884C12.9473 14.1048 12.9852 14.1133 13.0236 14.1134H14.4126C14.473 14.1133 14.5316 14.0922 14.5782 14.0538C14.6248 14.0154 14.6566 13.9619 14.6682 13.9026L15.2402 10.9589C15.3743 10.2677 15.2595 9.74948 14.899 9.41816C14.5547 9.10204 13.9784 8.94848 13.1369 8.94848H12.235L12.5014 7.57691C12.5087 7.53919 12.5076 7.50031 12.4982 7.46306C12.4887 7.42582 12.4711 7.39112 12.4467 7.36147C12.4223 7.33181 12.3916 7.30793 12.3568 7.29153C12.322 7.27513 12.2841 7.26662 12.2457 7.2666ZM12.2457 7.52723L11.9189 9.20873H13.1369C13.9032 9.20873 14.4319 9.3426 14.7225 9.60998C15.0137 9.87735 15.1007 10.3103 14.9847 10.9094L14.4124 13.8529H13.0236L13.5675 11.0539C13.6294 10.7355 13.6065 10.5184 13.4991 10.4025C13.3917 10.2869 13.1629 10.2289 12.8132 10.2289H11.7203L11.016 13.8527H9.64879L10.8784 7.52666H12.2457V7.52723Z" fill="white"></path>
+<path d="M17.2755 12.7245C17.7992 12.7245 18.1901 12.6279 18.4376 12.4376C18.6821 12.249 18.8513 11.9225 18.94 11.4673C19.0225 11.0417 18.9911 10.7447 18.8462 10.5842C18.6985 10.4203 18.3788 10.3372 17.8961 10.3372H17.0593L16.5953 12.7245H17.2755ZM14.5388 15.665C14.5195 15.6651 14.5005 15.6608 14.4831 15.6526C14.4657 15.6445 14.4504 15.6325 14.4381 15.6177C14.4259 15.6028 14.4171 15.5854 14.4124 15.5668C14.4077 15.5481 14.4072 15.5287 14.4109 15.5098L15.6403 9.18392C15.6462 9.15429 15.6621 9.1276 15.6854 9.10841C15.7087 9.08922 15.738 9.07873 15.7682 9.07874H18.4181C19.251 9.07874 19.8709 9.30486 20.2605 9.75092C20.6522 10.199 20.7731 10.826 20.62 11.6137C20.5614 11.924 20.4539 12.223 20.3014 12.4995C20.1462 12.7741 19.9482 13.0222 19.7149 13.2345C19.428 13.503 19.1027 13.698 18.7498 13.8125C18.4026 13.9258 17.9563 13.9832 17.424 13.9832H16.351L16.0448 15.5597C16.039 15.5894 16.023 15.6161 15.9997 15.6354C15.9763 15.6546 15.947 15.6651 15.9167 15.665H14.5388Z" fill="black"></path>
+<path d="M17.1665 10.4674H17.8961C18.4787 10.4674 18.681 10.5953 18.7496 10.6716C18.864 10.798 18.8853 11.0648 18.812 11.4426C18.7295 11.8658 18.5769 12.166 18.3581 12.3344C18.134 12.5069 17.7695 12.5942 17.2757 12.5942H16.7533L17.1665 10.4674ZM18.4179 8.94867H15.768C15.7076 8.94872 15.6491 8.96975 15.6025 9.00815C15.5558 9.04656 15.524 9.09996 15.5124 9.15924L14.2828 15.4853C14.2755 15.523 14.2767 15.5618 14.2862 15.599C14.2957 15.6362 14.3132 15.6709 14.3377 15.7005C14.3621 15.7301 14.3928 15.7539 14.4275 15.7703C14.4622 15.7867 14.5001 15.7952 14.5385 15.7952H15.9167C15.9771 15.7952 16.0356 15.7741 16.0822 15.7357C16.1288 15.6972 16.1607 15.6438 16.1722 15.5845L16.4582 14.1134H17.4238C17.9696 14.1134 18.4295 14.0537 18.7899 13.9364C19.1608 13.816 19.5018 13.6118 19.8039 13.3292C20.0469 13.1079 20.2531 12.8493 20.4148 12.5631C20.5708 12.2843 20.6825 11.973 20.7476 11.6385C20.9088 10.8092 20.778 10.1453 20.3583 9.6653C19.9428 9.18961 19.2902 8.94849 18.4177 8.94849L18.4179 8.94867ZM16.4373 12.8545H17.2755C17.8312 12.8545 18.2448 12.75 18.5171 12.5404C18.789 12.3312 18.9723 11.9817 19.0676 11.4921C19.1589 11.0219 19.1175 10.6902 18.9429 10.4969C18.7685 10.3037 18.4196 10.207 17.8961 10.207H16.952L16.4373 12.8545ZM18.4179 9.20855C19.215 9.20855 19.7968 9.41799 20.1622 9.8363C20.5278 10.2548 20.6379 10.8389 20.492 11.5887C20.432 11.8977 20.3304 12.18 20.1875 12.4358C20.0445 12.6919 19.8575 12.9259 19.6265 13.1384C19.3515 13.3958 19.0458 13.5794 18.7093 13.6887C18.3731 13.7982 17.9447 13.8527 17.4238 13.8527H16.2435L15.9163 15.5346H14.5382L15.7678 9.20855H18.4179Z" fill="white"></path>
+<defs>
+<radialGradient id="paint0_radial_2_1389" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.20487 7.90663) scale(15.7578)">
+<stop stop-color="#AEB2D5"></stop>
+<stop offset="0.3" stop-color="#AEB2D5"></stop>
+<stop offset="0.75" stop-color="#484C89"></stop>
+<stop offset="1" stop-color="#484C89"></stop>
+</radialGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguagePythonIcon.html b/src/tests/__snapshots__/LanguagePythonIcon.html
index fe6935d0..246ee1dd 100644
--- a/src/tests/__snapshots__/LanguagePythonIcon.html
+++ b/src/tests/__snapshots__/LanguagePythonIcon.html
@@ -1 +1,17 @@
-<span data-v-431d13a0="" class="kui-icon language-python-icon" data-testid="kui-icon-wrapper-language-python-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-431d13a0="" data-testid="kui-icon-svg-language-python-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-431d13a0="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-431d13a0="" d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"></path><path data-v-431d13a0="" d="M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z" fill="url(#paint1_linear_2_1403)"></path><path data-v-431d13a0="" opacity="0.444" d="M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z" fill="url(#paint2_radial_2_1403)"></path><defs data-v-431d13a0=""><linearGradient data-v-431d13a0="" id="paint0_linear_2_1403" x1="1.9382" y1="2.84828" x2="12.617" y2="11.9551" gradientUnits="userSpaceOnUse"><stop data-v-431d13a0="" stop-color="#5A9FD4"></stop><stop data-v-431d13a0="" offset="1" stop-color="#306998"></stop></linearGradient><linearGradient data-v-431d13a0="" id="paint1_linear_2_1403" x1="16.6347" y1="17.6161" x2="12.8051" y2="12.2457" gradientUnits="userSpaceOnUse"><stop data-v-431d13a0="" stop-color="#FFD43B"></stop><stop data-v-431d13a0="" offset="1" stop-color="#FFE873"></stop></linearGradient><radialGradient data-v-431d13a0="" id="paint2_radial_2_1403" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0159 22.3899) rotate(-90) scale(1.20343 5.2901)"><stop data-v-431d13a0="" stop-color="#B8B8B8" stop-opacity="0.498"></stop><stop data-v-431d13a0="" offset="1" stop-color="#7F7F7F" stop-opacity="0"></stop></radialGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-431d13a0="" class="kui-icon language-python-icon" data-testid="kui-icon-wrapper-language-python-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-431d13a0="" data-testid="kui-icon-svg-language-python-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-431d13a0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-431d13a0=""><path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"></path>
+<path d="M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z" fill="url(#paint1_linear_2_1403)"></path>
+<path opacity="0.444" d="M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z" fill="url(#paint2_radial_2_1403)"></path>
+<defs>
+<linearGradient id="paint0_linear_2_1403" x1="1.9382" y1="2.84828" x2="12.617" y2="11.9551" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A9FD4"></stop>
+<stop offset="1" stop-color="#306998"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_2_1403" x1="16.6347" y1="17.6161" x2="12.8051" y2="12.2457" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD43B"></stop>
+<stop offset="1" stop-color="#FFE873"></stop>
+</linearGradient>
+<radialGradient id="paint2_radial_2_1403" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0159 22.3899) rotate(-90) scale(1.20343 5.2901)">
+<stop stop-color="#B8B8B8" stop-opacity="0.498"></stop>
+<stop offset="1" stop-color="#7F7F7F" stop-opacity="0"></stop>
+</radialGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageRIcon.html b/src/tests/__snapshots__/LanguageRIcon.html
index 001c43d2..df2820b1 100644
--- a/src/tests/__snapshots__/LanguageRIcon.html
+++ b/src/tests/__snapshots__/LanguageRIcon.html
@@ -1 +1,12 @@
-<span data-v-3c766700="" class="kui-icon language-r-icon" data-testid="kui-icon-wrapper-language-r-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3c766700="" data-testid="kui-icon-svg-language-r-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3c766700="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-3c766700="" fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"></path><path data-v-3c766700="" fill-rule="evenodd" clip-rule="evenodd" d="M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z" fill="url(#paint1_linear_2_1407)"></path><defs data-v-3c766700=""><linearGradient data-v-3c766700="" id="paint0_linear_2_1407" x1="0.000135372" y1="2.74591" x2="14.8636" y2="24.9385" gradientUnits="userSpaceOnUse"><stop data-v-3c766700="" stop-color="#CBCED0"></stop><stop data-v-3c766700="" offset="1" stop-color="#84838B"></stop></linearGradient><linearGradient data-v-3c766700="" id="paint1_linear_2_1407" x1="9.88818" y1="7.73612" x2="23.4023" y2="20.9796" gradientUnits="userSpaceOnUse"><stop data-v-3c766700="" stop-color="#276DC3"></stop><stop data-v-3c766700="" offset="1" stop-color="#165CAA"></stop></linearGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-3c766700="" class="kui-icon language-r-icon" data-testid="kui-icon-wrapper-language-r-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3c766700="" data-testid="kui-icon-svg-language-r-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3c766700="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3c766700=""><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z" fill="url(#paint1_linear_2_1407)"></path>
+<defs>
+<linearGradient id="paint0_linear_2_1407" x1="0.000135372" y1="2.74591" x2="14.8636" y2="24.9385" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBCED0"></stop>
+<stop offset="1" stop-color="#84838B"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_2_1407" x1="9.88818" y1="7.73612" x2="23.4023" y2="20.9796" gradientUnits="userSpaceOnUse">
+<stop stop-color="#276DC3"></stop>
+<stop offset="1" stop-color="#165CAA"></stop>
+</linearGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageRubyIcon.html b/src/tests/__snapshots__/LanguageRubyIcon.html
index f673518f..01e12432 100644
--- a/src/tests/__snapshots__/LanguageRubyIcon.html
+++ b/src/tests/__snapshots__/LanguageRubyIcon.html
@@ -1 +1,123 @@
-<span data-v-a63e86d6="" class="kui-icon language-ruby-icon" data-testid="kui-icon-wrapper-language-ruby-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a63e86d6="" data-testid="kui-icon-svg-language-ruby-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a63e86d6="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-a63e86d6="" clip-path="url(#clip0_2_1410)"><path data-v-a63e86d6="" d="M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z" fill="url(#paint0_linear_2_1410)"></path><path data-v-a63e86d6="" d="M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z" fill="url(#paint1_linear_2_1410)"></path><path data-v-a63e86d6="" d="M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z" fill="url(#paint2_linear_2_1410)"></path><path data-v-a63e86d6="" d="M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z" fill="url(#paint3_linear_2_1410)"></path><path data-v-a63e86d6="" d="M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z" fill="url(#paint4_linear_2_1410)"></path><path data-v-a63e86d6="" d="M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z" fill="url(#paint5_linear_2_1410)"></path><path data-v-a63e86d6="" d="M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z" fill="url(#paint6_linear_2_1410)"></path><path data-v-a63e86d6="" d="M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z" fill="url(#paint7_linear_2_1410)"></path><path data-v-a63e86d6="" d="M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z" fill="white"></path><path data-v-a63e86d6="" d="M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z" fill="url(#paint8_linear_2_1410)"></path><path data-v-a63e86d6="" d="M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z" fill="url(#paint9_linear_2_1410)"></path><path data-v-a63e86d6="" d="M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z" fill="url(#paint10_linear_2_1410)"></path><path data-v-a63e86d6="" d="M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z" fill="url(#paint11_linear_2_1410)"></path><path data-v-a63e86d6="" d="M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z" fill="#9E1209"></path><path data-v-a63e86d6="" d="M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z" fill="url(#paint12_radial_2_1410)"></path><path data-v-a63e86d6="" d="M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z" fill="url(#paint13_radial_2_1410)"></path><path data-v-a63e86d6="" d="M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z" fill="url(#paint14_linear_2_1410)"></path><path data-v-a63e86d6="" d="M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z" fill="url(#paint15_linear_2_1410)"></path></g><defs data-v-a63e86d6=""><linearGradient data-v-a63e86d6="" id="paint0_linear_2_1410" x1="20.5462" y1="25.3031" x2="15.7841" y2="16.8953" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#FB7655"></stop><stop data-v-a63e86d6="" offset="0.41" stop-color="#E42B1E"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#990000"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#990000"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint1_linear_2_1410" x1="22.9183" y1="18.24" x2="16.7809" y2="14.1215" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#871101"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#911209"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#911209"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint2_linear_2_1410" x1="18.0079" y1="25.5582" x2="11.8706" y2="21.4397" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#871101"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#911209"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#911209"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint3_linear_2_1410" x1="5.12198" y1="15.2584" x2="6.07335" y2="21.4418" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.23" stop-color="#E57252"></stop><stop data-v-a63e86d6="" offset="0.46" stop-color="#DE3B20"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#A60003"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#A60003"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint4_linear_2_1410" x1="11.6661" y1="9.48511" x2="12.0167" y2="15.7956" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.23" stop-color="#E4714E"></stop><stop data-v-a63e86d6="" offset="0.56" stop-color="#BE1A0D"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#A80D00"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#A80D00"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint5_linear_2_1410" x1="17.4733" y1="3.65199" x2="18.5229" y2="8.17487" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.18" stop-color="#E46342"></stop><stop data-v-a63e86d6="" offset="0.4" stop-color="#C82410"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#A80D00"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#A80D00"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint6_linear_2_1410" x1="14.2687" y1="2.05915" x2="18.791" y2="-0.201908" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.54" stop-color="#C81F11"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#BF0905"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#BF0905"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint7_linear_2_1410" x1="1.15764" y1="13.6823" x2="1.53002" y2="17.4088" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.31" stop-color="#DE4024"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#BF190B"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#BF190B"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint8_linear_2_1410" x1="-1.40135" y1="18.4161" x2="16.096" y2="0.42394" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#BD0012"></stop><stop data-v-a63e86d6="" offset="0.07" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.17" stop-color="white"></stop><stop data-v-a63e86d6="" offset="0.27" stop-color="#C82F1C"></stop><stop data-v-a63e86d6="" offset="0.33" stop-color="#820C01"></stop><stop data-v-a63e86d6="" offset="0.46" stop-color="#A31601"></stop><stop data-v-a63e86d6="" offset="0.72" stop-color="#B31301"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#E82609"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#E82609"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint9_linear_2_1410" x1="12.0013" y1="20.2309" x2="6.73084" y2="18.9302" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#8C0C01"></stop><stop data-v-a63e86d6="" offset="0.54" stop-color="#990C00"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#A80D0E"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#A80D0E"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint10_linear_2_1410" x1="21.0534" y1="13.9055" x2="16.3713" y2="9.70926" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#7E110B"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#9E0C00"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#9E0C00"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint11_linear_2_1410" x1="22.7736" y1="6.20611" x2="20.4415" y2="3.71273" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#79130D"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#9E120B"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#9E120B"></stop></linearGradient><radialGradient data-v-a63e86d6="" id="paint12_radial_2_1410" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.1006 9.78952) scale(5.73769)"><stop data-v-a63e86d6="" stop-color="#A80D00"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#7E0E08"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#7E0E08"></stop></radialGradient><radialGradient data-v-a63e86d6="" id="paint13_radial_2_1410" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.15472 17.3503) scale(7.62731)"><stop data-v-a63e86d6="" stop-color="#A30C00"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#800E08"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#800E08"></stop></radialGradient><linearGradient data-v-a63e86d6="" id="paint14_linear_2_1410" x1="3.75173" y1="23.2285" x2="1.85122" y2="16.7802" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#8B2114"></stop><stop data-v-a63e86d6="" offset="0.43" stop-color="#9E100A"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#B3100C"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#B3100C"></stop></linearGradient><linearGradient data-v-a63e86d6="" id="paint15_linear_2_1410" x1="18.3323" y1="1.86072" x2="22.593" y2="3.74153" gradientUnits="userSpaceOnUse"><stop data-v-a63e86d6="" stop-color="#B31000"></stop><stop data-v-a63e86d6="" offset="0.44" stop-color="#910F08"></stop><stop data-v-a63e86d6="" offset="0.99" stop-color="#791C12"></stop><stop data-v-a63e86d6="" offset="1" stop-color="#791C12"></stop></linearGradient><clipPath data-v-a63e86d6="" id="clip0_2_1410"><rect data-v-a63e86d6="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-a63e86d6="" class="kui-icon language-ruby-icon" data-testid="kui-icon-wrapper-language-ruby-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a63e86d6="" data-testid="kui-icon-svg-language-ruby-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a63e86d6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a63e86d6=""><g clip-path="url(#clip0_2_1410)">
+<path d="M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z" fill="url(#paint0_linear_2_1410)"></path>
+<path d="M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z" fill="url(#paint1_linear_2_1410)"></path>
+<path d="M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z" fill="url(#paint2_linear_2_1410)"></path>
+<path d="M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z" fill="url(#paint3_linear_2_1410)"></path>
+<path d="M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z" fill="url(#paint4_linear_2_1410)"></path>
+<path d="M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z" fill="url(#paint5_linear_2_1410)"></path>
+<path d="M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z" fill="url(#paint6_linear_2_1410)"></path>
+<path d="M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z" fill="url(#paint7_linear_2_1410)"></path>
+<path d="M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z" fill="white"></path>
+<path d="M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z" fill="url(#paint8_linear_2_1410)"></path>
+<path d="M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z" fill="url(#paint9_linear_2_1410)"></path>
+<path d="M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z" fill="url(#paint10_linear_2_1410)"></path>
+<path d="M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z" fill="url(#paint11_linear_2_1410)"></path>
+<path d="M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z" fill="#9E1209"></path>
+<path d="M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z" fill="url(#paint12_radial_2_1410)"></path>
+<path d="M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z" fill="url(#paint13_radial_2_1410)"></path>
+<path d="M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z" fill="url(#paint14_linear_2_1410)"></path>
+<path d="M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z" fill="url(#paint15_linear_2_1410)"></path>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2_1410" x1="20.5462" y1="25.3031" x2="15.7841" y2="16.8953" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB7655"></stop>
+<stop offset="0.41" stop-color="#E42B1E"></stop>
+<stop offset="0.99" stop-color="#990000"></stop>
+<stop offset="1" stop-color="#990000"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_2_1410" x1="22.9183" y1="18.24" x2="16.7809" y2="14.1215" gradientUnits="userSpaceOnUse">
+<stop stop-color="#871101"></stop>
+<stop offset="0.99" stop-color="#911209"></stop>
+<stop offset="1" stop-color="#911209"></stop>
+</linearGradient>
+<linearGradient id="paint2_linear_2_1410" x1="18.0079" y1="25.5582" x2="11.8706" y2="21.4397" gradientUnits="userSpaceOnUse">
+<stop stop-color="#871101"></stop>
+<stop offset="0.99" stop-color="#911209"></stop>
+<stop offset="1" stop-color="#911209"></stop>
+</linearGradient>
+<linearGradient id="paint3_linear_2_1410" x1="5.12198" y1="15.2584" x2="6.07335" y2="21.4418" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"></stop>
+<stop offset="0.23" stop-color="#E57252"></stop>
+<stop offset="0.46" stop-color="#DE3B20"></stop>
+<stop offset="0.99" stop-color="#A60003"></stop>
+<stop offset="1" stop-color="#A60003"></stop>
+</linearGradient>
+<linearGradient id="paint4_linear_2_1410" x1="11.6661" y1="9.48511" x2="12.0167" y2="15.7956" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"></stop>
+<stop offset="0.23" stop-color="#E4714E"></stop>
+<stop offset="0.56" stop-color="#BE1A0D"></stop>
+<stop offset="0.99" stop-color="#A80D00"></stop>
+<stop offset="1" stop-color="#A80D00"></stop>
+</linearGradient>
+<linearGradient id="paint5_linear_2_1410" x1="17.4733" y1="3.65199" x2="18.5229" y2="8.17487" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"></stop>
+<stop offset="0.18" stop-color="#E46342"></stop>
+<stop offset="0.4" stop-color="#C82410"></stop>
+<stop offset="0.99" stop-color="#A80D00"></stop>
+<stop offset="1" stop-color="#A80D00"></stop>
+</linearGradient>
+<linearGradient id="paint6_linear_2_1410" x1="14.2687" y1="2.05915" x2="18.791" y2="-0.201908" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"></stop>
+<stop offset="0.54" stop-color="#C81F11"></stop>
+<stop offset="0.99" stop-color="#BF0905"></stop>
+<stop offset="1" stop-color="#BF0905"></stop>
+</linearGradient>
+<linearGradient id="paint7_linear_2_1410" x1="1.15764" y1="13.6823" x2="1.53002" y2="17.4088" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"></stop>
+<stop offset="0.31" stop-color="#DE4024"></stop>
+<stop offset="0.99" stop-color="#BF190B"></stop>
+<stop offset="1" stop-color="#BF190B"></stop>
+</linearGradient>
+<linearGradient id="paint8_linear_2_1410" x1="-1.40135" y1="18.4161" x2="16.096" y2="0.42394" gradientUnits="userSpaceOnUse">
+<stop stop-color="#BD0012"></stop>
+<stop offset="0.07" stop-color="white"></stop>
+<stop offset="0.17" stop-color="white"></stop>
+<stop offset="0.27" stop-color="#C82F1C"></stop>
+<stop offset="0.33" stop-color="#820C01"></stop>
+<stop offset="0.46" stop-color="#A31601"></stop>
+<stop offset="0.72" stop-color="#B31301"></stop>
+<stop offset="0.99" stop-color="#E82609"></stop>
+<stop offset="1" stop-color="#E82609"></stop>
+</linearGradient>
+<linearGradient id="paint9_linear_2_1410" x1="12.0013" y1="20.2309" x2="6.73084" y2="18.9302" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8C0C01"></stop>
+<stop offset="0.54" stop-color="#990C00"></stop>
+<stop offset="0.99" stop-color="#A80D0E"></stop>
+<stop offset="1" stop-color="#A80D0E"></stop>
+</linearGradient>
+<linearGradient id="paint10_linear_2_1410" x1="21.0534" y1="13.9055" x2="16.3713" y2="9.70926" gradientUnits="userSpaceOnUse">
+<stop stop-color="#7E110B"></stop>
+<stop offset="0.99" stop-color="#9E0C00"></stop>
+<stop offset="1" stop-color="#9E0C00"></stop>
+</linearGradient>
+<linearGradient id="paint11_linear_2_1410" x1="22.7736" y1="6.20611" x2="20.4415" y2="3.71273" gradientUnits="userSpaceOnUse">
+<stop stop-color="#79130D"></stop>
+<stop offset="0.99" stop-color="#9E120B"></stop>
+<stop offset="1" stop-color="#9E120B"></stop>
+</linearGradient>
+<radialGradient id="paint12_radial_2_1410" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.1006 9.78952) scale(5.73769)">
+<stop stop-color="#A80D00"></stop>
+<stop offset="0.99" stop-color="#7E0E08"></stop>
+<stop offset="1" stop-color="#7E0E08"></stop>
+</radialGradient>
+<radialGradient id="paint13_radial_2_1410" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.15472 17.3503) scale(7.62731)">
+<stop stop-color="#A30C00"></stop>
+<stop offset="0.99" stop-color="#800E08"></stop>
+<stop offset="1" stop-color="#800E08"></stop>
+</radialGradient>
+<linearGradient id="paint14_linear_2_1410" x1="3.75173" y1="23.2285" x2="1.85122" y2="16.7802" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8B2114"></stop>
+<stop offset="0.43" stop-color="#9E100A"></stop>
+<stop offset="0.99" stop-color="#B3100C"></stop>
+<stop offset="1" stop-color="#B3100C"></stop>
+</linearGradient>
+<linearGradient id="paint15_linear_2_1410" x1="18.3323" y1="1.86072" x2="22.593" y2="3.74153" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B31000"></stop>
+<stop offset="0.44" stop-color="#910F08"></stop>
+<stop offset="0.99" stop-color="#791C12"></stop>
+<stop offset="1" stop-color="#791C12"></stop>
+</linearGradient>
+<clipPath id="clip0_2_1410">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageShellIcon.html b/src/tests/__snapshots__/LanguageShellIcon.html
index 3a083697..d9749329 100644
--- a/src/tests/__snapshots__/LanguageShellIcon.html
+++ b/src/tests/__snapshots__/LanguageShellIcon.html
@@ -1 +1,17 @@
-<span data-v-21053b5a="" class="kui-icon language-shell-icon" data-testid="kui-icon-wrapper-language-shell-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21053b5a="" data-testid="kui-icon-svg-language-shell-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-21053b5a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-21053b5a="" opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"></path><path data-v-21053b5a="" fill-rule="evenodd" clip-rule="evenodd" d="M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z" fill="url(#paint1_linear_2_1398)"></path><path data-v-21053b5a="" fill-rule="evenodd" clip-rule="evenodd" d="M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z" fill="#2C5591"></path><path data-v-21053b5a="" fill-rule="evenodd" clip-rule="evenodd" d="M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z" fill="white"></path><defs data-v-21053b5a=""><linearGradient data-v-21053b5a="" id="paint0_linear_2_1398" x1="18.0574" y1="17.4105" x2="4.77264" y2="5.54419" gradientUnits="userSpaceOnUse"><stop data-v-21053b5a="" stop-color="#A9C8FF"></stop><stop data-v-21053b5a="" offset="1" stop-color="#C7E6FF"></stop></linearGradient><linearGradient data-v-21053b5a="" id="paint1_linear_2_1398" x1="4.75048" y1="5.56312" x2="17.7317" y2="17.0912" gradientUnits="userSpaceOnUse"><stop data-v-21053b5a="" stop-color="#2D4664"></stop><stop data-v-21053b5a="" offset="0.169" stop-color="#29405B"></stop><stop data-v-21053b5a="" offset="0.445" stop-color="#1E2F43"></stop><stop data-v-21053b5a="" offset="0.79" stop-color="#0C131B"></stop><stop data-v-21053b5a="" offset="1"></stop></linearGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-21053b5a="" class="kui-icon language-shell-icon" data-testid="kui-icon-wrapper-language-shell-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21053b5a="" data-testid="kui-icon-svg-language-shell-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-21053b5a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-21053b5a=""><path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z" fill="url(#paint1_linear_2_1398)"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z" fill="#2C5591"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z" fill="white"></path>
+<defs>
+<linearGradient id="paint0_linear_2_1398" x1="18.0574" y1="17.4105" x2="4.77264" y2="5.54419" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A9C8FF"></stop>
+<stop offset="1" stop-color="#C7E6FF"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_2_1398" x1="4.75048" y1="5.56312" x2="17.7317" y2="17.0912" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2D4664"></stop>
+<stop offset="0.169" stop-color="#29405B"></stop>
+<stop offset="0.445" stop-color="#1E2F43"></stop>
+<stop offset="0.79" stop-color="#0C131B"></stop>
+<stop offset="1"></stop>
+</linearGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageSwiftIcon.html b/src/tests/__snapshots__/LanguageSwiftIcon.html
index b05242ba..29adb5c2 100644
--- a/src/tests/__snapshots__/LanguageSwiftIcon.html
+++ b/src/tests/__snapshots__/LanguageSwiftIcon.html
@@ -1 +1,9 @@
-<span data-v-76136a3c="" class="kui-icon language-swift-icon" data-testid="kui-icon-wrapper-language-swift-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-76136a3c="" data-testid="kui-icon-svg-language-swift-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-76136a3c="" data-testid="kui-icon-svg-title">My custom title</title><g data-v-76136a3c="" clip-path="url(#clip0_2_1429)"><path data-v-76136a3c="" d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"></path><path data-v-76136a3c="" d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"></path></g><defs data-v-76136a3c=""><clipPath data-v-76136a3c="" id="clip0_2_1429"><rect data-v-76136a3c="" width="24" height="24" fill="white"></rect></clipPath></defs></svg></span>
\ No newline at end of file
+<span data-v-76136a3c="" class="kui-icon language-swift-icon" data-testid="kui-icon-wrapper-language-swift-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-76136a3c="" data-testid="kui-icon-svg-language-swift-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-76136a3c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-76136a3c=""><g clip-path="url(#clip0_2_1429)">
+<path d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"></path>
+<path d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"></path>
+</g>
+<defs>
+<clipPath id="clip0_2_1429">
+<rect width="24" height="24" fill="white"></rect>
+</clipPath>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinkIcon.html b/src/tests/__snapshots__/LinkIcon.html
index 64989dbb..6733e3be 100644
--- a/src/tests/__snapshots__/LinkIcon.html
+++ b/src/tests/__snapshots__/LinkIcon.html
@@ -1 +1 @@
-<span data-v-c9f15c59="" class="kui-icon link-icon" data-testid="kui-icon-wrapper-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c9f15c59="" data-testid="kui-icon-svg-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c9f15c59="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c9f15c59="" d="M7 17C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H10C10.2833 7 10.5208 7.09583 10.7125 7.2875C10.9042 7.47917 11 7.71667 11 8C11 8.28333 10.9042 8.52083 10.7125 8.7125C10.5208 8.90417 10.2833 9 10 9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H10C10.2833 15 10.5208 15.0958 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2833 10.9042 16.5208 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H7ZM9 13C8.71667 13 8.47917 12.9042 8.2875 12.7125C8.09583 12.5208 8 12.2833 8 12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H15C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H9ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-c9f15c59="" class="kui-icon link-icon" data-testid="kui-icon-wrapper-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c9f15c59="" data-testid="kui-icon-svg-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c9f15c59="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c9f15c59=""><path d="M7 17C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H10C10.2833 7 10.5208 7.09583 10.7125 7.2875C10.9042 7.47917 11 7.71667 11 8C11 8.28333 10.9042 8.52083 10.7125 8.7125C10.5208 8.90417 10.2833 9 10 9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H10C10.2833 15 10.5208 15.0958 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2833 10.9042 16.5208 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H7ZM9 13C8.71667 13 8.47917 12.9042 8.2875 12.7125C8.09583 12.5208 8 12.2833 8 12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H15C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H9ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinkedServicesIcon.html b/src/tests/__snapshots__/LinkedServicesIcon.html
index 83730ebc..83c33c72 100644
--- a/src/tests/__snapshots__/LinkedServicesIcon.html
+++ b/src/tests/__snapshots__/LinkedServicesIcon.html
@@ -1 +1 @@
-<span data-v-1a525e3d="" class="kui-icon linked-services-icon" data-testid="kui-icon-wrapper-linked-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a525e3d="" data-testid="kui-icon-svg-linked-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a525e3d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-1a525e3d="" d="M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-1a525e3d="" class="kui-icon linked-services-icon" data-testid="kui-icon-wrapper-linked-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a525e3d="" data-testid="kui-icon-svg-linked-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a525e3d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1a525e3d=""><path d="M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinuxIcon.html b/src/tests/__snapshots__/LinuxIcon.html
index 85d97b79..22905ba9 100644
--- a/src/tests/__snapshots__/LinuxIcon.html
+++ b/src/tests/__snapshots__/LinuxIcon.html
@@ -1 +1,13 @@
-<span data-v-92e08b29="" class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-92e08b29="" data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-92e08b29="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-92e08b29="" d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path><path data-v-92e08b29="" d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"></path><path data-v-92e08b29="" d="M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z" fill="#ECEFF1"></path><path data-v-92e08b29="" d="M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z" fill="#ECEFF1"></path><path data-v-92e08b29="" d="M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z" fill="#212121"></path><path data-v-92e08b29="" d="M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z" fill="#212121"></path><path data-v-92e08b29="" d="M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z" fill="#FFC107"></path><path data-v-92e08b29="" d="M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z" fill="#FFC107"></path><path data-v-92e08b29="" d="M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z" fill="#FFC107"></path><path data-v-92e08b29="" d="M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z" fill="#634703"></path><path data-v-92e08b29="" d="M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z" fill="#634703"></path><path data-v-92e08b29="" d="M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z" fill="#634703"></path><path data-v-92e08b29="" d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"></path></svg></span>
\ No newline at end of file
+<span data-v-92e08b29="" class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-92e08b29="" data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-92e08b29="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-92e08b29=""><path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path>
+<path d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"></path>
+<path d="M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z" fill="#ECEFF1"></path>
+<path d="M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z" fill="#ECEFF1"></path>
+<path d="M10.9428 5.32856C10.8903 4.91329 10.6514 4.60147 10.4092 4.63209C10.1669 4.66271 10.0131 5.02417 10.0656 5.43944C10.1181 5.8547 10.357 6.16652 10.5993 6.13591C10.8415 6.10529 10.9953 5.74382 10.9428 5.32856Z" fill="#212121"></path>
+<path d="M13.2629 6.25264C13.6117 6.25264 13.8945 5.88504 13.8945 5.43159C13.8945 4.97813 13.6117 4.61053 13.2629 4.61053C12.9141 4.61053 12.6313 4.97813 12.6313 5.43159C12.6313 5.88504 12.9141 6.25264 13.2629 6.25264Z" fill="#212121"></path>
+<path d="M21.663 19.3263C21.4103 19.2 20.9682 19.0106 20.5893 18.4421C20.3998 18.1263 20.463 17.2421 20.1472 16.8632C19.9577 16.6106 19.7051 16.7369 19.6419 16.7369C19.0735 16.8632 17.7472 17.7474 16.863 16.7369C16.7367 16.6106 16.5472 16.4211 16.2314 16.4211C15.9156 16.4211 15.7893 16.5474 15.663 16.8C15.5367 17.0527 15.5367 17.2421 15.5367 17.8737C15.5367 18.379 15.5367 18.9474 15.4735 19.3895C15.3472 20.4632 15.1577 21.0948 15.1577 21.7263C15.1577 22.4211 15.3472 22.8632 15.5998 23.0527C15.7893 23.2421 16.1051 23.3684 16.7998 23.3684C17.4946 23.3684 17.9367 23.1158 18.3788 22.6737C18.6946 22.3579 18.9472 22.2316 19.8314 21.6C20.5261 21.1579 21.5998 20.5895 21.7893 20.4C21.9156 20.2737 22.1051 20.2106 22.1051 19.8316C22.1051 19.5158 21.8525 19.3895 21.663 19.3263Z" fill="#FFC107"></path>
+<path d="M8.96865 19.5158C8.33707 18.5052 8.27391 18.3158 7.8318 17.6842C7.45286 17.0526 6.6318 15.8526 6.12654 15.8526C5.74759 15.8526 5.55812 16.0421 5.30549 16.2947C5.05286 16.5473 4.80023 17.1158 4.35812 17.4315C3.97917 17.7473 2.90549 17.6842 2.65286 18.0631C2.40023 18.4421 2.90549 19.0105 2.90549 19.9579C2.90549 20.3368 2.5897 20.5894 2.52654 20.8421C2.46338 21.1579 2.40023 21.3473 2.52654 21.6C2.77917 21.9789 3.09496 22.1052 5.24233 22.5473C6.37917 22.8 7.45286 23.4315 8.14759 23.4947C8.84233 23.5579 10.0423 23.4947 10.0423 21.7894C10.1055 20.7789 9.53707 20.5263 8.96865 19.5158Z" fill="#FFC107"></path>
+<path d="M10.1684 8.0842C9.78942 7.83157 9.47363 7.57894 9.47363 7.19999C9.47363 6.82105 9.72626 6.69473 10.1052 6.37894C10.1684 6.31578 10.8631 5.6842 11.5578 5.6842C12.2526 5.6842 13.0736 6.12631 13.3894 6.25262C13.9578 6.37894 14.5263 6.50526 14.4631 6.94736C14.3999 7.57894 14.3368 7.70526 13.7052 8.02105C13.2631 8.14736 12.4421 8.8421 11.8736 8.8421C11.621 8.8421 11.2421 8.8421 10.9894 8.77894C10.7999 8.71578 10.4842 8.39999 10.1684 8.0842Z" fill="#FFC107"></path>
+<path d="M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z" fill="#634703"></path>
+<path d="M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z" fill="#634703"></path>
+<path d="M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z" fill="#634703"></path>
+<path d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListIcon.html b/src/tests/__snapshots__/ListIcon.html
index 4ce3f69d..bf07aeeb 100644
--- a/src/tests/__snapshots__/ListIcon.html
+++ b/src/tests/__snapshots__/ListIcon.html
@@ -1 +1 @@
-<span data-v-40223f99="" class="kui-icon list-icon" data-testid="kui-icon-wrapper-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-40223f99="" data-testid="kui-icon-svg-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-40223f99="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-40223f99="" d="M4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM7 17V15H21V17H7ZM7 13V11H21V13H7ZM7 9V7H21V9H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-40223f99="" class="kui-icon list-icon" data-testid="kui-icon-wrapper-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-40223f99="" data-testid="kui-icon-svg-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-40223f99="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-40223f99=""><path d="M4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM7 17V15H21V17H7ZM7 13V11H21V13H7ZM7 9V7H21V9H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListOrderedIcon.html b/src/tests/__snapshots__/ListOrderedIcon.html
index bbe5c5b3..e7d0a49a 100644
--- a/src/tests/__snapshots__/ListOrderedIcon.html
+++ b/src/tests/__snapshots__/ListOrderedIcon.html
@@ -1 +1 @@
-<span data-v-3f765bc9="" class="kui-icon list-ordered-icon" data-testid="kui-icon-wrapper-list-ordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f765bc9="" data-testid="kui-icon-svg-list-ordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f765bc9="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-3f765bc9="" d="M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-3f765bc9="" class="kui-icon list-ordered-icon" data-testid="kui-icon-wrapper-list-ordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f765bc9="" data-testid="kui-icon-svg-list-ordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f765bc9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3f765bc9=""><path d="M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListUnorderedIcon.html b/src/tests/__snapshots__/ListUnorderedIcon.html
index c81a739c..8da560b1 100644
--- a/src/tests/__snapshots__/ListUnorderedIcon.html
+++ b/src/tests/__snapshots__/ListUnorderedIcon.html
@@ -1 +1 @@
-<span data-v-2b538ed8="" class="kui-icon list-unordered-icon" data-testid="kui-icon-wrapper-list-unordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b538ed8="" data-testid="kui-icon-svg-list-unordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2b538ed8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-2b538ed8="" d="M10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-2b538ed8="" class="kui-icon list-unordered-icon" data-testid="kui-icon-wrapper-list-unordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b538ed8="" data-testid="kui-icon-svg-list-unordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2b538ed8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2b538ed8=""><path d="M10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LockIcon.html b/src/tests/__snapshots__/LockIcon.html
index 7a919211..883ee847 100644
--- a/src/tests/__snapshots__/LockIcon.html
+++ b/src/tests/__snapshots__/LockIcon.html
@@ -1 +1 @@
-<span data-v-0c8ab230="" class="kui-icon lock-icon" data-testid="kui-icon-wrapper-lock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0c8ab230="" data-testid="kui-icon-svg-lock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0c8ab230="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0c8ab230="" d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0c8ab230="" class="kui-icon lock-icon" data-testid="kui-icon-wrapper-lock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0c8ab230="" data-testid="kui-icon-svg-lock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0c8ab230="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0c8ab230=""><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MarkIcon.html b/src/tests/__snapshots__/MarkIcon.html
index 25df2fcb..6b1ad6ec 100644
--- a/src/tests/__snapshots__/MarkIcon.html
+++ b/src/tests/__snapshots__/MarkIcon.html
@@ -1 +1 @@
-<span data-v-a16a05ea="" class="kui-icon mark-icon" data-testid="kui-icon-wrapper-mark-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a16a05ea="" data-testid="kui-icon-svg-mark-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a16a05ea="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-a16a05ea="" d="M6.79999 21.4L5.84999 20.45L4.79999 21.5C4.48333 21.8167 4.09583 21.9792 3.63749 21.9875C3.17916 21.9958 2.79999 21.8333 2.49999 21.5C2.18333 21.1833 2.02499 20.8 2.02499 20.35C2.02499 19.9 2.18333 19.5167 2.49999 19.2L3.54999 18.15L2.59999 17.15L16.45 3.3C16.65 3.1 16.8917 3 17.175 3C17.4583 3 17.7 3.1 17.9 3.3L20.7 6.1C20.9 6.3 21 6.54167 21 6.825C21 7.10833 20.9 7.35 20.7 7.55L6.79999 21.4ZM11.1 11.5L5.39999 17.15L6.84999 18.6L12.5 12.9L11.1 11.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-a16a05ea="" class="kui-icon mark-icon" data-testid="kui-icon-wrapper-mark-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a16a05ea="" data-testid="kui-icon-svg-mark-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a16a05ea="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a16a05ea=""><path d="M6.79999 21.4L5.84999 20.45L4.79999 21.5C4.48333 21.8167 4.09583 21.9792 3.63749 21.9875C3.17916 21.9958 2.79999 21.8333 2.49999 21.5C2.18333 21.1833 2.02499 20.8 2.02499 20.35C2.02499 19.9 2.18333 19.5167 2.49999 19.2L3.54999 18.15L2.59999 17.15L16.45 3.3C16.65 3.1 16.8917 3 17.175 3C17.4583 3 17.7 3.1 17.9 3.3L20.7 6.1C20.9 6.3 21 6.54167 21 6.825C21 7.10833 20.9 7.35 20.7 7.55L6.79999 21.4ZM11.1 11.5L5.39999 17.15L6.84999 18.6L12.5 12.9L11.1 11.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MarkdownIcon.html b/src/tests/__snapshots__/MarkdownIcon.html
index 68937a3a..844a2d9f 100644
--- a/src/tests/__snapshots__/MarkdownIcon.html
+++ b/src/tests/__snapshots__/MarkdownIcon.html
@@ -1 +1 @@
-<span data-v-0aeb14e7="" class="kui-icon markdown-icon" data-testid="kui-icon-wrapper-markdown-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aeb14e7="" data-testid="kui-icon-svg-markdown-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0aeb14e7="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0aeb14e7="" d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0aeb14e7="" class="kui-icon markdown-icon" data-testid="kui-icon-wrapper-markdown-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aeb14e7="" data-testid="kui-icon-svg-markdown-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0aeb14e7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0aeb14e7=""><path d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MenuIcon.html b/src/tests/__snapshots__/MenuIcon.html
index e034773e..f0a3365a 100644
--- a/src/tests/__snapshots__/MenuIcon.html
+++ b/src/tests/__snapshots__/MenuIcon.html
@@ -1 +1 @@
-<span data-v-b60ce07c="" class="kui-icon menu-icon" data-testid="kui-icon-wrapper-menu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b60ce07c="" data-testid="kui-icon-svg-menu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b60ce07c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-b60ce07c="" d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-b60ce07c="" class="kui-icon menu-icon" data-testid="kui-icon-wrapper-menu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b60ce07c="" data-testid="kui-icon-svg-menu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b60ce07c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b60ce07c=""><path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MeshIcon.html b/src/tests/__snapshots__/MeshIcon.html
index 6ce0a347..6e1ec6a2 100644
--- a/src/tests/__snapshots__/MeshIcon.html
+++ b/src/tests/__snapshots__/MeshIcon.html
@@ -1 +1 @@
-<span data-v-3e5f89b3="" class="kui-icon mesh-icon" data-testid="kui-icon-wrapper-mesh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e5f89b3="" data-testid="kui-icon-svg-mesh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e5f89b3="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-3e5f89b3="" d="M6 20C5.16667 20 4.45833 19.7083 3.875 19.125C3.29167 18.5417 3 17.8333 3 17C3 16.1667 3.29167 15.4583 3.875 14.875C4.45833 14.2917 5.16667 14 6 14C6.83333 14 7.54167 14.2917 8.125 14.875C8.70833 15.4583 9 16.1667 9 17C9 17.8333 8.70833 18.5417 8.125 19.125C7.54167 19.7083 6.83333 20 6 20ZM18 20C17.1667 20 16.4583 19.7083 15.875 19.125C15.2917 18.5417 15 17.8333 15 17C15 16.1667 15.2917 15.4583 15.875 14.875C16.4583 14.2917 17.1667 14 18 14C18.8333 14 19.5417 14.2917 20.125 14.875C20.7083 15.4583 21 16.1667 21 17C21 17.8333 20.7083 18.5417 20.125 19.125C19.5417 19.7083 18.8333 20 18 20ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.16667 9.29167 5.45833 9.875 4.875C10.4583 4.29167 11.1667 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-3e5f89b3="" class="kui-icon mesh-icon" data-testid="kui-icon-wrapper-mesh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e5f89b3="" data-testid="kui-icon-svg-mesh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e5f89b3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e5f89b3=""><path d="M6 20C5.16667 20 4.45833 19.7083 3.875 19.125C3.29167 18.5417 3 17.8333 3 17C3 16.1667 3.29167 15.4583 3.875 14.875C4.45833 14.2917 5.16667 14 6 14C6.83333 14 7.54167 14.2917 8.125 14.875C8.70833 15.4583 9 16.1667 9 17C9 17.8333 8.70833 18.5417 8.125 19.125C7.54167 19.7083 6.83333 20 6 20ZM18 20C17.1667 20 16.4583 19.7083 15.875 19.125C15.2917 18.5417 15 17.8333 15 17C15 16.1667 15.2917 15.4583 15.875 14.875C16.4583 14.2917 17.1667 14 18 14C18.8333 14 19.5417 14.2917 20.125 14.875C20.7083 15.4583 21 16.1667 21 17C21 17.8333 20.7083 18.5417 20.125 19.125C19.5417 19.7083 18.8333 20 18 20ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.16667 9.29167 5.45833 9.875 4.875C10.4583 4.29167 11.1667 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MoreHorizontalIcon.html b/src/tests/__snapshots__/MoreHorizontalIcon.html
index 5e13d1ee..adccf870 100644
--- a/src/tests/__snapshots__/MoreHorizontalIcon.html
+++ b/src/tests/__snapshots__/MoreHorizontalIcon.html
@@ -1 +1 @@
-<span data-v-9c41ff0c="" class="kui-icon more-horizontal-icon" data-testid="kui-icon-wrapper-more-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9c41ff0c="" data-testid="kui-icon-svg-more-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9c41ff0c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9c41ff0c="" d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9c41ff0c="" class="kui-icon more-horizontal-icon" data-testid="kui-icon-wrapper-more-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9c41ff0c="" data-testid="kui-icon-svg-more-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9c41ff0c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9c41ff0c=""><path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MoreIcon.html b/src/tests/__snapshots__/MoreIcon.html
index 013dfe16..a010ceb0 100644
--- a/src/tests/__snapshots__/MoreIcon.html
+++ b/src/tests/__snapshots__/MoreIcon.html
@@ -1 +1 @@
-<span data-v-86091694="" class="kui-icon more-icon" data-testid="kui-icon-wrapper-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-86091694="" data-testid="kui-icon-svg-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-86091694="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-86091694="" d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-86091694="" class="kui-icon more-icon" data-testid="kui-icon-wrapper-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-86091694="" data-testid="kui-icon-svg-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-86091694="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-86091694=""><path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/NetworkIcon.html b/src/tests/__snapshots__/NetworkIcon.html
index 2bef4302..233fb8f0 100644
--- a/src/tests/__snapshots__/NetworkIcon.html
+++ b/src/tests/__snapshots__/NetworkIcon.html
@@ -1 +1 @@
-<span data-v-e7751ca4="" class="kui-icon network-icon" data-testid="kui-icon-wrapper-network-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7751ca4="" data-testid="kui-icon-svg-network-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e7751ca4="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e7751ca4="" d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e7751ca4="" class="kui-icon network-icon" data-testid="kui-icon-wrapper-network-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7751ca4="" data-testid="kui-icon-svg-network-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e7751ca4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e7751ca4=""><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/NotificationIcon.html b/src/tests/__snapshots__/NotificationIcon.html
index 810a0790..6651d890 100644
--- a/src/tests/__snapshots__/NotificationIcon.html
+++ b/src/tests/__snapshots__/NotificationIcon.html
@@ -1 +1 @@
-<span data-v-2be60e68="" class="kui-icon notification-icon" data-testid="kui-icon-wrapper-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2be60e68="" data-testid="kui-icon-svg-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2be60e68="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-2be60e68="" d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-2be60e68="" class="kui-icon notification-icon" data-testid="kui-icon-wrapper-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2be60e68="" data-testid="kui-icon-svg-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2be60e68="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2be60e68=""><path d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/OrganizationIcon.html b/src/tests/__snapshots__/OrganizationIcon.html
index c5935be2..b05425da 100644
--- a/src/tests/__snapshots__/OrganizationIcon.html
+++ b/src/tests/__snapshots__/OrganizationIcon.html
@@ -1 +1 @@
-<span data-v-56b7b4e6="" class="kui-icon organization-icon" data-testid="kui-icon-wrapper-organization-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56b7b4e6="" data-testid="kui-icon-svg-organization-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-56b7b4e6="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-56b7b4e6="" d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-56b7b4e6="" class="kui-icon organization-icon" data-testid="kui-icon-wrapper-organization-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56b7b4e6="" data-testid="kui-icon-svg-organization-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-56b7b4e6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-56b7b4e6=""><path d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/OverviewIcon.html b/src/tests/__snapshots__/OverviewIcon.html
index 7f90f21f..40ec3bd1 100644
--- a/src/tests/__snapshots__/OverviewIcon.html
+++ b/src/tests/__snapshots__/OverviewIcon.html
@@ -1 +1 @@
-<span data-v-7ef661f5="" class="kui-icon overview-icon" data-testid="kui-icon-wrapper-overview-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7ef661f5="" data-testid="kui-icon-svg-overview-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7ef661f5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-7ef661f5="" fill-rule="evenodd" clip-rule="evenodd" d="M9.92421 2.40002L5.76021 9.60002H18.2402L12.0002 20.4L5.76021 9.60002L1.51221 16.968L3.67221 20.4H21.2402L22.8482 17.592L14.0882 2.40002H9.91221H9.92421Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-7ef661f5="" class="kui-icon overview-icon" data-testid="kui-icon-wrapper-overview-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7ef661f5="" data-testid="kui-icon-svg-overview-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7ef661f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7ef661f5=""><path fill-rule="evenodd" clip-rule="evenodd" d="M9.92421 2.40002L5.76021 9.60002H18.2402L12.0002 20.4L5.76021 9.60002L1.51221 16.968L3.67221 20.4H21.2402L22.8482 17.592L14.0882 2.40002H9.91221H9.92421Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PeopleIcon.html b/src/tests/__snapshots__/PeopleIcon.html
index dac45363..dde04461 100644
--- a/src/tests/__snapshots__/PeopleIcon.html
+++ b/src/tests/__snapshots__/PeopleIcon.html
@@ -1 +1 @@
-<span data-v-a1f2927c="" class="kui-icon people-icon" data-testid="kui-icon-wrapper-people-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1f2927c="" data-testid="kui-icon-svg-people-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a1f2927c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-a1f2927c="" d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-a1f2927c="" class="kui-icon people-icon" data-testid="kui-icon-wrapper-people-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1f2927c="" data-testid="kui-icon-svg-people-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a1f2927c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a1f2927c=""><path d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PlugIcon.html b/src/tests/__snapshots__/PlugIcon.html
index a7d90691..e6e74c74 100644
--- a/src/tests/__snapshots__/PlugIcon.html
+++ b/src/tests/__snapshots__/PlugIcon.html
@@ -1 +1 @@
-<span data-v-8d329f2c="" class="kui-icon plug-icon" data-testid="kui-icon-wrapper-plug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d329f2c="" data-testid="kui-icon-svg-plug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8d329f2c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8d329f2c="" d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8d329f2c="" class="kui-icon plug-icon" data-testid="kui-icon-wrapper-plug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d329f2c="" data-testid="kui-icon-svg-plug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8d329f2c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8d329f2c=""><path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PortalIcon.html b/src/tests/__snapshots__/PortalIcon.html
index 467fd223..e2e43e9b 100644
--- a/src/tests/__snapshots__/PortalIcon.html
+++ b/src/tests/__snapshots__/PortalIcon.html
@@ -1 +1 @@
-<span data-v-a8b2332d="" class="kui-icon portal-icon" data-testid="kui-icon-wrapper-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a8b2332d="" data-testid="kui-icon-svg-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a8b2332d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-a8b2332d="" d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-a8b2332d="" class="kui-icon portal-icon" data-testid="kui-icon-wrapper-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a8b2332d="" data-testid="kui-icon-svg-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a8b2332d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a8b2332d=""><path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PresentationIcon.html b/src/tests/__snapshots__/PresentationIcon.html
index 41fd2f6f..eb2cf9a6 100644
--- a/src/tests/__snapshots__/PresentationIcon.html
+++ b/src/tests/__snapshots__/PresentationIcon.html
@@ -1 +1 @@
-<span data-v-45effb9b="" class="kui-icon presentation-icon" data-testid="kui-icon-wrapper-presentation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-45effb9b="" data-testid="kui-icon-svg-presentation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-45effb9b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-45effb9b="" d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-45effb9b="" class="kui-icon presentation-icon" data-testid="kui-icon-wrapper-presentation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-45effb9b="" data-testid="kui-icon-svg-presentation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-45effb9b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-45effb9b=""><path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProfileIcon.html b/src/tests/__snapshots__/ProfileIcon.html
index 784e0b29..81873866 100644
--- a/src/tests/__snapshots__/ProfileIcon.html
+++ b/src/tests/__snapshots__/ProfileIcon.html
@@ -1 +1 @@
-<span data-v-d1b567fd="" class="kui-icon profile-icon" data-testid="kui-icon-wrapper-profile-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1b567fd="" data-testid="kui-icon-svg-profile-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d1b567fd="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-d1b567fd="" d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-d1b567fd="" class="kui-icon profile-icon" data-testid="kui-icon-wrapper-profile-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1b567fd="" data-testid="kui-icon-svg-profile-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d1b567fd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d1b567fd=""><path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProfileTeamIcon.html b/src/tests/__snapshots__/ProfileTeamIcon.html
index 37b2b48b..084eff53 100644
--- a/src/tests/__snapshots__/ProfileTeamIcon.html
+++ b/src/tests/__snapshots__/ProfileTeamIcon.html
@@ -1 +1 @@
-<span data-v-9883273a="" class="kui-icon profile-team-icon" data-testid="kui-icon-wrapper-profile-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9883273a="" data-testid="kui-icon-svg-profile-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9883273a="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9883273a="" d="M10.3 19.8C11.05 18.2833 12.05 17.2708 13.3 16.7625C14.55 16.2542 15.6167 16 16.5 16C16.8833 16 17.2583 16.0333 17.625 16.1C17.9917 16.1667 18.35 16.25 18.7 16.35C19.1 15.7167 19.4167 15.0333 19.65 14.3C19.8833 13.5667 20 12.8 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.75 4.09583 13.4667 4.2875 14.15C4.47917 14.8333 4.76667 15.4667 5.15 16.05C5.83333 15.7167 6.54167 15.4583 7.275 15.275C8.00833 15.0917 8.75 15 9.5 15C10.0333 15 10.5458 15.0458 11.0375 15.1375C11.5292 15.2292 12.0167 15.35 12.5 15.5C12.1167 15.7 11.7542 15.9333 11.4125 16.2C11.0708 16.4667 10.75 16.75 10.45 17.05C10.25 17.0167 10.0792 17 9.9375 17H9.5C8.96667 17 8.4375 17.0583 7.9125 17.175C7.3875 17.2917 6.88333 17.4667 6.4 17.7C6.93333 18.2333 7.52917 18.6792 8.1875 19.0375C8.84583 19.3958 9.55 19.65 10.3 19.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.5 13.5C8.53333 13.5 7.70833 13.1583 7.025 12.475C6.34167 11.7917 6 10.9667 6 10C6 9.03333 6.34167 8.20833 7.025 7.525C7.70833 6.84167 8.53333 6.5 9.5 6.5C10.4667 6.5 11.2917 6.84167 11.975 7.525C12.6583 8.20833 13 9.03333 13 10C13 10.9667 12.6583 11.7917 11.975 12.475C11.2917 13.1583 10.4667 13.5 9.5 13.5ZM9.5 11.5C9.91667 11.5 10.2708 11.3542 10.5625 11.0625C10.8542 10.7708 11 10.4167 11 10C11 9.58333 10.8542 9.22917 10.5625 8.9375C10.2708 8.64583 9.91667 8.5 9.5 8.5C9.08333 8.5 8.72917 8.64583 8.4375 8.9375C8.14583 9.22917 8 9.58333 8 10C8 10.4167 8.14583 10.7708 8.4375 11.0625C8.72917 11.3542 9.08333 11.5 9.5 11.5ZM16.5 14.5C15.8 14.5 15.2083 14.2583 14.725 13.775C14.2417 13.2917 14 12.7 14 12C14 11.3 14.2417 10.7083 14.725 10.225C15.2083 9.74167 15.8 9.5 16.5 9.5C17.2 9.5 17.7917 9.74167 18.275 10.225C18.7583 10.7083 19 11.3 19 12C19 12.7 18.7583 13.2917 18.275 13.775C17.7917 14.2583 17.2 14.5 16.5 14.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9883273a="" class="kui-icon profile-team-icon" data-testid="kui-icon-wrapper-profile-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9883273a="" data-testid="kui-icon-svg-profile-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9883273a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9883273a=""><path d="M10.3 19.8C11.05 18.2833 12.05 17.2708 13.3 16.7625C14.55 16.2542 15.6167 16 16.5 16C16.8833 16 17.2583 16.0333 17.625 16.1C17.9917 16.1667 18.35 16.25 18.7 16.35C19.1 15.7167 19.4167 15.0333 19.65 14.3C19.8833 13.5667 20 12.8 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.75 4.09583 13.4667 4.2875 14.15C4.47917 14.8333 4.76667 15.4667 5.15 16.05C5.83333 15.7167 6.54167 15.4583 7.275 15.275C8.00833 15.0917 8.75 15 9.5 15C10.0333 15 10.5458 15.0458 11.0375 15.1375C11.5292 15.2292 12.0167 15.35 12.5 15.5C12.1167 15.7 11.7542 15.9333 11.4125 16.2C11.0708 16.4667 10.75 16.75 10.45 17.05C10.25 17.0167 10.0792 17 9.9375 17H9.5C8.96667 17 8.4375 17.0583 7.9125 17.175C7.3875 17.2917 6.88333 17.4667 6.4 17.7C6.93333 18.2333 7.52917 18.6792 8.1875 19.0375C8.84583 19.3958 9.55 19.65 10.3 19.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.5 13.5C8.53333 13.5 7.70833 13.1583 7.025 12.475C6.34167 11.7917 6 10.9667 6 10C6 9.03333 6.34167 8.20833 7.025 7.525C7.70833 6.84167 8.53333 6.5 9.5 6.5C10.4667 6.5 11.2917 6.84167 11.975 7.525C12.6583 8.20833 13 9.03333 13 10C13 10.9667 12.6583 11.7917 11.975 12.475C11.2917 13.1583 10.4667 13.5 9.5 13.5ZM9.5 11.5C9.91667 11.5 10.2708 11.3542 10.5625 11.0625C10.8542 10.7708 11 10.4167 11 10C11 9.58333 10.8542 9.22917 10.5625 8.9375C10.2708 8.64583 9.91667 8.5 9.5 8.5C9.08333 8.5 8.72917 8.64583 8.4375 8.9375C8.14583 9.22917 8 9.58333 8 10C8 10.4167 8.14583 10.7708 8.4375 11.0625C8.72917 11.3542 9.08333 11.5 9.5 11.5ZM16.5 14.5C15.8 14.5 15.2083 14.2583 14.725 13.775C14.2417 13.2917 14 12.7 14 12C14 11.3 14.2417 10.7083 14.725 10.225C15.2083 9.74167 15.8 9.5 16.5 9.5C17.2 9.5 17.7917 9.74167 18.275 10.225C18.7583 10.7083 19 11.3 19 12C19 12.7 18.7583 13.2917 18.275 13.775C17.7917 14.2583 17.2 14.5 16.5 14.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProgressIcon.html b/src/tests/__snapshots__/ProgressIcon.html
index 881e731e..4cbf538c 100644
--- a/src/tests/__snapshots__/ProgressIcon.html
+++ b/src/tests/__snapshots__/ProgressIcon.html
@@ -1 +1,2 @@
-<span data-v-c7351aba="" class="kui-icon progress-icon" data-testid="kui-icon-wrapper-progress-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7351aba="" data-testid="kui-icon-svg-progress-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c7351aba="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c7351aba="" d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" transform-origin="center"></path><animateTransform data-v-c7351aba="" attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" dur="1.5s" repeatCount="indefinite"></animateTransform></svg></span>
\ No newline at end of file
+<span data-v-c7351aba="" class="kui-icon progress-icon" data-testid="kui-icon-wrapper-progress-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7351aba="" data-testid="kui-icon-svg-progress-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c7351aba="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c7351aba=""><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" transform-origin="center"></path>
+<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" dur="1.5s" repeatCount="indefinite"></animateTransform></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RedoIcon.html b/src/tests/__snapshots__/RedoIcon.html
index c7b96a0c..3a58a57d 100644
--- a/src/tests/__snapshots__/RedoIcon.html
+++ b/src/tests/__snapshots__/RedoIcon.html
@@ -1 +1 @@
-<span data-v-28e93034="" class="kui-icon redo-icon" data-testid="kui-icon-wrapper-redo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-28e93034="" data-testid="kui-icon-svg-redo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-28e93034="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-28e93034="" d="M9.9 19C8.28333 19 6.89583 18.475 5.7375 17.425C4.57917 16.375 4 15.0667 4 13.5C4 11.9333 4.57917 10.625 5.7375 9.575C6.89583 8.525 8.28333 8 9.9 8H16.2L13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H9.9C8.85 10 7.9375 10.3333 7.1625 11C6.3875 11.6667 6 12.5 6 13.5C6 14.5 6.3875 15.3333 7.1625 16C7.9375 16.6667 8.85 17 9.9 17H17V19H9.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-28e93034="" class="kui-icon redo-icon" data-testid="kui-icon-wrapper-redo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-28e93034="" data-testid="kui-icon-svg-redo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-28e93034="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-28e93034=""><path d="M9.9 19C8.28333 19 6.89583 18.475 5.7375 17.425C4.57917 16.375 4 15.0667 4 13.5C4 11.9333 4.57917 10.625 5.7375 9.575C6.89583 8.525 8.28333 8 9.9 8H16.2L13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H9.9C8.85 10 7.9375 10.3333 7.1625 11C6.3875 11.6667 6 12.5 6 13.5C6 14.5 6.3875 15.3333 7.1625 16C7.9375 16.6667 8.85 17 9.9 17H17V19H9.9Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RefreshIcon.html b/src/tests/__snapshots__/RefreshIcon.html
index 0b95b49d..c40c69ec 100644
--- a/src/tests/__snapshots__/RefreshIcon.html
+++ b/src/tests/__snapshots__/RefreshIcon.html
@@ -1 +1 @@
-<span data-v-68a6c665="" class="kui-icon refresh-icon" data-testid="kui-icon-wrapper-refresh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68a6c665="" data-testid="kui-icon-svg-refresh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-68a6c665="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-68a6c665="" d="M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V4H20V11H13V9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.2833 18 14.4417 17.6333 15.475 16.9C16.5083 16.1667 17.2333 15.2 17.65 14H19.75C19.2833 15.7667 18.3333 17.2083 16.9 18.325C15.4667 19.4417 13.8333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-68a6c665="" class="kui-icon refresh-icon" data-testid="kui-icon-wrapper-refresh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68a6c665="" data-testid="kui-icon-svg-refresh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-68a6c665="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-68a6c665=""><path d="M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V4H20V11H13V9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.2833 18 14.4417 17.6333 15.475 16.9C16.5083 16.1667 17.2333 15.2 17.65 14H19.75C19.2833 15.7667 18.3333 17.2083 16.9 18.325C15.4667 19.4417 13.8333 20 12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RegexIcon.html b/src/tests/__snapshots__/RegexIcon.html
index f73a655e..2d0e41b0 100644
--- a/src/tests/__snapshots__/RegexIcon.html
+++ b/src/tests/__snapshots__/RegexIcon.html
@@ -1 +1 @@
-<span data-v-41f98a05="" class="kui-icon regex-icon" data-testid="kui-icon-wrapper-regex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41f98a05="" data-testid="kui-icon-svg-regex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-41f98a05="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-41f98a05="" d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-41f98a05="" class="kui-icon regex-icon" data-testid="kui-icon-wrapper-regex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41f98a05="" data-testid="kui-icon-svg-regex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-41f98a05="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-41f98a05=""><path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RemoveIcon.html b/src/tests/__snapshots__/RemoveIcon.html
index f6e872cd..d3c83832 100644
--- a/src/tests/__snapshots__/RemoveIcon.html
+++ b/src/tests/__snapshots__/RemoveIcon.html
@@ -1 +1 @@
-<span data-v-12efbb51="" class="kui-icon remove-icon" data-testid="kui-icon-wrapper-remove-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-12efbb51="" data-testid="kui-icon-svg-remove-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-12efbb51="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-12efbb51="" d="M5 13V11H19V13H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-12efbb51="" class="kui-icon remove-icon" data-testid="kui-icon-wrapper-remove-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-12efbb51="" data-testid="kui-icon-svg-remove-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-12efbb51="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-12efbb51=""><path d="M5 13V11H19V13H5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ResponseIcon.html b/src/tests/__snapshots__/ResponseIcon.html
index 69ac61b7..9ff8f85e 100644
--- a/src/tests/__snapshots__/ResponseIcon.html
+++ b/src/tests/__snapshots__/ResponseIcon.html
@@ -1 +1 @@
-<span data-v-15276fd2="" class="kui-icon response-icon" data-testid="kui-icon-wrapper-response-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-15276fd2="" data-testid="kui-icon-svg-response-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-15276fd2="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-15276fd2="" d="M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-15276fd2="" class="kui-icon response-icon" data-testid="kui-icon-wrapper-response-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-15276fd2="" data-testid="kui-icon-svg-response-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-15276fd2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-15276fd2=""><path d="M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RocketIcon.html b/src/tests/__snapshots__/RocketIcon.html
index 6ad3bbc6..ef0d66ae 100644
--- a/src/tests/__snapshots__/RocketIcon.html
+++ b/src/tests/__snapshots__/RocketIcon.html
@@ -1 +1 @@
-<span data-v-27a8d9a3="" class="kui-icon rocket-icon" data-testid="kui-icon-wrapper-rocket-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-27a8d9a3="" data-testid="kui-icon-svg-rocket-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-27a8d9a3="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-27a8d9a3="" d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-27a8d9a3="" class="kui-icon rocket-icon" data-testid="kui-icon-wrapper-rocket-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-27a8d9a3="" data-testid="kui-icon-svg-rocket-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-27a8d9a3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-27a8d9a3=""><path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeCompositeIcon.html b/src/tests/__snapshots__/RuntimeCompositeIcon.html
index e9a3894e..635cc10c 100644
--- a/src/tests/__snapshots__/RuntimeCompositeIcon.html
+++ b/src/tests/__snapshots__/RuntimeCompositeIcon.html
@@ -1 +1 @@
-<span data-v-961fb0b3="" class="kui-icon runtime-composite-icon" data-testid="kui-icon-wrapper-runtime-composite-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961fb0b3="" data-testid="kui-icon-svg-runtime-composite-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-961fb0b3="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-961fb0b3="" d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"></path></svg></span>
\ No newline at end of file
+<span data-v-961fb0b3="" class="kui-icon runtime-composite-icon" data-testid="kui-icon-wrapper-runtime-composite-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961fb0b3="" data-testid="kui-icon-svg-runtime-composite-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-961fb0b3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-961fb0b3=""><path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html b/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
index 014cbe05..84db18b6 100644
--- a/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
+++ b/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
@@ -1 +1,7 @@
-<span data-v-7c141e4c="" class="kui-icon runtime-dedicated-cloud-icon" data-testid="kui-icon-wrapper-runtime-dedicated-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c141e4c="" data-testid="kui-icon-svg-runtime-dedicated-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7c141e4c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-7c141e4c="" d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_754_9630)"></path><defs data-v-7c141e4c=""><linearGradient data-v-7c141e4c="" id="paint0_linear_754_9630" x1="1" y1="2" x2="23" y2="22" gradientUnits="userSpaceOnUse"><stop data-v-7c141e4c="" stop-color="#0044F4"></stop><stop data-v-7c141e4c="" offset="1" stop-color="#00FABE"></stop></linearGradient></defs></svg></span>
\ No newline at end of file
+<span data-v-7c141e4c="" class="kui-icon runtime-dedicated-cloud-icon" data-testid="kui-icon-wrapper-runtime-dedicated-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c141e4c="" data-testid="kui-icon-svg-runtime-dedicated-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7c141e4c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7c141e4c=""><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_754_9630)"></path>
+<defs>
+<linearGradient id="paint0_linear_754_9630" x1="1" y1="2" x2="23" y2="22" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0044F4"></stop>
+<stop offset="1" stop-color="#00FABE"></stop>
+</linearGradient>
+</defs></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeHybridIcon.html b/src/tests/__snapshots__/RuntimeHybridIcon.html
index 87b254fb..73985c41 100644
--- a/src/tests/__snapshots__/RuntimeHybridIcon.html
+++ b/src/tests/__snapshots__/RuntimeHybridIcon.html
@@ -1 +1 @@
-<span data-v-91f00892="" class="kui-icon runtime-hybrid-icon" data-testid="kui-icon-wrapper-runtime-hybrid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91f00892="" data-testid="kui-icon-svg-runtime-hybrid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-91f00892="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-91f00892="" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
+<span data-v-91f00892="" class="kui-icon runtime-hybrid-icon" data-testid="kui-icon-wrapper-runtime-hybrid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91f00892="" data-testid="kui-icon-svg-runtime-hybrid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-91f00892="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-91f00892=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="#828A9E"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeKicIcon.html b/src/tests/__snapshots__/RuntimeKicIcon.html
index 5309523f..0fbe763a 100644
--- a/src/tests/__snapshots__/RuntimeKicIcon.html
+++ b/src/tests/__snapshots__/RuntimeKicIcon.html
@@ -1 +1,3 @@
-<span data-v-fdd4148d="" class="kui-icon runtime-kic-icon" data-testid="kui-icon-wrapper-runtime-kic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdd4148d="" data-testid="kui-icon-svg-runtime-kic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fdd4148d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-fdd4148d="" d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"></path><path data-v-fdd4148d="" d="M22.056 14.1874L20.3231 6.433C20.2765 6.23239 20.1873 6.04493 20.0619 5.88416C19.9364 5.72338 19.7779 5.5933 19.5977 5.50329L12.5834 2.05312C12.4016 1.96374 12.2027 1.91736 12.0013 1.91736C11.7999 1.91736 11.601 1.96374 11.4192 2.05312L4.40624 5.50513C4.22604 5.59508 4.06748 5.72514 3.942 5.8859C3.81652 6.04666 3.72725 6.23412 3.68065 6.43474L1.95056 14.189C1.90789 14.385 1.90775 14.5883 1.95016 14.7843C1.96265 14.844 1.97897 14.9029 1.999 14.9604C2.03286 15.0585 2.07769 15.1522 2.13258 15.2397C2.15635 15.2771 2.18142 15.3135 2.20867 15.3487L7.06293 21.5664C7.08412 21.5935 7.10749 21.6181 7.13067 21.6433C7.20684 21.7268 7.29284 21.8002 7.38669 21.8618C7.50539 21.9388 7.63474 21.9967 7.77033 22.0337C7.88151 22.0651 7.9962 22.0814 8.11149 22.0821H8.18698L15.8959 22.0803C15.9427 22.0801 15.9896 22.0772 16.0361 22.0718C16.1029 22.064 16.169 22.0511 16.234 22.0331C16.2805 22.0204 16.3263 22.0053 16.3713 21.9878C16.4064 21.9739 16.4414 21.9601 16.4753 21.9434C16.5259 21.9184 16.575 21.8903 16.6224 21.8592C16.7445 21.78 16.8533 21.6809 16.9443 21.5656L17.0923 21.376L21.7969 15.3467C21.8871 15.2302 21.9579 15.0991 22.0066 14.9588C22.0269 14.9011 22.0435 14.8421 22.0563 14.7822C22.0988 14.5861 22.0987 14.3828 22.0559 14.1868L22.056 14.1874ZM14.7805 17.2033C14.8002 17.263 14.8235 17.3212 14.8504 17.3778C14.8075 17.4552 14.7958 17.5468 14.8179 17.633C14.9199 17.8738 15.0446 18.1037 15.1901 18.3195C15.2715 18.4299 15.3467 18.545 15.4152 18.6642C15.4321 18.6965 15.4542 18.7465 15.4702 18.7806C15.5004 18.8327 15.5197 18.8906 15.5269 18.9508C15.534 19.011 15.5289 19.072 15.5118 19.13C15.4947 19.1881 15.466 19.2417 15.4275 19.2876C15.3891 19.3335 15.3417 19.3706 15.2885 19.3965C15.2353 19.4224 15.1774 19.4366 15.1186 19.4381C15.0598 19.4396 15.0013 19.4283 14.9469 19.4052C14.8926 19.382 14.8435 19.3473 14.8029 19.3034C14.7623 19.2595 14.7311 19.2073 14.7113 19.1503C14.6952 19.1164 14.673 19.0714 14.6593 19.0394C14.6114 18.9098 14.5707 18.7774 14.5375 18.643C14.4647 18.3915 14.3682 18.148 14.2494 17.9158C14.1978 17.844 14.1209 17.7959 14.0352 17.7819C14.0218 17.758 13.972 17.664 13.9454 17.6156C12.6967 18.1027 11.3176 18.0991 10.0714 17.6053L9.97645 17.7826C9.90864 17.7934 9.84558 17.8251 9.79552 17.8735C9.65237 18.1155 9.54295 18.377 9.47047 18.6504C9.43758 18.7848 9.39713 18.9172 9.34932 19.0468C9.3359 19.0785 9.31342 19.123 9.2974 19.1567V19.1576L9.29671 19.1585C9.27689 19.2156 9.24567 19.2679 9.20506 19.3118C9.16444 19.3558 9.11534 19.3905 9.0609 19.4137C9.00647 19.4369 8.94792 19.4481 8.88903 19.4465C8.83014 19.445 8.77221 19.4308 8.71899 19.4047C8.66577 19.3787 8.61844 19.3415 8.58004 19.2955C8.54164 19.2494 8.51304 19.1956 8.49607 19.1375C8.4791 19.0794 8.47414 19.0183 8.48151 18.958C8.48889 18.8978 8.50843 18.8399 8.53889 18.7879C8.5547 18.7536 8.57589 18.7039 8.5926 18.6716C8.66107 18.552 8.73619 18.4366 8.81759 18.326C8.96569 18.1045 9.09292 17.8689 9.19754 17.6224C9.20867 17.5389 9.19566 17.4538 9.16014 17.3778L9.23653 17.1893C8.08762 16.4907 7.22656 15.3832 6.81576 14.0755L6.63285 14.1076C6.56188 14.0557 6.47822 14.0254 6.39135 14.02C6.14106 14.0693 5.89602 14.1436 5.65969 14.2418C5.53698 14.2987 5.41121 14.3483 5.28302 14.3904C5.25268 14.399 5.20892 14.4076 5.1743 14.4154C5.17152 14.4164 5.16913 14.4177 5.16635 14.4184C5.1642 14.4187 5.16205 14.4189 5.15988 14.419C5.10416 14.4379 5.04523 14.4446 4.98686 14.4386C4.92849 14.4327 4.87196 14.4143 4.8209 14.3845C4.76984 14.3548 4.72537 14.3144 4.69033 14.266C4.65529 14.2175 4.63046 14.162 4.61743 14.1031C4.6044 14.0442 4.60345 13.9831 4.61465 13.9238C4.62585 13.8645 4.64895 13.8082 4.68246 13.7587C4.71598 13.7091 4.75917 13.6672 4.80929 13.6358C4.8594 13.6044 4.91533 13.5841 4.97348 13.5763L4.97955 13.5748L4.98323 13.5737C5.01834 13.5652 5.0633 13.5532 5.09533 13.5469C5.22887 13.5278 5.36337 13.5166 5.49816 13.5135C5.75236 13.4964 6.00434 13.4537 6.25051 13.3862C6.32346 13.3383 6.38511 13.2743 6.43094 13.1987L6.60669 13.1458C6.41598 11.781 6.72104 10.3918 7.46338 9.24447L7.3288 9.12089C7.3239 9.0312 7.29467 8.94472 7.24446 8.87128C7.05112 8.70006 6.84202 8.54871 6.62012 8.41938C6.5003 8.35643 6.3841 8.28643 6.27209 8.20973C6.24663 8.19016 6.21281 8.16075 6.18516 8.13759L6.17889 8.13308C6.08341 8.06242 6.01895 7.9557 5.99961 7.83624C5.98026 7.71677 6.0076 7.59428 6.07565 7.49551C6.11586 7.44481 6.16709 7.40458 6.22521 7.37809C6.28333 7.3516 6.34669 7.33959 6.41015 7.34304C6.51698 7.34776 6.61954 7.38762 6.70277 7.45678C6.73132 7.47983 6.77041 7.51068 6.79577 7.53312C6.89349 7.62833 6.98582 7.72926 7.07228 7.8354C7.24385 8.02959 7.4334 8.20606 7.63824 8.36231C7.71499 8.40389 7.80451 8.41283 7.88759 8.38721C7.93759 8.42478 7.98805 8.46174 8.03898 8.49808C8.77664 7.69028 9.73183 7.12808 10.7819 6.88366C11.0318 6.82535 11.2854 6.78519 11.5408 6.76346L11.5508 6.58066C11.616 6.52097 11.6632 6.44332 11.687 6.35686C11.6962 6.09448 11.6805 5.83181 11.6403 5.57256C11.6136 5.43669 11.5945 5.29936 11.583 5.16124C11.5819 5.12978 11.5836 5.08634 11.584 5.05047C11.584 5.04637 11.583 5.04227 11.583 5.03838C11.577 4.97792 11.5834 4.91685 11.6018 4.8591C11.6202 4.80135 11.6501 4.74822 11.6896 4.70312C11.7292 4.65802 11.7775 4.62196 11.8314 4.59728C11.8853 4.57259 11.9436 4.55982 12.0026 4.55979C12.0616 4.55976 12.1199 4.57247 12.1738 4.59711C12.2277 4.62174 12.276 4.65775 12.3156 4.70281C12.3552 4.74787 12.3852 4.80098 12.4036 4.85871C12.422 4.91644 12.4285 4.97751 12.4226 5.03797C12.4226 5.07588 12.4248 5.12609 12.4235 5.16093C12.412 5.29903 12.3928 5.43633 12.3659 5.57215C12.3254 5.83144 12.3095 6.09418 12.3183 6.35666C12.3349 6.4444 12.3842 6.52199 12.4555 6.57287C12.457 6.60412 12.462 6.70844 12.4656 6.76592C13.7927 6.89026 15.0308 7.50659 15.9501 8.50044L16.1098 8.3829C16.1956 8.39807 16.2838 8.3882 16.3645 8.35442C16.5693 8.1979 16.7588 8.02123 16.9304 7.8269C17.0171 7.7207 17.1096 7.61977 17.2076 7.52461C17.2334 7.50186 17.2723 7.47133 17.3007 7.44817C17.3428 7.40538 17.3932 7.3722 17.4486 7.35077C17.504 7.32934 17.5631 7.32015 17.6222 7.32379C17.6812 7.32743 17.7389 7.34383 17.7914 7.37191C17.8439 7.39999 17.89 7.43913 17.9269 7.48679C17.9638 7.53445 17.9905 7.58957 18.0054 7.64856C18.0202 7.70755 18.0229 7.7691 18.0131 7.82922C18.0034 7.88933 17.9815 7.94666 17.9489 7.99749C17.9162 8.04832 17.8736 8.09152 17.8237 8.12427C17.7955 8.14773 17.7583 8.18042 17.7313 8.20112C17.619 8.27788 17.5026 8.34788 17.3825 8.41077C17.1606 8.54018 16.9515 8.69152 16.7581 8.86267C16.7018 8.93057 16.6736 9.01847 16.6794 9.10757C16.656 9.1297 16.5739 9.20461 16.5305 9.24519C17.2749 10.3884 17.5861 11.7734 17.4049 13.1373L17.5744 13.1881C17.6168 13.2667 17.6795 13.3316 17.7555 13.3757C18.0018 13.4433 18.2539 13.4861 18.5082 13.5033C18.6429 13.5065 18.7772 13.5176 18.9106 13.5365C18.946 13.5432 18.997 13.5577 19.033 13.5663C19.0911 13.5741 19.1471 13.5944 19.1972 13.6259C19.2473 13.6573 19.2905 13.6991 19.324 13.7487C19.3574 13.7984 19.3805 13.8546 19.3917 13.9139C19.4029 13.9733 19.4019 14.0343 19.3888 14.0933C19.3758 14.1522 19.3509 14.2076 19.3158 14.2561C19.2808 14.3045 19.2363 14.3449 19.1852 14.3746C19.1341 14.4043 19.0776 14.4227 19.0192 14.4286C18.9608 14.4345 18.9019 14.4278 18.8462 14.4089L18.8401 14.408C18.8373 14.4073 18.8348 14.4058 18.8319 14.405C18.7973 14.3973 18.7538 14.3895 18.7234 14.3813C18.5953 14.3389 18.4696 14.2889 18.347 14.2315C18.1104 14.1332 17.8652 14.0589 17.6146 14.0096C17.5279 14.0068 17.4436 14.0391 17.3797 14.0995C17.32 14.0878 17.2602 14.077 17.2003 14.0671C16.7944 15.3829 15.9332 16.499 14.7805 17.2032V17.2033Z" fill="#326CE5"></path><path data-v-fdd4148d="" d="M19.0331 13.5665C18.9973 13.558 18.9462 13.5435 18.9111 13.5368C18.7777 13.5178 18.6433 13.5067 18.5087 13.5034C18.2543 13.4863 18.0021 13.4436 17.7557 13.3761C17.6797 13.332 17.617 13.267 17.5747 13.1884L17.4052 13.1376C17.5864 11.7737 17.2753 10.3887 16.5309 9.24546C16.5743 9.20488 16.6564 9.12998 16.6796 9.10794C16.6738 9.01885 16.7021 8.93095 16.7584 8.86304C16.9518 8.6919 17.1609 8.54055 17.3827 8.41115C17.5028 8.34826 17.6193 8.27825 17.7315 8.20149C17.7586 8.18079 17.7956 8.148 17.8239 8.12464C17.8738 8.0919 17.9165 8.04871 17.9491 7.99789C17.9817 7.94708 18.0036 7.88976 18.0134 7.82966C18.0231 7.76956 18.0205 7.70802 18.0056 7.64904C17.9908 7.59006 17.9641 7.53495 17.9272 7.48729C17.8904 7.43962 17.8442 7.40047 17.7918 7.37237C17.7393 7.34427 17.6817 7.32786 17.6226 7.32418C17.5636 7.32051 17.5045 7.32967 17.4491 7.35106C17.3937 7.37244 17.3433 7.40559 17.3012 7.44834C17.2725 7.4716 17.2335 7.50214 17.2081 7.52488C17.11 7.62003 17.0174 7.72096 16.9307 7.82717C16.7591 8.0215 16.5695 8.19817 16.3647 8.35469C16.2841 8.38847 16.1959 8.39834 16.1101 8.38317L15.9503 8.50071C15.0311 7.50686 13.793 6.89053 12.4659 6.76619C12.462 6.70871 12.4572 6.6046 12.4558 6.57314C12.3845 6.52222 12.3353 6.44464 12.3188 6.35693C12.3099 6.09446 12.3258 5.83171 12.3663 5.57242C12.3931 5.43663 12.4122 5.29936 12.4235 5.16131C12.4248 5.12647 12.4228 5.07585 12.4228 5.03824C12.4287 4.97778 12.4223 4.91671 12.4038 4.85898C12.3854 4.80125 12.3555 4.74814 12.3159 4.70308C12.2763 4.65802 12.228 4.62201 12.1741 4.59738C12.1201 4.57274 12.0618 4.56003 12.0028 4.56006C11.9438 4.56009 11.8855 4.57286 11.8316 4.59755C11.7777 4.62223 11.7294 4.65829 11.6899 4.70339C11.6504 4.74849 11.6204 4.80162 11.6021 4.85937C11.5837 4.91712 11.5773 4.97819 11.5833 5.03865C11.5833 5.04275 11.5841 5.04664 11.5842 5.05074C11.5838 5.08661 11.5822 5.13005 11.5833 5.16141C11.5947 5.29956 11.6138 5.43693 11.6405 5.57283C11.6808 5.83208 11.6965 6.09475 11.6873 6.35713C11.6635 6.44351 11.6162 6.52108 11.551 6.58072L11.5411 6.76373C11.2857 6.78546 11.0321 6.82562 10.7822 6.88393C9.7322 7.12838 8.77712 7.69054 8.03953 8.49825C7.98847 8.46197 7.93788 8.42502 7.88775 8.38737C7.8047 8.41297 7.71522 8.40403 7.63849 8.36247C7.43365 8.20626 7.24411 8.02982 7.07254 7.83568C6.98617 7.72954 6.89394 7.62861 6.79633 7.53339C6.77076 7.51084 6.73167 7.4801 6.70303 7.45654C6.61979 7.38738 6.51724 7.34752 6.4104 7.34279C6.34692 7.33937 6.28355 7.35141 6.22544 7.37794C6.16732 7.40447 6.11609 7.44473 6.0759 7.49547C6.00786 7.59424 5.98052 7.71673 5.99986 7.8362C6.01921 7.95566 6.08366 8.06239 6.17915 8.13304L6.18561 8.13776C6.21307 8.16092 6.24688 8.19053 6.27235 8.20969C6.38435 8.28646 6.50055 8.35653 6.62037 8.41955C6.84224 8.54895 7.05132 8.70037 7.24461 8.87165C7.29482 8.94503 7.32407 9.03143 7.32906 9.12106L7.46343 9.24484C6.72117 10.3922 6.41617 11.7814 6.60694 13.1462L6.43119 13.1989C6.38533 13.2743 6.32369 13.3383 6.25076 13.3861C6.00458 13.4538 5.75257 13.4966 5.49831 13.5139C5.36356 13.517 5.22909 13.5282 5.09558 13.5473C5.06336 13.5534 5.0186 13.5651 4.98349 13.5741L4.97981 13.5749L4.97384 13.5768C4.91569 13.5846 4.85978 13.6049 4.80969 13.6364C4.75959 13.6678 4.71642 13.7096 4.68292 13.7592C4.64942 13.8088 4.62634 13.865 4.61516 13.9243C4.60397 13.9837 4.60493 14.0447 4.61796 14.1036C4.631 14.1625 4.65583 14.218 4.69086 14.2664C4.72589 14.3149 4.77036 14.3553 4.82141 14.385C4.87246 14.4147 4.92898 14.4332 4.98734 14.4391C5.0457 14.445 5.10462 14.4384 5.16033 14.4195L5.1666 14.4185C5.16939 14.4178 5.17177 14.4164 5.17456 14.4159C5.20917 14.4077 5.25274 14.3992 5.28317 14.3907C5.41134 14.3485 5.53707 14.2989 5.65974 14.242C5.89614 14.1438 6.14125 14.0695 6.3916 14.0202C6.47842 14.0256 6.56202 14.0561 6.63291 14.108L6.81592 14.0757C7.22676 15.3834 8.0879 16.4909 9.23688 17.1895L9.1604 17.378C9.19595 17.454 9.209 17.539 9.19789 17.6226C9.09326 17.869 8.96603 18.1045 8.81794 18.326C8.73652 18.4366 8.66136 18.5519 8.59285 18.6715C8.57614 18.7041 8.55496 18.754 8.53894 18.7881C8.50864 18.8401 8.48924 18.898 8.48197 18.9581C8.47471 19.0183 8.47974 19.0793 8.49676 19.1373C8.51377 19.1954 8.54239 19.2491 8.58076 19.295C8.61914 19.3409 8.66642 19.3781 8.71958 19.4041C8.77273 19.4301 8.83058 19.4443 8.88939 19.4459C8.9482 19.4474 9.00668 19.4363 9.06107 19.4132C9.11545 19.3901 9.16454 19.3555 9.20516 19.3116C9.24579 19.2678 9.27706 19.2157 9.29696 19.1586L9.29766 19.1578V19.1568C9.31357 19.123 9.33615 19.0786 9.34958 19.0469C9.39738 18.9173 9.43783 18.785 9.47073 18.6506C9.54321 18.3772 9.65263 18.1157 9.79578 17.8737C9.84583 17.8253 9.90888 17.7935 9.9767 17.7827L10.0719 17.6054C11.3181 18.0991 12.697 18.1027 13.9456 17.6155C13.9723 17.6645 14.022 17.7582 14.0351 17.7818C14.1209 17.796 14.1979 17.8441 14.2495 17.9161C14.3683 18.1482 14.4649 18.3917 14.5377 18.6432C14.5709 18.7776 14.6116 18.91 14.6596 19.0396C14.6732 19.0715 14.6954 19.1164 14.7115 19.1504C14.7314 19.2075 14.7626 19.2597 14.8032 19.3036C14.8438 19.3475 14.8928 19.3821 14.9472 19.4053C15.0016 19.4285 15.06 19.4397 15.1189 19.4382C15.1777 19.4368 15.2356 19.4226 15.2888 19.3967C15.342 19.3708 15.3893 19.3337 15.4278 19.2878C15.4662 19.2419 15.4949 19.1882 15.512 19.1302C15.5292 19.0722 15.5343 19.0112 15.5271 18.951C15.52 18.8908 15.5006 18.8328 15.4704 18.7808C15.4544 18.7467 15.4323 18.6968 15.4157 18.6644C15.3472 18.5451 15.272 18.43 15.1906 18.3197C15.0452 18.1039 14.9205 17.8739 14.8184 17.6332C14.7963 17.547 14.8078 17.4554 14.8507 17.378C14.8238 17.3214 14.8004 17.2631 14.7807 17.2035C15.9334 16.4993 16.7946 15.3832 17.2005 14.0674C17.2548 14.0763 17.3494 14.0933 17.3801 14.0998C17.444 14.0394 17.5282 14.0071 17.6149 14.0099C17.8653 14.0592 18.1105 14.1335 18.3469 14.2318C18.4696 14.2891 18.5954 14.3392 18.7237 14.3816C18.754 14.3898 18.7973 14.3976 18.8321 14.4054C18.835 14.4063 18.8376 14.4075 18.8404 14.4083L18.8463 14.4092C18.902 14.4281 18.9609 14.4347 19.0193 14.4288C19.0776 14.4228 19.1341 14.4044 19.1851 14.3747C19.2361 14.3449 19.2806 14.3046 19.3156 14.2562C19.3506 14.2077 19.3754 14.1523 19.3885 14.0934C19.4015 14.0346 19.4025 13.9735 19.3914 13.9143C19.3802 13.855 19.3572 13.7987 19.3237 13.7492C19.2903 13.6996 19.2472 13.6577 19.1971 13.6263C19.1471 13.5948 19.0912 13.5745 19.0331 13.5665V13.5665ZM15.0446 9.16164L13.2506 10.4719L13.2443 10.4689C13.1902 10.5095 13.1265 10.5342 13.0599 10.5405C12.9932 10.5468 12.9262 10.5344 12.8659 10.5046C12.8055 10.4747 12.7542 10.4286 12.7173 10.3711C12.6803 10.3136 12.6592 10.2469 12.6562 10.178L12.6542 10.177L12.5296 7.91212C13.4781 8.03346 14.3617 8.47247 15.0445 9.16164H15.0446ZM11.665 11.6443H12.3402L12.7599 12.1849L12.6094 12.8592L12.0031 13.1598L11.395 12.8586L11.2442 12.184L11.665 11.6443ZM11.0298 7.99143C11.1777 7.95714 11.3272 7.93067 11.4777 7.91212L11.3529 10.1805L11.3437 10.185C11.3409 10.2539 11.32 10.3207 11.2833 10.3783C11.2465 10.4359 11.1953 10.4822 11.135 10.5122C11.0747 10.5421 11.0077 10.5547 10.9411 10.5486C10.8744 10.5424 10.8106 10.5178 10.7565 10.4773L10.753 10.4793L8.94734 9.16031C9.52218 8.57833 10.2435 8.17347 11.0298 7.99143V7.99143ZM8.29257 10.008L9.94109 11.5271L9.9393 11.5363C9.98983 11.5816 10.0275 11.6401 10.0482 11.7058C10.069 11.7714 10.0721 11.8415 10.0571 11.9088C10.0422 11.9761 10.0098 12.0379 9.96347 12.0877C9.91711 12.1375 9.8585 12.1734 9.79389 12.1916L9.79219 12.199L7.67907 12.8271C7.57378 11.8433 7.78965 10.8514 8.29257 10.0081V10.008ZM10.4998 14.0433L9.66021 16.1334C8.85435 15.602 8.24125 14.8114 7.916 13.8844L10.0826 13.5052L10.0863 13.5103C10.1102 13.5055 10.1346 13.5033 10.1589 13.5036C10.2197 13.5045 10.2793 13.5209 10.3325 13.5512C10.3856 13.5814 10.4308 13.6248 10.4638 13.6773C10.4969 13.7298 10.5169 13.7899 10.5221 13.8523C10.5273 13.9146 10.5175 13.9774 10.4935 14.0349L10.4998 14.0433ZM12.978 16.7311C12.1925 16.9167 11.3723 16.8733 10.6093 16.6058L11.6749 14.6207H11.6766C11.7083 14.5601 11.7554 14.5094 11.8127 14.474C11.8701 14.4387 11.9357 14.42 12.0026 14.4199C12.0694 14.4199 12.135 14.4384 12.1925 14.4737C12.2499 14.5089 12.297 14.5595 12.3288 14.6201H12.3368L13.405 16.6085C13.2664 16.6561 13.1241 16.6971 12.978 16.7313V16.7311ZM14.3547 16.1418L13.5065 14.0304L13.5091 14.0266C13.4715 13.9363 13.4691 13.8345 13.5025 13.7424C13.5359 13.6504 13.6025 13.5751 13.6884 13.5324C13.7327 13.5101 13.7809 13.4972 13.8302 13.4945C13.8586 13.4931 13.8872 13.4953 13.9152 13.5009L13.9189 13.4962L16.1048 13.8768C15.7821 14.8113 15.1663 15.6083 14.3547 16.1419V16.1418ZM16.3344 12.8197L14.2106 12.1895L14.2086 12.1803C14.1441 12.162 14.0857 12.126 14.0394 12.0761C13.9932 12.0263 13.9609 11.9645 13.946 11.8973C13.9312 11.8301 13.9342 11.76 13.9549 11.6945C13.9755 11.6289 14.013 11.5704 14.0634 11.525L14.0626 11.5206L15.702 10.0091C16.204 10.8502 16.426 11.837 16.3343 12.8198L16.3344 12.8197Z" fill="white"></path></svg></span>
\ No newline at end of file
+<span data-v-fdd4148d="" class="kui-icon runtime-kic-icon" data-testid="kui-icon-wrapper-runtime-kic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdd4148d="" data-testid="kui-icon-svg-runtime-kic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fdd4148d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fdd4148d=""><path d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"></path>
+<path d="M22.056 14.1874L20.3231 6.433C20.2765 6.23239 20.1873 6.04493 20.0619 5.88416C19.9364 5.72338 19.7779 5.5933 19.5977 5.50329L12.5834 2.05312C12.4016 1.96374 12.2027 1.91736 12.0013 1.91736C11.7999 1.91736 11.601 1.96374 11.4192 2.05312L4.40624 5.50513C4.22604 5.59508 4.06748 5.72514 3.942 5.8859C3.81652 6.04666 3.72725 6.23412 3.68065 6.43474L1.95056 14.189C1.90789 14.385 1.90775 14.5883 1.95016 14.7843C1.96265 14.844 1.97897 14.9029 1.999 14.9604C2.03286 15.0585 2.07769 15.1522 2.13258 15.2397C2.15635 15.2771 2.18142 15.3135 2.20867 15.3487L7.06293 21.5664C7.08412 21.5935 7.10749 21.6181 7.13067 21.6433C7.20684 21.7268 7.29284 21.8002 7.38669 21.8618C7.50539 21.9388 7.63474 21.9967 7.77033 22.0337C7.88151 22.0651 7.9962 22.0814 8.11149 22.0821H8.18698L15.8959 22.0803C15.9427 22.0801 15.9896 22.0772 16.0361 22.0718C16.1029 22.064 16.169 22.0511 16.234 22.0331C16.2805 22.0204 16.3263 22.0053 16.3713 21.9878C16.4064 21.9739 16.4414 21.9601 16.4753 21.9434C16.5259 21.9184 16.575 21.8903 16.6224 21.8592C16.7445 21.78 16.8533 21.6809 16.9443 21.5656L17.0923 21.376L21.7969 15.3467C21.8871 15.2302 21.9579 15.0991 22.0066 14.9588C22.0269 14.9011 22.0435 14.8421 22.0563 14.7822C22.0988 14.5861 22.0987 14.3828 22.0559 14.1868L22.056 14.1874ZM14.7805 17.2033C14.8002 17.263 14.8235 17.3212 14.8504 17.3778C14.8075 17.4552 14.7958 17.5468 14.8179 17.633C14.9199 17.8738 15.0446 18.1037 15.1901 18.3195C15.2715 18.4299 15.3467 18.545 15.4152 18.6642C15.4321 18.6965 15.4542 18.7465 15.4702 18.7806C15.5004 18.8327 15.5197 18.8906 15.5269 18.9508C15.534 19.011 15.5289 19.072 15.5118 19.13C15.4947 19.1881 15.466 19.2417 15.4275 19.2876C15.3891 19.3335 15.3417 19.3706 15.2885 19.3965C15.2353 19.4224 15.1774 19.4366 15.1186 19.4381C15.0598 19.4396 15.0013 19.4283 14.9469 19.4052C14.8926 19.382 14.8435 19.3473 14.8029 19.3034C14.7623 19.2595 14.7311 19.2073 14.7113 19.1503C14.6952 19.1164 14.673 19.0714 14.6593 19.0394C14.6114 18.9098 14.5707 18.7774 14.5375 18.643C14.4647 18.3915 14.3682 18.148 14.2494 17.9158C14.1978 17.844 14.1209 17.7959 14.0352 17.7819C14.0218 17.758 13.972 17.664 13.9454 17.6156C12.6967 18.1027 11.3176 18.0991 10.0714 17.6053L9.97645 17.7826C9.90864 17.7934 9.84558 17.8251 9.79552 17.8735C9.65237 18.1155 9.54295 18.377 9.47047 18.6504C9.43758 18.7848 9.39713 18.9172 9.34932 19.0468C9.3359 19.0785 9.31342 19.123 9.2974 19.1567V19.1576L9.29671 19.1585C9.27689 19.2156 9.24567 19.2679 9.20506 19.3118C9.16444 19.3558 9.11534 19.3905 9.0609 19.4137C9.00647 19.4369 8.94792 19.4481 8.88903 19.4465C8.83014 19.445 8.77221 19.4308 8.71899 19.4047C8.66577 19.3787 8.61844 19.3415 8.58004 19.2955C8.54164 19.2494 8.51304 19.1956 8.49607 19.1375C8.4791 19.0794 8.47414 19.0183 8.48151 18.958C8.48889 18.8978 8.50843 18.8399 8.53889 18.7879C8.5547 18.7536 8.57589 18.7039 8.5926 18.6716C8.66107 18.552 8.73619 18.4366 8.81759 18.326C8.96569 18.1045 9.09292 17.8689 9.19754 17.6224C9.20867 17.5389 9.19566 17.4538 9.16014 17.3778L9.23653 17.1893C8.08762 16.4907 7.22656 15.3832 6.81576 14.0755L6.63285 14.1076C6.56188 14.0557 6.47822 14.0254 6.39135 14.02C6.14106 14.0693 5.89602 14.1436 5.65969 14.2418C5.53698 14.2987 5.41121 14.3483 5.28302 14.3904C5.25268 14.399 5.20892 14.4076 5.1743 14.4154C5.17152 14.4164 5.16913 14.4177 5.16635 14.4184C5.1642 14.4187 5.16205 14.4189 5.15988 14.419C5.10416 14.4379 5.04523 14.4446 4.98686 14.4386C4.92849 14.4327 4.87196 14.4143 4.8209 14.3845C4.76984 14.3548 4.72537 14.3144 4.69033 14.266C4.65529 14.2175 4.63046 14.162 4.61743 14.1031C4.6044 14.0442 4.60345 13.9831 4.61465 13.9238C4.62585 13.8645 4.64895 13.8082 4.68246 13.7587C4.71598 13.7091 4.75917 13.6672 4.80929 13.6358C4.8594 13.6044 4.91533 13.5841 4.97348 13.5763L4.97955 13.5748L4.98323 13.5737C5.01834 13.5652 5.0633 13.5532 5.09533 13.5469C5.22887 13.5278 5.36337 13.5166 5.49816 13.5135C5.75236 13.4964 6.00434 13.4537 6.25051 13.3862C6.32346 13.3383 6.38511 13.2743 6.43094 13.1987L6.60669 13.1458C6.41598 11.781 6.72104 10.3918 7.46338 9.24447L7.3288 9.12089C7.3239 9.0312 7.29467 8.94472 7.24446 8.87128C7.05112 8.70006 6.84202 8.54871 6.62012 8.41938C6.5003 8.35643 6.3841 8.28643 6.27209 8.20973C6.24663 8.19016 6.21281 8.16075 6.18516 8.13759L6.17889 8.13308C6.08341 8.06242 6.01895 7.9557 5.99961 7.83624C5.98026 7.71677 6.0076 7.59428 6.07565 7.49551C6.11586 7.44481 6.16709 7.40458 6.22521 7.37809C6.28333 7.3516 6.34669 7.33959 6.41015 7.34304C6.51698 7.34776 6.61954 7.38762 6.70277 7.45678C6.73132 7.47983 6.77041 7.51068 6.79577 7.53312C6.89349 7.62833 6.98582 7.72926 7.07228 7.8354C7.24385 8.02959 7.4334 8.20606 7.63824 8.36231C7.71499 8.40389 7.80451 8.41283 7.88759 8.38721C7.93759 8.42478 7.98805 8.46174 8.03898 8.49808C8.77664 7.69028 9.73183 7.12808 10.7819 6.88366C11.0318 6.82535 11.2854 6.78519 11.5408 6.76346L11.5508 6.58066C11.616 6.52097 11.6632 6.44332 11.687 6.35686C11.6962 6.09448 11.6805 5.83181 11.6403 5.57256C11.6136 5.43669 11.5945 5.29936 11.583 5.16124C11.5819 5.12978 11.5836 5.08634 11.584 5.05047C11.584 5.04637 11.583 5.04227 11.583 5.03838C11.577 4.97792 11.5834 4.91685 11.6018 4.8591C11.6202 4.80135 11.6501 4.74822 11.6896 4.70312C11.7292 4.65802 11.7775 4.62196 11.8314 4.59728C11.8853 4.57259 11.9436 4.55982 12.0026 4.55979C12.0616 4.55976 12.1199 4.57247 12.1738 4.59711C12.2277 4.62174 12.276 4.65775 12.3156 4.70281C12.3552 4.74787 12.3852 4.80098 12.4036 4.85871C12.422 4.91644 12.4285 4.97751 12.4226 5.03797C12.4226 5.07588 12.4248 5.12609 12.4235 5.16093C12.412 5.29903 12.3928 5.43633 12.3659 5.57215C12.3254 5.83144 12.3095 6.09418 12.3183 6.35666C12.3349 6.4444 12.3842 6.52199 12.4555 6.57287C12.457 6.60412 12.462 6.70844 12.4656 6.76592C13.7927 6.89026 15.0308 7.50659 15.9501 8.50044L16.1098 8.3829C16.1956 8.39807 16.2838 8.3882 16.3645 8.35442C16.5693 8.1979 16.7588 8.02123 16.9304 7.8269C17.0171 7.7207 17.1096 7.61977 17.2076 7.52461C17.2334 7.50186 17.2723 7.47133 17.3007 7.44817C17.3428 7.40538 17.3932 7.3722 17.4486 7.35077C17.504 7.32934 17.5631 7.32015 17.6222 7.32379C17.6812 7.32743 17.7389 7.34383 17.7914 7.37191C17.8439 7.39999 17.89 7.43913 17.9269 7.48679C17.9638 7.53445 17.9905 7.58957 18.0054 7.64856C18.0202 7.70755 18.0229 7.7691 18.0131 7.82922C18.0034 7.88933 17.9815 7.94666 17.9489 7.99749C17.9162 8.04832 17.8736 8.09152 17.8237 8.12427C17.7955 8.14773 17.7583 8.18042 17.7313 8.20112C17.619 8.27788 17.5026 8.34788 17.3825 8.41077C17.1606 8.54018 16.9515 8.69152 16.7581 8.86267C16.7018 8.93057 16.6736 9.01847 16.6794 9.10757C16.656 9.1297 16.5739 9.20461 16.5305 9.24519C17.2749 10.3884 17.5861 11.7734 17.4049 13.1373L17.5744 13.1881C17.6168 13.2667 17.6795 13.3316 17.7555 13.3757C18.0018 13.4433 18.2539 13.4861 18.5082 13.5033C18.6429 13.5065 18.7772 13.5176 18.9106 13.5365C18.946 13.5432 18.997 13.5577 19.033 13.5663C19.0911 13.5741 19.1471 13.5944 19.1972 13.6259C19.2473 13.6573 19.2905 13.6991 19.324 13.7487C19.3574 13.7984 19.3805 13.8546 19.3917 13.9139C19.4029 13.9733 19.4019 14.0343 19.3888 14.0933C19.3758 14.1522 19.3509 14.2076 19.3158 14.2561C19.2808 14.3045 19.2363 14.3449 19.1852 14.3746C19.1341 14.4043 19.0776 14.4227 19.0192 14.4286C18.9608 14.4345 18.9019 14.4278 18.8462 14.4089L18.8401 14.408C18.8373 14.4073 18.8348 14.4058 18.8319 14.405C18.7973 14.3973 18.7538 14.3895 18.7234 14.3813C18.5953 14.3389 18.4696 14.2889 18.347 14.2315C18.1104 14.1332 17.8652 14.0589 17.6146 14.0096C17.5279 14.0068 17.4436 14.0391 17.3797 14.0995C17.32 14.0878 17.2602 14.077 17.2003 14.0671C16.7944 15.3829 15.9332 16.499 14.7805 17.2032V17.2033Z" fill="#326CE5"></path>
+<path d="M19.0331 13.5665C18.9973 13.558 18.9462 13.5435 18.9111 13.5368C18.7777 13.5178 18.6433 13.5067 18.5087 13.5034C18.2543 13.4863 18.0021 13.4436 17.7557 13.3761C17.6797 13.332 17.617 13.267 17.5747 13.1884L17.4052 13.1376C17.5864 11.7737 17.2753 10.3887 16.5309 9.24546C16.5743 9.20488 16.6564 9.12998 16.6796 9.10794C16.6738 9.01885 16.7021 8.93095 16.7584 8.86304C16.9518 8.6919 17.1609 8.54055 17.3827 8.41115C17.5028 8.34826 17.6193 8.27825 17.7315 8.20149C17.7586 8.18079 17.7956 8.148 17.8239 8.12464C17.8738 8.0919 17.9165 8.04871 17.9491 7.99789C17.9817 7.94708 18.0036 7.88976 18.0134 7.82966C18.0231 7.76956 18.0205 7.70802 18.0056 7.64904C17.9908 7.59006 17.9641 7.53495 17.9272 7.48729C17.8904 7.43962 17.8442 7.40047 17.7918 7.37237C17.7393 7.34427 17.6817 7.32786 17.6226 7.32418C17.5636 7.32051 17.5045 7.32967 17.4491 7.35106C17.3937 7.37244 17.3433 7.40559 17.3012 7.44834C17.2725 7.4716 17.2335 7.50214 17.2081 7.52488C17.11 7.62003 17.0174 7.72096 16.9307 7.82717C16.7591 8.0215 16.5695 8.19817 16.3647 8.35469C16.2841 8.38847 16.1959 8.39834 16.1101 8.38317L15.9503 8.50071C15.0311 7.50686 13.793 6.89053 12.4659 6.76619C12.462 6.70871 12.4572 6.6046 12.4558 6.57314C12.3845 6.52222 12.3353 6.44464 12.3188 6.35693C12.3099 6.09446 12.3258 5.83171 12.3663 5.57242C12.3931 5.43663 12.4122 5.29936 12.4235 5.16131C12.4248 5.12647 12.4228 5.07585 12.4228 5.03824C12.4287 4.97778 12.4223 4.91671 12.4038 4.85898C12.3854 4.80125 12.3555 4.74814 12.3159 4.70308C12.2763 4.65802 12.228 4.62201 12.1741 4.59738C12.1201 4.57274 12.0618 4.56003 12.0028 4.56006C11.9438 4.56009 11.8855 4.57286 11.8316 4.59755C11.7777 4.62223 11.7294 4.65829 11.6899 4.70339C11.6504 4.74849 11.6204 4.80162 11.6021 4.85937C11.5837 4.91712 11.5773 4.97819 11.5833 5.03865C11.5833 5.04275 11.5841 5.04664 11.5842 5.05074C11.5838 5.08661 11.5822 5.13005 11.5833 5.16141C11.5947 5.29956 11.6138 5.43693 11.6405 5.57283C11.6808 5.83208 11.6965 6.09475 11.6873 6.35713C11.6635 6.44351 11.6162 6.52108 11.551 6.58072L11.5411 6.76373C11.2857 6.78546 11.0321 6.82562 10.7822 6.88393C9.7322 7.12838 8.77712 7.69054 8.03953 8.49825C7.98847 8.46197 7.93788 8.42502 7.88775 8.38737C7.8047 8.41297 7.71522 8.40403 7.63849 8.36247C7.43365 8.20626 7.24411 8.02982 7.07254 7.83568C6.98617 7.72954 6.89394 7.62861 6.79633 7.53339C6.77076 7.51084 6.73167 7.4801 6.70303 7.45654C6.61979 7.38738 6.51724 7.34752 6.4104 7.34279C6.34692 7.33937 6.28355 7.35141 6.22544 7.37794C6.16732 7.40447 6.11609 7.44473 6.0759 7.49547C6.00786 7.59424 5.98052 7.71673 5.99986 7.8362C6.01921 7.95566 6.08366 8.06239 6.17915 8.13304L6.18561 8.13776C6.21307 8.16092 6.24688 8.19053 6.27235 8.20969C6.38435 8.28646 6.50055 8.35653 6.62037 8.41955C6.84224 8.54895 7.05132 8.70037 7.24461 8.87165C7.29482 8.94503 7.32407 9.03143 7.32906 9.12106L7.46343 9.24484C6.72117 10.3922 6.41617 11.7814 6.60694 13.1462L6.43119 13.1989C6.38533 13.2743 6.32369 13.3383 6.25076 13.3861C6.00458 13.4538 5.75257 13.4966 5.49831 13.5139C5.36356 13.517 5.22909 13.5282 5.09558 13.5473C5.06336 13.5534 5.0186 13.5651 4.98349 13.5741L4.97981 13.5749L4.97384 13.5768C4.91569 13.5846 4.85978 13.6049 4.80969 13.6364C4.75959 13.6678 4.71642 13.7096 4.68292 13.7592C4.64942 13.8088 4.62634 13.865 4.61516 13.9243C4.60397 13.9837 4.60493 14.0447 4.61796 14.1036C4.631 14.1625 4.65583 14.218 4.69086 14.2664C4.72589 14.3149 4.77036 14.3553 4.82141 14.385C4.87246 14.4147 4.92898 14.4332 4.98734 14.4391C5.0457 14.445 5.10462 14.4384 5.16033 14.4195L5.1666 14.4185C5.16939 14.4178 5.17177 14.4164 5.17456 14.4159C5.20917 14.4077 5.25274 14.3992 5.28317 14.3907C5.41134 14.3485 5.53707 14.2989 5.65974 14.242C5.89614 14.1438 6.14125 14.0695 6.3916 14.0202C6.47842 14.0256 6.56202 14.0561 6.63291 14.108L6.81592 14.0757C7.22676 15.3834 8.0879 16.4909 9.23688 17.1895L9.1604 17.378C9.19595 17.454 9.209 17.539 9.19789 17.6226C9.09326 17.869 8.96603 18.1045 8.81794 18.326C8.73652 18.4366 8.66136 18.5519 8.59285 18.6715C8.57614 18.7041 8.55496 18.754 8.53894 18.7881C8.50864 18.8401 8.48924 18.898 8.48197 18.9581C8.47471 19.0183 8.47974 19.0793 8.49676 19.1373C8.51377 19.1954 8.54239 19.2491 8.58076 19.295C8.61914 19.3409 8.66642 19.3781 8.71958 19.4041C8.77273 19.4301 8.83058 19.4443 8.88939 19.4459C8.9482 19.4474 9.00668 19.4363 9.06107 19.4132C9.11545 19.3901 9.16454 19.3555 9.20516 19.3116C9.24579 19.2678 9.27706 19.2157 9.29696 19.1586L9.29766 19.1578V19.1568C9.31357 19.123 9.33615 19.0786 9.34958 19.0469C9.39738 18.9173 9.43783 18.785 9.47073 18.6506C9.54321 18.3772 9.65263 18.1157 9.79578 17.8737C9.84583 17.8253 9.90888 17.7935 9.9767 17.7827L10.0719 17.6054C11.3181 18.0991 12.697 18.1027 13.9456 17.6155C13.9723 17.6645 14.022 17.7582 14.0351 17.7818C14.1209 17.796 14.1979 17.8441 14.2495 17.9161C14.3683 18.1482 14.4649 18.3917 14.5377 18.6432C14.5709 18.7776 14.6116 18.91 14.6596 19.0396C14.6732 19.0715 14.6954 19.1164 14.7115 19.1504C14.7314 19.2075 14.7626 19.2597 14.8032 19.3036C14.8438 19.3475 14.8928 19.3821 14.9472 19.4053C15.0016 19.4285 15.06 19.4397 15.1189 19.4382C15.1777 19.4368 15.2356 19.4226 15.2888 19.3967C15.342 19.3708 15.3893 19.3337 15.4278 19.2878C15.4662 19.2419 15.4949 19.1882 15.512 19.1302C15.5292 19.0722 15.5343 19.0112 15.5271 18.951C15.52 18.8908 15.5006 18.8328 15.4704 18.7808C15.4544 18.7467 15.4323 18.6968 15.4157 18.6644C15.3472 18.5451 15.272 18.43 15.1906 18.3197C15.0452 18.1039 14.9205 17.8739 14.8184 17.6332C14.7963 17.547 14.8078 17.4554 14.8507 17.378C14.8238 17.3214 14.8004 17.2631 14.7807 17.2035C15.9334 16.4993 16.7946 15.3832 17.2005 14.0674C17.2548 14.0763 17.3494 14.0933 17.3801 14.0998C17.444 14.0394 17.5282 14.0071 17.6149 14.0099C17.8653 14.0592 18.1105 14.1335 18.3469 14.2318C18.4696 14.2891 18.5954 14.3392 18.7237 14.3816C18.754 14.3898 18.7973 14.3976 18.8321 14.4054C18.835 14.4063 18.8376 14.4075 18.8404 14.4083L18.8463 14.4092C18.902 14.4281 18.9609 14.4347 19.0193 14.4288C19.0776 14.4228 19.1341 14.4044 19.1851 14.3747C19.2361 14.3449 19.2806 14.3046 19.3156 14.2562C19.3506 14.2077 19.3754 14.1523 19.3885 14.0934C19.4015 14.0346 19.4025 13.9735 19.3914 13.9143C19.3802 13.855 19.3572 13.7987 19.3237 13.7492C19.2903 13.6996 19.2472 13.6577 19.1971 13.6263C19.1471 13.5948 19.0912 13.5745 19.0331 13.5665V13.5665ZM15.0446 9.16164L13.2506 10.4719L13.2443 10.4689C13.1902 10.5095 13.1265 10.5342 13.0599 10.5405C12.9932 10.5468 12.9262 10.5344 12.8659 10.5046C12.8055 10.4747 12.7542 10.4286 12.7173 10.3711C12.6803 10.3136 12.6592 10.2469 12.6562 10.178L12.6542 10.177L12.5296 7.91212C13.4781 8.03346 14.3617 8.47247 15.0445 9.16164H15.0446ZM11.665 11.6443H12.3402L12.7599 12.1849L12.6094 12.8592L12.0031 13.1598L11.395 12.8586L11.2442 12.184L11.665 11.6443ZM11.0298 7.99143C11.1777 7.95714 11.3272 7.93067 11.4777 7.91212L11.3529 10.1805L11.3437 10.185C11.3409 10.2539 11.32 10.3207 11.2833 10.3783C11.2465 10.4359 11.1953 10.4822 11.135 10.5122C11.0747 10.5421 11.0077 10.5547 10.9411 10.5486C10.8744 10.5424 10.8106 10.5178 10.7565 10.4773L10.753 10.4793L8.94734 9.16031C9.52218 8.57833 10.2435 8.17347 11.0298 7.99143V7.99143ZM8.29257 10.008L9.94109 11.5271L9.9393 11.5363C9.98983 11.5816 10.0275 11.6401 10.0482 11.7058C10.069 11.7714 10.0721 11.8415 10.0571 11.9088C10.0422 11.9761 10.0098 12.0379 9.96347 12.0877C9.91711 12.1375 9.8585 12.1734 9.79389 12.1916L9.79219 12.199L7.67907 12.8271C7.57378 11.8433 7.78965 10.8514 8.29257 10.0081V10.008ZM10.4998 14.0433L9.66021 16.1334C8.85435 15.602 8.24125 14.8114 7.916 13.8844L10.0826 13.5052L10.0863 13.5103C10.1102 13.5055 10.1346 13.5033 10.1589 13.5036C10.2197 13.5045 10.2793 13.5209 10.3325 13.5512C10.3856 13.5814 10.4308 13.6248 10.4638 13.6773C10.4969 13.7298 10.5169 13.7899 10.5221 13.8523C10.5273 13.9146 10.5175 13.9774 10.4935 14.0349L10.4998 14.0433ZM12.978 16.7311C12.1925 16.9167 11.3723 16.8733 10.6093 16.6058L11.6749 14.6207H11.6766C11.7083 14.5601 11.7554 14.5094 11.8127 14.474C11.8701 14.4387 11.9357 14.42 12.0026 14.4199C12.0694 14.4199 12.135 14.4384 12.1925 14.4737C12.2499 14.5089 12.297 14.5595 12.3288 14.6201H12.3368L13.405 16.6085C13.2664 16.6561 13.1241 16.6971 12.978 16.7313V16.7311ZM14.3547 16.1418L13.5065 14.0304L13.5091 14.0266C13.4715 13.9363 13.4691 13.8345 13.5025 13.7424C13.5359 13.6504 13.6025 13.5751 13.6884 13.5324C13.7327 13.5101 13.7809 13.4972 13.8302 13.4945C13.8586 13.4931 13.8872 13.4953 13.9152 13.5009L13.9189 13.4962L16.1048 13.8768C15.7821 14.8113 15.1663 15.6083 14.3547 16.1419V16.1418ZM16.3344 12.8197L14.2106 12.1895L14.2086 12.1803C14.1441 12.162 14.0857 12.126 14.0394 12.0761C13.9932 12.0263 13.9609 11.9645 13.946 11.8973C13.9312 11.8301 13.9342 11.76 13.9549 11.6945C13.9755 11.6289 14.013 11.5704 14.0634 11.525L14.0626 11.5206L15.702 10.0091C16.204 10.8502 16.426 11.837 16.3343 12.8198L16.3344 12.8197Z" fill="white"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeServerlessIcon.html b/src/tests/__snapshots__/RuntimeServerlessIcon.html
index edfe2324..98faf29c 100644
--- a/src/tests/__snapshots__/RuntimeServerlessIcon.html
+++ b/src/tests/__snapshots__/RuntimeServerlessIcon.html
@@ -1 +1 @@
-<span data-v-566264c8="" class="kui-icon runtime-serverless-icon" data-testid="kui-icon-wrapper-runtime-serverless-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-566264c8="" data-testid="kui-icon-svg-runtime-serverless-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-566264c8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-566264c8="" d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
+<span data-v-566264c8="" class="kui-icon runtime-serverless-icon" data-testid="kui-icon-wrapper-runtime-serverless-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-566264c8="" data-testid="kui-icon-svg-runtime-serverless-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-566264c8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-566264c8=""><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="#828A9E"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimesIcon.html b/src/tests/__snapshots__/RuntimesIcon.html
index ef98e502..9bfc1259 100644
--- a/src/tests/__snapshots__/RuntimesIcon.html
+++ b/src/tests/__snapshots__/RuntimesIcon.html
@@ -1 +1 @@
-<span data-v-e202beae="" class="kui-icon runtimes-icon" data-testid="kui-icon-wrapper-runtimes-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e202beae="" data-testid="kui-icon-svg-runtimes-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e202beae="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e202beae="" fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e202beae="" class="kui-icon runtimes-icon" data-testid="kui-icon-wrapper-runtimes-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e202beae="" data-testid="kui-icon-svg-runtimes-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e202beae="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e202beae=""><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SearchIcon.html b/src/tests/__snapshots__/SearchIcon.html
index fab17eea..67fe705a 100644
--- a/src/tests/__snapshots__/SearchIcon.html
+++ b/src/tests/__snapshots__/SearchIcon.html
@@ -1 +1 @@
-<span data-v-1b44ac50="" class="kui-icon search-icon" data-testid="kui-icon-wrapper-search-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1b44ac50="" data-testid="kui-icon-svg-search-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1b44ac50="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-1b44ac50="" d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-1b44ac50="" class="kui-icon search-icon" data-testid="kui-icon-wrapper-search-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1b44ac50="" data-testid="kui-icon-svg-search-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1b44ac50="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1b44ac50=""><path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SecurityIcon.html b/src/tests/__snapshots__/SecurityIcon.html
index 5f68db5f..3630a170 100644
--- a/src/tests/__snapshots__/SecurityIcon.html
+++ b/src/tests/__snapshots__/SecurityIcon.html
@@ -1 +1 @@
-<span data-v-789cb16c="" class="kui-icon security-icon" data-testid="kui-icon-wrapper-security-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-789cb16c="" data-testid="kui-icon-svg-security-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-789cb16c="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-789cb16c="" d="M9.2 15.6L12 13.5L14.75 15.6L13.7 12.2L16.5 10H13.1L12 6.6L10.9 10H7.5L10.25 12.2L9.2 15.6ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 19.9C13.7333 19.35 15.1667 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.375L12 4.125L6 6.375V11.1C6 13.1167 6.56667 14.95 7.7 16.6C8.83333 18.25 10.2667 19.35 12 19.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-789cb16c="" class="kui-icon security-icon" data-testid="kui-icon-wrapper-security-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-789cb16c="" data-testid="kui-icon-svg-security-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-789cb16c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-789cb16c=""><path d="M9.2 15.6L12 13.5L14.75 15.6L13.7 12.2L16.5 10H13.1L12 6.6L10.9 10H7.5L10.25 12.2L9.2 15.6ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 19.9C13.7333 19.35 15.1667 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.375L12 4.125L6 6.375V11.1C6 13.1167 6.56667 14.95 7.7 16.6C8.83333 18.25 10.2667 19.35 12 19.9Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServiceDocumentIcon.html b/src/tests/__snapshots__/ServiceDocumentIcon.html
index b5fcb80e..1a3cc51c 100644
--- a/src/tests/__snapshots__/ServiceDocumentIcon.html
+++ b/src/tests/__snapshots__/ServiceDocumentIcon.html
@@ -1 +1 @@
-<span data-v-d8e5dd1e="" class="kui-icon service-document-icon" data-testid="kui-icon-wrapper-service-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d8e5dd1e="" data-testid="kui-icon-svg-service-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d8e5dd1e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-d8e5dd1e="" d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-d8e5dd1e="" class="kui-icon service-document-icon" data-testid="kui-icon-wrapper-service-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d8e5dd1e="" data-testid="kui-icon-svg-service-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d8e5dd1e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d8e5dd1e=""><path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServiceHubIcon.html b/src/tests/__snapshots__/ServiceHubIcon.html
index 1cef0efb..beebacc6 100644
--- a/src/tests/__snapshots__/ServiceHubIcon.html
+++ b/src/tests/__snapshots__/ServiceHubIcon.html
@@ -1 +1 @@
-<span data-v-63900836="" class="kui-icon service-hub-icon" data-testid="kui-icon-wrapper-service-hub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-63900836="" data-testid="kui-icon-svg-service-hub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-63900836="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-63900836="" d="M10.6198 1.19995V10.02H1.7998V3.83995L4.81181 1.19995H10.6198ZM22.0198 10.02H13.1998V1.19995H19.3798L22.0198 4.21195V10.02ZM13.1998 21.42V12.6H22.0198V18.78L19.0078 21.42H13.1998ZM1.7998 12.6H10.6198V21.42H4.4398L1.7998 18.408V12.6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-63900836="" class="kui-icon service-hub-icon" data-testid="kui-icon-wrapper-service-hub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-63900836="" data-testid="kui-icon-svg-service-hub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-63900836="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-63900836=""><path d="M10.6198 1.19995V10.02H1.7998V3.83995L4.81181 1.19995H10.6198ZM22.0198 10.02H13.1998V1.19995H19.3798L22.0198 4.21195V10.02ZM13.1998 21.42V12.6H22.0198V18.78L19.0078 21.42H13.1998ZM1.7998 12.6H10.6198V21.42H4.4398L1.7998 18.408V12.6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServicesIcon.html b/src/tests/__snapshots__/ServicesIcon.html
index a938b355..20f1f332 100644
--- a/src/tests/__snapshots__/ServicesIcon.html
+++ b/src/tests/__snapshots__/ServicesIcon.html
@@ -1 +1 @@
-<span data-v-60e5b86e="" class="kui-icon services-icon" data-testid="kui-icon-wrapper-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60e5b86e="" data-testid="kui-icon-svg-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-60e5b86e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-60e5b86e="" d="M18 15V13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14C21 14.2833 20.9042 14.5208 20.7125 14.7125C20.5208 14.9042 20.2833 15 20 15H18ZM18 19V17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H18ZM14 20C13.45 20 12.9792 19.8042 12.5875 19.4125C12.1958 19.0208 12 18.55 12 18H10V14H12C12 13.45 12.1958 12.9792 12.5875 12.5875C12.9792 12.1958 13.45 12 14 12H17V20H14ZM7 17C5.9 17 4.95833 16.6083 4.175 15.825C3.39167 15.0417 3 14.1 3 13C3 11.9 3.39167 10.9583 4.175 10.175C4.95833 9.39167 5.9 9 7 9H8.5C8.91667 9 9.27083 8.85417 9.5625 8.5625C9.85417 8.27083 10 7.91667 10 7.5C10 7.08333 9.85417 6.72917 9.5625 6.4375C9.27083 6.14583 8.91667 6 8.5 6H5C4.71667 6 4.47917 5.90417 4.2875 5.7125C4.09583 5.52083 4 5.28333 4 5C4 4.71667 4.09583 4.47917 4.2875 4.2875C4.47917 4.09583 4.71667 4 5 4H8.5C9.46667 4 10.2917 4.34167 10.975 5.025C11.6583 5.70833 12 6.53333 12 7.5C12 8.46667 11.6583 9.29167 10.975 9.975C10.2917 10.6583 9.46667 11 8.5 11H7C6.45 11 5.97917 11.1958 5.5875 11.5875C5.19583 11.9792 5 12.45 5 13C5 13.55 5.19583 14.0208 5.5875 14.4125C5.97917 14.8042 6.45 15 7 15H9V17H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-60e5b86e="" class="kui-icon services-icon" data-testid="kui-icon-wrapper-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60e5b86e="" data-testid="kui-icon-svg-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-60e5b86e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-60e5b86e=""><path d="M18 15V13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14C21 14.2833 20.9042 14.5208 20.7125 14.7125C20.5208 14.9042 20.2833 15 20 15H18ZM18 19V17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H18ZM14 20C13.45 20 12.9792 19.8042 12.5875 19.4125C12.1958 19.0208 12 18.55 12 18H10V14H12C12 13.45 12.1958 12.9792 12.5875 12.5875C12.9792 12.1958 13.45 12 14 12H17V20H14ZM7 17C5.9 17 4.95833 16.6083 4.175 15.825C3.39167 15.0417 3 14.1 3 13C3 11.9 3.39167 10.9583 4.175 10.175C4.95833 9.39167 5.9 9 7 9H8.5C8.91667 9 9.27083 8.85417 9.5625 8.5625C9.85417 8.27083 10 7.91667 10 7.5C10 7.08333 9.85417 6.72917 9.5625 6.4375C9.27083 6.14583 8.91667 6 8.5 6H5C4.71667 6 4.47917 5.90417 4.2875 5.7125C4.09583 5.52083 4 5.28333 4 5C4 4.71667 4.09583 4.47917 4.2875 4.2875C4.47917 4.09583 4.71667 4 5 4H8.5C9.46667 4 10.2917 4.34167 10.975 5.025C11.6583 5.70833 12 6.53333 12 7.5C12 8.46667 11.6583 9.29167 10.975 9.975C10.2917 10.6583 9.46667 11 8.5 11H7C6.45 11 5.97917 11.1958 5.5875 11.5875C5.19583 11.9792 5 12.45 5 13C5 13.55 5.19583 14.0208 5.5875 14.4125C5.97917 14.8042 6.45 15 7 15H9V17H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SharedIcon.html b/src/tests/__snapshots__/SharedIcon.html
index 2ebfe91a..af218d4e 100644
--- a/src/tests/__snapshots__/SharedIcon.html
+++ b/src/tests/__snapshots__/SharedIcon.html
@@ -1 +1 @@
-<span data-v-06228baf="" class="kui-icon shared-icon" data-testid="kui-icon-wrapper-shared-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06228baf="" data-testid="kui-icon-svg-shared-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-06228baf="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-06228baf="" d="M18 22C17.1667 22 16.4583 21.7083 15.875 21.125C15.2917 20.5417 15 19.8333 15 19C15 18.8833 15.0083 18.7625 15.025 18.6375C15.0417 18.5125 15.0667 18.4 15.1 18.3L8.05 14.2C7.76667 14.45 7.45 14.6458 7.1 14.7875C6.75 14.9292 6.38333 15 6 15C5.16667 15 4.45833 14.7083 3.875 14.125C3.29167 13.5417 3 12.8333 3 12C3 11.1667 3.29167 10.4583 3.875 9.875C4.45833 9.29167 5.16667 9 6 9C6.38333 9 6.75 9.07083 7.1 9.2125C7.45 9.35417 7.76667 9.55 8.05 9.8L15.1 5.7C15.0667 5.6 15.0417 5.4875 15.025 5.3625C15.0083 5.2375 15 5.11667 15 5C15 4.16667 15.2917 3.45833 15.875 2.875C16.4583 2.29167 17.1667 2 18 2C18.8333 2 19.5417 2.29167 20.125 2.875C20.7083 3.45833 21 4.16667 21 5C21 5.83333 20.7083 6.54167 20.125 7.125C19.5417 7.70833 18.8333 8 18 8C17.6167 8 17.25 7.92917 16.9 7.7875C16.55 7.64583 16.2333 7.45 15.95 7.2L8.9 11.3C8.93333 11.4 8.95833 11.5125 8.975 11.6375C8.99167 11.7625 9 11.8833 9 12C9 12.1167 8.99167 12.2375 8.975 12.3625C8.95833 12.4875 8.93333 12.6 8.9 12.7L15.95 16.8C16.2333 16.55 16.55 16.3542 16.9 16.2125C17.25 16.0708 17.6167 16 18 16C18.8333 16 19.5417 16.2917 20.125 16.875C20.7083 17.4583 21 18.1667 21 19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22ZM18 6C18.2833 6 18.5208 5.90417 18.7125 5.7125C18.9042 5.52083 19 5.28333 19 5C19 4.71667 18.9042 4.47917 18.7125 4.2875C18.5208 4.09583 18.2833 4 18 4C17.7167 4 17.4792 4.09583 17.2875 4.2875C17.0958 4.47917 17 4.71667 17 5C17 5.28333 17.0958 5.52083 17.2875 5.7125C17.4792 5.90417 17.7167 6 18 6ZM6 13C6.28333 13 6.52083 12.9042 6.7125 12.7125C6.90417 12.5208 7 12.2833 7 12C7 11.7167 6.90417 11.4792 6.7125 11.2875C6.52083 11.0958 6.28333 11 6 11C5.71667 11 5.47917 11.0958 5.2875 11.2875C5.09583 11.4792 5 11.7167 5 12C5 12.2833 5.09583 12.5208 5.2875 12.7125C5.47917 12.9042 5.71667 13 6 13ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19C19 18.7167 18.9042 18.4792 18.7125 18.2875C18.5208 18.0958 18.2833 18 18 18C17.7167 18 17.4792 18.0958 17.2875 18.2875C17.0958 18.4792 17 18.7167 17 19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-06228baf="" class="kui-icon shared-icon" data-testid="kui-icon-wrapper-shared-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06228baf="" data-testid="kui-icon-svg-shared-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-06228baf="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-06228baf=""><path d="M18 22C17.1667 22 16.4583 21.7083 15.875 21.125C15.2917 20.5417 15 19.8333 15 19C15 18.8833 15.0083 18.7625 15.025 18.6375C15.0417 18.5125 15.0667 18.4 15.1 18.3L8.05 14.2C7.76667 14.45 7.45 14.6458 7.1 14.7875C6.75 14.9292 6.38333 15 6 15C5.16667 15 4.45833 14.7083 3.875 14.125C3.29167 13.5417 3 12.8333 3 12C3 11.1667 3.29167 10.4583 3.875 9.875C4.45833 9.29167 5.16667 9 6 9C6.38333 9 6.75 9.07083 7.1 9.2125C7.45 9.35417 7.76667 9.55 8.05 9.8L15.1 5.7C15.0667 5.6 15.0417 5.4875 15.025 5.3625C15.0083 5.2375 15 5.11667 15 5C15 4.16667 15.2917 3.45833 15.875 2.875C16.4583 2.29167 17.1667 2 18 2C18.8333 2 19.5417 2.29167 20.125 2.875C20.7083 3.45833 21 4.16667 21 5C21 5.83333 20.7083 6.54167 20.125 7.125C19.5417 7.70833 18.8333 8 18 8C17.6167 8 17.25 7.92917 16.9 7.7875C16.55 7.64583 16.2333 7.45 15.95 7.2L8.9 11.3C8.93333 11.4 8.95833 11.5125 8.975 11.6375C8.99167 11.7625 9 11.8833 9 12C9 12.1167 8.99167 12.2375 8.975 12.3625C8.95833 12.4875 8.93333 12.6 8.9 12.7L15.95 16.8C16.2333 16.55 16.55 16.3542 16.9 16.2125C17.25 16.0708 17.6167 16 18 16C18.8333 16 19.5417 16.2917 20.125 16.875C20.7083 17.4583 21 18.1667 21 19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22ZM18 6C18.2833 6 18.5208 5.90417 18.7125 5.7125C18.9042 5.52083 19 5.28333 19 5C19 4.71667 18.9042 4.47917 18.7125 4.2875C18.5208 4.09583 18.2833 4 18 4C17.7167 4 17.4792 4.09583 17.2875 4.2875C17.0958 4.47917 17 4.71667 17 5C17 5.28333 17.0958 5.52083 17.2875 5.7125C17.4792 5.90417 17.7167 6 18 6ZM6 13C6.28333 13 6.52083 12.9042 6.7125 12.7125C6.90417 12.5208 7 12.2833 7 12C7 11.7167 6.90417 11.4792 6.7125 11.2875C6.52083 11.0958 6.28333 11 6 11C5.71667 11 5.47917 11.0958 5.2875 11.2875C5.09583 11.4792 5 11.7167 5 12C5 12.2833 5.09583 12.5208 5.2875 12.7125C5.47917 12.9042 5.71667 13 6 13ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19C19 18.7167 18.9042 18.4792 18.7125 18.2875C18.5208 18.0958 18.2833 18 18 18C17.7167 18 17.4792 18.0958 17.2875 18.2875C17.0958 18.4792 17 18.7167 17 19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/StackIcon.html b/src/tests/__snapshots__/StackIcon.html
index 18711f36..445dbaba 100644
--- a/src/tests/__snapshots__/StackIcon.html
+++ b/src/tests/__snapshots__/StackIcon.html
@@ -1 +1 @@
-<span data-v-e0ea4e1f="" class="kui-icon stack-icon" data-testid="kui-icon-wrapper-stack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0ea4e1f="" data-testid="kui-icon-svg-stack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e0ea4e1f="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e0ea4e1f="" d="M12 14L1 8L12 2L23 8L12 14ZM12 18L1.575 12.325L3.675 11.175L12 15.725L20.325 11.175L22.425 12.325L12 18ZM12 22L1.575 16.325L3.675 15.175L12 19.725L20.325 15.175L22.425 16.325L12 22ZM12 11.725L18.825 8L12 4.275L5.175 8L12 11.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e0ea4e1f="" class="kui-icon stack-icon" data-testid="kui-icon-wrapper-stack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0ea4e1f="" data-testid="kui-icon-svg-stack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e0ea4e1f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e0ea4e1f=""><path d="M12 14L1 8L12 2L23 8L12 14ZM12 18L1.575 12.325L3.675 11.175L12 15.725L20.325 11.175L22.425 12.325L12 18ZM12 22L1.575 16.325L3.675 15.175L12 19.725L20.325 15.175L22.425 16.325L12 22ZM12 11.725L18.825 8L12 4.275L5.175 8L12 11.725Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/StrikethroughIcon.html b/src/tests/__snapshots__/StrikethroughIcon.html
index 34f91eae..8b7aaa28 100644
--- a/src/tests/__snapshots__/StrikethroughIcon.html
+++ b/src/tests/__snapshots__/StrikethroughIcon.html
@@ -1 +1 @@
-<span data-v-afadfeec="" class="kui-icon strikethrough-icon" data-testid="kui-icon-wrapper-strikethrough-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-afadfeec="" data-testid="kui-icon-svg-strikethrough-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-afadfeec="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-afadfeec="" d="M12.15 20C10.8833 20 9.75833 19.625 8.775 18.875C7.79167 18.125 7.08333 17.1 6.65 15.8L8.85 14.85C9.08333 15.65 9.4875 16.3083 10.0625 16.825C10.6375 17.3417 11.35 17.6 12.2 17.6C12.9 17.6 13.5333 17.4333 14.1 17.1C14.6667 16.7667 14.95 16.2333 14.95 15.5C14.95 15.2 14.8917 14.925 14.775 14.675C14.6583 14.425 14.5 14.2 14.3 14H17.1C17.1833 14.2333 17.2458 14.4708 17.2875 14.7125C17.3292 14.9542 17.35 15.2167 17.35 15.5C17.35 16.9333 16.8375 18.0417 15.8125 18.825C14.7875 19.6083 13.5667 20 12.15 20ZM2 12V10H22V12H2ZM12.05 3.85C13.15 3.85 14.1125 4.12083 14.9375 4.6625C15.7625 5.20417 16.4 6.03333 16.85 7.15L14.65 8.125C14.5 7.64167 14.2208 7.20833 13.8125 6.825C13.4042 6.44167 12.8333 6.25 12.1 6.25C11.4167 6.25 10.85 6.40417 10.4 6.7125C9.95 7.02083 9.7 7.45 9.65 8H7.25C7.28333 6.85 7.7375 5.87083 8.6125 5.0625C9.4875 4.25417 10.6333 3.85 12.05 3.85Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-afadfeec="" class="kui-icon strikethrough-icon" data-testid="kui-icon-wrapper-strikethrough-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-afadfeec="" data-testid="kui-icon-svg-strikethrough-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-afadfeec="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-afadfeec=""><path d="M12.15 20C10.8833 20 9.75833 19.625 8.775 18.875C7.79167 18.125 7.08333 17.1 6.65 15.8L8.85 14.85C9.08333 15.65 9.4875 16.3083 10.0625 16.825C10.6375 17.3417 11.35 17.6 12.2 17.6C12.9 17.6 13.5333 17.4333 14.1 17.1C14.6667 16.7667 14.95 16.2333 14.95 15.5C14.95 15.2 14.8917 14.925 14.775 14.675C14.6583 14.425 14.5 14.2 14.3 14H17.1C17.1833 14.2333 17.2458 14.4708 17.2875 14.7125C17.3292 14.9542 17.35 15.2167 17.35 15.5C17.35 16.9333 16.8375 18.0417 15.8125 18.825C14.7875 19.6083 13.5667 20 12.15 20ZM2 12V10H22V12H2ZM12.05 3.85C13.15 3.85 14.1125 4.12083 14.9375 4.6625C15.7625 5.20417 16.4 6.03333 16.85 7.15L14.65 8.125C14.5 7.64167 14.2208 7.20833 13.8125 6.825C13.4042 6.44167 12.8333 6.25 12.1 6.25C11.4167 6.25 10.85 6.40417 10.4 6.7125C9.95 7.02083 9.7 7.45 9.65 8H7.25C7.28333 6.85 7.7375 5.87083 8.6125 5.0625C9.4875 4.25417 10.6333 3.85 12.05 3.85Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SubscriptIcon.html b/src/tests/__snapshots__/SubscriptIcon.html
index f14233e3..0f7f94f6 100644
--- a/src/tests/__snapshots__/SubscriptIcon.html
+++ b/src/tests/__snapshots__/SubscriptIcon.html
@@ -1 +1 @@
-<span data-v-b3de54ef="" class="kui-icon subscript-icon" data-testid="kui-icon-wrapper-subscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b3de54ef="" data-testid="kui-icon-svg-subscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b3de54ef="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-b3de54ef="" d="M20 20C19.7167 20 19.4792 19.9042 19.2875 19.7125C19.0958 19.5208 19 19.2833 19 19V18C19 17.7167 19.0958 17.4792 19.2875 17.2875C19.4792 17.0958 19.7167 17 20 17H22V16H19.5C19.3667 16 19.25 15.95 19.15 15.85C19.05 15.75 19 15.6333 19 15.5C19 15.3667 19.05 15.25 19.15 15.15C19.25 15.05 19.3667 15 19.5 15H22C22.2833 15 22.5208 15.0958 22.7125 15.2875C22.9042 15.4792 23 15.7167 23 16V17C23 17.2833 22.9042 17.5208 22.7125 17.7125C22.5208 17.9042 22.2833 18 22 18H20V19H22.5C22.6333 19 22.75 19.05 22.85 19.15C22.95 19.25 23 19.3667 23 19.5C23 19.6333 22.95 19.75 22.85 19.85C22.75 19.95 22.6333 20 22.5 20H20ZM7.92501 18C7.47501 18 7.14584 17.8083 6.93751 17.425C6.72917 17.0417 6.74167 16.6583 6.97501 16.275L10.5 10.725L7.30001 5.7C7.06667 5.33333 7.05417 4.95833 7.26251 4.575C7.47084 4.19167 7.79167 4 8.22501 4C8.42501 4 8.60834 4.04583 8.77501 4.1375C8.94167 4.22917 9.07501 4.35833 9.17501 4.525L11.95 9H12.05L14.8 4.525C14.9 4.35833 15.0375 4.22917 15.2125 4.1375C15.3875 4.04583 15.5667 4 15.75 4C16.2 4 16.525 4.19167 16.725 4.575C16.925 4.95833 16.9083 5.34167 16.675 5.725L13.475 10.725L17.025 16.275C17.2583 16.6583 17.2667 17.0417 17.05 17.425C16.8333 17.8083 16.5083 18 16.075 18C15.875 18 15.6917 17.9542 15.525 17.8625C15.3583 17.7708 15.225 17.6417 15.125 17.475L12.05 12.575H11.95L8.87501 17.475C8.77501 17.6417 8.63751 17.7708 8.46251 17.8625C8.28751 17.9542 8.10834 18 7.92501 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-b3de54ef="" class="kui-icon subscript-icon" data-testid="kui-icon-wrapper-subscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b3de54ef="" data-testid="kui-icon-svg-subscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b3de54ef="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b3de54ef=""><path d="M20 20C19.7167 20 19.4792 19.9042 19.2875 19.7125C19.0958 19.5208 19 19.2833 19 19V18C19 17.7167 19.0958 17.4792 19.2875 17.2875C19.4792 17.0958 19.7167 17 20 17H22V16H19.5C19.3667 16 19.25 15.95 19.15 15.85C19.05 15.75 19 15.6333 19 15.5C19 15.3667 19.05 15.25 19.15 15.15C19.25 15.05 19.3667 15 19.5 15H22C22.2833 15 22.5208 15.0958 22.7125 15.2875C22.9042 15.4792 23 15.7167 23 16V17C23 17.2833 22.9042 17.5208 22.7125 17.7125C22.5208 17.9042 22.2833 18 22 18H20V19H22.5C22.6333 19 22.75 19.05 22.85 19.15C22.95 19.25 23 19.3667 23 19.5C23 19.6333 22.95 19.75 22.85 19.85C22.75 19.95 22.6333 20 22.5 20H20ZM7.92501 18C7.47501 18 7.14584 17.8083 6.93751 17.425C6.72917 17.0417 6.74167 16.6583 6.97501 16.275L10.5 10.725L7.30001 5.7C7.06667 5.33333 7.05417 4.95833 7.26251 4.575C7.47084 4.19167 7.79167 4 8.22501 4C8.42501 4 8.60834 4.04583 8.77501 4.1375C8.94167 4.22917 9.07501 4.35833 9.17501 4.525L11.95 9H12.05L14.8 4.525C14.9 4.35833 15.0375 4.22917 15.2125 4.1375C15.3875 4.04583 15.5667 4 15.75 4C16.2 4 16.525 4.19167 16.725 4.575C16.925 4.95833 16.9083 5.34167 16.675 5.725L13.475 10.725L17.025 16.275C17.2583 16.6583 17.2667 17.0417 17.05 17.425C16.8333 17.8083 16.5083 18 16.075 18C15.875 18 15.6917 17.9542 15.525 17.8625C15.3583 17.7708 15.225 17.6417 15.125 17.475L12.05 12.575H11.95L8.87501 17.475C8.77501 17.6417 8.63751 17.7708 8.46251 17.8625C8.28751 17.9542 8.10834 18 7.92501 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SuperscriptIcon.html b/src/tests/__snapshots__/SuperscriptIcon.html
index efd7f610..09bae9d6 100644
--- a/src/tests/__snapshots__/SuperscriptIcon.html
+++ b/src/tests/__snapshots__/SuperscriptIcon.html
@@ -1 +1 @@
-<span data-v-a1b1567b="" class="kui-icon superscript-icon" data-testid="kui-icon-wrapper-superscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1b1567b="" data-testid="kui-icon-svg-superscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a1b1567b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-a1b1567b="" d="M20 9C19.7167 9 19.4792 8.90417 19.2875 8.7125C19.0958 8.52083 19 8.28333 19 8V7C19 6.71667 19.0958 6.47917 19.2875 6.2875C19.4792 6.09583 19.7167 6 20 6H22V5H19.5C19.3667 5 19.25 4.95 19.15 4.85C19.05 4.75 19 4.63333 19 4.5C19 4.36667 19.05 4.25 19.15 4.15C19.25 4.05 19.3667 4 19.5 4H22C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V6C23 6.28333 22.9042 6.52083 22.7125 6.7125C22.5208 6.90417 22.2833 7 22 7H20V8H22.5C22.6333 8 22.75 8.05 22.85 8.15C22.95 8.25 23 8.36667 23 8.5C23 8.63333 22.95 8.75 22.85 8.85C22.75 8.95 22.6333 9 22.5 9H20ZM7.92501 20C7.47501 20 7.14584 19.8083 6.93751 19.425C6.72917 19.0417 6.74167 18.6583 6.97501 18.275L10.5 12.725L7.30001 7.7C7.06667 7.33333 7.05417 6.95833 7.26251 6.575C7.47084 6.19167 7.79167 6 8.22501 6C8.42501 6 8.60834 6.04583 8.77501 6.1375C8.94167 6.22917 9.07501 6.35833 9.17501 6.525L11.95 11H12.05L14.8 6.525C14.9 6.35833 15.0375 6.22917 15.2125 6.1375C15.3875 6.04583 15.5667 6 15.75 6C16.2 6 16.525 6.19167 16.725 6.575C16.925 6.95833 16.9083 7.34167 16.675 7.725L13.475 12.725L17.025 18.275C17.2583 18.6583 17.2667 19.0417 17.05 19.425C16.8333 19.8083 16.5083 20 16.075 20C15.875 20 15.6917 19.9542 15.525 19.8625C15.3583 19.7708 15.225 19.6417 15.125 19.475L12.05 14.575H11.95L8.87501 19.475C8.77501 19.6417 8.63751 19.7708 8.46251 19.8625C8.28751 19.9542 8.10834 20 7.92501 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-a1b1567b="" class="kui-icon superscript-icon" data-testid="kui-icon-wrapper-superscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1b1567b="" data-testid="kui-icon-svg-superscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a1b1567b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a1b1567b=""><path d="M20 9C19.7167 9 19.4792 8.90417 19.2875 8.7125C19.0958 8.52083 19 8.28333 19 8V7C19 6.71667 19.0958 6.47917 19.2875 6.2875C19.4792 6.09583 19.7167 6 20 6H22V5H19.5C19.3667 5 19.25 4.95 19.15 4.85C19.05 4.75 19 4.63333 19 4.5C19 4.36667 19.05 4.25 19.15 4.15C19.25 4.05 19.3667 4 19.5 4H22C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V6C23 6.28333 22.9042 6.52083 22.7125 6.7125C22.5208 6.90417 22.2833 7 22 7H20V8H22.5C22.6333 8 22.75 8.05 22.85 8.15C22.95 8.25 23 8.36667 23 8.5C23 8.63333 22.95 8.75 22.85 8.85C22.75 8.95 22.6333 9 22.5 9H20ZM7.92501 20C7.47501 20 7.14584 19.8083 6.93751 19.425C6.72917 19.0417 6.74167 18.6583 6.97501 18.275L10.5 12.725L7.30001 7.7C7.06667 7.33333 7.05417 6.95833 7.26251 6.575C7.47084 6.19167 7.79167 6 8.22501 6C8.42501 6 8.60834 6.04583 8.77501 6.1375C8.94167 6.22917 9.07501 6.35833 9.17501 6.525L11.95 11H12.05L14.8 6.525C14.9 6.35833 15.0375 6.22917 15.2125 6.1375C15.3875 6.04583 15.5667 6 15.75 6C16.2 6 16.525 6.19167 16.725 6.575C16.925 6.95833 16.9083 7.34167 16.675 7.725L13.475 12.725L17.025 18.275C17.2583 18.6583 17.2667 19.0417 17.05 19.425C16.8333 19.8083 16.5083 20 16.075 20C15.875 20 15.6917 19.9542 15.525 19.8625C15.3583 19.7708 15.225 19.6417 15.125 19.475L12.05 14.575H11.95L8.87501 19.475C8.77501 19.6417 8.63751 19.7708 8.46251 19.8625C8.28751 19.9542 8.10834 20 7.92501 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SupportIcon.html b/src/tests/__snapshots__/SupportIcon.html
index 46aff436..b3fd9df4 100644
--- a/src/tests/__snapshots__/SupportIcon.html
+++ b/src/tests/__snapshots__/SupportIcon.html
@@ -1 +1 @@
-<span data-v-9d00a7b5="" class="kui-icon support-icon" data-testid="kui-icon-wrapper-support-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d00a7b5="" data-testid="kui-icon-svg-support-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9d00a7b5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-9d00a7b5="" d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-9d00a7b5="" class="kui-icon support-icon" data-testid="kui-icon-wrapper-support-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d00a7b5="" data-testid="kui-icon-svg-support-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9d00a7b5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9d00a7b5=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableColumnsIcon.html b/src/tests/__snapshots__/TableColumnsIcon.html
index 73979a60..09168a18 100644
--- a/src/tests/__snapshots__/TableColumnsIcon.html
+++ b/src/tests/__snapshots__/TableColumnsIcon.html
@@ -1 +1 @@
-<span data-v-17a05a4f="" class="kui-icon table-columns-icon" data-testid="kui-icon-wrapper-table-columns-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17a05a4f="" data-testid="kui-icon-svg-table-columns-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-17a05a4f="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-17a05a4f="" d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-17a05a4f="" class="kui-icon table-columns-icon" data-testid="kui-icon-wrapper-table-columns-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17a05a4f="" data-testid="kui-icon-svg-table-columns-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-17a05a4f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-17a05a4f=""><path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableIcon.html b/src/tests/__snapshots__/TableIcon.html
index 4a87a8bd..9818f090 100644
--- a/src/tests/__snapshots__/TableIcon.html
+++ b/src/tests/__snapshots__/TableIcon.html
@@ -1 +1 @@
-<span data-v-dc8236a5="" class="kui-icon table-icon" data-testid="kui-icon-wrapper-table-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dc8236a5="" data-testid="kui-icon-svg-table-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dc8236a5="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-dc8236a5="" d="M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-dc8236a5="" class="kui-icon table-icon" data-testid="kui-icon-wrapper-table-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dc8236a5="" data-testid="kui-icon-svg-table-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dc8236a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-dc8236a5=""><path d="M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableRowsIcon.html b/src/tests/__snapshots__/TableRowsIcon.html
index cd2590f1..e79878e1 100644
--- a/src/tests/__snapshots__/TableRowsIcon.html
+++ b/src/tests/__snapshots__/TableRowsIcon.html
@@ -1 +1 @@
-<span data-v-f0fe98d8="" class="kui-icon table-rows-icon" data-testid="kui-icon-wrapper-table-rows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0fe98d8="" data-testid="kui-icon-svg-table-rows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0fe98d8="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f0fe98d8="" d="M19 19V16H5V19H19ZM19 14V10H5V14H19ZM19 8V5H5V8H19ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f0fe98d8="" class="kui-icon table-rows-icon" data-testid="kui-icon-wrapper-table-rows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0fe98d8="" data-testid="kui-icon-svg-table-rows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0fe98d8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0fe98d8=""><path d="M19 19V16H5V19H19ZM19 14V10H5V14H19ZM19 8V5H5V8H19ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TasklistIcon.html b/src/tests/__snapshots__/TasklistIcon.html
index 4005812c..33fe6c6d 100644
--- a/src/tests/__snapshots__/TasklistIcon.html
+++ b/src/tests/__snapshots__/TasklistIcon.html
@@ -1 +1 @@
-<span data-v-f3bb244e="" class="kui-icon tasklist-icon" data-testid="kui-icon-wrapper-tasklist-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3bb244e="" data-testid="kui-icon-svg-tasklist-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f3bb244e="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-f3bb244e="" d="M5.52499 16.175L9.07499 12.625C9.27499 12.425 9.50832 12.3292 9.77499 12.3375C10.0417 12.3458 10.275 12.45 10.475 12.65C10.6583 12.85 10.75 13.0833 10.75 13.35C10.75 13.6167 10.6583 13.85 10.475 14.05L6.24999 18.3C6.04999 18.5 5.81665 18.6 5.54999 18.6C5.28332 18.6 5.04999 18.5 4.84999 18.3L2.69999 16.15C2.51665 15.9667 2.42499 15.7333 2.42499 15.45C2.42499 15.1667 2.51665 14.9333 2.69999 14.75C2.88332 14.5667 3.11665 14.475 3.39999 14.475C3.68332 14.475 3.91665 14.5667 4.09999 14.75L5.52499 16.175ZM5.52499 8.175L9.07499 4.625C9.27499 4.425 9.50832 4.32917 9.77499 4.3375C10.0417 4.34583 10.275 4.45 10.475 4.65C10.6583 4.85 10.75 5.08333 10.75 5.35C10.75 5.61667 10.6583 5.85 10.475 6.05L6.24999 10.3C6.04999 10.5 5.81665 10.6 5.54999 10.6C5.28332 10.6 5.04999 10.5 4.84999 10.3L2.69999 8.15C2.51665 7.96667 2.42499 7.73333 2.42499 7.45C2.42499 7.16667 2.51665 6.93333 2.69999 6.75C2.88332 6.56667 3.11665 6.475 3.39999 6.475C3.68332 6.475 3.91665 6.56667 4.09999 6.75L5.52499 8.175ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H21C21.2833 15 21.5208 15.0958 21.7125 15.2875C21.9042 15.4792 22 15.7167 22 16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H14ZM14 9C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8C22 8.28333 21.9042 8.52083 21.7125 8.7125C21.5208 8.90417 21.2833 9 21 9H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-f3bb244e="" class="kui-icon tasklist-icon" data-testid="kui-icon-wrapper-tasklist-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3bb244e="" data-testid="kui-icon-svg-tasklist-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f3bb244e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f3bb244e=""><path d="M5.52499 16.175L9.07499 12.625C9.27499 12.425 9.50832 12.3292 9.77499 12.3375C10.0417 12.3458 10.275 12.45 10.475 12.65C10.6583 12.85 10.75 13.0833 10.75 13.35C10.75 13.6167 10.6583 13.85 10.475 14.05L6.24999 18.3C6.04999 18.5 5.81665 18.6 5.54999 18.6C5.28332 18.6 5.04999 18.5 4.84999 18.3L2.69999 16.15C2.51665 15.9667 2.42499 15.7333 2.42499 15.45C2.42499 15.1667 2.51665 14.9333 2.69999 14.75C2.88332 14.5667 3.11665 14.475 3.39999 14.475C3.68332 14.475 3.91665 14.5667 4.09999 14.75L5.52499 16.175ZM5.52499 8.175L9.07499 4.625C9.27499 4.425 9.50832 4.32917 9.77499 4.3375C10.0417 4.34583 10.275 4.45 10.475 4.65C10.6583 4.85 10.75 5.08333 10.75 5.35C10.75 5.61667 10.6583 5.85 10.475 6.05L6.24999 10.3C6.04999 10.5 5.81665 10.6 5.54999 10.6C5.28332 10.6 5.04999 10.5 4.84999 10.3L2.69999 8.15C2.51665 7.96667 2.42499 7.73333 2.42499 7.45C2.42499 7.16667 2.51665 6.93333 2.69999 6.75C2.88332 6.56667 3.11665 6.475 3.39999 6.475C3.68332 6.475 3.91665 6.56667 4.09999 6.75L5.52499 8.175ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H21C21.2833 15 21.5208 15.0958 21.7125 15.2875C21.9042 15.4792 22 15.7167 22 16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H14ZM14 9C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8C22 8.28333 21.9042 8.52083 21.7125 8.7125C21.5208 8.90417 21.2833 9 21 9H14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TeamIcon.html b/src/tests/__snapshots__/TeamIcon.html
index 9688cb4e..94f9f495 100644
--- a/src/tests/__snapshots__/TeamIcon.html
+++ b/src/tests/__snapshots__/TeamIcon.html
@@ -1 +1 @@
-<span data-v-99e16f10="" class="kui-icon team-icon" data-testid="kui-icon-wrapper-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99e16f10="" data-testid="kui-icon-svg-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-99e16f10="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-99e16f10="" d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-99e16f10="" class="kui-icon team-icon" data-testid="kui-icon-wrapper-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99e16f10="" data-testid="kui-icon-svg-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-99e16f10="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-99e16f10=""><path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TeammateIcon.html b/src/tests/__snapshots__/TeammateIcon.html
index 5e10daa8..12bdd41a 100644
--- a/src/tests/__snapshots__/TeammateIcon.html
+++ b/src/tests/__snapshots__/TeammateIcon.html
@@ -1 +1 @@
-<span data-v-11becae6="" class="kui-icon teammate-icon" data-testid="kui-icon-wrapper-teammate-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11becae6="" data-testid="kui-icon-svg-teammate-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-11becae6="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-11becae6="" d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-11becae6="" class="kui-icon teammate-icon" data-testid="kui-icon-wrapper-teammate-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11becae6="" data-testid="kui-icon-svg-teammate-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-11becae6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-11becae6=""><path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ThumbDownIcon.html b/src/tests/__snapshots__/ThumbDownIcon.html
index 5a2e7bd5..e7b1d707 100644
--- a/src/tests/__snapshots__/ThumbDownIcon.html
+++ b/src/tests/__snapshots__/ThumbDownIcon.html
@@ -1 +1 @@
-<span data-v-0ed3aa38="" class="kui-icon thumb-down-icon" data-testid="kui-icon-wrapper-thumb-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0ed3aa38="" data-testid="kui-icon-svg-thumb-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0ed3aa38="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0ed3aa38="" d="M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0ed3aa38="" class="kui-icon thumb-down-icon" data-testid="kui-icon-wrapper-thumb-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0ed3aa38="" data-testid="kui-icon-svg-thumb-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0ed3aa38="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0ed3aa38=""><path d="M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ThumbUpIcon.html b/src/tests/__snapshots__/ThumbUpIcon.html
index 8bc88f51..c831ed0b 100644
--- a/src/tests/__snapshots__/ThumbUpIcon.html
+++ b/src/tests/__snapshots__/ThumbUpIcon.html
@@ -1 +1 @@
-<span data-v-e5f19fe4="" class="kui-icon thumb-up-icon" data-testid="kui-icon-wrapper-thumb-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e5f19fe4="" data-testid="kui-icon-svg-thumb-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e5f19fe4="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e5f19fe4="" d="M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e5f19fe4="" class="kui-icon thumb-up-icon" data-testid="kui-icon-wrapper-thumb-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e5f19fe4="" data-testid="kui-icon-svg-thumb-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e5f19fe4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e5f19fe4=""><path d="M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrashIcon.html b/src/tests/__snapshots__/TrashIcon.html
index 535e7ca7..96d57629 100644
--- a/src/tests/__snapshots__/TrashIcon.html
+++ b/src/tests/__snapshots__/TrashIcon.html
@@ -1 +1 @@
-<span data-v-0a70bafb="" class="kui-icon trash-icon" data-testid="kui-icon-wrapper-trash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0a70bafb="" data-testid="kui-icon-svg-trash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0a70bafb="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0a70bafb="" d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0a70bafb="" class="kui-icon trash-icon" data-testid="kui-icon-wrapper-trash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0a70bafb="" data-testid="kui-icon-svg-trash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0a70bafb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0a70bafb=""><path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrendDownIcon.html b/src/tests/__snapshots__/TrendDownIcon.html
index af00f52f..cb3a9da1 100644
--- a/src/tests/__snapshots__/TrendDownIcon.html
+++ b/src/tests/__snapshots__/TrendDownIcon.html
@@ -1 +1 @@
-<span data-v-4157b018="" class="kui-icon trend-down-icon" data-testid="kui-icon-wrapper-trend-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4157b018="" data-testid="kui-icon-svg-trend-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4157b018="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-4157b018="" d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-4157b018="" class="kui-icon trend-down-icon" data-testid="kui-icon-wrapper-trend-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4157b018="" data-testid="kui-icon-svg-trend-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4157b018="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4157b018=""><path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrendUpIcon.html b/src/tests/__snapshots__/TrendUpIcon.html
index 46c048bc..07b300ae 100644
--- a/src/tests/__snapshots__/TrendUpIcon.html
+++ b/src/tests/__snapshots__/TrendUpIcon.html
@@ -1 +1 @@
-<span data-v-e92edec9="" class="kui-icon trend-up-icon" data-testid="kui-icon-wrapper-trend-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e92edec9="" data-testid="kui-icon-svg-trend-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e92edec9="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-e92edec9="" d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-e92edec9="" class="kui-icon trend-up-icon" data-testid="kui-icon-wrapper-trend-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e92edec9="" data-testid="kui-icon-svg-trend-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e92edec9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e92edec9=""><path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UnderlineIcon.html b/src/tests/__snapshots__/UnderlineIcon.html
index b7be1c19..bff398f0 100644
--- a/src/tests/__snapshots__/UnderlineIcon.html
+++ b/src/tests/__snapshots__/UnderlineIcon.html
@@ -1 +1 @@
-<span data-v-8f98f7d4="" class="kui-icon underline-icon" data-testid="kui-icon-wrapper-underline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f98f7d4="" data-testid="kui-icon-svg-underline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f98f7d4="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8f98f7d4="" d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8f98f7d4="" class="kui-icon underline-icon" data-testid="kui-icon-wrapper-underline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f98f7d4="" data-testid="kui-icon-svg-underline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f98f7d4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8f98f7d4=""><path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UnfoldMoreIcon.html b/src/tests/__snapshots__/UnfoldMoreIcon.html
index 131e3f3f..b4e5a30e 100644
--- a/src/tests/__snapshots__/UnfoldMoreIcon.html
+++ b/src/tests/__snapshots__/UnfoldMoreIcon.html
@@ -1 +1 @@
-<span data-v-ddd964da="" class="kui-icon unfold-more-icon" data-testid="kui-icon-wrapper-unfold-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ddd964da="" data-testid="kui-icon-svg-unfold-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ddd964da="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-ddd964da="" d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-ddd964da="" class="kui-icon unfold-more-icon" data-testid="kui-icon-wrapper-unfold-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ddd964da="" data-testid="kui-icon-svg-unfold-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ddd964da="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ddd964da=""><path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UploadIcon.html b/src/tests/__snapshots__/UploadIcon.html
index 807a2b4b..8213a6e5 100644
--- a/src/tests/__snapshots__/UploadIcon.html
+++ b/src/tests/__snapshots__/UploadIcon.html
@@ -1 +1 @@
-<span data-v-8695e6cb="" class="kui-icon upload-icon" data-testid="kui-icon-wrapper-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8695e6cb="" data-testid="kui-icon-svg-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8695e6cb="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-8695e6cb="" d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-8695e6cb="" class="kui-icon upload-icon" data-testid="kui-icon-wrapper-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8695e6cb="" data-testid="kui-icon-svg-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8695e6cb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8695e6cb=""><path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/VisibilityIcon.html b/src/tests/__snapshots__/VisibilityIcon.html
index 24535fe6..32652473 100644
--- a/src/tests/__snapshots__/VisibilityIcon.html
+++ b/src/tests/__snapshots__/VisibilityIcon.html
@@ -1 +1 @@
-<span data-v-198b4a60="" class="kui-icon visibility-icon" data-testid="kui-icon-wrapper-visibility-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-198b4a60="" data-testid="kui-icon-svg-visibility-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-198b4a60="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-198b4a60="" d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-198b4a60="" class="kui-icon visibility-icon" data-testid="kui-icon-wrapper-visibility-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-198b4a60="" data-testid="kui-icon-svg-visibility-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-198b4a60="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-198b4a60=""><path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/VitalsIcon.html b/src/tests/__snapshots__/VitalsIcon.html
index 1bbb329e..78497ac4 100644
--- a/src/tests/__snapshots__/VitalsIcon.html
+++ b/src/tests/__snapshots__/VitalsIcon.html
@@ -1 +1 @@
-<span data-v-0abe19ca="" class="kui-icon vitals-icon" data-testid="kui-icon-wrapper-vitals-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0abe19ca="" data-testid="kui-icon-svg-vitals-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0abe19ca="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0abe19ca="" d="M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0abe19ca="" class="kui-icon vitals-icon" data-testid="kui-icon-wrapper-vitals-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0abe19ca="" data-testid="kui-icon-svg-vitals-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0abe19ca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0abe19ca=""><path d="M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WarningIcon.html b/src/tests/__snapshots__/WarningIcon.html
index 1fc56638..92d1167e 100644
--- a/src/tests/__snapshots__/WarningIcon.html
+++ b/src/tests/__snapshots__/WarningIcon.html
@@ -1 +1 @@
-<span data-v-a856d47b="" class="kui-icon warning-icon" data-testid="kui-icon-wrapper-warning-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a856d47b="" data-testid="kui-icon-svg-warning-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a856d47b="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-a856d47b="" d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-a856d47b="" class="kui-icon warning-icon" data-testid="kui-icon-wrapper-warning-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a856d47b="" data-testid="kui-icon-svg-warning-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a856d47b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a856d47b=""><path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WarningOutlineIcon.html b/src/tests/__snapshots__/WarningOutlineIcon.html
index 5b3b5cea..ee85da43 100644
--- a/src/tests/__snapshots__/WarningOutlineIcon.html
+++ b/src/tests/__snapshots__/WarningOutlineIcon.html
@@ -1 +1 @@
-<span data-v-0b89ace6="" class="kui-icon warning-outline-icon" data-testid="kui-icon-wrapper-warning-outline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b89ace6="" data-testid="kui-icon-svg-warning-outline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0b89ace6="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-0b89ace6="" d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-0b89ace6="" class="kui-icon warning-outline-icon" data-testid="kui-icon-wrapper-warning-outline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b89ace6="" data-testid="kui-icon-svg-warning-outline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0b89ace6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0b89ace6=""><path d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WidgetsIcon.html b/src/tests/__snapshots__/WidgetsIcon.html
index 0fdd09ca..98cdb07c 100644
--- a/src/tests/__snapshots__/WidgetsIcon.html
+++ b/src/tests/__snapshots__/WidgetsIcon.html
@@ -1 +1,6 @@
-<span data-v-61aed295="" class="kui-icon widgets-icon" data-testid="kui-icon-wrapper-widgets-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-61aed295="" data-testid="kui-icon-svg-widgets-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-61aed295="" data-testid="kui-icon-svg-title">My custom title</title><mask data-v-61aed295="" id="mask0_2047_9122" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect data-v-61aed295="" width="24" height="24" fill="#D9D9D9"></rect></mask><g data-v-61aed295="" mask="url(#mask0_2047_9122)"><path data-v-61aed295="" d="M16.65 13L11 7.34995L16.65 1.69995L22.3 7.34995L16.65 13ZM3 11V2.99995H11V11H3ZM13 21V13H21V21H13ZM3 21V13H11V21H3ZM5 8.99995H9V4.99995H5V8.99995ZM16.675 10.2L19.5 7.37495L16.675 4.54995L13.85 7.37495L16.675 10.2ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-61aed295="" class="kui-icon widgets-icon" data-testid="kui-icon-wrapper-widgets-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-61aed295="" data-testid="kui-icon-svg-widgets-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-61aed295="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-61aed295=""><mask id="mask0_2047_9122" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"></rect>
+</mask>
+<g mask="url(#mask0_2047_9122)">
+<path d="M16.65 13L11 7.34995L16.65 1.69995L22.3 7.34995L16.65 13ZM3 11V2.99995H11V11H3ZM13 21V13H21V21H13ZM3 21V13H11V21H3ZM5 8.99995H9V4.99995H5V8.99995ZM16.675 10.2L19.5 7.37495L16.675 4.54995L13.85 7.37495L16.675 10.2ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path>
+</g></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WindowsIcon.html b/src/tests/__snapshots__/WindowsIcon.html
index 5ceb5a74..54fb3e75 100644
--- a/src/tests/__snapshots__/WindowsIcon.html
+++ b/src/tests/__snapshots__/WindowsIcon.html
@@ -1 +1 @@
-<span data-v-d7c67b3d="" class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d7c67b3d="" data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d7c67b3d="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-d7c67b3d="" d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></svg></span>
\ No newline at end of file
+<span data-v-d7c67b3d="" class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d7c67b3d="" data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d7c67b3d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d7c67b3d=""><path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorkspacesIcon.html b/src/tests/__snapshots__/WorkspacesIcon.html
index 1de58b9e..8c058a2c 100644
--- a/src/tests/__snapshots__/WorkspacesIcon.html
+++ b/src/tests/__snapshots__/WorkspacesIcon.html
@@ -1 +1 @@
-<span data-v-c7782814="" class="kui-icon workspaces-icon" data-testid="kui-icon-wrapper-workspaces-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7782814="" data-testid="kui-icon-svg-workspaces-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c7782814="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-c7782814="" d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-c7782814="" class="kui-icon workspaces-icon" data-testid="kui-icon-wrapper-workspaces-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7782814="" data-testid="kui-icon-svg-workspaces-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c7782814="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c7782814=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorldIcon.html b/src/tests/__snapshots__/WorldIcon.html
index 96ee086e..6dd65daa 100644
--- a/src/tests/__snapshots__/WorldIcon.html
+++ b/src/tests/__snapshots__/WorldIcon.html
@@ -1 +1 @@
-<span data-v-17ec78eb="" class="kui-icon world-icon" data-testid="kui-icon-wrapper-world-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17ec78eb="" data-testid="kui-icon-svg-world-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-17ec78eb="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-17ec78eb="" d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-17ec78eb="" class="kui-icon world-icon" data-testid="kui-icon-wrapper-world-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17ec78eb="" data-testid="kui-icon-svg-world-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-17ec78eb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-17ec78eb=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorldPrivateIcon.html b/src/tests/__snapshots__/WorldPrivateIcon.html
index 2a91f71b..71b5ab60 100644
--- a/src/tests/__snapshots__/WorldPrivateIcon.html
+++ b/src/tests/__snapshots__/WorldPrivateIcon.html
@@ -1 +1 @@
-<span data-v-4b0aa218="" class="kui-icon world-private-icon" data-testid="kui-icon-wrapper-world-private-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4b0aa218="" data-testid="kui-icon-svg-world-private-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4b0aa218="" data-testid="kui-icon-svg-title">My custom title</title><path data-v-4b0aa218="" d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span data-v-4b0aa218="" class="kui-icon world-private-icon" data-testid="kui-icon-wrapper-world-private-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4b0aa218="" data-testid="kui-icon-svg-world-private-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4b0aa218="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4b0aa218=""><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file

From ca3485622087f8d880bf6364da2b43fa7c43aa31 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 12:14:34 -0400
Subject: [PATCH 13/21] refactor: simplify replacement

---
 src/__template__/ComponentTemplate.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 8fadb9e2..eeff9fef 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -123,9 +123,7 @@ const prefixSvgIdsInString = (svgString: string): string => {
   })
 
   // Replace ID references (e.g., url(#id), href="#id", etc.)
-  const processedSvgString = updatedSvgString
-    .replace(/url\(#([^)]+)\)/g, (match, originalId) => idMap[originalId] ? `url(#${idMap[originalId]})` : match)
-    .replace(/#([^\s]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)
+  const processedSvgString = updatedSvgString.replace(/#([^\s^")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)
 
   // Return the processed SVG string
   return processedSvgString

From 0e8d80710cb924e03c3b86734eaf175098b91c81 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 12:29:11 -0400
Subject: [PATCH 14/21] refactor: strings and html structure

---
 src/__template__/ComponentTemplate.vue | 27 ++++++++------------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index eeff9fef..070f6d13 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -129,16 +129,11 @@ const prefixSvgIdsInString = (svgString: string): string => {
   return processedSvgString
 }
 
-// Initially set `svgOriginalContent` to a template string. We will then do a dynamic replacement of any ids in the SVG string.
+// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.
 // eslint-disable-next-line @stylistic/quotes
-const svgOriginalContent = ref<string>(`{%%ICON_SVG_INNER_HTML%%}`)
-const svgProcessedContent = computed((): string => {
-  if (props.randomizeIds) {
-    return prefixSvgIdsInString(svgOriginalContent.value)
-  }
-
-  return svgOriginalContent.value
-})
+const svgOriginalContent = `{%%ICON_SVG_INNER_HTML%%}`
+const svgTitleContent = props.title ? `<title data-testid="kui-icon-svg-title">${props.title}</title>` : ''
+const svgProcessedContent = `${svgTitleContent}${props.randomizeIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`
 </script>
 
 <template>
@@ -149,6 +144,7 @@ const svgProcessedContent = computed((): string => {
     data-testid="kui-icon-wrapper-{%%KONG_COMPONENT_ICON_CLASS%%}"
     :style="rootElementStyles"
   >
+    <!-- eslint-disable vue/no-v-html -->
     <svg
       :aria-hidden="decorative ? 'true' : undefined"
       data-testid="kui-icon-svg-{%%KONG_COMPONENT_ICON_CLASS%%}"
@@ -158,16 +154,9 @@ const svgProcessedContent = computed((): string => {
       viewBox="0 0 24 24"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
-    >
-      <title
-        v-if="title"
-        data-testid="kui-icon-svg-title"
-      >
-        {{ title }}
-      </title>
-      <!-- eslint-disable-next-line vue/no-v-html -->
-      <g v-html="svgProcessedContent" />
-    </svg>
+      v-html="svgProcessedContent"
+    />
+  <!-- eslint-enable vue/no-v-html -->
   </component>
 </template>
 

From 3c606d47881aabb357a5c0c8bc5a4a01806e1666 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 13:03:55 -0400
Subject: [PATCH 15/21] refactor: remove html comment and add eslint rule

---
 eslint.config.mjs                                      | 7 +++++++
 src/__template__/ComponentTemplate.vue                 | 4 +---
 src/tests/__snapshots__/AddChartIcon.html              | 2 +-
 src/tests/__snapshots__/AddCircleIcon.html             | 2 +-
 src/tests/__snapshots__/AddIcon.html                   | 2 +-
 src/tests/__snapshots__/AnalyticsIcon.html             | 2 +-
 src/tests/__snapshots__/AppleIcon.html                 | 2 +-
 src/tests/__snapshots__/ArrowDownIcon.html             | 2 +-
 src/tests/__snapshots__/ArrowLeftIcon.html             | 2 +-
 src/tests/__snapshots__/ArrowRightIcon.html            | 2 +-
 src/tests/__snapshots__/ArrowUpIcon.html               | 2 +-
 src/tests/__snapshots__/AwsIcon.html                   | 4 ++--
 src/tests/__snapshots__/AzureIcon.html                 | 4 ++--
 src/tests/__snapshots__/BackIcon.html                  | 2 +-
 src/tests/__snapshots__/BarChartHorizontalIcon.html    | 2 +-
 src/tests/__snapshots__/BarChartIcon.html              | 2 +-
 src/tests/__snapshots__/BlockquoteIcon.html            | 2 +-
 src/tests/__snapshots__/BoldIcon.html                  | 2 +-
 src/tests/__snapshots__/BookIcon.html                  | 2 +-
 src/tests/__snapshots__/BotIcon.html                   | 2 +-
 src/tests/__snapshots__/BrainIcon.html                 | 2 +-
 src/tests/__snapshots__/CalIcon.html                   | 2 +-
 src/tests/__snapshots__/ChartAreaIcon.html             | 2 +-
 src/tests/__snapshots__/ChartDataIcon.html             | 2 +-
 src/tests/__snapshots__/ChartLinesIcon.html            | 2 +-
 src/tests/__snapshots__/CheckCircleIcon.html           | 2 +-
 src/tests/__snapshots__/CheckIcon.html                 | 2 +-
 src/tests/__snapshots__/CheckSmallIcon.html            | 2 +-
 src/tests/__snapshots__/ChevronDownIcon.html           | 2 +-
 src/tests/__snapshots__/ChevronLeftIcon.html           | 2 +-
 src/tests/__snapshots__/ChevronRightIcon.html          | 2 +-
 src/tests/__snapshots__/ChevronUpIcon.html             | 2 +-
 src/tests/__snapshots__/ClearIcon.html                 | 2 +-
 src/tests/__snapshots__/ClipboardIcon.html             | 2 +-
 src/tests/__snapshots__/ClockIcon.html                 | 2 +-
 src/tests/__snapshots__/CloseIcon.html                 | 2 +-
 src/tests/__snapshots__/CloudDownloadIcon.html         | 2 +-
 src/tests/__snapshots__/CloudIcon.html                 | 2 +-
 src/tests/__snapshots__/CloudUploadIcon.html           | 2 +-
 src/tests/__snapshots__/CodeIcon.html                  | 2 +-
 src/tests/__snapshots__/CodeblockIcon.html             | 2 +-
 src/tests/__snapshots__/CogIcon.html                   | 2 +-
 src/tests/__snapshots__/CogModeIcon.html               | 2 +-
 src/tests/__snapshots__/CollapseIcon.html              | 2 +-
 src/tests/__snapshots__/CollapsePanelIcon.html         | 2 +-
 src/tests/__snapshots__/ConnectionsIcon.html           | 2 +-
 src/tests/__snapshots__/CopyIcon.html                  | 2 +-
 src/tests/__snapshots__/DangerCircleIcon.html          | 2 +-
 src/tests/__snapshots__/DangerIcon.html                | 2 +-
 src/tests/__snapshots__/DashboardIcon.html             | 2 +-
 src/tests/__snapshots__/DataObjectIcon.html            | 2 +-
 src/tests/__snapshots__/DataReportIcon.html            | 2 +-
 src/tests/__snapshots__/DecreaseIcon.html              | 2 +-
 src/tests/__snapshots__/DeployIcon.html                | 2 +-
 src/tests/__snapshots__/DevPortalIcon.html             | 2 +-
 src/tests/__snapshots__/DisabledIcon.html              | 2 +-
 src/tests/__snapshots__/DockerIcon.html                | 2 +-
 src/tests/__snapshots__/DocumentIcon.html              | 2 +-
 src/tests/__snapshots__/DocumentListIcon.html          | 2 +-
 src/tests/__snapshots__/DownloadIcon.html              | 2 +-
 src/tests/__snapshots__/DragIcon.html                  | 2 +-
 src/tests/__snapshots__/EditIcon.html                  | 2 +-
 src/tests/__snapshots__/EmailIcon.html                 | 2 +-
 src/tests/__snapshots__/EqualIcon.html                 | 2 +-
 src/tests/__snapshots__/ExpandIcon.html                | 2 +-
 src/tests/__snapshots__/ExternalLinkIcon.html          | 2 +-
 src/tests/__snapshots__/FeatureRequestIcon.html        | 2 +-
 src/tests/__snapshots__/FeedbackIcon.html              | 2 +-
 src/tests/__snapshots__/FileEmptyIcon.html             | 2 +-
 src/tests/__snapshots__/FilterIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAfIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagArIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAxIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagAzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBbIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBfIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBhIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBjIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagByIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagBzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCcIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCfIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagChIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagClIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCvIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagCzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagDeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagDjIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagDkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagDmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagDoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagDzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagEcIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagEeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagEgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagErIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagEsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagEtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagEuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagFiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagFjIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagFkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagFmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagFoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagFrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGbIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGhIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGqIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagGyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagHkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagHnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagHrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagHtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagHuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIcon.html                  | 2 +-
 src/tests/__snapshots__/FlagIdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagImIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagInIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIqIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagIsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagItIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagJeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagJmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagJoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagJpIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKhIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKpIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagKzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLbIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLcIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLvIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagLyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMcIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMhIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMpIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMqIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMvIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMxIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagMzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNfIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNpIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagNzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagOmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPfIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPhIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagPyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagQaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagRoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagRsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagRuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagRwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSbIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagScIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSiIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSoIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagStIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSvIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSxIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagSzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTcIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTdIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagThIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTjIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTkIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTlIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagToIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTrIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTtIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTvIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTwIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagTzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagUaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagUgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagUnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagUsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagUyIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagUzIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagVaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagVcIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagVeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagVgIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagViIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagVnIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagVuIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagWsIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagYeIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagZaIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagZmIcon.html                | 4 ++--
 src/tests/__snapshots__/FlagZwIcon.html                | 4 ++--
 src/tests/__snapshots__/ForwardIcon.html               | 2 +-
 src/tests/__snapshots__/GatewayIcon.html               | 2 +-
 src/tests/__snapshots__/GoogleCloudIcon.html           | 4 ++--
 src/tests/__snapshots__/GoogleIcon.html                | 4 ++--
 src/tests/__snapshots__/GraduationIcon.html            | 2 +-
 src/tests/__snapshots__/GridIcon.html                  | 2 +-
 src/tests/__snapshots__/HashicorpIcon.html             | 4 ++--
 src/tests/__snapshots__/HelpIcon.html                  | 2 +-
 src/tests/__snapshots__/HistoryIcon.html               | 2 +-
 src/tests/__snapshots__/HtmlIcon.html                  | 2 +-
 src/tests/__snapshots__/ImageIcon.html                 | 2 +-
 src/tests/__snapshots__/ImmunityIcon.html              | 2 +-
 src/tests/__snapshots__/InboxIcon.html                 | 2 +-
 src/tests/__snapshots__/InboxNotificationIcon.html     | 2 +-
 src/tests/__snapshots__/IncreaseIcon.html              | 2 +-
 src/tests/__snapshots__/IndeterminateSmallIcon.html    | 2 +-
 src/tests/__snapshots__/InfoIcon.html                  | 2 +-
 src/tests/__snapshots__/InsightsIcon.html              | 2 +-
 src/tests/__snapshots__/InsomniaIcon.html              | 4 ++--
 src/tests/__snapshots__/ItalicIcon.html                | 2 +-
 src/tests/__snapshots__/KeyboardReturnIcon.html        | 2 +-
 src/tests/__snapshots__/KongGradientIcon.html          | 4 ++--
 src/tests/__snapshots__/KongIcon.html                  | 2 +-
 src/tests/__snapshots__/LanguageBashIcon.html          | 4 ++--
 src/tests/__snapshots__/LanguageCIcon.html             | 4 ++--
 src/tests/__snapshots__/LanguageCPlusPlusIcon.html     | 4 ++--
 src/tests/__snapshots__/LanguageCSharpIcon.html        | 4 ++--
 src/tests/__snapshots__/LanguageGoIcon.html            | 4 ++--
 src/tests/__snapshots__/LanguageJavaIcon.html          | 4 ++--
 src/tests/__snapshots__/LanguageJavascriptIcon.html    | 4 ++--
 src/tests/__snapshots__/LanguageJsonIcon.html          | 4 ++--
 src/tests/__snapshots__/LanguageNodejsIcon.html        | 4 ++--
 src/tests/__snapshots__/LanguagePhpIcon.html           | 4 ++--
 src/tests/__snapshots__/LanguagePythonIcon.html        | 4 ++--
 src/tests/__snapshots__/LanguageRIcon.html             | 4 ++--
 src/tests/__snapshots__/LanguageRubyIcon.html          | 4 ++--
 src/tests/__snapshots__/LanguageShellIcon.html         | 4 ++--
 src/tests/__snapshots__/LanguageSwiftIcon.html         | 4 ++--
 src/tests/__snapshots__/LinkIcon.html                  | 2 +-
 src/tests/__snapshots__/LinkedServicesIcon.html        | 2 +-
 src/tests/__snapshots__/LinuxIcon.html                 | 4 ++--
 src/tests/__snapshots__/ListIcon.html                  | 2 +-
 src/tests/__snapshots__/ListOrderedIcon.html           | 2 +-
 src/tests/__snapshots__/ListUnorderedIcon.html         | 2 +-
 src/tests/__snapshots__/LockIcon.html                  | 2 +-
 src/tests/__snapshots__/MarkIcon.html                  | 2 +-
 src/tests/__snapshots__/MarkdownIcon.html              | 2 +-
 src/tests/__snapshots__/MenuIcon.html                  | 2 +-
 src/tests/__snapshots__/MeshIcon.html                  | 2 +-
 src/tests/__snapshots__/MoreHorizontalIcon.html        | 2 +-
 src/tests/__snapshots__/MoreIcon.html                  | 2 +-
 src/tests/__snapshots__/NetworkIcon.html               | 2 +-
 src/tests/__snapshots__/NotificationIcon.html          | 2 +-
 src/tests/__snapshots__/OrganizationIcon.html          | 2 +-
 src/tests/__snapshots__/OverviewIcon.html              | 2 +-
 src/tests/__snapshots__/PeopleIcon.html                | 2 +-
 src/tests/__snapshots__/PlugIcon.html                  | 2 +-
 src/tests/__snapshots__/PortalIcon.html                | 2 +-
 src/tests/__snapshots__/PresentationIcon.html          | 2 +-
 src/tests/__snapshots__/ProfileIcon.html               | 2 +-
 src/tests/__snapshots__/ProfileTeamIcon.html           | 2 +-
 src/tests/__snapshots__/ProgressIcon.html              | 4 ++--
 src/tests/__snapshots__/RedoIcon.html                  | 2 +-
 src/tests/__snapshots__/RefreshIcon.html               | 2 +-
 src/tests/__snapshots__/RegexIcon.html                 | 2 +-
 src/tests/__snapshots__/RemoveIcon.html                | 2 +-
 src/tests/__snapshots__/ResponseIcon.html              | 2 +-
 src/tests/__snapshots__/RocketIcon.html                | 2 +-
 src/tests/__snapshots__/RuntimeCompositeIcon.html      | 2 +-
 src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html | 4 ++--
 src/tests/__snapshots__/RuntimeHybridIcon.html         | 2 +-
 src/tests/__snapshots__/RuntimeKicIcon.html            | 4 ++--
 src/tests/__snapshots__/RuntimeServerlessIcon.html     | 2 +-
 src/tests/__snapshots__/RuntimesIcon.html              | 2 +-
 src/tests/__snapshots__/SearchIcon.html                | 2 +-
 src/tests/__snapshots__/SecurityIcon.html              | 2 +-
 src/tests/__snapshots__/ServiceDocumentIcon.html       | 2 +-
 src/tests/__snapshots__/ServiceHubIcon.html            | 2 +-
 src/tests/__snapshots__/ServicesIcon.html              | 2 +-
 src/tests/__snapshots__/SharedIcon.html                | 2 +-
 src/tests/__snapshots__/StackIcon.html                 | 2 +-
 src/tests/__snapshots__/StrikethroughIcon.html         | 2 +-
 src/tests/__snapshots__/SubscriptIcon.html             | 2 +-
 src/tests/__snapshots__/SuperscriptIcon.html           | 2 +-
 src/tests/__snapshots__/SupportIcon.html               | 2 +-
 src/tests/__snapshots__/TableColumnsIcon.html          | 2 +-
 src/tests/__snapshots__/TableIcon.html                 | 2 +-
 src/tests/__snapshots__/TableRowsIcon.html             | 2 +-
 src/tests/__snapshots__/TasklistIcon.html              | 2 +-
 src/tests/__snapshots__/TeamIcon.html                  | 2 +-
 src/tests/__snapshots__/TeammateIcon.html              | 2 +-
 src/tests/__snapshots__/ThumbDownIcon.html             | 2 +-
 src/tests/__snapshots__/ThumbUpIcon.html               | 2 +-
 src/tests/__snapshots__/TrashIcon.html                 | 2 +-
 src/tests/__snapshots__/TrendDownIcon.html             | 2 +-
 src/tests/__snapshots__/TrendUpIcon.html               | 2 +-
 src/tests/__snapshots__/UnderlineIcon.html             | 2 +-
 src/tests/__snapshots__/UnfoldMoreIcon.html            | 2 +-
 src/tests/__snapshots__/UploadIcon.html                | 2 +-
 src/tests/__snapshots__/VisibilityIcon.html            | 2 +-
 src/tests/__snapshots__/VitalsIcon.html                | 2 +-
 src/tests/__snapshots__/WarningIcon.html               | 2 +-
 src/tests/__snapshots__/WarningOutlineIcon.html        | 2 +-
 src/tests/__snapshots__/WidgetsIcon.html               | 4 ++--
 src/tests/__snapshots__/WindowsIcon.html               | 2 +-
 src/tests/__snapshots__/WorkspacesIcon.html            | 2 +-
 src/tests/__snapshots__/WorldIcon.html                 | 2 +-
 src/tests/__snapshots__/WorldPrivateIcon.html          | 2 +-
 src/tests/generated-component.spec.ts                  | 4 ++--
 408 files changed, 670 insertions(+), 665 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 17589977..4b1b7c81 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -2,4 +2,11 @@ import eslintKongUiConfig from '@kong/eslint-config-kong-ui'
 
 export default [
   ...eslintKongUiConfig,
+  // Allow v-html in the ComponentTemplate
+  {
+    files: ['src/__template__/ComponentTemplate.vue'],
+    rules: {
+      'vue/no-v-html': 'off', // Set the rule level for 'vue/no-v-html'
+    },
+  },
 ]
diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 070f6d13..6216df82 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 /** {%%ICON_COMPONENT_FILE_HEADER%%} */
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { KUI_ICON_SIZE_50 } from '@kong/design-tokens'
 
 const props = defineProps({
@@ -144,7 +144,6 @@ const svgProcessedContent = `${svgTitleContent}${props.randomizeIds ? prefixSvgI
     data-testid="kui-icon-wrapper-{%%KONG_COMPONENT_ICON_CLASS%%}"
     :style="rootElementStyles"
   >
-    <!-- eslint-disable vue/no-v-html -->
     <svg
       :aria-hidden="decorative ? 'true' : undefined"
       data-testid="kui-icon-svg-{%%KONG_COMPONENT_ICON_CLASS%%}"
@@ -156,7 +155,6 @@ const svgProcessedContent = `${svgTitleContent}${props.randomizeIds ? prefixSvgI
       xmlns="http://www.w3.org/2000/svg"
       v-html="svgProcessedContent"
     />
-  <!-- eslint-enable vue/no-v-html -->
   </component>
 </template>
 
diff --git a/src/tests/__snapshots__/AddChartIcon.html b/src/tests/__snapshots__/AddChartIcon.html
index 7859e3fe..3ee70e4e 100644
--- a/src/tests/__snapshots__/AddChartIcon.html
+++ b/src/tests/__snapshots__/AddChartIcon.html
@@ -1 +1 @@
-<span data-v-2fd133ee="" class="kui-icon add-chart-icon" data-testid="kui-icon-wrapper-add-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fd133ee="" data-testid="kui-icon-svg-add-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2fd133ee="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2fd133ee=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-2fd133ee="" class="kui-icon add-chart-icon" data-testid="kui-icon-wrapper-add-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fd133ee="" data-testid="kui-icon-svg-add-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AddCircleIcon.html b/src/tests/__snapshots__/AddCircleIcon.html
index 19a59df7..dbef4e64 100644
--- a/src/tests/__snapshots__/AddCircleIcon.html
+++ b/src/tests/__snapshots__/AddCircleIcon.html
@@ -1 +1 @@
-<span data-v-78cbb050="" class="kui-icon add-circle-icon" data-testid="kui-icon-wrapper-add-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78cbb050="" data-testid="kui-icon-svg-add-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-78cbb050="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-78cbb050=""><path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-78cbb050="" class="kui-icon add-circle-icon" data-testid="kui-icon-wrapper-add-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78cbb050="" data-testid="kui-icon-svg-add-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AddIcon.html b/src/tests/__snapshots__/AddIcon.html
index 0d7a0833..6e98ac7f 100644
--- a/src/tests/__snapshots__/AddIcon.html
+++ b/src/tests/__snapshots__/AddIcon.html
@@ -1 +1 @@
-<span data-v-9520c875="" class="kui-icon add-icon" data-testid="kui-icon-wrapper-add-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9520c875="" data-testid="kui-icon-svg-add-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9520c875="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9520c875=""><path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9520c875="" class="kui-icon add-icon" data-testid="kui-icon-wrapper-add-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9520c875="" data-testid="kui-icon-svg-add-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AnalyticsIcon.html b/src/tests/__snapshots__/AnalyticsIcon.html
index fdd07ba6..5ba250ee 100644
--- a/src/tests/__snapshots__/AnalyticsIcon.html
+++ b/src/tests/__snapshots__/AnalyticsIcon.html
@@ -1 +1 @@
-<span data-v-171e7d2b="" class="kui-icon analytics-icon" data-testid="kui-icon-wrapper-analytics-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-171e7d2b="" data-testid="kui-icon-svg-analytics-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-171e7d2b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-171e7d2b=""><path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-171e7d2b="" class="kui-icon analytics-icon" data-testid="kui-icon-wrapper-analytics-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-171e7d2b="" data-testid="kui-icon-svg-analytics-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AppleIcon.html b/src/tests/__snapshots__/AppleIcon.html
index 7d16fb05..9634b0ff 100644
--- a/src/tests/__snapshots__/AppleIcon.html
+++ b/src/tests/__snapshots__/AppleIcon.html
@@ -1 +1 @@
-<span data-v-95a43613="" class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-95a43613="" data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-95a43613="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-95a43613=""><path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></g></svg></span>
\ No newline at end of file
+<span data-v-95a43613="" class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-95a43613="" data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowDownIcon.html b/src/tests/__snapshots__/ArrowDownIcon.html
index a79876e0..84f840f0 100644
--- a/src/tests/__snapshots__/ArrowDownIcon.html
+++ b/src/tests/__snapshots__/ArrowDownIcon.html
@@ -1 +1 @@
-<span data-v-8c015cb2="" class="kui-icon arrow-down-icon" data-testid="kui-icon-wrapper-arrow-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c015cb2="" data-testid="kui-icon-svg-arrow-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8c015cb2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8c015cb2=""><path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8c015cb2="" class="kui-icon arrow-down-icon" data-testid="kui-icon-wrapper-arrow-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c015cb2="" data-testid="kui-icon-svg-arrow-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowLeftIcon.html b/src/tests/__snapshots__/ArrowLeftIcon.html
index facdfbe5..cb47b773 100644
--- a/src/tests/__snapshots__/ArrowLeftIcon.html
+++ b/src/tests/__snapshots__/ArrowLeftIcon.html
@@ -1 +1 @@
-<span data-v-8c5fec7f="" class="kui-icon arrow-left-icon" data-testid="kui-icon-wrapper-arrow-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c5fec7f="" data-testid="kui-icon-svg-arrow-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8c5fec7f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8c5fec7f=""><path d="M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8c5fec7f="" class="kui-icon arrow-left-icon" data-testid="kui-icon-wrapper-arrow-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c5fec7f="" data-testid="kui-icon-svg-arrow-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowRightIcon.html b/src/tests/__snapshots__/ArrowRightIcon.html
index f83f4cb7..a5d9f814 100644
--- a/src/tests/__snapshots__/ArrowRightIcon.html
+++ b/src/tests/__snapshots__/ArrowRightIcon.html
@@ -1 +1 @@
-<span data-v-3afe2357="" class="kui-icon arrow-right-icon" data-testid="kui-icon-wrapper-arrow-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3afe2357="" data-testid="kui-icon-svg-arrow-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3afe2357="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3afe2357=""><path d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-3afe2357="" class="kui-icon arrow-right-icon" data-testid="kui-icon-wrapper-arrow-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3afe2357="" data-testid="kui-icon-svg-arrow-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowUpIcon.html b/src/tests/__snapshots__/ArrowUpIcon.html
index 3aaf9af7..470e5511 100644
--- a/src/tests/__snapshots__/ArrowUpIcon.html
+++ b/src/tests/__snapshots__/ArrowUpIcon.html
@@ -1 +1 @@
-<span data-v-c946fe0e="" class="kui-icon arrow-up-icon" data-testid="kui-icon-wrapper-arrow-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c946fe0e="" data-testid="kui-icon-svg-arrow-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c946fe0e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c946fe0e=""><path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-c946fe0e="" class="kui-icon arrow-up-icon" data-testid="kui-icon-wrapper-arrow-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c946fe0e="" data-testid="kui-icon-svg-arrow-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AwsIcon.html b/src/tests/__snapshots__/AwsIcon.html
index 2cf500de..c160ecd6 100644
--- a/src/tests/__snapshots__/AwsIcon.html
+++ b/src/tests/__snapshots__/AwsIcon.html
@@ -1,3 +1,3 @@
-<span data-v-1006d913="" class="kui-icon aws-icon" data-testid="kui-icon-wrapper-aws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1006d913="" data-testid="kui-icon-svg-aws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1006d913="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1006d913=""><path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"></path>
+<span data-v-1006d913="" class="kui-icon aws-icon" data-testid="kui-icon-wrapper-aws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1006d913="" data-testid="kui-icon-svg-aws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z" fill="#FF9900"></path>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z" fill="#FF9900"></path></g></svg></span>
\ No newline at end of file
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z" fill="#FF9900"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AzureIcon.html b/src/tests/__snapshots__/AzureIcon.html
index af73577d..81fe8721 100644
--- a/src/tests/__snapshots__/AzureIcon.html
+++ b/src/tests/__snapshots__/AzureIcon.html
@@ -1,4 +1,4 @@
-<span data-v-dbe60e7a="" class="kui-icon azure-icon" data-testid="kui-icon-wrapper-azure-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbe60e7a="" data-testid="kui-icon-svg-azure-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dbe60e7a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-dbe60e7a=""><path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"></path>
+<span data-v-dbe60e7a="" class="kui-icon azure-icon" data-testid="kui-icon-wrapper-azure-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbe60e7a="" data-testid="kui-icon-svg-azure-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"></path>
 <path d="M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z" fill="#0078D4"></path>
 <path d="M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z" fill="url(#paint1_linear_321_21552)"></path>
 <path d="M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z" fill="url(#paint2_linear_321_21552)"></path>
@@ -18,4 +18,4 @@
 <stop stop-color="#3CCBF4"></stop>
 <stop offset="1" stop-color="#2892DF"></stop>
 </linearGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BackIcon.html b/src/tests/__snapshots__/BackIcon.html
index 4309b3ec..f6fd9ece 100644
--- a/src/tests/__snapshots__/BackIcon.html
+++ b/src/tests/__snapshots__/BackIcon.html
@@ -1 +1 @@
-<span data-v-c84d6575="" class="kui-icon back-icon" data-testid="kui-icon-wrapper-back-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c84d6575="" data-testid="kui-icon-svg-back-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c84d6575="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c84d6575=""><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-c84d6575="" class="kui-icon back-icon" data-testid="kui-icon-wrapper-back-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c84d6575="" data-testid="kui-icon-svg-back-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BarChartHorizontalIcon.html b/src/tests/__snapshots__/BarChartHorizontalIcon.html
index 96151777..34fb1d1f 100644
--- a/src/tests/__snapshots__/BarChartHorizontalIcon.html
+++ b/src/tests/__snapshots__/BarChartHorizontalIcon.html
@@ -1 +1 @@
-<span data-v-8cd89094="" class="kui-icon bar-chart-horizontal-icon" data-testid="kui-icon-wrapper-bar-chart-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8cd89094="" data-testid="kui-icon-svg-bar-chart-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8cd89094="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8cd89094=""><path d="M4 16L18 16L18 20L4 20L4 16ZM4 10L20 10L20 14L4 14L4 10ZM4 4L15 4L15 8L4 8L4 4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8cd89094="" class="kui-icon bar-chart-horizontal-icon" data-testid="kui-icon-wrapper-bar-chart-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8cd89094="" data-testid="kui-icon-svg-bar-chart-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 16L18 16L18 20L4 20L4 16ZM4 10L20 10L20 14L4 14L4 10ZM4 4L15 4L15 8L4 8L4 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BarChartIcon.html b/src/tests/__snapshots__/BarChartIcon.html
index f41cb7e6..901058cf 100644
--- a/src/tests/__snapshots__/BarChartIcon.html
+++ b/src/tests/__snapshots__/BarChartIcon.html
@@ -1 +1 @@
-<span data-v-4ee63a6e="" class="kui-icon bar-chart-icon" data-testid="kui-icon-wrapper-bar-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ee63a6e="" data-testid="kui-icon-svg-bar-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4ee63a6e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4ee63a6e=""><path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-4ee63a6e="" class="kui-icon bar-chart-icon" data-testid="kui-icon-wrapper-bar-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ee63a6e="" data-testid="kui-icon-svg-bar-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BlockquoteIcon.html b/src/tests/__snapshots__/BlockquoteIcon.html
index 22d1a67a..ad8e390d 100644
--- a/src/tests/__snapshots__/BlockquoteIcon.html
+++ b/src/tests/__snapshots__/BlockquoteIcon.html
@@ -1 +1 @@
-<span data-v-f0c3156b="" class="kui-icon blockquote-icon" data-testid="kui-icon-wrapper-blockquote-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0c3156b="" data-testid="kui-icon-svg-blockquote-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0c3156b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0c3156b=""><path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f0c3156b="" class="kui-icon blockquote-icon" data-testid="kui-icon-wrapper-blockquote-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0c3156b="" data-testid="kui-icon-svg-blockquote-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BoldIcon.html b/src/tests/__snapshots__/BoldIcon.html
index ba60c3a8..7249775f 100644
--- a/src/tests/__snapshots__/BoldIcon.html
+++ b/src/tests/__snapshots__/BoldIcon.html
@@ -1 +1 @@
-<span data-v-99d29b8f="" class="kui-icon bold-icon" data-testid="kui-icon-wrapper-bold-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99d29b8f="" data-testid="kui-icon-svg-bold-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-99d29b8f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-99d29b8f=""><path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-99d29b8f="" class="kui-icon bold-icon" data-testid="kui-icon-wrapper-bold-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99d29b8f="" data-testid="kui-icon-svg-bold-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BookIcon.html b/src/tests/__snapshots__/BookIcon.html
index c73dcfbd..c4793b53 100644
--- a/src/tests/__snapshots__/BookIcon.html
+++ b/src/tests/__snapshots__/BookIcon.html
@@ -1 +1 @@
-<span data-v-c1903e79="" class="kui-icon book-icon" data-testid="kui-icon-wrapper-book-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1903e79="" data-testid="kui-icon-svg-book-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1903e79="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c1903e79=""><path d="M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-c1903e79="" class="kui-icon book-icon" data-testid="kui-icon-wrapper-book-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1903e79="" data-testid="kui-icon-svg-book-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BotIcon.html b/src/tests/__snapshots__/BotIcon.html
index 78cf99a5..4807b594 100644
--- a/src/tests/__snapshots__/BotIcon.html
+++ b/src/tests/__snapshots__/BotIcon.html
@@ -1 +1 @@
-<span data-v-06f27c64="" class="kui-icon bot-icon" data-testid="kui-icon-wrapper-bot-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06f27c64="" data-testid="kui-icon-svg-bot-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-06f27c64="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-06f27c64=""><path d="M4 15C3.16667 15 2.45833 14.7083 1.875 14.125C1.29167 13.5417 1 12.8333 1 12C1 11.1667 1.29167 10.4583 1.875 9.875C2.45833 9.29167 3.16667 9 4 9V7C4 6.45 4.19583 5.97917 4.5875 5.5875C4.97917 5.19583 5.45 5 6 5H9C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5H18C18.55 5 19.0208 5.19583 19.4125 5.5875C19.8042 5.97917 20 6.45 20 7V9C20.8333 9 21.5417 9.29167 22.125 9.875C22.7083 10.4583 23 11.1667 23 12C23 12.8333 22.7083 13.5417 22.125 14.125C21.5417 14.7083 20.8333 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V15ZM9 13C9.41667 13 9.77083 12.8542 10.0625 12.5625C10.3542 12.2708 10.5 11.9167 10.5 11.5C10.5 11.0833 10.3542 10.7292 10.0625 10.4375C9.77083 10.1458 9.41667 10 9 10C8.58333 10 8.22917 10.1458 7.9375 10.4375C7.64583 10.7292 7.5 11.0833 7.5 11.5C7.5 11.9167 7.64583 12.2708 7.9375 12.5625C8.22917 12.8542 8.58333 13 9 13ZM15 13C15.4167 13 15.7708 12.8542 16.0625 12.5625C16.3542 12.2708 16.5 11.9167 16.5 11.5C16.5 11.0833 16.3542 10.7292 16.0625 10.4375C15.7708 10.1458 15.4167 10 15 10C14.5833 10 14.2292 10.1458 13.9375 10.4375C13.6458 10.7292 13.5 11.0833 13.5 11.5C13.5 11.9167 13.6458 12.2708 13.9375 12.5625C14.2292 12.8542 14.5833 13 15 13ZM8 17H16V15H8V17ZM6 19H18V7H6V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-06f27c64="" class="kui-icon bot-icon" data-testid="kui-icon-wrapper-bot-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06f27c64="" data-testid="kui-icon-svg-bot-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 15C3.16667 15 2.45833 14.7083 1.875 14.125C1.29167 13.5417 1 12.8333 1 12C1 11.1667 1.29167 10.4583 1.875 9.875C2.45833 9.29167 3.16667 9 4 9V7C4 6.45 4.19583 5.97917 4.5875 5.5875C4.97917 5.19583 5.45 5 6 5H9C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5H18C18.55 5 19.0208 5.19583 19.4125 5.5875C19.8042 5.97917 20 6.45 20 7V9C20.8333 9 21.5417 9.29167 22.125 9.875C22.7083 10.4583 23 11.1667 23 12C23 12.8333 22.7083 13.5417 22.125 14.125C21.5417 14.7083 20.8333 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V15ZM9 13C9.41667 13 9.77083 12.8542 10.0625 12.5625C10.3542 12.2708 10.5 11.9167 10.5 11.5C10.5 11.0833 10.3542 10.7292 10.0625 10.4375C9.77083 10.1458 9.41667 10 9 10C8.58333 10 8.22917 10.1458 7.9375 10.4375C7.64583 10.7292 7.5 11.0833 7.5 11.5C7.5 11.9167 7.64583 12.2708 7.9375 12.5625C8.22917 12.8542 8.58333 13 9 13ZM15 13C15.4167 13 15.7708 12.8542 16.0625 12.5625C16.3542 12.2708 16.5 11.9167 16.5 11.5C16.5 11.0833 16.3542 10.7292 16.0625 10.4375C15.7708 10.1458 15.4167 10 15 10C14.5833 10 14.2292 10.1458 13.9375 10.4375C13.6458 10.7292 13.5 11.0833 13.5 11.5C13.5 11.9167 13.6458 12.2708 13.9375 12.5625C14.2292 12.8542 14.5833 13 15 13ZM8 17H16V15H8V17ZM6 19H18V7H6V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BrainIcon.html b/src/tests/__snapshots__/BrainIcon.html
index acd55689..6b2c58a0 100644
--- a/src/tests/__snapshots__/BrainIcon.html
+++ b/src/tests/__snapshots__/BrainIcon.html
@@ -1 +1 @@
-<span data-v-2fad7736="" class="kui-icon brain-icon" data-testid="kui-icon-wrapper-brain-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fad7736="" data-testid="kui-icon-svg-brain-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2fad7736="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2fad7736=""><path d="M12.275 15.525C13.4417 15.525 14.4333 15.15 15.25 14.4C16.0667 13.65 16.475 12.7417 16.475 11.675C16.475 10.725 16.1708 9.92083 15.5625 9.2625C14.9542 8.60417 14.2167 8.275 13.35 8.275C12.5667 8.275 11.9042 8.525 11.3625 9.025C10.8208 9.525 10.55 10.1417 10.55 10.875C10.55 11.1917 10.6125 11.5 10.7375 11.8C10.8625 12.1 11.0417 12.375 11.275 12.625L12.7 11.2C12.65 11.1667 12.6125 11.125 12.5875 11.075C12.5625 11.025 12.55 10.9667 12.55 10.9C12.55 10.7167 12.625 10.5708 12.775 10.4625C12.925 10.3542 13.1167 10.3 13.35 10.3C13.6833 10.3 13.9583 10.4375 14.175 10.7125C14.3917 10.9875 14.5 11.3167 14.5 11.7C14.5 12.2167 14.2875 12.6542 13.8625 13.0125C13.4375 13.3708 12.9167 13.55 12.3 13.55C11.5167 13.55 10.8542 13.2333 10.3125 12.6C9.77083 11.9667 9.5 11.1917 9.5 10.275C9.5 9.79167 9.59167 9.32917 9.775 8.8875C9.95833 8.44583 10.2167 8.05833 10.55 7.725L9.125 6.3C8.59167 6.81667 8.18333 7.41667 7.9 8.1C7.61667 8.78333 7.475 9.5 7.475 10.25C7.475 11.7167 7.94167 12.9625 8.875 13.9875C9.80833 15.0125 10.9417 15.525 12.275 15.525ZM6 22V17.7C5.05 16.8333 4.3125 15.8208 3.7875 14.6625C3.2625 13.5042 3 12.2833 3 11C3 8.5 3.875 6.375 5.625 4.625C7.375 2.875 9.5 2 12 2C14.0833 2 15.9292 2.6125 17.5375 3.8375C19.1458 5.0625 20.1917 6.65833 20.675 8.625L21.975 13.75C22.0583 14.0667 22 14.3542 21.8 14.6125C21.6 14.8708 21.3333 15 21 15H19V18C19 18.55 18.8042 19.0208 18.4125 19.4125C18.0208 19.8042 17.55 20 17 20H15V22H13V18H17V13H19.7L18.75 9.125C18.3667 7.60833 17.55 6.375 16.3 5.425C15.05 4.475 13.6167 4 12 4C10.0667 4 8.41667 4.675 7.05 6.025C5.68333 7.375 5 9.01667 5 10.95C5 11.95 5.20417 12.9 5.6125 13.8C6.02083 14.7 6.6 15.5 7.35 16.2L8 16.8V22H6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-2fad7736="" class="kui-icon brain-icon" data-testid="kui-icon-wrapper-brain-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fad7736="" data-testid="kui-icon-svg-brain-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.275 15.525C13.4417 15.525 14.4333 15.15 15.25 14.4C16.0667 13.65 16.475 12.7417 16.475 11.675C16.475 10.725 16.1708 9.92083 15.5625 9.2625C14.9542 8.60417 14.2167 8.275 13.35 8.275C12.5667 8.275 11.9042 8.525 11.3625 9.025C10.8208 9.525 10.55 10.1417 10.55 10.875C10.55 11.1917 10.6125 11.5 10.7375 11.8C10.8625 12.1 11.0417 12.375 11.275 12.625L12.7 11.2C12.65 11.1667 12.6125 11.125 12.5875 11.075C12.5625 11.025 12.55 10.9667 12.55 10.9C12.55 10.7167 12.625 10.5708 12.775 10.4625C12.925 10.3542 13.1167 10.3 13.35 10.3C13.6833 10.3 13.9583 10.4375 14.175 10.7125C14.3917 10.9875 14.5 11.3167 14.5 11.7C14.5 12.2167 14.2875 12.6542 13.8625 13.0125C13.4375 13.3708 12.9167 13.55 12.3 13.55C11.5167 13.55 10.8542 13.2333 10.3125 12.6C9.77083 11.9667 9.5 11.1917 9.5 10.275C9.5 9.79167 9.59167 9.32917 9.775 8.8875C9.95833 8.44583 10.2167 8.05833 10.55 7.725L9.125 6.3C8.59167 6.81667 8.18333 7.41667 7.9 8.1C7.61667 8.78333 7.475 9.5 7.475 10.25C7.475 11.7167 7.94167 12.9625 8.875 13.9875C9.80833 15.0125 10.9417 15.525 12.275 15.525ZM6 22V17.7C5.05 16.8333 4.3125 15.8208 3.7875 14.6625C3.2625 13.5042 3 12.2833 3 11C3 8.5 3.875 6.375 5.625 4.625C7.375 2.875 9.5 2 12 2C14.0833 2 15.9292 2.6125 17.5375 3.8375C19.1458 5.0625 20.1917 6.65833 20.675 8.625L21.975 13.75C22.0583 14.0667 22 14.3542 21.8 14.6125C21.6 14.8708 21.3333 15 21 15H19V18C19 18.55 18.8042 19.0208 18.4125 19.4125C18.0208 19.8042 17.55 20 17 20H15V22H13V18H17V13H19.7L18.75 9.125C18.3667 7.60833 17.55 6.375 16.3 5.425C15.05 4.475 13.6167 4 12 4C10.0667 4 8.41667 4.675 7.05 6.025C5.68333 7.375 5 9.01667 5 10.95C5 11.95 5.20417 12.9 5.6125 13.8C6.02083 14.7 6.6 15.5 7.35 16.2L8 16.8V22H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CalIcon.html b/src/tests/__snapshots__/CalIcon.html
index 782676e8..a348467d 100644
--- a/src/tests/__snapshots__/CalIcon.html
+++ b/src/tests/__snapshots__/CalIcon.html
@@ -1 +1 @@
-<span data-v-bf12f4ed="" class="kui-icon cal-icon" data-testid="kui-icon-wrapper-cal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf12f4ed="" data-testid="kui-icon-svg-cal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf12f4ed="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bf12f4ed=""><path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-bf12f4ed="" class="kui-icon cal-icon" data-testid="kui-icon-wrapper-cal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf12f4ed="" data-testid="kui-icon-svg-cal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartAreaIcon.html b/src/tests/__snapshots__/ChartAreaIcon.html
index 7d292974..f9365cd3 100644
--- a/src/tests/__snapshots__/ChartAreaIcon.html
+++ b/src/tests/__snapshots__/ChartAreaIcon.html
@@ -1 +1 @@
-<span data-v-968222cb="" class="kui-icon chart-area-icon" data-testid="kui-icon-wrapper-chart-area-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-968222cb="" data-testid="kui-icon-svg-chart-area-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-968222cb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-968222cb=""><path d="M2.0498 21L8.4998 12H13.5498L20.9998 3.30002V21H2.0498ZM3.7998 15.175L2.1998 14.025L6.4998 8.00002H11.5498L16.2498 2.52502L17.7498 3.82502L12.4498 10H7.4998L3.7998 15.175Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-968222cb="" class="kui-icon chart-area-icon" data-testid="kui-icon-wrapper-chart-area-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-968222cb="" data-testid="kui-icon-svg-chart-area-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2.0498 21L8.4998 12H13.5498L20.9998 3.30002V21H2.0498ZM3.7998 15.175L2.1998 14.025L6.4998 8.00002H11.5498L16.2498 2.52502L17.7498 3.82502L12.4498 10H7.4998L3.7998 15.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartDataIcon.html b/src/tests/__snapshots__/ChartDataIcon.html
index dc49427e..bb0d6dbb 100644
--- a/src/tests/__snapshots__/ChartDataIcon.html
+++ b/src/tests/__snapshots__/ChartDataIcon.html
@@ -1 +1 @@
-<span data-v-9d4251c7="" class="kui-icon chart-data-icon" data-testid="kui-icon-wrapper-chart-data-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d4251c7="" data-testid="kui-icon-svg-chart-data-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9d4251c7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9d4251c7=""><path d="M7.4 16L10.45 12.95L12.45 14.95L16 11.425V13H18V8H13V10H14.575L12.45 12.125L10.45 10.125L6 14.6L7.4 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9d4251c7="" class="kui-icon chart-data-icon" data-testid="kui-icon-wrapper-chart-data-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d4251c7="" data-testid="kui-icon-svg-chart-data-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.4 16L10.45 12.95L12.45 14.95L16 11.425V13H18V8H13V10H14.575L12.45 12.125L10.45 10.125L6 14.6L7.4 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartLinesIcon.html b/src/tests/__snapshots__/ChartLinesIcon.html
index da9caa00..26e17562 100644
--- a/src/tests/__snapshots__/ChartLinesIcon.html
+++ b/src/tests/__snapshots__/ChartLinesIcon.html
@@ -1 +1 @@
-<span data-v-434654f5="" class="kui-icon chart-lines-icon" data-testid="kui-icon-wrapper-chart-lines-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-434654f5="" data-testid="kui-icon-svg-chart-lines-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-434654f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-434654f5=""><path d="M12 21L5.8 15L3 17V14.55L6 12.4L12.125 18.35L16.3 15H21V17H17L12 21ZM12 12L7.625 7.625L3 11V8.525L7.825 5L12.2 9.375L21 3V5.475L12 12Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-434654f5="" class="kui-icon chart-lines-icon" data-testid="kui-icon-wrapper-chart-lines-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-434654f5="" data-testid="kui-icon-svg-chart-lines-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L5.8 15L3 17V14.55L6 12.4L12.125 18.35L16.3 15H21V17H17L12 21ZM12 12L7.625 7.625L3 11V8.525L7.825 5L12.2 9.375L21 3V5.475L12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckCircleIcon.html b/src/tests/__snapshots__/CheckCircleIcon.html
index a496661c..a5a02546 100644
--- a/src/tests/__snapshots__/CheckCircleIcon.html
+++ b/src/tests/__snapshots__/CheckCircleIcon.html
@@ -1 +1 @@
-<span data-v-ea4a7b5c="" class="kui-icon check-circle-icon" data-testid="kui-icon-wrapper-check-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea4a7b5c="" data-testid="kui-icon-svg-check-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea4a7b5c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea4a7b5c=""><path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ea4a7b5c="" class="kui-icon check-circle-icon" data-testid="kui-icon-wrapper-check-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea4a7b5c="" data-testid="kui-icon-svg-check-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckIcon.html b/src/tests/__snapshots__/CheckIcon.html
index 85b4712e..e720146e 100644
--- a/src/tests/__snapshots__/CheckIcon.html
+++ b/src/tests/__snapshots__/CheckIcon.html
@@ -1 +1 @@
-<span data-v-a6bf384d="" class="kui-icon check-icon" data-testid="kui-icon-wrapper-check-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a6bf384d="" data-testid="kui-icon-svg-check-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a6bf384d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a6bf384d=""><path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-a6bf384d="" class="kui-icon check-icon" data-testid="kui-icon-wrapper-check-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a6bf384d="" data-testid="kui-icon-svg-check-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckSmallIcon.html b/src/tests/__snapshots__/CheckSmallIcon.html
index 0608a794..21d7a94c 100644
--- a/src/tests/__snapshots__/CheckSmallIcon.html
+++ b/src/tests/__snapshots__/CheckSmallIcon.html
@@ -1 +1 @@
-<span data-v-1ae0b196="" class="kui-icon check-small-icon" data-testid="kui-icon-wrapper-check-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ae0b196="" data-testid="kui-icon-svg-check-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1ae0b196="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1ae0b196=""><path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-1ae0b196="" class="kui-icon check-small-icon" data-testid="kui-icon-wrapper-check-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ae0b196="" data-testid="kui-icon-svg-check-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronDownIcon.html b/src/tests/__snapshots__/ChevronDownIcon.html
index 6b981dfa..2c685209 100644
--- a/src/tests/__snapshots__/ChevronDownIcon.html
+++ b/src/tests/__snapshots__/ChevronDownIcon.html
@@ -1 +1 @@
-<span data-v-70132d72="" class="kui-icon chevron-down-icon" data-testid="kui-icon-wrapper-chevron-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-70132d72="" data-testid="kui-icon-svg-chevron-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-70132d72="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-70132d72=""><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-70132d72="" class="kui-icon chevron-down-icon" data-testid="kui-icon-wrapper-chevron-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-70132d72="" data-testid="kui-icon-svg-chevron-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronLeftIcon.html b/src/tests/__snapshots__/ChevronLeftIcon.html
index 3aa98bc9..d8cbc9fd 100644
--- a/src/tests/__snapshots__/ChevronLeftIcon.html
+++ b/src/tests/__snapshots__/ChevronLeftIcon.html
@@ -1 +1 @@
-<span data-v-ea48150a="" class="kui-icon chevron-left-icon" data-testid="kui-icon-wrapper-chevron-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea48150a="" data-testid="kui-icon-svg-chevron-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea48150a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea48150a=""><path d="M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ea48150a="" class="kui-icon chevron-left-icon" data-testid="kui-icon-wrapper-chevron-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea48150a="" data-testid="kui-icon-svg-chevron-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronRightIcon.html b/src/tests/__snapshots__/ChevronRightIcon.html
index 8dbc459a..48d32d6b 100644
--- a/src/tests/__snapshots__/ChevronRightIcon.html
+++ b/src/tests/__snapshots__/ChevronRightIcon.html
@@ -1 +1 @@
-<span data-v-f268370a="" class="kui-icon chevron-right-icon" data-testid="kui-icon-wrapper-chevron-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f268370a="" data-testid="kui-icon-svg-chevron-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f268370a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f268370a=""><path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f268370a="" class="kui-icon chevron-right-icon" data-testid="kui-icon-wrapper-chevron-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f268370a="" data-testid="kui-icon-svg-chevron-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronUpIcon.html b/src/tests/__snapshots__/ChevronUpIcon.html
index bbd867c6..a2466cab 100644
--- a/src/tests/__snapshots__/ChevronUpIcon.html
+++ b/src/tests/__snapshots__/ChevronUpIcon.html
@@ -1 +1 @@
-<span data-v-8db12933="" class="kui-icon chevron-up-icon" data-testid="kui-icon-wrapper-chevron-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8db12933="" data-testid="kui-icon-svg-chevron-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8db12933="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8db12933=""><path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8db12933="" class="kui-icon chevron-up-icon" data-testid="kui-icon-wrapper-chevron-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8db12933="" data-testid="kui-icon-svg-chevron-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClearIcon.html b/src/tests/__snapshots__/ClearIcon.html
index af0731f0..23034e57 100644
--- a/src/tests/__snapshots__/ClearIcon.html
+++ b/src/tests/__snapshots__/ClearIcon.html
@@ -1 +1 @@
-<span data-v-8341624b="" class="kui-icon clear-icon" data-testid="kui-icon-wrapper-clear-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8341624b="" data-testid="kui-icon-svg-clear-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8341624b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8341624b=""><path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8341624b="" class="kui-icon clear-icon" data-testid="kui-icon-wrapper-clear-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8341624b="" data-testid="kui-icon-svg-clear-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClipboardIcon.html b/src/tests/__snapshots__/ClipboardIcon.html
index ec6b00d6..9447586a 100644
--- a/src/tests/__snapshots__/ClipboardIcon.html
+++ b/src/tests/__snapshots__/ClipboardIcon.html
@@ -1 +1 @@
-<span data-v-1a647e84="" class="kui-icon clipboard-icon" data-testid="kui-icon-wrapper-clipboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a647e84="" data-testid="kui-icon-svg-clipboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a647e84="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1a647e84=""><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-1a647e84="" class="kui-icon clipboard-icon" data-testid="kui-icon-wrapper-clipboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a647e84="" data-testid="kui-icon-svg-clipboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClockIcon.html b/src/tests/__snapshots__/ClockIcon.html
index 16abb766..f34fb649 100644
--- a/src/tests/__snapshots__/ClockIcon.html
+++ b/src/tests/__snapshots__/ClockIcon.html
@@ -1 +1 @@
-<span data-v-8dde58e5="" class="kui-icon clock-icon" data-testid="kui-icon-wrapper-clock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dde58e5="" data-testid="kui-icon-svg-clock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8dde58e5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8dde58e5=""><path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8dde58e5="" class="kui-icon clock-icon" data-testid="kui-icon-wrapper-clock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dde58e5="" data-testid="kui-icon-svg-clock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloseIcon.html b/src/tests/__snapshots__/CloseIcon.html
index cf26a399..2a46f2ed 100644
--- a/src/tests/__snapshots__/CloseIcon.html
+++ b/src/tests/__snapshots__/CloseIcon.html
@@ -1 +1 @@
-<span data-v-ee153d28="" class="kui-icon close-icon" data-testid="kui-icon-wrapper-close-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ee153d28="" data-testid="kui-icon-svg-close-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ee153d28="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ee153d28=""><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ee153d28="" class="kui-icon close-icon" data-testid="kui-icon-wrapper-close-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ee153d28="" data-testid="kui-icon-svg-close-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudDownloadIcon.html b/src/tests/__snapshots__/CloudDownloadIcon.html
index 5639f0cb..99a8bc6a 100644
--- a/src/tests/__snapshots__/CloudDownloadIcon.html
+++ b/src/tests/__snapshots__/CloudDownloadIcon.html
@@ -1 +1 @@
-<span data-v-f8ce22e8="" class="kui-icon cloud-download-icon" data-testid="kui-icon-wrapper-cloud-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f8ce22e8="" data-testid="kui-icon-svg-cloud-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f8ce22e8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f8ce22e8=""><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.53333 7.95 6.24167 6.80833 7.375 5.725C8.50833 4.64167 9.71667 4.1 11 4.1C11.55 4.1 12.0208 4.29583 12.4125 4.6875C12.8042 5.07917 13 5.55 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1C9.73333 6.33333 8.75 6.94583 8.05 7.9375C7.35 8.92917 7 9.95 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 10.2 16.8167 9.45417 16.45 8.7625C16.0833 8.07083 15.6 7.48333 15 7V4.675C16.2333 5.25833 17.2083 6.12083 17.925 7.2625C18.6417 8.40417 19 9.65 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f8ce22e8="" class="kui-icon cloud-download-icon" data-testid="kui-icon-wrapper-cloud-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f8ce22e8="" data-testid="kui-icon-svg-cloud-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.53333 7.95 6.24167 6.80833 7.375 5.725C8.50833 4.64167 9.71667 4.1 11 4.1C11.55 4.1 12.0208 4.29583 12.4125 4.6875C12.8042 5.07917 13 5.55 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1C9.73333 6.33333 8.75 6.94583 8.05 7.9375C7.35 8.92917 7 9.95 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 10.2 16.8167 9.45417 16.45 8.7625C16.0833 8.07083 15.6 7.48333 15 7V4.675C16.2333 5.25833 17.2083 6.12083 17.925 7.2625C18.6417 8.40417 19 9.65 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudIcon.html b/src/tests/__snapshots__/CloudIcon.html
index dabc7132..1ec0d8d5 100644
--- a/src/tests/__snapshots__/CloudIcon.html
+++ b/src/tests/__snapshots__/CloudIcon.html
@@ -1 +1 @@
-<span data-v-be4a99a4="" class="kui-icon cloud-icon" data-testid="kui-icon-wrapper-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be4a99a4="" data-testid="kui-icon-svg-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-be4a99a4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-be4a99a4=""><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-be4a99a4="" class="kui-icon cloud-icon" data-testid="kui-icon-wrapper-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be4a99a4="" data-testid="kui-icon-svg-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudUploadIcon.html b/src/tests/__snapshots__/CloudUploadIcon.html
index 5c646f98..ba4af36b 100644
--- a/src/tests/__snapshots__/CloudUploadIcon.html
+++ b/src/tests/__snapshots__/CloudUploadIcon.html
@@ -1 +1 @@
-<span data-v-3f2883af="" class="kui-icon cloud-upload-icon" data-testid="kui-icon-wrapper-cloud-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f2883af="" data-testid="kui-icon-svg-cloud-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f2883af="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3f2883af=""><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-3f2883af="" class="kui-icon cloud-upload-icon" data-testid="kui-icon-wrapper-cloud-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f2883af="" data-testid="kui-icon-svg-cloud-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CodeIcon.html b/src/tests/__snapshots__/CodeIcon.html
index b2b02d52..73b733ed 100644
--- a/src/tests/__snapshots__/CodeIcon.html
+++ b/src/tests/__snapshots__/CodeIcon.html
@@ -1 +1 @@
-<span data-v-e0cfcce8="" class="kui-icon code-icon" data-testid="kui-icon-wrapper-code-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0cfcce8="" data-testid="kui-icon-svg-code-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e0cfcce8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e0cfcce8=""><path d="M4.82499 12.025L8.69999 15.9C8.88332 16.0833 8.97499 16.3167 8.97499 16.6C8.97499 16.8833 8.88332 17.1167 8.69999 17.3C8.51665 17.4833 8.28332 17.575 7.99999 17.575C7.71665 17.575 7.48332 17.4833 7.29999 17.3L2.69999 12.7C2.59999 12.6 2.52915 12.4917 2.48749 12.375C2.44582 12.2583 2.42499 12.1333 2.42499 12C2.42499 11.8667 2.44582 11.7417 2.48749 11.625C2.52915 11.5083 2.59999 11.4 2.69999 11.3L7.29999 6.7C7.49999 6.5 7.73749 6.4 8.01249 6.4C8.28749 6.4 8.52499 6.5 8.72499 6.7C8.92499 6.9 9.02499 7.1375 9.02499 7.4125C9.02499 7.6875 8.92499 7.925 8.72499 8.125L4.82499 12.025ZM19.175 11.975L15.3 8.1C15.1167 7.91667 15.025 7.68333 15.025 7.4C15.025 7.11667 15.1167 6.88333 15.3 6.7C15.4833 6.51667 15.7167 6.425 16 6.425C16.2833 6.425 16.5167 6.51667 16.7 6.7L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L16.7 17.3C16.5 17.5 16.2667 17.5958 16 17.5875C15.7333 17.5792 15.5 17.475 15.3 17.275C15.1 17.075 15 16.8375 15 16.5625C15 16.2875 15.1 16.05 15.3 15.85L19.175 11.975Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e0cfcce8="" class="kui-icon code-icon" data-testid="kui-icon-wrapper-code-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0cfcce8="" data-testid="kui-icon-svg-code-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.82499 12.025L8.69999 15.9C8.88332 16.0833 8.97499 16.3167 8.97499 16.6C8.97499 16.8833 8.88332 17.1167 8.69999 17.3C8.51665 17.4833 8.28332 17.575 7.99999 17.575C7.71665 17.575 7.48332 17.4833 7.29999 17.3L2.69999 12.7C2.59999 12.6 2.52915 12.4917 2.48749 12.375C2.44582 12.2583 2.42499 12.1333 2.42499 12C2.42499 11.8667 2.44582 11.7417 2.48749 11.625C2.52915 11.5083 2.59999 11.4 2.69999 11.3L7.29999 6.7C7.49999 6.5 7.73749 6.4 8.01249 6.4C8.28749 6.4 8.52499 6.5 8.72499 6.7C8.92499 6.9 9.02499 7.1375 9.02499 7.4125C9.02499 7.6875 8.92499 7.925 8.72499 8.125L4.82499 12.025ZM19.175 11.975L15.3 8.1C15.1167 7.91667 15.025 7.68333 15.025 7.4C15.025 7.11667 15.1167 6.88333 15.3 6.7C15.4833 6.51667 15.7167 6.425 16 6.425C16.2833 6.425 16.5167 6.51667 16.7 6.7L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L16.7 17.3C16.5 17.5 16.2667 17.5958 16 17.5875C15.7333 17.5792 15.5 17.475 15.3 17.275C15.1 17.075 15 16.8375 15 16.5625C15 16.2875 15.1 16.05 15.3 15.85L19.175 11.975Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CodeblockIcon.html b/src/tests/__snapshots__/CodeblockIcon.html
index f95623fc..3cb7c2d4 100644
--- a/src/tests/__snapshots__/CodeblockIcon.html
+++ b/src/tests/__snapshots__/CodeblockIcon.html
@@ -1 +1 @@
-<span data-v-5a8ca238="" class="kui-icon codeblock-icon" data-testid="kui-icon-wrapper-codeblock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a8ca238="" data-testid="kui-icon-svg-codeblock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a8ca238="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5a8ca238=""><path d="M8.825 12L10.3 10.525C10.5 10.325 10.6 10.0917 10.6 9.825C10.6 9.55833 10.5 9.325 10.3 9.125C10.1 8.925 9.8625 8.825 9.5875 8.825C9.3125 8.825 9.075 8.925 8.875 9.125L6.7 11.3C6.6 11.4 6.52917 11.5083 6.4875 11.625C6.44583 11.7417 6.425 11.8667 6.425 12C6.425 12.1333 6.44583 12.2583 6.4875 12.375C6.52917 12.4917 6.6 12.6 6.7 12.7L8.875 14.875C9.075 15.075 9.3125 15.175 9.5875 15.175C9.8625 15.175 10.1 15.075 10.3 14.875C10.5 14.675 10.6 14.4417 10.6 14.175C10.6 13.9083 10.5 13.675 10.3 13.475L8.825 12ZM15.175 12L13.7 13.475C13.5 13.675 13.4 13.9083 13.4 14.175C13.4 14.4417 13.5 14.675 13.7 14.875C13.9 15.075 14.1375 15.175 14.4125 15.175C14.6875 15.175 14.925 15.075 15.125 14.875L17.3 12.7C17.4 12.6 17.4708 12.4917 17.5125 12.375C17.5542 12.2583 17.575 12.1333 17.575 12C17.575 11.8667 17.5542 11.7417 17.5125 11.625C17.4708 11.5083 17.4 11.4 17.3 11.3L15.125 9.125C15.025 9.025 14.9125 8.95 14.7875 8.9C14.6625 8.85 14.5375 8.825 14.4125 8.825C14.2875 8.825 14.1625 8.85 14.0375 8.9C13.9125 8.95 13.8 9.025 13.7 9.125C13.5 9.325 13.4 9.55833 13.4 9.825C13.4 10.0917 13.5 10.325 13.7 10.525L15.175 12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-5a8ca238="" class="kui-icon codeblock-icon" data-testid="kui-icon-wrapper-codeblock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a8ca238="" data-testid="kui-icon-svg-codeblock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.825 12L10.3 10.525C10.5 10.325 10.6 10.0917 10.6 9.825C10.6 9.55833 10.5 9.325 10.3 9.125C10.1 8.925 9.8625 8.825 9.5875 8.825C9.3125 8.825 9.075 8.925 8.875 9.125L6.7 11.3C6.6 11.4 6.52917 11.5083 6.4875 11.625C6.44583 11.7417 6.425 11.8667 6.425 12C6.425 12.1333 6.44583 12.2583 6.4875 12.375C6.52917 12.4917 6.6 12.6 6.7 12.7L8.875 14.875C9.075 15.075 9.3125 15.175 9.5875 15.175C9.8625 15.175 10.1 15.075 10.3 14.875C10.5 14.675 10.6 14.4417 10.6 14.175C10.6 13.9083 10.5 13.675 10.3 13.475L8.825 12ZM15.175 12L13.7 13.475C13.5 13.675 13.4 13.9083 13.4 14.175C13.4 14.4417 13.5 14.675 13.7 14.875C13.9 15.075 14.1375 15.175 14.4125 15.175C14.6875 15.175 14.925 15.075 15.125 14.875L17.3 12.7C17.4 12.6 17.4708 12.4917 17.5125 12.375C17.5542 12.2583 17.575 12.1333 17.575 12C17.575 11.8667 17.5542 11.7417 17.5125 11.625C17.4708 11.5083 17.4 11.4 17.3 11.3L15.125 9.125C15.025 9.025 14.9125 8.95 14.7875 8.9C14.6625 8.85 14.5375 8.825 14.4125 8.825C14.2875 8.825 14.1625 8.85 14.0375 8.9C13.9125 8.95 13.8 9.025 13.7 9.125C13.5 9.325 13.4 9.55833 13.4 9.825C13.4 10.0917 13.5 10.325 13.7 10.525L15.175 12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CogIcon.html b/src/tests/__snapshots__/CogIcon.html
index e365d49a..6d119c7e 100644
--- a/src/tests/__snapshots__/CogIcon.html
+++ b/src/tests/__snapshots__/CogIcon.html
@@ -1 +1 @@
-<span data-v-e918e59b="" class="kui-icon cog-icon" data-testid="kui-icon-wrapper-cog-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e918e59b="" data-testid="kui-icon-svg-cog-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e918e59b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e918e59b=""><path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e918e59b="" class="kui-icon cog-icon" data-testid="kui-icon-wrapper-cog-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e918e59b="" data-testid="kui-icon-svg-cog-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CogModeIcon.html b/src/tests/__snapshots__/CogModeIcon.html
index a430b159..3b1e6d7f 100644
--- a/src/tests/__snapshots__/CogModeIcon.html
+++ b/src/tests/__snapshots__/CogModeIcon.html
@@ -1 +1 @@
-<span data-v-8360b86d="" class="kui-icon cog-mode-icon" data-testid="kui-icon-wrapper-cog-mode-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8360b86d="" data-testid="kui-icon-svg-cog-mode-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8360b86d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8360b86d=""><path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8360b86d="" class="kui-icon cog-mode-icon" data-testid="kui-icon-wrapper-cog-mode-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8360b86d="" data-testid="kui-icon-svg-cog-mode-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CollapseIcon.html b/src/tests/__snapshots__/CollapseIcon.html
index e0f6c5b7..5f6e8106 100644
--- a/src/tests/__snapshots__/CollapseIcon.html
+++ b/src/tests/__snapshots__/CollapseIcon.html
@@ -1 +1 @@
-<span data-v-60022866="" class="kui-icon collapse-icon" data-testid="kui-icon-wrapper-collapse-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60022866="" data-testid="kui-icon-svg-collapse-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-60022866="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-60022866=""><path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-60022866="" class="kui-icon collapse-icon" data-testid="kui-icon-wrapper-collapse-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60022866="" data-testid="kui-icon-svg-collapse-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CollapsePanelIcon.html b/src/tests/__snapshots__/CollapsePanelIcon.html
index 637bfe88..c20ccab3 100644
--- a/src/tests/__snapshots__/CollapsePanelIcon.html
+++ b/src/tests/__snapshots__/CollapsePanelIcon.html
@@ -1 +1 @@
-<span data-v-6308f342="" class="kui-icon collapse-panel-icon" data-testid="kui-icon-wrapper-collapse-panel-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6308f342="" data-testid="kui-icon-svg-collapse-panel-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6308f342="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6308f342=""><path d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-6308f342="" class="kui-icon collapse-panel-icon" data-testid="kui-icon-wrapper-collapse-panel-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6308f342="" data-testid="kui-icon-svg-collapse-panel-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ConnectionsIcon.html b/src/tests/__snapshots__/ConnectionsIcon.html
index a4ab37f2..0342b505 100644
--- a/src/tests/__snapshots__/ConnectionsIcon.html
+++ b/src/tests/__snapshots__/ConnectionsIcon.html
@@ -1 +1 @@
-<span data-v-9a90e907="" class="kui-icon connections-icon" data-testid="kui-icon-wrapper-connections-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a90e907="" data-testid="kui-icon-svg-connections-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9a90e907="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9a90e907=""><path fill-rule="evenodd" clip-rule="evenodd" d="M20.999 12H11.999V3H20.999V6.07595V12ZM9.53418 15.5342L9.53418 9L3 9V15.5342H9.53418ZM16.9971 15V20.1989H11.7982L11.7982 15H16.9971Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9a90e907="" class="kui-icon connections-icon" data-testid="kui-icon-wrapper-connections-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a90e907="" data-testid="kui-icon-svg-connections-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M20.999 12H11.999V3H20.999V6.07595V12ZM9.53418 15.5342L9.53418 9L3 9V15.5342H9.53418ZM16.9971 15V20.1989H11.7982L11.7982 15H16.9971Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CopyIcon.html b/src/tests/__snapshots__/CopyIcon.html
index 8734021e..80694b76 100644
--- a/src/tests/__snapshots__/CopyIcon.html
+++ b/src/tests/__snapshots__/CopyIcon.html
@@ -1 +1 @@
-<span data-v-39d7139a="" class="kui-icon copy-icon" data-testid="kui-icon-wrapper-copy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-39d7139a="" data-testid="kui-icon-svg-copy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-39d7139a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-39d7139a=""><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-39d7139a="" class="kui-icon copy-icon" data-testid="kui-icon-wrapper-copy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-39d7139a="" data-testid="kui-icon-svg-copy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DangerCircleIcon.html b/src/tests/__snapshots__/DangerCircleIcon.html
index 0fedba3a..f33f11b2 100644
--- a/src/tests/__snapshots__/DangerCircleIcon.html
+++ b/src/tests/__snapshots__/DangerCircleIcon.html
@@ -1 +1 @@
-<span data-v-cbeb370e="" class="kui-icon danger-circle-icon" data-testid="kui-icon-wrapper-danger-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cbeb370e="" data-testid="kui-icon-svg-danger-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cbeb370e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cbeb370e=""><path d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-cbeb370e="" class="kui-icon danger-circle-icon" data-testid="kui-icon-wrapper-danger-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cbeb370e="" data-testid="kui-icon-svg-danger-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DangerIcon.html b/src/tests/__snapshots__/DangerIcon.html
index a3053332..aa360faa 100644
--- a/src/tests/__snapshots__/DangerIcon.html
+++ b/src/tests/__snapshots__/DangerIcon.html
@@ -1 +1 @@
-<span data-v-8823d8a4="" class="kui-icon danger-icon" data-testid="kui-icon-wrapper-danger-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8823d8a4="" data-testid="kui-icon-svg-danger-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8823d8a4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8823d8a4=""><path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8823d8a4="" class="kui-icon danger-icon" data-testid="kui-icon-wrapper-danger-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8823d8a4="" data-testid="kui-icon-svg-danger-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DashboardIcon.html b/src/tests/__snapshots__/DashboardIcon.html
index 707ea3e6..00cfeaea 100644
--- a/src/tests/__snapshots__/DashboardIcon.html
+++ b/src/tests/__snapshots__/DashboardIcon.html
@@ -1 +1 @@
-<span data-v-20dc21f9="" class="kui-icon dashboard-icon" data-testid="kui-icon-wrapper-dashboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-20dc21f9="" data-testid="kui-icon-svg-dashboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-20dc21f9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-20dc21f9=""><path d="M10.45 15.5C10.85 15.9 11.3667 16.0958 12 16.0875C12.6333 16.0792 13.1 15.85 13.4 15.4L19 7L10.6 12.6C10.15 12.9 9.9125 13.3583 9.8875 13.975C9.8625 14.5917 10.05 15.1 10.45 15.5ZM12 4C12.9833 4 13.9292 4.1375 14.8375 4.4125C15.7458 4.6875 16.6 5.1 17.4 5.65L15.5 6.85C14.95 6.56667 14.3792 6.35417 13.7875 6.2125C13.1958 6.07083 12.6 6 12 6C9.78333 6 7.89583 6.77917 6.3375 8.3375C4.77917 9.89583 4 11.7833 4 14C4 14.7 4.09583 15.3917 4.2875 16.075C4.47917 16.7583 4.75 17.4 5.1 18H18.9C19.2833 17.3667 19.5625 16.7083 19.7375 16.025C19.9125 15.3417 20 14.6333 20 13.9C20 13.3 19.9292 12.7167 19.7875 12.15C19.6458 11.5833 19.4333 11.0333 19.15 10.5L20.35 8.6C20.85 9.38333 21.2458 10.2167 21.5375 11.1C21.8292 11.9833 21.9833 12.9 22 13.85C22.0167 14.8 21.9083 15.7083 21.675 16.575C21.4417 17.4417 21.1 18.2667 20.65 19.05C20.4667 19.35 20.2167 19.5833 19.9 19.75C19.5833 19.9167 19.25 20 18.9 20H5.1C4.75 20 4.41667 19.9167 4.1 19.75C3.78333 19.5833 3.53333 19.35 3.35 19.05C2.91667 18.3 2.58333 17.5042 2.35 16.6625C2.11667 15.8208 2 14.9333 2 14C2 12.6167 2.2625 11.3208 2.7875 10.1125C3.3125 8.90417 4.02917 7.84583 4.9375 6.9375C5.84583 6.02917 6.90833 5.3125 8.125 4.7875C9.34167 4.2625 10.6333 4 12 4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-20dc21f9="" class="kui-icon dashboard-icon" data-testid="kui-icon-wrapper-dashboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-20dc21f9="" data-testid="kui-icon-svg-dashboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.45 15.5C10.85 15.9 11.3667 16.0958 12 16.0875C12.6333 16.0792 13.1 15.85 13.4 15.4L19 7L10.6 12.6C10.15 12.9 9.9125 13.3583 9.8875 13.975C9.8625 14.5917 10.05 15.1 10.45 15.5ZM12 4C12.9833 4 13.9292 4.1375 14.8375 4.4125C15.7458 4.6875 16.6 5.1 17.4 5.65L15.5 6.85C14.95 6.56667 14.3792 6.35417 13.7875 6.2125C13.1958 6.07083 12.6 6 12 6C9.78333 6 7.89583 6.77917 6.3375 8.3375C4.77917 9.89583 4 11.7833 4 14C4 14.7 4.09583 15.3917 4.2875 16.075C4.47917 16.7583 4.75 17.4 5.1 18H18.9C19.2833 17.3667 19.5625 16.7083 19.7375 16.025C19.9125 15.3417 20 14.6333 20 13.9C20 13.3 19.9292 12.7167 19.7875 12.15C19.6458 11.5833 19.4333 11.0333 19.15 10.5L20.35 8.6C20.85 9.38333 21.2458 10.2167 21.5375 11.1C21.8292 11.9833 21.9833 12.9 22 13.85C22.0167 14.8 21.9083 15.7083 21.675 16.575C21.4417 17.4417 21.1 18.2667 20.65 19.05C20.4667 19.35 20.2167 19.5833 19.9 19.75C19.5833 19.9167 19.25 20 18.9 20H5.1C4.75 20 4.41667 19.9167 4.1 19.75C3.78333 19.5833 3.53333 19.35 3.35 19.05C2.91667 18.3 2.58333 17.5042 2.35 16.6625C2.11667 15.8208 2 14.9333 2 14C2 12.6167 2.2625 11.3208 2.7875 10.1125C3.3125 8.90417 4.02917 7.84583 4.9375 6.9375C5.84583 6.02917 6.90833 5.3125 8.125 4.7875C9.34167 4.2625 10.6333 4 12 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DataObjectIcon.html b/src/tests/__snapshots__/DataObjectIcon.html
index e51c88d1..847aaa28 100644
--- a/src/tests/__snapshots__/DataObjectIcon.html
+++ b/src/tests/__snapshots__/DataObjectIcon.html
@@ -1 +1 @@
-<span data-v-7018b0ab="" class="kui-icon data-object-icon" data-testid="kui-icon-wrapper-data-object-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7018b0ab="" data-testid="kui-icon-svg-data-object-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7018b0ab="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7018b0ab=""><path d="M14 20V18H17C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17V15C18 14.3667 18.1833 13.7917 18.55 13.275C18.9167 12.7583 19.4 12.3917 20 12.175V11.825C19.4 11.6083 18.9167 11.2417 18.55 10.725C18.1833 10.2083 18 9.63333 18 9V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H14V4H17C17.8333 4 18.5417 4.29167 19.125 4.875C19.7083 5.45833 20 6.16667 20 7V9C20 9.28333 20.0958 9.52083 20.2875 9.7125C20.4792 9.90417 20.7167 10 21 10H22V14H21C20.7167 14 20.4792 14.0958 20.2875 14.2875C20.0958 14.4792 20 14.7167 20 15V17C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20H14ZM7 20C6.16667 20 5.45833 19.7083 4.875 19.125C4.29167 18.5417 4 17.8333 4 17V15C4 14.7167 3.90417 14.4792 3.7125 14.2875C3.52083 14.0958 3.28333 14 3 14H2V10H3C3.28333 10 3.52083 9.90417 3.7125 9.7125C3.90417 9.52083 4 9.28333 4 9V7C4 6.16667 4.29167 5.45833 4.875 4.875C5.45833 4.29167 6.16667 4 7 4H10V6H7C6.71667 6 6.47917 6.09583 6.2875 6.2875C6.09583 6.47917 6 6.71667 6 7V9C6 9.63333 5.81667 10.2083 5.45 10.725C5.08333 11.2417 4.6 11.6083 4 11.825V12.175C4.6 12.3917 5.08333 12.7583 5.45 13.275C5.81667 13.7917 6 14.3667 6 15V17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18H10V20H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-7018b0ab="" class="kui-icon data-object-icon" data-testid="kui-icon-wrapper-data-object-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7018b0ab="" data-testid="kui-icon-svg-data-object-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 20V18H17C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17V15C18 14.3667 18.1833 13.7917 18.55 13.275C18.9167 12.7583 19.4 12.3917 20 12.175V11.825C19.4 11.6083 18.9167 11.2417 18.55 10.725C18.1833 10.2083 18 9.63333 18 9V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H14V4H17C17.8333 4 18.5417 4.29167 19.125 4.875C19.7083 5.45833 20 6.16667 20 7V9C20 9.28333 20.0958 9.52083 20.2875 9.7125C20.4792 9.90417 20.7167 10 21 10H22V14H21C20.7167 14 20.4792 14.0958 20.2875 14.2875C20.0958 14.4792 20 14.7167 20 15V17C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20H14ZM7 20C6.16667 20 5.45833 19.7083 4.875 19.125C4.29167 18.5417 4 17.8333 4 17V15C4 14.7167 3.90417 14.4792 3.7125 14.2875C3.52083 14.0958 3.28333 14 3 14H2V10H3C3.28333 10 3.52083 9.90417 3.7125 9.7125C3.90417 9.52083 4 9.28333 4 9V7C4 6.16667 4.29167 5.45833 4.875 4.875C5.45833 4.29167 6.16667 4 7 4H10V6H7C6.71667 6 6.47917 6.09583 6.2875 6.2875C6.09583 6.47917 6 6.71667 6 7V9C6 9.63333 5.81667 10.2083 5.45 10.725C5.08333 11.2417 4.6 11.6083 4 11.825V12.175C4.6 12.3917 5.08333 12.7583 5.45 13.275C5.81667 13.7917 6 14.3667 6 15V17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18H10V20H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DataReportIcon.html b/src/tests/__snapshots__/DataReportIcon.html
index f1b4c2cc..2b30e849 100644
--- a/src/tests/__snapshots__/DataReportIcon.html
+++ b/src/tests/__snapshots__/DataReportIcon.html
@@ -1 +1 @@
-<span data-v-f25bb47c="" class="kui-icon data-report-icon" data-testid="kui-icon-wrapper-data-report-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f25bb47c="" data-testid="kui-icon-svg-data-report-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f25bb47c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f25bb47c=""><path d="M3 21V19L5 17V21H3ZM7 21V15L9 13V21H7ZM11 21V13L13 15.025V21H11ZM15 21V15.025L17 13.025V21H15ZM19 21V11L21 9V21H19ZM3 15.825V13L10 6L14 10L21 3V5.825L14 12.825L10 8.825L3 15.825Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f25bb47c="" class="kui-icon data-report-icon" data-testid="kui-icon-wrapper-data-report-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f25bb47c="" data-testid="kui-icon-svg-data-report-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V19L5 17V21H3ZM7 21V15L9 13V21H7ZM11 21V13L13 15.025V21H11ZM15 21V15.025L17 13.025V21H15ZM19 21V11L21 9V21H19ZM3 15.825V13L10 6L14 10L21 3V5.825L14 12.825L10 8.825L3 15.825Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DecreaseIcon.html b/src/tests/__snapshots__/DecreaseIcon.html
index 83e8c51f..112305e1 100644
--- a/src/tests/__snapshots__/DecreaseIcon.html
+++ b/src/tests/__snapshots__/DecreaseIcon.html
@@ -1 +1 @@
-<span data-v-ca5184a9="" class="kui-icon decrease-icon" data-testid="kui-icon-wrapper-decrease-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca5184a9="" data-testid="kui-icon-svg-decrease-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ca5184a9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ca5184a9=""><path d="M12 15L7 10H17L12 15Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ca5184a9="" class="kui-icon decrease-icon" data-testid="kui-icon-wrapper-decrease-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca5184a9="" data-testid="kui-icon-svg-decrease-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15L7 10H17L12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DeployIcon.html b/src/tests/__snapshots__/DeployIcon.html
index a3e3334b..3ee56ca5 100644
--- a/src/tests/__snapshots__/DeployIcon.html
+++ b/src/tests/__snapshots__/DeployIcon.html
@@ -1 +1 @@
-<span data-v-be1cfb7b="" class="kui-icon deploy-icon" data-testid="kui-icon-wrapper-deploy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be1cfb7b="" data-testid="kui-icon-svg-deploy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-be1cfb7b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-be1cfb7b=""><path d="M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-be1cfb7b="" class="kui-icon deploy-icon" data-testid="kui-icon-wrapper-deploy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be1cfb7b="" data-testid="kui-icon-svg-deploy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DevPortalIcon.html b/src/tests/__snapshots__/DevPortalIcon.html
index 074b3f08..e38c7094 100644
--- a/src/tests/__snapshots__/DevPortalIcon.html
+++ b/src/tests/__snapshots__/DevPortalIcon.html
@@ -1 +1 @@
-<span data-v-fc5b2447="" class="kui-icon dev-portal-icon" data-testid="kui-icon-wrapper-dev-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fc5b2447="" data-testid="kui-icon-svg-dev-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fc5b2447="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fc5b2447=""><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.40002H18.7319L21.5999 5.67602V18.732L18.3239 21.6H5.2679L2.3999 18.324V5.26802L5.6759 2.40002H11.9999ZM16.2719 12C16.3026 12.5793 16.2151 13.1587 16.0146 13.703C15.8141 14.2473 15.5048 14.7451 15.1057 15.166C14.7065 15.5869 14.2258 15.9221 13.6929 16.1512C13.16 16.3802 12.586 16.4984 12.0059 16.4984C11.4258 16.4984 10.8518 16.3802 10.3189 16.1512C9.786 15.9221 9.30531 15.5869 8.90615 15.166C8.507 14.7451 8.19774 14.2473 7.99723 13.703C7.79673 13.1587 7.70917 12.5793 7.7399 12C7.82062 10.9254 8.30446 9.92105 9.09447 9.18815C9.88448 8.45526 10.9223 8.048 11.9999 8.048C13.0775 8.048 14.1153 8.45526 14.9053 9.18815C15.6953 9.92105 16.1792 10.9254 16.2599 12H16.2719Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-fc5b2447="" class="kui-icon dev-portal-icon" data-testid="kui-icon-wrapper-dev-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fc5b2447="" data-testid="kui-icon-svg-dev-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.40002H18.7319L21.5999 5.67602V18.732L18.3239 21.6H5.2679L2.3999 18.324V5.26802L5.6759 2.40002H11.9999ZM16.2719 12C16.3026 12.5793 16.2151 13.1587 16.0146 13.703C15.8141 14.2473 15.5048 14.7451 15.1057 15.166C14.7065 15.5869 14.2258 15.9221 13.6929 16.1512C13.16 16.3802 12.586 16.4984 12.0059 16.4984C11.4258 16.4984 10.8518 16.3802 10.3189 16.1512C9.786 15.9221 9.30531 15.5869 8.90615 15.166C8.507 14.7451 8.19774 14.2473 7.99723 13.703C7.79673 13.1587 7.70917 12.5793 7.7399 12C7.82062 10.9254 8.30446 9.92105 9.09447 9.18815C9.88448 8.45526 10.9223 8.048 11.9999 8.048C13.0775 8.048 14.1153 8.45526 14.9053 9.18815C15.6953 9.92105 16.1792 10.9254 16.2599 12H16.2719Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DisabledIcon.html b/src/tests/__snapshots__/DisabledIcon.html
index 530c3b3a..063f4819 100644
--- a/src/tests/__snapshots__/DisabledIcon.html
+++ b/src/tests/__snapshots__/DisabledIcon.html
@@ -1 +1 @@
-<span data-v-e860db0b="" class="kui-icon disabled-icon" data-testid="kui-icon-wrapper-disabled-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e860db0b="" data-testid="kui-icon-svg-disabled-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e860db0b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e860db0b=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.8542 10.2333 19.5625 9.4C19.2708 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2708 9.4 19.5625C10.2333 19.8542 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72917 14.6 4.4375C13.7667 4.14583 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.14583 13.7667 4.4375 14.6C4.72917 15.4333 5.15 16.2 5.7 16.9Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e860db0b="" class="kui-icon disabled-icon" data-testid="kui-icon-wrapper-disabled-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e860db0b="" data-testid="kui-icon-svg-disabled-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.8542 10.2333 19.5625 9.4C19.2708 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2708 9.4 19.5625C10.2333 19.8542 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72917 14.6 4.4375C13.7667 4.14583 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.14583 13.7667 4.4375 14.6C4.72917 15.4333 5.15 16.2 5.7 16.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DockerIcon.html b/src/tests/__snapshots__/DockerIcon.html
index feaf320a..efa303bb 100644
--- a/src/tests/__snapshots__/DockerIcon.html
+++ b/src/tests/__snapshots__/DockerIcon.html
@@ -1 +1 @@
-<span data-v-ea62b773="" class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea62b773="" data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea62b773="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea62b773=""><path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ea62b773="" class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea62b773="" data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DocumentIcon.html b/src/tests/__snapshots__/DocumentIcon.html
index b6928902..96b2bf87 100644
--- a/src/tests/__snapshots__/DocumentIcon.html
+++ b/src/tests/__snapshots__/DocumentIcon.html
@@ -1 +1 @@
-<span data-v-548faf8a="" class="kui-icon document-icon" data-testid="kui-icon-wrapper-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-548faf8a="" data-testid="kui-icon-svg-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-548faf8a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-548faf8a=""><path d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-548faf8a="" class="kui-icon document-icon" data-testid="kui-icon-wrapper-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-548faf8a="" data-testid="kui-icon-svg-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DocumentListIcon.html b/src/tests/__snapshots__/DocumentListIcon.html
index 17863af9..6c63bee9 100644
--- a/src/tests/__snapshots__/DocumentListIcon.html
+++ b/src/tests/__snapshots__/DocumentListIcon.html
@@ -1 +1 @@
-<span data-v-f5a18630="" class="kui-icon document-list-icon" data-testid="kui-icon-wrapper-document-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f5a18630="" data-testid="kui-icon-svg-document-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f5a18630="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f5a18630=""><path d="M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f5a18630="" class="kui-icon document-list-icon" data-testid="kui-icon-wrapper-document-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f5a18630="" data-testid="kui-icon-svg-document-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DownloadIcon.html b/src/tests/__snapshots__/DownloadIcon.html
index 25a2bbf6..9fda24de 100644
--- a/src/tests/__snapshots__/DownloadIcon.html
+++ b/src/tests/__snapshots__/DownloadIcon.html
@@ -1 +1 @@
-<span data-v-349429ea="" class="kui-icon download-icon" data-testid="kui-icon-wrapper-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-349429ea="" data-testid="kui-icon-svg-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-349429ea="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-349429ea=""><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-349429ea="" class="kui-icon download-icon" data-testid="kui-icon-wrapper-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-349429ea="" data-testid="kui-icon-svg-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DragIcon.html b/src/tests/__snapshots__/DragIcon.html
index 887aa540..ff04d4e0 100644
--- a/src/tests/__snapshots__/DragIcon.html
+++ b/src/tests/__snapshots__/DragIcon.html
@@ -1 +1 @@
-<span data-v-282e46eb="" class="kui-icon drag-icon" data-testid="kui-icon-wrapper-drag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-282e46eb="" data-testid="kui-icon-svg-drag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-282e46eb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-282e46eb=""><path d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-282e46eb="" class="kui-icon drag-icon" data-testid="kui-icon-wrapper-drag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-282e46eb="" data-testid="kui-icon-svg-drag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EditIcon.html b/src/tests/__snapshots__/EditIcon.html
index b10ce4c5..8cfcc0de 100644
--- a/src/tests/__snapshots__/EditIcon.html
+++ b/src/tests/__snapshots__/EditIcon.html
@@ -1 +1 @@
-<span data-v-0aaa9f73="" class="kui-icon edit-icon" data-testid="kui-icon-wrapper-edit-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aaa9f73="" data-testid="kui-icon-svg-edit-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0aaa9f73="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0aaa9f73=""><path d="M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0aaa9f73="" class="kui-icon edit-icon" data-testid="kui-icon-wrapper-edit-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aaa9f73="" data-testid="kui-icon-svg-edit-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EmailIcon.html b/src/tests/__snapshots__/EmailIcon.html
index dfbf6f0a..c6e1304e 100644
--- a/src/tests/__snapshots__/EmailIcon.html
+++ b/src/tests/__snapshots__/EmailIcon.html
@@ -1 +1 @@
-<span data-v-7f2e61c5="" class="kui-icon email-icon" data-testid="kui-icon-wrapper-email-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f2e61c5="" data-testid="kui-icon-svg-email-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7f2e61c5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7f2e61c5=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-7f2e61c5="" class="kui-icon email-icon" data-testid="kui-icon-wrapper-email-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f2e61c5="" data-testid="kui-icon-svg-email-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EqualIcon.html b/src/tests/__snapshots__/EqualIcon.html
index 661065ff..340b6677 100644
--- a/src/tests/__snapshots__/EqualIcon.html
+++ b/src/tests/__snapshots__/EqualIcon.html
@@ -1 +1 @@
-<span data-v-c29c0c10="" class="kui-icon equal-icon" data-testid="kui-icon-wrapper-equal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c29c0c10="" data-testid="kui-icon-svg-equal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c29c0c10="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c29c0c10=""><path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-c29c0c10="" class="kui-icon equal-icon" data-testid="kui-icon-wrapper-equal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c29c0c10="" data-testid="kui-icon-svg-equal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ExpandIcon.html b/src/tests/__snapshots__/ExpandIcon.html
index 49a59b77..447d54cc 100644
--- a/src/tests/__snapshots__/ExpandIcon.html
+++ b/src/tests/__snapshots__/ExpandIcon.html
@@ -1 +1 @@
-<span data-v-391ad3ed="" class="kui-icon expand-icon" data-testid="kui-icon-wrapper-expand-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-391ad3ed="" data-testid="kui-icon-svg-expand-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-391ad3ed="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-391ad3ed=""><path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-391ad3ed="" class="kui-icon expand-icon" data-testid="kui-icon-wrapper-expand-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-391ad3ed="" data-testid="kui-icon-svg-expand-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ExternalLinkIcon.html b/src/tests/__snapshots__/ExternalLinkIcon.html
index 31321bb4..7664a396 100644
--- a/src/tests/__snapshots__/ExternalLinkIcon.html
+++ b/src/tests/__snapshots__/ExternalLinkIcon.html
@@ -1 +1 @@
-<span data-v-88beb056="" class="kui-icon external-link-icon" data-testid="kui-icon-wrapper-external-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88beb056="" data-testid="kui-icon-svg-external-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88beb056="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88beb056=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-88beb056="" class="kui-icon external-link-icon" data-testid="kui-icon-wrapper-external-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88beb056="" data-testid="kui-icon-svg-external-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FeatureRequestIcon.html b/src/tests/__snapshots__/FeatureRequestIcon.html
index 442eddb9..f51c5c26 100644
--- a/src/tests/__snapshots__/FeatureRequestIcon.html
+++ b/src/tests/__snapshots__/FeatureRequestIcon.html
@@ -1 +1 @@
-<span data-v-55898368="" class="kui-icon feature-request-icon" data-testid="kui-icon-wrapper-feature-request-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55898368="" data-testid="kui-icon-svg-feature-request-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-55898368="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-55898368=""><path d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-55898368="" class="kui-icon feature-request-icon" data-testid="kui-icon-wrapper-feature-request-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55898368="" data-testid="kui-icon-svg-feature-request-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FeedbackIcon.html b/src/tests/__snapshots__/FeedbackIcon.html
index 47efdc05..25867189 100644
--- a/src/tests/__snapshots__/FeedbackIcon.html
+++ b/src/tests/__snapshots__/FeedbackIcon.html
@@ -1 +1 @@
-<span data-v-ca92c17e="" class="kui-icon feedback-icon" data-testid="kui-icon-wrapper-feedback-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca92c17e="" data-testid="kui-icon-svg-feedback-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ca92c17e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ca92c17e=""><path d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ca92c17e="" class="kui-icon feedback-icon" data-testid="kui-icon-wrapper-feedback-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca92c17e="" data-testid="kui-icon-svg-feedback-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FileEmptyIcon.html b/src/tests/__snapshots__/FileEmptyIcon.html
index 490787b0..7f4f26af 100644
--- a/src/tests/__snapshots__/FileEmptyIcon.html
+++ b/src/tests/__snapshots__/FileEmptyIcon.html
@@ -1 +1 @@
-<span data-v-f163d922="" class="kui-icon file-empty-icon" data-testid="kui-icon-wrapper-file-empty-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f163d922="" data-testid="kui-icon-svg-file-empty-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f163d922="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f163d922=""><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f163d922="" class="kui-icon file-empty-icon" data-testid="kui-icon-wrapper-file-empty-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f163d922="" data-testid="kui-icon-svg-file-empty-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FilterIcon.html b/src/tests/__snapshots__/FilterIcon.html
index d11e5df1..a038c976 100644
--- a/src/tests/__snapshots__/FilterIcon.html
+++ b/src/tests/__snapshots__/FilterIcon.html
@@ -1 +1 @@
-<span data-v-55956c00="" class="kui-icon filter-icon" data-testid="kui-icon-wrapper-filter-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55956c00="" data-testid="kui-icon-svg-filter-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-55956c00="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-55956c00=""><path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-55956c00="" class="kui-icon filter-icon" data-testid="kui-icon-wrapper-filter-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55956c00="" data-testid="kui-icon-svg-filter-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAdIcon.html b/src/tests/__snapshots__/FlagAdIcon.html
index 17ba6482..e96c062d 100644
--- a/src/tests/__snapshots__/FlagAdIcon.html
+++ b/src/tests/__snapshots__/FlagAdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-0f127b7c="" class="kui-icon flag-ad-icon" data-testid="kui-icon-wrapper-flag-ad-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0f127b7c="" data-testid="kui-icon-svg-flag-ad-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0f127b7c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0f127b7c=""><g clip-path="url(#clip0_1_2254)">
+<span data-v-0f127b7c="" class="kui-icon flag-ad-icon" data-testid="kui-icon-wrapper-flag-ad-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0f127b7c="" data-testid="kui-icon-svg-flag-ad-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2254)">
 <path d="M6.78262 22.8093C8.36025 23.5721 10.1301 24 12 24C13.8699 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072C15.6397 0.427875 13.8699 0 12 0C10.1301 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093Z" fill="#FFDA44"></path>
 <path d="M17.2174 22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2174 1.19092V22.8086Z" fill="#D80027"></path>
 <path d="M6.78262 22.8086V1.19092C2.76867 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76867 20.8677 6.78262 22.8086Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2254">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAeIcon.html b/src/tests/__snapshots__/FlagAeIcon.html
index c19ecce8..40dfe00d 100644
--- a/src/tests/__snapshots__/FlagAeIcon.html
+++ b/src/tests/__snapshots__/FlagAeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-02a06d80="" class="kui-icon flag-ae-icon" data-testid="kui-icon-wrapper-flag-ae-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-02a06d80="" data-testid="kui-icon-svg-flag-ae-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-02a06d80="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-02a06d80=""><g clip-path="url(#clip0_247_6279)">
+<span data-v-02a06d80="" class="kui-icon flag-ae-icon" data-testid="kui-icon-wrapper-flag-ae-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-02a06d80="" data-testid="kui-icon-svg-flag-ae-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6279)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M6.78271 16.1739L7.8262 23.2537C9.12614 23.7361 10.5322 24 12.0001 24C17.1596 24 21.5582 20.7435 23.2537 16.1739H6.78271Z" fill="black"></path>
 <path d="M6.78271 7.82611L7.8262 0.746297C9.12614 0.263906 10.5322 0 12.0001 0C17.1596 0 21.5582 3.2565 23.2537 7.82611H6.78271Z" fill="#6DA544"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_247_6279">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAfIcon.html b/src/tests/__snapshots__/FlagAfIcon.html
index 423095a1..0836108f 100644
--- a/src/tests/__snapshots__/FlagAfIcon.html
+++ b/src/tests/__snapshots__/FlagAfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-387b2aca="" class="kui-icon flag-af-icon" data-testid="kui-icon-wrapper-flag-af-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-387b2aca="" data-testid="kui-icon-svg-flag-af-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-387b2aca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-387b2aca=""><g clip-path="url(#clip0_1_2249)">
+<span data-v-387b2aca="" class="kui-icon flag-af-icon" data-testid="kui-icon-wrapper-flag-af-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-387b2aca="" data-testid="kui-icon-svg-flag-af-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2249)">
 <path d="M17.2174 1.19072C15.6398 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78263 1.19072L5.73914 12L6.78263 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6398 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path>
 <path d="M6.78262 1.19092C2.76872 3.13187 0 7.24229 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="black"></path>
 <path d="M17.2174 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13187 17.2174 1.19092Z" fill="#496E2D"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2249">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAgIcon.html b/src/tests/__snapshots__/FlagAgIcon.html
index be424bb5..c7124ebf 100644
--- a/src/tests/__snapshots__/FlagAgIcon.html
+++ b/src/tests/__snapshots__/FlagAgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b6efd573="" class="kui-icon flag-ag-icon" data-testid="kui-icon-wrapper-flag-ag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6efd573="" data-testid="kui-icon-svg-flag-ag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b6efd573="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b6efd573=""><g clip-path="url(#clip0_1_2257)">
+<span data-v-b6efd573="" class="kui-icon flag-ag-icon" data-testid="kui-icon-wrapper-flag-ag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6efd573="" data-testid="kui-icon-svg-flag-ag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2257)">
 <path d="M0 12.0001C0 12.822 0.082875 13.6246 0.240328 14.4001L12 15.1305L23.7597 14.4001C23.9172 13.6246 24 12.822 24 12.0001C24 11.1781 23.9171 10.3755 23.7597 9.60008L12 8.86963L0.240328 9.60008C0.082875 10.3755 0 11.1781 0 12.0001H0Z" fill="#0052B4"></path>
 <path d="M23.7597 14.3999H0.240326C1.35215 19.8772 6.19458 23.9999 12 23.9999C17.8054 23.9999 22.6478 19.8772 23.7597 14.3999Z" fill="#F0F0F0"></path>
 <path d="M0.240326 9.6H23.7598C22.6478 4.12266 17.8055 0 12 0C6.19448 0 1.35215 4.12266 0.240326 9.6V9.6Z" fill="black"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2257">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAiIcon.html b/src/tests/__snapshots__/FlagAiIcon.html
index 5f0f0884..79c70826 100644
--- a/src/tests/__snapshots__/FlagAiIcon.html
+++ b/src/tests/__snapshots__/FlagAiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-222a1002="" class="kui-icon flag-ai-icon" data-testid="kui-icon-wrapper-flag-ai-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-222a1002="" data-testid="kui-icon-svg-flag-ai-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-222a1002="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-222a1002=""><g clip-path="url(#clip0_1_2256)">
+<span data-v-222a1002="" class="kui-icon flag-ai-icon" data-testid="kui-icon-wrapper-flag-ai-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-222a1002="" data-testid="kui-icon-svg-flag-ai-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2256)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_1_2256">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAlIcon.html b/src/tests/__snapshots__/FlagAlIcon.html
index b77fc6bc..1ba1a5d8 100644
--- a/src/tests/__snapshots__/FlagAlIcon.html
+++ b/src/tests/__snapshots__/FlagAlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7825d941="" class="kui-icon flag-al-icon" data-testid="kui-icon-wrapper-flag-al-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7825d941="" data-testid="kui-icon-svg-flag-al-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7825d941="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7825d941=""><g clip-path="url(#clip0_1_2251)">
+<span data-v-7825d941="" class="kui-icon flag-al-icon" data-testid="kui-icon-wrapper-flag-al-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7825d941="" data-testid="kui-icon-svg-flag-al-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2251)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M18.7826 8.90651H14.4361C14.7044 8.62554 14.8695 8.24515 14.8695 7.82595C14.8695 6.96152 14.1688 6.26074 13.3043 6.26074C12.7598 6.26074 12.2804 6.53899 12 6.96091C11.7196 6.53899 11.2402 6.26074 10.6957 6.26074C9.83123 6.26074 9.13045 6.96152 9.13045 7.82595C9.13045 8.24515 9.29559 8.62559 9.56391 8.90651H5.21742C5.21742 10.0591 6.22134 10.9934 7.37386 10.9934H7.3043C7.3043 12.1461 8.23866 13.0804 9.39131 13.0804C9.39131 13.4538 9.4897 13.8037 9.66145 14.1067L7.93036 15.8379L9.25852 17.1659L11.1425 15.282C11.2163 15.309 11.2927 15.3307 11.3715 15.3455L10.233 17.9159L12 19.8259L13.767 17.9158L12.6285 15.3454C12.7074 15.3306 12.7837 15.309 12.8575 15.2819L14.7415 17.1658L16.0696 15.8377L14.3385 14.1066C14.5103 13.8036 14.6087 13.4536 14.6087 13.0803C15.7613 13.0803 16.6957 12.146 16.6957 10.9933H16.6261C17.7787 10.9934 18.7826 10.0591 18.7826 8.90651V8.90651Z" fill="black"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1_2251">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAmIcon.html b/src/tests/__snapshots__/FlagAmIcon.html
index c50af057..c5c79283 100644
--- a/src/tests/__snapshots__/FlagAmIcon.html
+++ b/src/tests/__snapshots__/FlagAmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-35cd71f0="" class="kui-icon flag-am-icon" data-testid="kui-icon-wrapper-flag-am-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35cd71f0="" data-testid="kui-icon-svg-flag-am-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35cd71f0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-35cd71f0=""><g clip-path="url(#clip0_1_2259)">
+<span data-v-35cd71f0="" class="kui-icon flag-am-icon" data-testid="kui-icon-wrapper-flag-am-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35cd71f0="" data-testid="kui-icon-svg-flag-am-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2259)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#0052B4"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#FF9811"></path>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2259">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAoIcon.html b/src/tests/__snapshots__/FlagAoIcon.html
index 9330d407..6f9f873f 100644
--- a/src/tests/__snapshots__/FlagAoIcon.html
+++ b/src/tests/__snapshots__/FlagAoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f40cb6c2="" class="kui-icon flag-ao-icon" data-testid="kui-icon-wrapper-flag-ao-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f40cb6c2="" data-testid="kui-icon-svg-flag-ao-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f40cb6c2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f40cb6c2=""><g clip-path="url(#clip0_1_2255)">
+<span data-v-f40cb6c2="" class="kui-icon flag-ao-icon" data-testid="kui-icon-wrapper-flag-ao-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f40cb6c2="" data-testid="kui-icon-svg-flag-ao-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2255)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="black"></path>
 <path d="M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z" fill="#FFDA44"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2255">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagArIcon.html b/src/tests/__snapshots__/FlagArIcon.html
index 63f9b499..ef69294a 100644
--- a/src/tests/__snapshots__/FlagArIcon.html
+++ b/src/tests/__snapshots__/FlagArIcon.html
@@ -1,4 +1,4 @@
-<span data-v-914584b9="" class="kui-icon flag-ar-icon" data-testid="kui-icon-wrapper-flag-ar-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-914584b9="" data-testid="kui-icon-svg-flag-ar-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-914584b9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-914584b9=""><g clip-path="url(#clip0_1_2258)">
+<span data-v-914584b9="" class="kui-icon flag-ar-icon" data-testid="kui-icon-wrapper-flag-ar-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-914584b9="" data-testid="kui-icon-svg-flag-ar-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2258)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path>
 <path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z" fill="#338AF3"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2258">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAsIcon.html b/src/tests/__snapshots__/FlagAsIcon.html
index a555175a..9957a672 100644
--- a/src/tests/__snapshots__/FlagAsIcon.html
+++ b/src/tests/__snapshots__/FlagAsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-68d734d1="" class="kui-icon flag-as-icon" data-testid="kui-icon-wrapper-flag-as-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68d734d1="" data-testid="kui-icon-svg-flag-as-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-68d734d1="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-68d734d1=""><g clip-path="url(#clip0_1_2253)">
+<span data-v-68d734d1="" class="kui-icon flag-as-icon" data-testid="kui-icon-wrapper-flag-as-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68d734d1="" data-testid="kui-icon-svg-flag-as-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2253)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z" fill="#0052B4"></path>
 <path d="M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2253">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAtIcon.html b/src/tests/__snapshots__/FlagAtIcon.html
index f7a6981a..7c281cd7 100644
--- a/src/tests/__snapshots__/FlagAtIcon.html
+++ b/src/tests/__snapshots__/FlagAtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-94b5e14f="" class="kui-icon flag-at-icon" data-testid="kui-icon-wrapper-flag-at-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-94b5e14f="" data-testid="kui-icon-svg-flag-at-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-94b5e14f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-94b5e14f=""><g clip-path="url(#clip0_1_2262)">
+<span data-v-94b5e14f="" class="kui-icon flag-at-icon" data-testid="kui-icon-wrapper-flag-at-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-94b5e14f="" data-testid="kui-icon-svg-flag-at-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2262)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2262">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAuIcon.html b/src/tests/__snapshots__/FlagAuIcon.html
index 14c869eb..5e8f3a82 100644
--- a/src/tests/__snapshots__/FlagAuIcon.html
+++ b/src/tests/__snapshots__/FlagAuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aea52e2b="" class="kui-icon flag-au-icon" data-testid="kui-icon-wrapper-flag-au-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aea52e2b="" data-testid="kui-icon-svg-flag-au-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aea52e2b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aea52e2b=""><g clip-path="url(#clip0_246_3694)">
+<span data-v-aea52e2b="" class="kui-icon flag-au-icon" data-testid="kui-icon-wrapper-flag-au-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aea52e2b="" data-testid="kui-icon-svg-flag-au-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3694)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z" fill="#F0F0F0"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
@@ -16,4 +16,4 @@
 <clipPath id="clip0_246_3694">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAwIcon.html b/src/tests/__snapshots__/FlagAwIcon.html
index 87cf5a82..65bf9ac4 100644
--- a/src/tests/__snapshots__/FlagAwIcon.html
+++ b/src/tests/__snapshots__/FlagAwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b8302101="" class="kui-icon flag-aw-icon" data-testid="kui-icon-wrapper-flag-aw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b8302101="" data-testid="kui-icon-svg-flag-aw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b8302101="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b8302101=""><g clip-path="url(#clip0_1_2260)">
+<span data-v-b8302101="" class="kui-icon flag-aw-icon" data-testid="kui-icon-wrapper-flag-aw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b8302101="" data-testid="kui-icon-svg-flag-aw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2260)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#338AF3"></path>
 <path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#338AF3"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2260">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAxIcon.html b/src/tests/__snapshots__/FlagAxIcon.html
index aa37d6cb..964cfd51 100644
--- a/src/tests/__snapshots__/FlagAxIcon.html
+++ b/src/tests/__snapshots__/FlagAxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-77f8816c="" class="kui-icon flag-ax-icon" data-testid="kui-icon-wrapper-flag-ax-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f8816c="" data-testid="kui-icon-svg-flag-ax-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-77f8816c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-77f8816c=""><g clip-path="url(#clip0_246_3613)">
+<span data-v-77f8816c="" class="kui-icon flag-ax-icon" data-testid="kui-icon-wrapper-flag-ax-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f8816c="" data-testid="kui-icon-svg-flag-ax-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3613)">
 <path d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86955L10.9565 0.0456581C8.61178 0.247689 6.46008 1.12378 4.69566 2.47945L0.413391 8.86955C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"></path>
 <path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5205V15.1305H0.413574Z" fill="#0052B4"></path>
 <path d="M10.9565 23.9543C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9543Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_3613">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAzIcon.html b/src/tests/__snapshots__/FlagAzIcon.html
index 04bf6da5..1d9e3368 100644
--- a/src/tests/__snapshots__/FlagAzIcon.html
+++ b/src/tests/__snapshots__/FlagAzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3baef04c="" class="kui-icon flag-az-icon" data-testid="kui-icon-wrapper-flag-az-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3baef04c="" data-testid="kui-icon-svg-flag-az-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3baef04c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3baef04c=""><g clip-path="url(#clip0_1_2263)">
+<span data-v-3baef04c="" class="kui-icon flag-az-icon" data-testid="kui-icon-wrapper-flag-az-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3baef04c="" data-testid="kui-icon-svg-flag-az-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2263)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#D80027"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#6DA544"></path>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#338AF3"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2263">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBaIcon.html b/src/tests/__snapshots__/FlagBaIcon.html
index 64284d3b..34844dab 100644
--- a/src/tests/__snapshots__/FlagBaIcon.html
+++ b/src/tests/__snapshots__/FlagBaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c35e636f="" class="kui-icon flag-ba-icon" data-testid="kui-icon-wrapper-flag-ba-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c35e636f="" data-testid="kui-icon-svg-flag-ba-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c35e636f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c35e636f=""><g clip-path="url(#clip0_1_2280)">
+<span data-v-c35e636f="" class="kui-icon flag-ba-icon" data-testid="kui-icon-wrapper-flag-ba-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c35e636f="" data-testid="kui-icon-svg-flag-ba-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2280)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.74515 0 4.00781 2.21452 1.87706 5.5537L18.1501 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path>
 <path d="M24 12C24 8.88651 22.8142 6.0502 20.8696 3.91748V20.0827C22.8142 17.9499 24 15.1136 24 12Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2280">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBbIcon.html b/src/tests/__snapshots__/FlagBbIcon.html
index 94b29425..bb42f5cc 100644
--- a/src/tests/__snapshots__/FlagBbIcon.html
+++ b/src/tests/__snapshots__/FlagBbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e700414b="" class="kui-icon flag-bb-icon" data-testid="kui-icon-wrapper-flag-bb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e700414b="" data-testid="kui-icon-svg-flag-bb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e700414b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e700414b=""><g clip-path="url(#clip0_1_2269)">
+<span data-v-e700414b="" class="kui-icon flag-bb-icon" data-testid="kui-icon-wrapper-flag-bb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e700414b="" data-testid="kui-icon-svg-flag-bb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2269)">
 <path d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#FFDA44"></path>
 <path d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#0052B4"></path>
 <path d="M17.2173 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2173 1.19092Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2269">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBdIcon.html b/src/tests/__snapshots__/FlagBdIcon.html
index 37872d37..c3f7e0b6 100644
--- a/src/tests/__snapshots__/FlagBdIcon.html
+++ b/src/tests/__snapshots__/FlagBdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2b3c60ab="" class="kui-icon flag-bd-icon" data-testid="kui-icon-wrapper-flag-bd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b3c60ab="" data-testid="kui-icon-svg-flag-bd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2b3c60ab="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2b3c60ab=""><g clip-path="url(#clip0_1_2268)">
+<span data-v-2b3c60ab="" class="kui-icon flag-bd-icon" data-testid="kui-icon-wrapper-flag-bd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b3c60ab="" data-testid="kui-icon-svg-flag-bd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2268)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M9.39132 17.2175C12.2728 17.2175 14.6087 14.8816 14.6087 12.0001C14.6087 9.11861 12.2728 6.78271 9.39132 6.78271C6.50985 6.78271 4.17395 9.11861 4.17395 12.0001C4.17395 14.8816 6.50985 17.2175 9.39132 17.2175Z" fill="#D80027"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1_2268">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBeIcon.html b/src/tests/__snapshots__/FlagBeIcon.html
index ec77cb15..c34ec08c 100644
--- a/src/tests/__snapshots__/FlagBeIcon.html
+++ b/src/tests/__snapshots__/FlagBeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6693e895="" class="kui-icon flag-be-icon" data-testid="kui-icon-wrapper-flag-be-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6693e895="" data-testid="kui-icon-svg-flag-be-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6693e895="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6693e895=""><g clip-path="url(#clip0_1_2272)">
+<span data-v-6693e895="" class="kui-icon flag-be-icon" data-testid="kui-icon-wrapper-flag-be-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6693e895="" data-testid="kui-icon-svg-flag-be-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2272)">
 <path d="M16.1739 0.746391C14.8739 0.264047 13.4679 0 12 0C10.5322 0 9.12612 0.264047 7.82614 0.746391L6.78265 12L7.82614 23.2536C9.12612 23.736 10.5322 24 12 24C13.4679 24 14.8739 23.736 16.1739 23.2536L17.2174 12L16.1739 0.746391Z" fill="#FFDA44"></path>
 <path d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#D80027"></path>
 <path d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="black"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2272">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBfIcon.html b/src/tests/__snapshots__/FlagBfIcon.html
index f4518576..5ee0d431 100644
--- a/src/tests/__snapshots__/FlagBfIcon.html
+++ b/src/tests/__snapshots__/FlagBfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bd13fecd="" class="kui-icon flag-bf-icon" data-testid="kui-icon-wrapper-flag-bf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bd13fecd="" data-testid="kui-icon-svg-flag-bf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bd13fecd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bd13fecd=""><g clip-path="url(#clip0_1_2288)">
+<span data-v-bd13fecd="" class="kui-icon flag-bf-icon" data-testid="kui-icon-wrapper-flag-bf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bd13fecd="" data-testid="kui-icon-svg-flag-bf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2288)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#6DA544"></path>
 <path d="M11.9999 7.82617L12.9064 10.6161H15.8401L13.4667 12.3404L14.3732 15.1305L11.9999 13.4062L9.6266 15.1305L10.5332 12.3404L8.15979 10.6161H11.0934L11.9999 7.82617Z" fill="#FFDA44"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2288">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBgIcon.html b/src/tests/__snapshots__/FlagBgIcon.html
index 17dcc72a..b3df0252 100644
--- a/src/tests/__snapshots__/FlagBgIcon.html
+++ b/src/tests/__snapshots__/FlagBgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-69d9340c="" class="kui-icon flag-bg-icon" data-testid="kui-icon-wrapper-flag-bg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-69d9340c="" data-testid="kui-icon-svg-flag-bg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-69d9340c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-69d9340c=""><g clip-path="url(#clip0_1_2287)">
+<span data-v-69d9340c="" class="kui-icon flag-bg-icon" data-testid="kui-icon-wrapper-flag-bg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-69d9340c="" data-testid="kui-icon-svg-flag-bg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2287)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#496E2D"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#F0F0F0"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2287">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBhIcon.html b/src/tests/__snapshots__/FlagBhIcon.html
index 3c035c47..b02e007e 100644
--- a/src/tests/__snapshots__/FlagBhIcon.html
+++ b/src/tests/__snapshots__/FlagBhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9252fb8b="" class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9252fb8b="" data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9252fb8b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9252fb8b=""><g clip-path="url(#clip0_1415_3170)">
+<span data-v-9252fb8b="" class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9252fb8b="" data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3170)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C9.59165 0 7.34953 0.709922 5.47021 1.93116L8.55642 3.9997L4.69556 5.99967L8.55642 7.99964L4.69556 9.99961L8.55642 11.9993L4.69556 13.9993L8.55642 15.9992L4.69556 17.9993L8.55642 19.9993L5.46984 22.0685C7.34924 23.29 9.59151 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0V0Z" fill="#D80027"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1415_3170">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBiIcon.html b/src/tests/__snapshots__/FlagBiIcon.html
index c07d7dbf..b59c1c74 100644
--- a/src/tests/__snapshots__/FlagBiIcon.html
+++ b/src/tests/__snapshots__/FlagBiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f0378c29="" class="kui-icon flag-bi-icon" data-testid="kui-icon-wrapper-flag-bi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0378c29="" data-testid="kui-icon-svg-flag-bi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0378c29="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0378c29=""><g clip-path="url(#clip0_1_2289)">
+<span data-v-f0378c29="" class="kui-icon flag-bi-icon" data-testid="kui-icon-wrapper-flag-bi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0378c29="" data-testid="kui-icon-svg-flag-bi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2289)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z" fill="#D80027"></path>
 <path d="M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z" fill="#D80027"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_1_2289">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBjIcon.html b/src/tests/__snapshots__/FlagBjIcon.html
index 6b1d44a5..70bbc443 100644
--- a/src/tests/__snapshots__/FlagBjIcon.html
+++ b/src/tests/__snapshots__/FlagBjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-0b66ffa2="" class="kui-icon flag-bj-icon" data-testid="kui-icon-wrapper-flag-bj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b66ffa2="" data-testid="kui-icon-svg-flag-bj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0b66ffa2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0b66ffa2=""><g clip-path="url(#clip0_1_2275)">
+<span data-v-0b66ffa2="" class="kui-icon flag-bj-icon" data-testid="kui-icon-wrapper-flag-bj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b66ffa2="" data-testid="kui-icon-svg-flag-bj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2275)">
 <path d="M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z" fill="#D80027"></path>
 <path d="M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z" fill="#FFDA44"></path>
 <path d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2275">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBlIcon.html b/src/tests/__snapshots__/FlagBlIcon.html
index 58394c8e..36cda74a 100644
--- a/src/tests/__snapshots__/FlagBlIcon.html
+++ b/src/tests/__snapshots__/FlagBlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-85dc8bf2="" class="kui-icon flag-bl-icon" data-testid="kui-icon-wrapper-flag-bl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85dc8bf2="" data-testid="kui-icon-svg-flag-bl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-85dc8bf2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-85dc8bf2=""><g clip-path="url(#clip0_246_5346)">
+<span data-v-85dc8bf2="" class="kui-icon flag-bl-icon" data-testid="kui-icon-wrapper-flag-bl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85dc8bf2="" data-testid="kui-icon-svg-flag-bl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5346)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z" fill="#ACABB1"></path>
 <path d="M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z" fill="#ACABB1"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5346">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBmIcon.html b/src/tests/__snapshots__/FlagBmIcon.html
index 81b055bb..a1226a0e 100644
--- a/src/tests/__snapshots__/FlagBmIcon.html
+++ b/src/tests/__snapshots__/FlagBmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ab6d5c44="" class="kui-icon flag-bm-icon" data-testid="kui-icon-wrapper-flag-bm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ab6d5c44="" data-testid="kui-icon-svg-flag-bm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ab6d5c44="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ab6d5c44=""><g clip-path="url(#clip0_1_2276)">
+<span data-v-ab6d5c44="" class="kui-icon flag-bm-icon" data-testid="kui-icon-wrapper-flag-bm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ab6d5c44="" data-testid="kui-icon-svg-flag-bm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2276)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
 <path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path>
 <path d="M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_1_2276">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBnIcon.html b/src/tests/__snapshots__/FlagBnIcon.html
index 1beb34ac..2b594e93 100644
--- a/src/tests/__snapshots__/FlagBnIcon.html
+++ b/src/tests/__snapshots__/FlagBnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-52947c34="" class="kui-icon flag-bn-icon" data-testid="kui-icon-wrapper-flag-bn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-52947c34="" data-testid="kui-icon-svg-flag-bn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-52947c34="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-52947c34=""><g clip-path="url(#clip0_1_2286)">
+<span data-v-52947c34="" class="kui-icon flag-bn-icon" data-testid="kui-icon-wrapper-flag-bn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-52947c34="" data-testid="kui-icon-svg-flag-bn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2286)">
 <path d="M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z" fill="#F0F0F0"></path>
 <path d="M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z" fill="black"></path>
 <path d="M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z" fill="#FFDA44"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_1_2286">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBoIcon.html b/src/tests/__snapshots__/FlagBoIcon.html
index 7801ad5b..1436b439 100644
--- a/src/tests/__snapshots__/FlagBoIcon.html
+++ b/src/tests/__snapshots__/FlagBoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e8447cca="" class="kui-icon flag-bo-icon" data-testid="kui-icon-wrapper-flag-bo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e8447cca="" data-testid="kui-icon-svg-flag-bo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e8447cca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e8447cca=""><g clip-path="url(#clip0_1_2278)">
+<span data-v-e8447cca="" class="kui-icon flag-bo-icon" data-testid="kui-icon-wrapper-flag-bo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e8447cca="" data-testid="kui-icon-svg-flag-bo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2278)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264 9.1259 0 10.532 0 11.9999C0 13.4677 0.264 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#FFDA44"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#6DA544"></path>
 <path d="M0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611V7.82611Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2278">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBrIcon.html b/src/tests/__snapshots__/FlagBrIcon.html
index 53784f34..670443c7 100644
--- a/src/tests/__snapshots__/FlagBrIcon.html
+++ b/src/tests/__snapshots__/FlagBrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-71f6867a="" class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-71f6867a="" data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-71f6867a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-71f6867a=""><g clip-path="url(#clip0_1415_3697)">
+<span data-v-71f6867a="" class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-71f6867a="" data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3697)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
 <path d="M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z" fill="#FFDA44"></path>
 <path d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#F0F0F0"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1415_3697">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBsIcon.html b/src/tests/__snapshots__/FlagBsIcon.html
index 8145c1e2..ed013482 100644
--- a/src/tests/__snapshots__/FlagBsIcon.html
+++ b/src/tests/__snapshots__/FlagBsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-fb0112d9="" class="kui-icon flag-bs-icon" data-testid="kui-icon-wrapper-flag-bs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fb0112d9="" data-testid="kui-icon-svg-flag-bs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fb0112d9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fb0112d9=""><g clip-path="url(#clip0_1_2265)">
+<span data-v-fb0112d9="" class="kui-icon flag-bs-icon" data-testid="kui-icon-wrapper-flag-bs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fb0112d9="" data-testid="kui-icon-svg-flag-bs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2265)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#338AF3"></path>
 <path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#338AF3"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2265">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBtIcon.html b/src/tests/__snapshots__/FlagBtIcon.html
index 7f4e23bf..5e45a7b0 100644
--- a/src/tests/__snapshots__/FlagBtIcon.html
+++ b/src/tests/__snapshots__/FlagBtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-58993545="" class="kui-icon flag-bt-icon" data-testid="kui-icon-wrapper-flag-bt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58993545="" data-testid="kui-icon-svg-flag-bt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-58993545="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-58993545=""><g clip-path="url(#clip0_1_2277)">
+<span data-v-58993545="" class="kui-icon flag-bt-icon" data-testid="kui-icon-wrapper-flag-bt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58993545="" data-testid="kui-icon-svg-flag-bt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2277)">
 <path d="M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z" fill="#FFDA44"></path>
 <path d="M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z" fill="#D80027"></path>
 <path d="M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z" fill="#FF9811"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2277">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBwIcon.html b/src/tests/__snapshots__/FlagBwIcon.html
index 9c6f1ede..1e40db5e 100644
--- a/src/tests/__snapshots__/FlagBwIcon.html
+++ b/src/tests/__snapshots__/FlagBwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5aa248a0="" class="kui-icon flag-bw-icon" data-testid="kui-icon-wrapper-flag-bw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5aa248a0="" data-testid="kui-icon-svg-flag-bw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5aa248a0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5aa248a0=""><g clip-path="url(#clip0_1_2281)">
+<span data-v-5aa248a0="" class="kui-icon flag-bw-icon" data-testid="kui-icon-wrapper-flag-bw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5aa248a0="" data-testid="kui-icon-svg-flag-bw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2281)">
 <path d="M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z" fill="#F0F0F0"></path>
 <path d="M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z" fill="black"></path>
 <path d="M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z" fill="#338AF3"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2281">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagByIcon.html b/src/tests/__snapshots__/FlagByIcon.html
index bfddb1ab..6394e289 100644
--- a/src/tests/__snapshots__/FlagByIcon.html
+++ b/src/tests/__snapshots__/FlagByIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7c78ffa8="" class="kui-icon flag-by-icon" data-testid="kui-icon-wrapper-flag-by-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c78ffa8="" data-testid="kui-icon-svg-flag-by-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7c78ffa8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7c78ffa8=""><g clip-path="url(#clip0_1_2271)">
+<span data-v-7c78ffa8="" class="kui-icon flag-by-icon" data-testid="kui-icon-wrapper-flag-by-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c78ffa8="" data-testid="kui-icon-svg-flag-by-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2271)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
 <path d="M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z" fill="#A2001D"></path>
 <path d="M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z" fill="#A2001D"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_1_2271">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagBzIcon.html b/src/tests/__snapshots__/FlagBzIcon.html
index 4d39d1d2..f85b3ef2 100644
--- a/src/tests/__snapshots__/FlagBzIcon.html
+++ b/src/tests/__snapshots__/FlagBzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-32dddf53="" class="kui-icon flag-bz-icon" data-testid="kui-icon-wrapper-flag-bz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32dddf53="" data-testid="kui-icon-svg-flag-bz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-32dddf53="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-32dddf53=""><g clip-path="url(#clip0_1_2274)">
+<span data-v-32dddf53="" class="kui-icon flag-bz-icon" data-testid="kui-icon-wrapper-flag-bz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32dddf53="" data-testid="kui-icon-svg-flag-bz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2274)">
 <path d="M24 12.0002C24 7.88174 21.9249 4.24832 18.7635 2.0872L12 1.56543L5.23655 2.08715C2.07516 4.24832 0 7.88179 0 12.0002C0 16.1188 2.07516 19.7521 5.23655 21.9133L12 22.435L18.7635 21.9133C21.9249 19.7521 24 16.1188 24 12.0002Z" fill="#0052B4"></path>
 <path d="M18.7634 2.08697C16.8376 0.770437 14.5089 0 12 0C9.4911 0 7.1624 0.770437 5.23654 2.08697H18.7634Z" fill="#A2001D"></path>
 <path d="M5.23654 21.9131C7.16235 23.2296 9.4911 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7634 21.9131H5.23654Z" fill="#A2001D"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1_2274">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCaIcon.html b/src/tests/__snapshots__/FlagCaIcon.html
index 0f3ce840..52cc5d93 100644
--- a/src/tests/__snapshots__/FlagCaIcon.html
+++ b/src/tests/__snapshots__/FlagCaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-cab513ae="" class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cab513ae="" data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cab513ae="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cab513ae=""><g clip-path="url(#clip0_1415_3800)">
+<span data-v-cab513ae="" class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cab513ae="" data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3800)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1415_3800">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCcIcon.html b/src/tests/__snapshots__/FlagCcIcon.html
index ce98335a..d7df1dc9 100644
--- a/src/tests/__snapshots__/FlagCcIcon.html
+++ b/src/tests/__snapshots__/FlagCcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7a0bd759="" class="kui-icon flag-cc-icon" data-testid="kui-icon-wrapper-flag-cc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a0bd759="" data-testid="kui-icon-svg-flag-cc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7a0bd759="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7a0bd759=""><g clip-path="url(#clip0_1_2302)">
+<span data-v-7a0bd759="" class="kui-icon flag-cc-icon" data-testid="kui-icon-wrapper-flag-cc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a0bd759="" data-testid="kui-icon-svg-flag-cc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2302)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
 <path d="M18.4211 17.2178L18.7504 17.9063L19.494 17.7345L19.161 18.4212L19.759 18.8954L19.0145 19.0632L19.0166 19.8265L18.4211 19.349L17.8257 19.8265L17.8278 19.0632L17.0833 18.8954L17.6812 18.4212L17.3482 17.7345L18.0918 17.9063L18.4211 17.2178Z" fill="#FFDA44"></path>
 <path d="M15.3577 9.91309L15.6871 10.6016L16.4307 10.4297L16.0977 11.1166L16.6957 11.5907L15.9511 11.7586L15.9532 12.5218L15.3577 12.0443L14.7623 12.5218L14.7644 11.7586L14.0199 11.5907L14.6179 11.1166L14.2848 10.4297L15.0285 10.6016L15.3577 9.91309Z" fill="#FFDA44"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_1_2302">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCdIcon.html b/src/tests/__snapshots__/FlagCdIcon.html
index da79854d..c4fe295e 100644
--- a/src/tests/__snapshots__/FlagCdIcon.html
+++ b/src/tests/__snapshots__/FlagCdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bfa75b85="" class="kui-icon flag-cd-icon" data-testid="kui-icon-wrapper-flag-cd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bfa75b85="" data-testid="kui-icon-svg-flag-cd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bfa75b85="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bfa75b85=""><g clip-path="url(#clip0_1_2313)">
+<span data-v-bfa75b85="" class="kui-icon flag-cd-icon" data-testid="kui-icon-wrapper-flag-cd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bfa75b85="" data-testid="kui-icon-svg-flag-cd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2313)">
 <path d="M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z" fill="#FFDA44"></path>
 <path d="M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z" fill="#D80027"></path>
 <path d="M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z" fill="#338AF3"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2313">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCfIcon.html b/src/tests/__snapshots__/FlagCfIcon.html
index 497707d8..af0c1f95 100644
--- a/src/tests/__snapshots__/FlagCfIcon.html
+++ b/src/tests/__snapshots__/FlagCfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6b8fb026="" class="kui-icon flag-cf-icon" data-testid="kui-icon-wrapper-flag-cf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6b8fb026="" data-testid="kui-icon-svg-flag-cf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6b8fb026="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6b8fb026=""><g clip-path="url(#clip0_1_2296)">
+<span data-v-6b8fb026="" class="kui-icon flag-cf-icon" data-testid="kui-icon-wrapper-flag-cf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6b8fb026="" data-testid="kui-icon-svg-flag-cf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2296)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z" fill="#0052B4"></path>
 <path d="M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z" fill="#0052B4"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_1_2296">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagChIcon.html b/src/tests/__snapshots__/FlagChIcon.html
index 3535c196..3ad777d0 100644
--- a/src/tests/__snapshots__/FlagChIcon.html
+++ b/src/tests/__snapshots__/FlagChIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d537e9e4="" class="kui-icon flag-ch-icon" data-testid="kui-icon-wrapper-flag-ch-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d537e9e4="" data-testid="kui-icon-svg-flag-ch-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d537e9e4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d537e9e4=""><g clip-path="url(#clip0_247_6260)">
+<span data-v-d537e9e4="" class="kui-icon flag-ch-icon" data-testid="kui-icon-wrapper-flag-ch-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d537e9e4="" data-testid="kui-icon-svg-flag-ch-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6260)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z" fill="#F0F0F0"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_247_6260">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCiIcon.html b/src/tests/__snapshots__/FlagCiIcon.html
index 0cab2ddc..53e50a93 100644
--- a/src/tests/__snapshots__/FlagCiIcon.html
+++ b/src/tests/__snapshots__/FlagCiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-38745c45="" class="kui-icon flag-ci-icon" data-testid="kui-icon-wrapper-flag-ci-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38745c45="" data-testid="kui-icon-svg-flag-ci-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-38745c45="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-38745c45=""><g clip-path="url(#clip0_1_2366)">
+<span data-v-38745c45="" class="kui-icon flag-ci-icon" data-testid="kui-icon-wrapper-flag-ci-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38745c45="" data-testid="kui-icon-svg-flag-ci-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2366)">
 <path d="M12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#FF9811"></path>
 <path d="M16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V0.746582Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2366">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCkIcon.html b/src/tests/__snapshots__/FlagCkIcon.html
index 51c55ef4..e7bb8eaf 100644
--- a/src/tests/__snapshots__/FlagCkIcon.html
+++ b/src/tests/__snapshots__/FlagCkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-93b0cf63="" class="kui-icon flag-ck-icon" data-testid="kui-icon-wrapper-flag-ck-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93b0cf63="" data-testid="kui-icon-svg-flag-ck-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93b0cf63="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-93b0cf63=""><g clip-path="url(#clip0_1_2305)">
+<span data-v-93b0cf63="" class="kui-icon flag-ck-icon" data-testid="kui-icon-wrapper-flag-ck-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93b0cf63="" data-testid="kui-icon-svg-flag-ck-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2305)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -17,4 +17,4 @@
 <clipPath id="clip0_1_2305">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagClIcon.html b/src/tests/__snapshots__/FlagClIcon.html
index b19f1634..1a4feb2c 100644
--- a/src/tests/__snapshots__/FlagClIcon.html
+++ b/src/tests/__snapshots__/FlagClIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8f739682="" class="kui-icon flag-cl-icon" data-testid="kui-icon-wrapper-flag-cl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f739682="" data-testid="kui-icon-svg-flag-cl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f739682="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8f739682=""><g clip-path="url(#clip0_1_2300)">
+<span data-v-8f739682="" class="kui-icon flag-cl-icon" data-testid="kui-icon-wrapper-flag-cl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f739682="" data-testid="kui-icon-svg-flag-cl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2300)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 18.6276 18.6274 24.0002 12 24.0002C5.37262 24.0002 0 18.6276 0 12.0002C0 5.37281 12 12.0002 12 12.0002C12 12.0002 21.0825 12.0002 24 12.0002Z" fill="#D80027"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0V12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2300">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCmIcon.html b/src/tests/__snapshots__/FlagCmIcon.html
index 6f46595b..a6d40a9b 100644
--- a/src/tests/__snapshots__/FlagCmIcon.html
+++ b/src/tests/__snapshots__/FlagCmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8dea81a5="" class="kui-icon flag-cm-icon" data-testid="kui-icon-wrapper-flag-cm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dea81a5="" data-testid="kui-icon-svg-flag-cm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8dea81a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8dea81a5=""><g clip-path="url(#clip0_1_2291)">
+<span data-v-8dea81a5="" class="kui-icon flag-cm-icon" data-testid="kui-icon-wrapper-flag-cm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dea81a5="" data-testid="kui-icon-svg-flag-cm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2291)">
 <path d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path>
 <path d="M11.9999 7.82617L13.0358 11.0146H16.3887L13.6763 12.9854L14.7123 16.174L11.9999 14.2033L9.28747 16.174L10.3236 12.9854L7.61127 11.0146H10.9639L11.9999 7.82617Z" fill="#FFDA44"></path>
 <path d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#496E2D"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2291">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCnIcon.html b/src/tests/__snapshots__/FlagCnIcon.html
index 9d81b82b..2bacaa04 100644
--- a/src/tests/__snapshots__/FlagCnIcon.html
+++ b/src/tests/__snapshots__/FlagCnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d3982a16="" class="kui-icon flag-cn-icon" data-testid="kui-icon-wrapper-flag-cn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d3982a16="" data-testid="kui-icon-svg-flag-cn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d3982a16="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d3982a16=""><g clip-path="url(#clip0_1_2301)">
+<span data-v-d3982a16="" class="kui-icon flag-cn-icon" data-testid="kui-icon-wrapper-flag-cn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d3982a16="" data-testid="kui-icon-svg-flag-cn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2301)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z" fill="#FFDA44"></path>
 <path d="M14.2266 18.5857L13.4344 17.6107L12.2625 18.0654L12.9422 17.0107L12.15 16.0311L13.3641 16.3545L14.0484 15.2998L14.1141 16.5561L15.3328 16.8795L14.1563 17.3295L14.2266 18.5857Z" fill="#FFDA44"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2301">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCoIcon.html b/src/tests/__snapshots__/FlagCoIcon.html
index 93cb1e91..5d6ffbab 100644
--- a/src/tests/__snapshots__/FlagCoIcon.html
+++ b/src/tests/__snapshots__/FlagCoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d1f23536="" class="kui-icon flag-co-icon" data-testid="kui-icon-wrapper-flag-co-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1f23536="" data-testid="kui-icon-svg-flag-co-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d1f23536="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d1f23536=""><g clip-path="url(#clip0_1_2303)">
+<span data-v-d1f23536="" class="kui-icon flag-co-icon" data-testid="kui-icon-wrapper-flag-co-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1f23536="" data-testid="kui-icon-svg-flag-co-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2303)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path>
 <path d="M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z" fill="#D80027"></path>
 <path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2303">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCrIcon.html b/src/tests/__snapshots__/FlagCrIcon.html
index 64115e8c..456d0feb 100644
--- a/src/tests/__snapshots__/FlagCrIcon.html
+++ b/src/tests/__snapshots__/FlagCrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e10451ed="" class="kui-icon flag-cr-icon" data-testid="kui-icon-wrapper-flag-cr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e10451ed="" data-testid="kui-icon-svg-flag-cr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e10451ed="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e10451ed=""><g clip-path="url(#clip0_1_2307)">
+<span data-v-e10451ed="" class="kui-icon flag-cr-icon" data-testid="kui-icon-wrapper-flag-cr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e10451ed="" data-testid="kui-icon-svg-flag-cr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2307)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z" fill="#D80027"></path>
 <path d="M12 0C8.36293 0 5.10404 1.61831 2.9034 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0V0Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2307">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCuIcon.html b/src/tests/__snapshots__/FlagCuIcon.html
index 6ef23ef4..d9eeac32 100644
--- a/src/tests/__snapshots__/FlagCuIcon.html
+++ b/src/tests/__snapshots__/FlagCuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3f83e25c="" class="kui-icon flag-cu-icon" data-testid="kui-icon-wrapper-flag-cu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f83e25c="" data-testid="kui-icon-svg-flag-cu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f83e25c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3f83e25c=""><g clip-path="url(#clip0_1_2309)">
+<span data-v-3f83e25c="" class="kui-icon flag-cu-icon" data-testid="kui-icon-wrapper-flag-cu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f83e25c="" data-testid="kui-icon-svg-flag-cu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2309)">
 <path d="M4.6875e-05 2.08691H0V21.913H4.6875e-05V12V2.08691Z" fill="#FF9811"></path>
 <path d="M12 23.9999C18.6273 23.9999 23.9999 18.6273 23.9999 12C23.9999 5.37256 18.6273 0 12 0C5.37256 0 0 5.37256 0 12C0 18.6273 5.37256 23.9999 12 23.9999Z" fill="#F0F0F0"></path>
 <path d="M12.0001 0C8.07418 0 4.58883 1.88545 2.39954 4.8H21.6005C19.4113 1.88541 15.9259 0 12.0001 0V0Z" fill="#0052B4"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_1_2309">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCvIcon.html b/src/tests/__snapshots__/FlagCvIcon.html
index 765edb0d..5d718d0a 100644
--- a/src/tests/__snapshots__/FlagCvIcon.html
+++ b/src/tests/__snapshots__/FlagCvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-62f9360d="" class="kui-icon flag-cv-icon" data-testid="kui-icon-wrapper-flag-cv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62f9360d="" data-testid="kui-icon-svg-flag-cv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-62f9360d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-62f9360d=""><g clip-path="url(#clip0_1_2294)">
+<span data-v-62f9360d="" class="kui-icon flag-cv-icon" data-testid="kui-icon-wrapper-flag-cv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62f9360d="" data-testid="kui-icon-svg-flag-cv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2294)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#0052B4"></path>
 <path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#0052B4"></path>
@@ -18,4 +18,4 @@
 <clipPath id="clip0_1_2294">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCyIcon.html b/src/tests/__snapshots__/FlagCyIcon.html
index 028641ae..c604e7dc 100644
--- a/src/tests/__snapshots__/FlagCyIcon.html
+++ b/src/tests/__snapshots__/FlagCyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6e4058cc="" class="kui-icon flag-cy-icon" data-testid="kui-icon-wrapper-flag-cy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e4058cc="" data-testid="kui-icon-svg-flag-cy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6e4058cc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6e4058cc=""><g clip-path="url(#clip0_1_2311)">
+<span data-v-6e4058cc="" class="kui-icon flag-cy-icon" data-testid="kui-icon-wrapper-flag-cy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e4058cc="" data-testid="kui-icon-svg-flag-cy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2311)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
 <path d="M18.7826 10.4346C18.4174 10.4346 17.9652 10.4346 17.2174 10.4346C17.2174 13.3161 14.8815 15.6519 12 15.6519C9.1185 15.6519 6.78267 13.3161 6.78267 10.4346C6.2783 10.4346 5.72175 10.4346 5.21747 10.4346C5.21747 13.5384 7.30228 16.1553 10.1481 16.9612C9.83606 17.5539 9.88359 18.3001 10.3293 18.8563C10.9147 18.3871 11.5207 17.9014 12.0348 17.4895C12.549 17.9015 13.155 18.3871 13.7404 18.8563C14.1905 18.2946 14.2348 17.5389 13.9124 16.9434C16.727 16.1176 18.7826 13.5163 18.7826 10.4346V10.4346Z" fill="#6DA544"></path>
 <path d="M7.82611 9.91291C7.82611 9.91291 7.82611 12.5216 10.4348 12.5216L10.9565 13.0433H12C12 13.0433 12.5217 11.4781 13.5652 11.4781C13.5652 11.4781 13.5652 10.4346 14.6087 10.4346C15.6522 10.4346 16.1739 10.4346 16.1739 10.4346C16.1739 10.4346 15.6522 8.34766 18.2609 6.78246L17.2174 6.26074C17.2174 6.26074 13.5652 8.86943 10.9565 8.34771V9.3912H9.91303L9.39131 8.86948L7.82611 9.91291Z" fill="#FFDA44"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2311">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagCzIcon.html b/src/tests/__snapshots__/FlagCzIcon.html
index d25c9679..cc17cbeb 100644
--- a/src/tests/__snapshots__/FlagCzIcon.html
+++ b/src/tests/__snapshots__/FlagCzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-753a3403="" class="kui-icon flag-cz-icon" data-testid="kui-icon-wrapper-flag-cz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-753a3403="" data-testid="kui-icon-svg-flag-cz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-753a3403="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-753a3403=""><g clip-path="url(#clip0_1_2312)">
+<span data-v-753a3403="" class="kui-icon flag-cz-icon" data-testid="kui-icon-wrapper-flag-cz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-753a3403="" data-testid="kui-icon-svg-flag-cz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2312)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M10.9565 12C10.9565 12 3.52171 20.487 3.51468 20.4853C5.68621 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#D80027"></path>
 <path d="M3.51468 3.51465C-1.1716 8.20093 -1.1716 15.7989 3.51468 20.4853C5.45123 18.5487 7.31371 16.6862 12 12L3.51468 3.51465Z" fill="#0052B4"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2312">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDeIcon.html b/src/tests/__snapshots__/FlagDeIcon.html
index 18e726e4..1291645b 100644
--- a/src/tests/__snapshots__/FlagDeIcon.html
+++ b/src/tests/__snapshots__/FlagDeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-da91fc87="" class="kui-icon flag-de-icon" data-testid="kui-icon-wrapper-flag-de-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-da91fc87="" data-testid="kui-icon-svg-flag-de-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-da91fc87="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-da91fc87=""><g clip-path="url(#clip0_1_2339)">
+<span data-v-da91fc87="" class="kui-icon flag-de-icon" data-testid="kui-icon-wrapper-flag-de-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-da91fc87="" data-testid="kui-icon-svg-flag-de-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2339)">
 <path d="M0.746399 16.1738C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L12 15.1304L0.746399 16.1738Z" fill="#FFDA44"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611L12 8.86955L23.2536 7.82606C21.5581 3.2565 17.1596 0 12 0Z" fill="black"></path>
 <path d="M0.746391 7.82617C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617H0.746391Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2339">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDjIcon.html b/src/tests/__snapshots__/FlagDjIcon.html
index 518d542a..8b6e627e 100644
--- a/src/tests/__snapshots__/FlagDjIcon.html
+++ b/src/tests/__snapshots__/FlagDjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2aaa6375="" class="kui-icon flag-dj-icon" data-testid="kui-icon-wrapper-flag-dj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2aaa6375="" data-testid="kui-icon-svg-flag-dj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2aaa6375="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2aaa6375=""><g clip-path="url(#clip0_1_2315)">
+<span data-v-2aaa6375="" class="kui-icon flag-dj-icon" data-testid="kui-icon-wrapper-flag-dj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2aaa6375="" data-testid="kui-icon-svg-flag-dj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2315)">
 <path d="M10.9565 13.0435C10.9565 13.0435 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#338AF3"></path>
 <path d="M10.9565 12C10.9565 12 3.52174 20.487 3.51471 20.4853C5.68624 22.6568 8.68629 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#6DA544"></path>
 <path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#F0F0F0"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2315">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDkIcon.html b/src/tests/__snapshots__/FlagDkIcon.html
index cd948f68..a7fb8f81 100644
--- a/src/tests/__snapshots__/FlagDkIcon.html
+++ b/src/tests/__snapshots__/FlagDkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3fbce30b="" class="kui-icon flag-dk-icon" data-testid="kui-icon-wrapper-flag-dk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3fbce30b="" data-testid="kui-icon-svg-flag-dk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3fbce30b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3fbce30b=""><g clip-path="url(#clip0_1_2314)">
+<span data-v-3fbce30b="" class="kui-icon flag-dk-icon" data-testid="kui-icon-wrapper-flag-dk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3fbce30b="" data-testid="kui-icon-svg-flag-dk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2314)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M9.39134 10.4348H23.8984C23.1314 4.54697 18.0969 0 12 0C11.104 0 10.2313 0.0990469 9.3913 0.285234V10.4348H9.39134Z" fill="#D80027"></path>
 <path d="M6.26084 10.4347V1.45898C2.96586 3.25683 0.607016 6.55453 0.101562 10.4347H6.26084V10.4347Z" fill="#D80027"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2314">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDmIcon.html b/src/tests/__snapshots__/FlagDmIcon.html
index c730f270..de19430b 100644
--- a/src/tests/__snapshots__/FlagDmIcon.html
+++ b/src/tests/__snapshots__/FlagDmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-85920d32="" class="kui-icon flag-dm-icon" data-testid="kui-icon-wrapper-flag-dm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85920d32="" data-testid="kui-icon-svg-flag-dm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-85920d32="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-85920d32=""><g clip-path="url(#clip0_1_2316)">
+<span data-v-85920d32="" class="kui-icon flag-dm-icon" data-testid="kui-icon-wrapper-flag-dm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85920d32="" data-testid="kui-icon-svg-flag-dm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2316)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M14.3478 23.77C19.0917 22.829 22.8287 19.092 23.7697 14.3481H14.3478V23.77Z" fill="#496E2D"></path>
 <path d="M0.230286 14.3481C1.1713 19.092 4.90827 22.829 9.65216 23.77V14.3481H0.230286Z" fill="#496E2D"></path>
@@ -29,4 +29,4 @@
 <clipPath id="clip0_1_2316">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDoIcon.html b/src/tests/__snapshots__/FlagDoIcon.html
index dd8c3d7f..3f575b14 100644
--- a/src/tests/__snapshots__/FlagDoIcon.html
+++ b/src/tests/__snapshots__/FlagDoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9dc00ff8="" class="kui-icon flag-do-icon" data-testid="kui-icon-wrapper-flag-do-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9dc00ff8="" data-testid="kui-icon-svg-flag-do-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9dc00ff8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9dc00ff8=""><g clip-path="url(#clip0_1_2317)">
+<span data-v-9dc00ff8="" class="kui-icon flag-do-icon" data-testid="kui-icon-wrapper-flag-do-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9dc00ff8="" data-testid="kui-icon-svg-flag-do-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2317)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0.413391 15.1304C1.52142 19.2414 4.75847 22.4785 8.86959 23.5866V15.1304H0.413391Z" fill="#D80027"></path>
 <path d="M8.86955 0.413574C4.75847 1.52156 1.52138 4.75865 0.413391 8.86973H8.86959V0.413574H8.86955Z" fill="#0052B4"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1_2317">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagDzIcon.html b/src/tests/__snapshots__/FlagDzIcon.html
index 9a4e74eb..b8bbd595 100644
--- a/src/tests/__snapshots__/FlagDzIcon.html
+++ b/src/tests/__snapshots__/FlagDzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eadf0e46="" class="kui-icon flag-dz-icon" data-testid="kui-icon-wrapper-flag-dz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eadf0e46="" data-testid="kui-icon-svg-flag-dz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eadf0e46="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eadf0e46=""><g clip-path="url(#clip0_1_2252)">
+<span data-v-eadf0e46="" class="kui-icon flag-dz-icon" data-testid="kui-icon-wrapper-flag-dz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eadf0e46="" data-testid="kui-icon-svg-flag-dz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2252)">
 <path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24C12 23.4783 10.4348 12 10.4348 12L12 0Z" fill="#F0F0F0"></path>
 <path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#496E2D"></path>
 <path d="M14.5783 9.69824L13.5937 11.055L11.9992 10.5379L12.9853 11.8935L12.0008 13.2503L13.5948 12.7314L14.5809 14.087L14.5799 12.4107L16.1739 11.8917L14.5794 11.3746L14.5783 9.69824Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2252">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEcIcon.html b/src/tests/__snapshots__/FlagEcIcon.html
index 7e45c207..65cc97bb 100644
--- a/src/tests/__snapshots__/FlagEcIcon.html
+++ b/src/tests/__snapshots__/FlagEcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-74eb431f="" class="kui-icon flag-ec-icon" data-testid="kui-icon-wrapper-flag-ec-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-74eb431f="" data-testid="kui-icon-svg-flag-ec-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-74eb431f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-74eb431f=""><g clip-path="url(#clip0_1_2319)">
+<span data-v-74eb431f="" class="kui-icon flag-ec-icon" data-testid="kui-icon-wrapper-flag-ec-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-74eb431f="" data-testid="kui-icon-svg-flag-ec-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2319)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path>
 <path d="M1.60577 17.9999C3.6807 21.5866 7.55838 23.9999 12 23.9999C16.4417 23.9999 20.3193 21.5866 22.3943 17.9999L12 17.2173L1.60577 17.9999Z" fill="#D80027"></path>
 <path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2319">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEeIcon.html b/src/tests/__snapshots__/FlagEeIcon.html
index 6084cd2b..03f578f8 100644
--- a/src/tests/__snapshots__/FlagEeIcon.html
+++ b/src/tests/__snapshots__/FlagEeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-90039129="" class="kui-icon flag-ee-icon" data-testid="kui-icon-wrapper-flag-ee-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-90039129="" data-testid="kui-icon-svg-flag-ee-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-90039129="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-90039129=""><g clip-path="url(#clip0_1_2326)">
+<span data-v-90039129="" class="kui-icon flag-ee-icon" data-testid="kui-icon-wrapper-flag-ee-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-90039129="" data-testid="kui-icon-svg-flag-ee-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2326)">
 <path d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="black"></path>
 <path d="M12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#0052B4"></path>
 <path d="M23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#F0F0F0"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2326">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEgIcon.html b/src/tests/__snapshots__/FlagEgIcon.html
index c207aab8..3cb2b7d3 100644
--- a/src/tests/__snapshots__/FlagEgIcon.html
+++ b/src/tests/__snapshots__/FlagEgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7666b66e="" class="kui-icon flag-eg-icon" data-testid="kui-icon-wrapper-flag-eg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7666b66e="" data-testid="kui-icon-svg-flag-eg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7666b66e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7666b66e=""><g clip-path="url(#clip0_1_2320)">
+<span data-v-7666b66e="" class="kui-icon flag-eg-icon" data-testid="kui-icon-wrapper-flag-eg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7666b66e="" data-testid="kui-icon-svg-flag-eg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2320)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2320">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagErIcon.html b/src/tests/__snapshots__/FlagErIcon.html
index 6fb3529f..041a79f8 100644
--- a/src/tests/__snapshots__/FlagErIcon.html
+++ b/src/tests/__snapshots__/FlagErIcon.html
@@ -1,4 +1,4 @@
-<span data-v-11ef7e3c="" class="kui-icon flag-er-icon" data-testid="kui-icon-wrapper-flag-er-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11ef7e3c="" data-testid="kui-icon-svg-flag-er-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-11ef7e3c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-11ef7e3c=""><g clip-path="url(#clip0_1_2324)">
+<span data-v-11ef7e3c="" class="kui-icon flag-er-icon" data-testid="kui-icon-wrapper-flag-er-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11ef7e3c="" data-testid="kui-icon-svg-flag-er-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2324)">
 <path d="M10.9565 10.9565C10.9565 10.9565 3.52174 20.487 3.51471 20.4853C5.68624 22.6569 8.68629 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z" fill="#338AF3"></path>
 <path d="M10.9565 12C10.9565 12 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z" fill="#6DA544"></path>
 <path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C3.51438 20.4872 24 12 24 12L3.51471 3.51465Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2324">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEsIcon.html b/src/tests/__snapshots__/FlagEsIcon.html
index 288de673..6eac1418 100644
--- a/src/tests/__snapshots__/FlagEsIcon.html
+++ b/src/tests/__snapshots__/FlagEsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-46b1b34b="" class="kui-icon flag-es-icon" data-testid="kui-icon-wrapper-flag-es-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-46b1b34b="" data-testid="kui-icon-svg-flag-es-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-46b1b34b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-46b1b34b=""><g clip-path="url(#clip0_246_5334)">
+<span data-v-46b1b34b="" class="kui-icon flag-es-icon" data-testid="kui-icon-wrapper-flag-es-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-46b1b34b="" data-testid="kui-icon-svg-flag-es-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5334)">
 <path d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264047 9.12612 0 10.5322 0 12H0Z" fill="#FFDA44"></path>
 <path d="M23.2538 7.82611C21.5583 3.25655 17.1598 0 12.0002 0C6.84061 0 2.4421 3.25655 0.746582 7.82611H23.2538Z" fill="#D80027"></path>
 <path d="M0.746582 16.1739C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_5334">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEtIcon.html b/src/tests/__snapshots__/FlagEtIcon.html
index ab02e89f..7311dadb 100644
--- a/src/tests/__snapshots__/FlagEtIcon.html
+++ b/src/tests/__snapshots__/FlagEtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-861cca33="" class="kui-icon flag-et-icon" data-testid="kui-icon-wrapper-flag-et-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-861cca33="" data-testid="kui-icon-svg-flag-et-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-861cca33="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-861cca33=""><g clip-path="url(#clip0_1_2327)">
+<span data-v-861cca33="" class="kui-icon flag-et-icon" data-testid="kui-icon-wrapper-flag-et-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-861cca33="" data-testid="kui-icon-svg-flag-et-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2327)">
 <path d="M0 12.0001C0 13.468 0.264047 14.8741 0.746437 16.1741L12 17.2175L23.2536 16.1741C23.736 14.8741 24 13.468 24 12.0001C24 10.5524 23.7435 9.16453 23.2737 7.87954L12 6.78271L0.726281 7.87959C0.256453 9.16453 0 10.5524 0 12.0001H0Z" fill="#FFDA44"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#6DA544"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2327">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagEuIcon.html b/src/tests/__snapshots__/FlagEuIcon.html
index 56052198..34ffd7b9 100644
--- a/src/tests/__snapshots__/FlagEuIcon.html
+++ b/src/tests/__snapshots__/FlagEuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a7882816="" class="kui-icon flag-eu-icon" data-testid="kui-icon-wrapper-flag-eu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7882816="" data-testid="kui-icon-svg-flag-eu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a7882816="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a7882816=""><g clip-path="url(#clip0_246_4298)">
+<span data-v-a7882816="" class="kui-icon flag-eu-icon" data-testid="kui-icon-wrapper-flag-eu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7882816="" data-testid="kui-icon-svg-flag-eu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4298)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path>
 <path d="M12.0003 4.69565L12.3888 5.89138H13.646L12.6289 6.63037L13.0174 7.8261L12.0003 7.08707L10.9831 7.8261L11.3716 6.63037L10.3545 5.89138H11.6117L12.0003 4.69565Z" fill="#FFDA44"></path>
 <path d="M6.83523 6.83503L7.95554 7.40578L8.84453 6.51685L8.64779 7.75856L9.76806 8.32936L8.52629 8.52605L8.32961 9.76786L7.75881 8.6476L6.51709 8.84433L7.40607 7.95535L6.83523 6.83503Z" fill="#FFDA44"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_246_4298">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFiIcon.html b/src/tests/__snapshots__/FlagFiIcon.html
index cecb6af6..6d03dfbb 100644
--- a/src/tests/__snapshots__/FlagFiIcon.html
+++ b/src/tests/__snapshots__/FlagFiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e95e5d59="" class="kui-icon flag-fi-icon" data-testid="kui-icon-wrapper-flag-fi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e95e5d59="" data-testid="kui-icon-svg-flag-fi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e95e5d59="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e95e5d59=""><g clip-path="url(#clip0_1_2332)">
+<span data-v-e95e5d59="" class="kui-icon flag-fi-icon" data-testid="kui-icon-wrapper-flag-fi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e95e5d59="" data-testid="kui-icon-svg-flag-fi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2332)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#0052B4"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1_2332">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFjIcon.html b/src/tests/__snapshots__/FlagFjIcon.html
index e564bbc0..17f834c6 100644
--- a/src/tests/__snapshots__/FlagFjIcon.html
+++ b/src/tests/__snapshots__/FlagFjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3daac4c7="" class="kui-icon flag-fj-icon" data-testid="kui-icon-wrapper-flag-fj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3daac4c7="" data-testid="kui-icon-svg-flag-fj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3daac4c7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3daac4c7=""><g clip-path="url(#clip0_1_2331)">
+<span data-v-3daac4c7="" class="kui-icon flag-fj-icon" data-testid="kui-icon-wrapper-flag-fj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3daac4c7="" data-testid="kui-icon-svg-flag-fj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2331)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path>
 <path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path>
 <path d="M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_1_2331">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFkIcon.html b/src/tests/__snapshots__/FlagFkIcon.html
index cf116b26..f4053e2c 100644
--- a/src/tests/__snapshots__/FlagFkIcon.html
+++ b/src/tests/__snapshots__/FlagFkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ea174b26="" class="kui-icon flag-fk-icon" data-testid="kui-icon-wrapper-flag-fk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea174b26="" data-testid="kui-icon-svg-flag-fk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea174b26="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea174b26=""><g clip-path="url(#clip0_1_2329)">
+<span data-v-ea174b26="" class="kui-icon flag-fk-icon" data-testid="kui-icon-wrapper-flag-fk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea174b26="" data-testid="kui-icon-svg-flag-fk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2329)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_1_2329">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFmIcon.html b/src/tests/__snapshots__/FlagFmIcon.html
index 4fc1cc34..beb81808 100644
--- a/src/tests/__snapshots__/FlagFmIcon.html
+++ b/src/tests/__snapshots__/FlagFmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-77f74e60="" class="kui-icon flag-fm-icon" data-testid="kui-icon-wrapper-flag-fm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f74e60="" data-testid="kui-icon-svg-flag-fm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-77f74e60="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-77f74e60=""><g clip-path="url(#clip0_246_4797)">
+<span data-v-77f74e60="" class="kui-icon flag-fm-icon" data-testid="kui-icon-wrapper-flag-fm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f74e60="" data-testid="kui-icon-svg-flag-fm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4797)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z" fill="#F0F0F0"></path>
 <path d="M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z" fill="#F0F0F0"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_4797">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFoIcon.html b/src/tests/__snapshots__/FlagFoIcon.html
index 94a1221c..e7cc12a0 100644
--- a/src/tests/__snapshots__/FlagFoIcon.html
+++ b/src/tests/__snapshots__/FlagFoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3877d1f2="" class="kui-icon flag-fo-icon" data-testid="kui-icon-wrapper-flag-fo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3877d1f2="" data-testid="kui-icon-svg-flag-fo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3877d1f2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3877d1f2=""><g clip-path="url(#clip0_1_2330)">
+<span data-v-3877d1f2="" class="kui-icon flag-fo-icon" data-testid="kui-icon-wrapper-flag-fo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3877d1f2="" data-testid="kui-icon-svg-flag-fo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2330)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z" fill="#0052B4"></path>
 <path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2330">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagFrIcon.html b/src/tests/__snapshots__/FlagFrIcon.html
index 9dc6db89..1c52c39c 100644
--- a/src/tests/__snapshots__/FlagFrIcon.html
+++ b/src/tests/__snapshots__/FlagFrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3d67ed74="" class="kui-icon flag-fr-icon" data-testid="kui-icon-wrapper-flag-fr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3d67ed74="" data-testid="kui-icon-svg-flag-fr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3d67ed74="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3d67ed74=""><g clip-path="url(#clip0_1_2333)">
+<span data-v-3d67ed74="" class="kui-icon flag-fr-icon" data-testid="kui-icon-wrapper-flag-fr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3d67ed74="" data-testid="kui-icon-svg-flag-fr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2333)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
 <path d="M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z" fill="#0052B4"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2333">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGaIcon.html b/src/tests/__snapshots__/FlagGaIcon.html
index 2ad38392..8cf425f8 100644
--- a/src/tests/__snapshots__/FlagGaIcon.html
+++ b/src/tests/__snapshots__/FlagGaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-36298b54="" class="kui-icon flag-ga-icon" data-testid="kui-icon-wrapper-flag-ga-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-36298b54="" data-testid="kui-icon-svg-flag-ga-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-36298b54="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-36298b54=""><g clip-path="url(#clip0_1_2335)">
+<span data-v-36298b54="" class="kui-icon flag-ga-icon" data-testid="kui-icon-wrapper-flag-ga-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-36298b54="" data-testid="kui-icon-svg-flag-ga-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2335)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#FFDA44"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#0052B4"></path>
 <path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2335">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGbIcon.html b/src/tests/__snapshots__/FlagGbIcon.html
index a6554eb6..bc50128e 100644
--- a/src/tests/__snapshots__/FlagGbIcon.html
+++ b/src/tests/__snapshots__/FlagGbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-af5a45f4="" class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af5a45f4="" data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af5a45f4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-af5a45f4=""><g clip-path="url(#clip0_1415_1325)">
+<span data-v-af5a45f4="" class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af5a45f4="" data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_1325)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z" fill="#0052B4"></path>
 <path d="M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z" fill="#0052B4"></path>
@@ -18,4 +18,4 @@
 <clipPath id="clip0_1415_1325">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGdIcon.html b/src/tests/__snapshots__/FlagGdIcon.html
index 2ede7e53..0e9265a2 100644
--- a/src/tests/__snapshots__/FlagGdIcon.html
+++ b/src/tests/__snapshots__/FlagGdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5a3eda86="" class="kui-icon flag-gd-icon" data-testid="kui-icon-wrapper-flag-gd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a3eda86="" data-testid="kui-icon-svg-flag-gd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a3eda86="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5a3eda86=""><g clip-path="url(#clip0_1_2344)">
+<span data-v-5a3eda86="" class="kui-icon flag-gd-icon" data-testid="kui-icon-wrapper-flag-gd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a3eda86="" data-testid="kui-icon-svg-flag-gd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2344)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z" fill="#A2001D"></path>
 <path d="M12 12.0002L11.2342 11.2344L11.0308 11.5986L12 12.0002Z" fill="#0052B4"></path>
@@ -21,4 +21,4 @@
 <clipPath id="clip0_1_2344">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGeIcon.html b/src/tests/__snapshots__/FlagGeIcon.html
index 8ef97a1b..47f66bc1 100644
--- a/src/tests/__snapshots__/FlagGeIcon.html
+++ b/src/tests/__snapshots__/FlagGeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c51f3493="" class="kui-icon flag-ge-icon" data-testid="kui-icon-wrapper-flag-ge-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c51f3493="" data-testid="kui-icon-svg-flag-ge-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c51f3493="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c51f3493=""><g clip-path="url(#clip0_1_2338)">
+<span data-v-c51f3493="" class="kui-icon flag-ge-icon" data-testid="kui-icon-wrapper-flag-ge-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c51f3493="" data-testid="kui-icon-svg-flag-ge-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2338)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path>
 <path d="M7.30434 5.73908V4.17383H5.73914V5.73908H4.17389V7.30428H5.73914V8.86948H7.30434V7.30428H8.86954V5.73908H7.30434Z" fill="#D80027"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2338">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGgIcon.html b/src/tests/__snapshots__/FlagGgIcon.html
index 52bd9b76..77742eb4 100644
--- a/src/tests/__snapshots__/FlagGgIcon.html
+++ b/src/tests/__snapshots__/FlagGgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a7f3ce5d="" class="kui-icon flag-gg-icon" data-testid="kui-icon-wrapper-flag-gg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7f3ce5d="" data-testid="kui-icon-svg-flag-gg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a7f3ce5d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a7f3ce5d=""><g clip-path="url(#clip0_1_2347)">
+<span data-v-a7f3ce5d="" class="kui-icon flag-gg-icon" data-testid="kui-icon-wrapper-flag-gg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7f3ce5d="" data-testid="kui-icon-svg-flag-gg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2347)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path>
 <path d="M15.3913 12.5218L16.1739 13.0435V10.9566L15.3913 11.4783H12.5217V8.60875L13.0435 7.82617H10.9565L11.4783 8.60875V11.4783H8.60869L7.82611 10.9566V13.0435L8.60869 12.5218H11.4783V15.3914L10.9565 16.174H13.0435L12.5217 15.3914V12.5218H15.3913Z" fill="#FFDA44"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2347">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGhIcon.html b/src/tests/__snapshots__/FlagGhIcon.html
index c4e47257..1b999e0b 100644
--- a/src/tests/__snapshots__/FlagGhIcon.html
+++ b/src/tests/__snapshots__/FlagGhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6045098d="" class="kui-icon flag-gh-icon" data-testid="kui-icon-wrapper-flag-gh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6045098d="" data-testid="kui-icon-svg-flag-gh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6045098d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6045098d=""><g clip-path="url(#clip0_1_2340)">
+<span data-v-6045098d="" class="kui-icon flag-gh-icon" data-testid="kui-icon-wrapper-flag-gh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6045098d="" data-testid="kui-icon-svg-flag-gh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2340)">
 <path d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="#FFDA44"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
 <path d="M23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#496E2D"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2340">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGiIcon.html b/src/tests/__snapshots__/FlagGiIcon.html
index 69a7da99..7649ef9a 100644
--- a/src/tests/__snapshots__/FlagGiIcon.html
+++ b/src/tests/__snapshots__/FlagGiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3e55c693="" class="kui-icon flag-gi-icon" data-testid="kui-icon-wrapper-flag-gi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e55c693="" data-testid="kui-icon-svg-flag-gi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e55c693="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e55c693=""><g clip-path="url(#clip0_1_2341)">
+<span data-v-3e55c693="" class="kui-icon flag-gi-icon" data-testid="kui-icon-wrapper-flag-gi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e55c693="" data-testid="kui-icon-svg-flag-gi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2341)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F9F9F9"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M16.6957 9.9128V8.3476H17.2174V7.30411H16.1739V7.82588H15.1305V7.30411H14.087V8.3476H14.6087V9.9128H13.5652V6.26072H14.087V5.21729H13.0435V5.73891H12.5217V5.21729H11.4783V5.73891H10.9565V5.21729H9.91304V6.26072H10.4348V9.9128H9.39132V8.3476H9.91304V7.30411H8.86955V7.82588H7.82611V7.30411H6.78263V8.3476H7.30435V9.9128H6.26086V14.0867H17.7391V9.9128H16.6957Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2341">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGlIcon.html b/src/tests/__snapshots__/FlagGlIcon.html
index 1bc1f846..45855e75 100644
--- a/src/tests/__snapshots__/FlagGlIcon.html
+++ b/src/tests/__snapshots__/FlagGlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1413a327="" class="kui-icon flag-gl-icon" data-testid="kui-icon-wrapper-flag-gl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1413a327="" data-testid="kui-icon-svg-flag-gl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1413a327="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1413a327=""><g clip-path="url(#clip0_1_2343)">
+<span data-v-1413a327="" class="kui-icon flag-gl-icon" data-testid="kui-icon-wrapper-flag-gl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1413a327="" data-testid="kui-icon-svg-flag-gl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2343)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#F0F0F0"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path>
 <path d="M8.34784 17.739C11.5175 17.739 14.087 15.1695 14.087 11.9999C14.087 8.83024 11.5175 6.26074 8.34784 6.26074C5.1782 6.26074 2.6087 8.83024 2.6087 11.9999C2.6087 15.1695 5.1782 17.739 8.34784 17.739Z" fill="#F0F0F0"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2343">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGmIcon.html b/src/tests/__snapshots__/FlagGmIcon.html
index 6f4119fc..c8c5330f 100644
--- a/src/tests/__snapshots__/FlagGmIcon.html
+++ b/src/tests/__snapshots__/FlagGmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a2c5f8cd="" class="kui-icon flag-gm-icon" data-testid="kui-icon-wrapper-flag-gm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a2c5f8cd="" data-testid="kui-icon-svg-flag-gm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a2c5f8cd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a2c5f8cd=""><g clip-path="url(#clip0_1_2337)">
+<span data-v-a2c5f8cd="" class="kui-icon flag-gm-icon" data-testid="kui-icon-wrapper-flag-gm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a2c5f8cd="" data-testid="kui-icon-svg-flag-gm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2337)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.039 0 2.78144 3.01059 0.953827 7.30434H23.0462C21.2186 3.01059 16.961 0 12 0Z" fill="#A2001D"></path>
 <path d="M12 24.0001C16.961 24.0001 21.2186 20.9896 23.0462 16.6958H0.953827C2.78144 20.9896 7.039 24.0001 12 24.0001Z" fill="#496E2D"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2337">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGnIcon.html b/src/tests/__snapshots__/FlagGnIcon.html
index e4fd0e56..50f203dd 100644
--- a/src/tests/__snapshots__/FlagGnIcon.html
+++ b/src/tests/__snapshots__/FlagGnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f84306c0="" class="kui-icon flag-gn-icon" data-testid="kui-icon-wrapper-flag-gn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f84306c0="" data-testid="kui-icon-svg-flag-gn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f84306c0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f84306c0=""><g clip-path="url(#clip0_1_2348)">
+<span data-v-f84306c0="" class="kui-icon flag-gn-icon" data-testid="kui-icon-wrapper-flag-gn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f84306c0="" data-testid="kui-icon-svg-flag-gn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2348)">
 <path d="M16.174 0.746437C14.874 0.264047 13.4679 0 12 0C10.5322 0 9.12615 0.264047 7.82621 0.746344L7.30444 12L7.82616 23.2537C9.12615 23.736 10.5322 24 12 24C13.4679 24 14.874 23.736 16.174 23.2536L16.6958 12L16.174 0.746437Z" fill="#FFDA44"></path>
 <path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.44214 0 6.84061 0 12.0002Z" fill="#D80027"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.44214 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2348">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGqIcon.html b/src/tests/__snapshots__/FlagGqIcon.html
index 1c040432..6aea71fc 100644
--- a/src/tests/__snapshots__/FlagGqIcon.html
+++ b/src/tests/__snapshots__/FlagGqIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c125e70d="" class="kui-icon flag-gq-icon" data-testid="kui-icon-wrapper-flag-gq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c125e70d="" data-testid="kui-icon-svg-flag-gq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c125e70d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c125e70d=""><g clip-path="url(#clip0_1_2323)">
+<span data-v-c125e70d="" class="kui-icon flag-gq-icon" data-testid="kui-icon-wrapper-flag-gq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c125e70d="" data-testid="kui-icon-svg-flag-gq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2323)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path>
 <path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#D80027"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_1_2323">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGrIcon.html b/src/tests/__snapshots__/FlagGrIcon.html
index 78105d26..5b74871b 100644
--- a/src/tests/__snapshots__/FlagGrIcon.html
+++ b/src/tests/__snapshots__/FlagGrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-abd82765="" class="kui-icon flag-gr-icon" data-testid="kui-icon-wrapper-flag-gr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abd82765="" data-testid="kui-icon-svg-flag-gr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abd82765="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-abd82765=""><g clip-path="url(#clip0_1_2342)">
+<span data-v-abd82765="" class="kui-icon flag-gr-icon" data-testid="kui-icon-wrapper-flag-gr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abd82765="" data-testid="kui-icon-svg-flag-gr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2342)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 8.86971H23.5866C23.2857 7.75343 22.8284 6.70151 22.2387 5.73926H12V8.86971Z" fill="#338AF3"></path>
 <path d="M4.53015 21.3912H19.4698C20.565 20.5189 21.5042 19.4595 22.2387 18.2607H1.76129C2.49587 19.4594 3.43506 20.5189 4.53015 21.3912V21.3912Z" fill="#338AF3"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2342">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGtIcon.html b/src/tests/__snapshots__/FlagGtIcon.html
index 0d6a1868..af53e583 100644
--- a/src/tests/__snapshots__/FlagGtIcon.html
+++ b/src/tests/__snapshots__/FlagGtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9b20ee1d="" class="kui-icon flag-gt-icon" data-testid="kui-icon-wrapper-flag-gt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9b20ee1d="" data-testid="kui-icon-svg-flag-gt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9b20ee1d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9b20ee1d=""><g clip-path="url(#clip0_1_2346)">
+<span data-v-9b20ee1d="" class="kui-icon flag-gt-icon" data-testid="kui-icon-wrapper-flag-gt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9b20ee1d="" data-testid="kui-icon-svg-flag-gt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2346)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 7.24267 21.2313 3.13192 17.2173 1.19092V22.8094C21.2313 20.8685 24 16.7577 24 12.0002V12.0002Z" fill="#338AF3"></path>
 <path d="M0 12.0002C0 16.7577 2.76867 20.8685 6.78262 22.8095V1.19092C2.76867 3.13192 0 7.24267 0 12.0002Z" fill="#338AF3"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2346">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGuIcon.html b/src/tests/__snapshots__/FlagGuIcon.html
index 1cad8d56..3f89f727 100644
--- a/src/tests/__snapshots__/FlagGuIcon.html
+++ b/src/tests/__snapshots__/FlagGuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5f231cbd="" class="kui-icon flag-gu-icon" data-testid="kui-icon-wrapper-flag-gu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5f231cbd="" data-testid="kui-icon-svg-flag-gu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5f231cbd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5f231cbd=""><g clip-path="url(#clip0_1_2345)">
+<span data-v-5f231cbd="" class="kui-icon flag-gu-icon" data-testid="kui-icon-wrapper-flag-gu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5f231cbd="" data-testid="kui-icon-svg-flag-gu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2345)">
 <path d="M5.23657 21.9131C7.16238 23.2296 9.49113 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7635 21.9131L12 20.8696L5.23657 21.9131Z" fill="#D80027"></path>
 <path d="M18.7635 2.08697C16.8376 0.770484 14.5089 0 12 0C9.49113 0 7.16238 0.770484 5.23657 2.08697L12 3.13045L18.7635 2.08697Z" fill="#D80027"></path>
 <path d="M24 11.9999C24 8.02916 21.6227 4.04151 18.7635 2.08691H5.23655C2.07516 4.24804 0 7.88151 0 11.9999C0 16.1185 2.07516 19.7518 5.23655 21.913H18.7635C21.9249 19.7518 24 16.1185 24 11.9999Z" fill="#0052B4"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_1_2345">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGwIcon.html b/src/tests/__snapshots__/FlagGwIcon.html
index ccfbad02..461ca8a5 100644
--- a/src/tests/__snapshots__/FlagGwIcon.html
+++ b/src/tests/__snapshots__/FlagGwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3bbd9bc9="" class="kui-icon flag-gw-icon" data-testid="kui-icon-wrapper-flag-gw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3bbd9bc9="" data-testid="kui-icon-svg-flag-gw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3bbd9bc9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3bbd9bc9=""><g clip-path="url(#clip0_1_2349)">
+<span data-v-3bbd9bc9="" class="kui-icon flag-gw-icon" data-testid="kui-icon-wrapper-flag-gw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3bbd9bc9="" data-testid="kui-icon-svg-flag-gw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2349)">
 <path d="M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path>
 <path d="M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z" fill="#6DA544"></path>
 <path d="M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z" fill="#D80027"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2349">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagGyIcon.html b/src/tests/__snapshots__/FlagGyIcon.html
index 8fb8a50e..bab4b4bf 100644
--- a/src/tests/__snapshots__/FlagGyIcon.html
+++ b/src/tests/__snapshots__/FlagGyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-23ae34d3="" class="kui-icon flag-gy-icon" data-testid="kui-icon-wrapper-flag-gy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-23ae34d3="" data-testid="kui-icon-svg-flag-gy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-23ae34d3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-23ae34d3=""><g clip-path="url(#clip0_1_2350)">
+<span data-v-23ae34d3="" class="kui-icon flag-gy-icon" data-testid="kui-icon-wrapper-flag-gy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-23ae34d3="" data-testid="kui-icon-svg-flag-gy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2350)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#6DA544"></path>
 <path d="M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z" fill="#F0F0F0"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2350">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHkIcon.html b/src/tests/__snapshots__/FlagHkIcon.html
index 2da6bed6..472f83ea 100644
--- a/src/tests/__snapshots__/FlagHkIcon.html
+++ b/src/tests/__snapshots__/FlagHkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-35e23519="" class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35e23519="" data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-35e23519="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-35e23519=""><g clip-path="url(#clip0_1415_3092)">
+<span data-v-35e23519="" class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35e23519="" data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3092)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z" fill="#F0F0F0"></path>
 <path d="M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z" fill="#F0F0F0"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1415_3092">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHnIcon.html b/src/tests/__snapshots__/FlagHnIcon.html
index 9e39198e..ece68dc3 100644
--- a/src/tests/__snapshots__/FlagHnIcon.html
+++ b/src/tests/__snapshots__/FlagHnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b87d2825="" class="kui-icon flag-hn-icon" data-testid="kui-icon-wrapper-flag-hn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b87d2825="" data-testid="kui-icon-svg-flag-hn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b87d2825="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b87d2825=""><g clip-path="url(#clip0_1_2354)">
+<span data-v-b87d2825="" class="kui-icon flag-hn-icon" data-testid="kui-icon-wrapper-flag-hn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b87d2825="" data-testid="kui-icon-svg-flag-hn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2354)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999Z" fill="#338AF3"></path>
 <path d="M12 0C7.24247 0 3.13172 2.76867 1.19072 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1_2354">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHrIcon.html b/src/tests/__snapshots__/FlagHrIcon.html
index 63d52680..1daea94a 100644
--- a/src/tests/__snapshots__/FlagHrIcon.html
+++ b/src/tests/__snapshots__/FlagHrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ffc00981="" class="kui-icon flag-hr-icon" data-testid="kui-icon-wrapper-flag-hr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ffc00981="" data-testid="kui-icon-svg-flag-hr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ffc00981="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ffc00981=""><g clip-path="url(#clip0_1_2308)">
+<span data-v-ffc00981="" class="kui-icon flag-hr-icon" data-testid="kui-icon-wrapper-flag-hr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ffc00981="" data-testid="kui-icon-svg-flag-hr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2308)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999Z" fill="#0052B4"></path>
 <path d="M0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611V7.82611Z" fill="#D80027"></path>
@@ -26,4 +26,4 @@
 <clipPath id="clip0_1_2308">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHtIcon.html b/src/tests/__snapshots__/FlagHtIcon.html
index e460d08a..65ae3e20 100644
--- a/src/tests/__snapshots__/FlagHtIcon.html
+++ b/src/tests/__snapshots__/FlagHtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-961b23a5="" class="kui-icon flag-ht-icon" data-testid="kui-icon-wrapper-flag-ht-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961b23a5="" data-testid="kui-icon-svg-flag-ht-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-961b23a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-961b23a5=""><g clip-path="url(#clip0_1_2352)">
+<span data-v-961b23a5="" class="kui-icon flag-ht-icon" data-testid="kui-icon-wrapper-flag-ht-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961b23a5="" data-testid="kui-icon-svg-flag-ht-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2352)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 5.37262 12 0 12 0C12 0 24 5.37262 24 12Z" fill="#A2001D"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path>
 <path d="M16.1739 15.1305L12 14.6088L7.82611 15.1305V8.86963H16.1739V15.1305Z" fill="#F0F0F0"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1_2352">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagHuIcon.html b/src/tests/__snapshots__/FlagHuIcon.html
index 8e3408f6..d7a1ce12 100644
--- a/src/tests/__snapshots__/FlagHuIcon.html
+++ b/src/tests/__snapshots__/FlagHuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b5729ca2="" class="kui-icon flag-hu-icon" data-testid="kui-icon-wrapper-flag-hu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b5729ca2="" data-testid="kui-icon-svg-flag-hu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b5729ca2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b5729ca2=""><g clip-path="url(#clip0_1_2356)">
+<span data-v-b5729ca2="" class="kui-icon flag-hu-icon" data-testid="kui-icon-wrapper-flag-hu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b5729ca2="" data-testid="kui-icon-svg-flag-hu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2356)">
 <path d="M0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262Z" fill="#F0F0F0"></path>
 <path d="M12 0C6.84047 0 2.44191 3.2565 0.746437 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2537 16.1738H0.746437C2.44191 20.7434 6.84047 23.9999 12 23.9999V23.9999Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2356">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIcon.html b/src/tests/__snapshots__/FlagIcon.html
index 24ed4296..c15e7ddd 100644
--- a/src/tests/__snapshots__/FlagIcon.html
+++ b/src/tests/__snapshots__/FlagIcon.html
@@ -1 +1 @@
-<span data-v-88a5f776="" class="kui-icon flag-icon" data-testid="kui-icon-wrapper-flag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88a5f776="" data-testid="kui-icon-svg-flag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88a5f776="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88a5f776=""><path d="M4 20V3H13L13.4 5H19V15H12L11.6 13H6V20H4ZM13.65 13H17V7H11.75L11.35 5H6V11H13.25L13.65 13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-88a5f776="" class="kui-icon flag-icon" data-testid="kui-icon-wrapper-flag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88a5f776="" data-testid="kui-icon-svg-flag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20V3H13L13.4 5H19V15H12L11.6 13H6V20H4ZM13.65 13H17V7H11.75L11.35 5H6V11H13.25L13.65 13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIdIcon.html b/src/tests/__snapshots__/FlagIdIcon.html
index f051843f..64797a3c 100644
--- a/src/tests/__snapshots__/FlagIdIcon.html
+++ b/src/tests/__snapshots__/FlagIdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-abaa30a7="" class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abaa30a7="" data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-abaa30a7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-abaa30a7=""><g clip-path="url(#clip0_1415_2217)">
+<span data-v-abaa30a7="" class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abaa30a7="" data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_2217)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#A2001D"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1415_2217">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIeIcon.html b/src/tests/__snapshots__/FlagIeIcon.html
index a1b4e1ff..45faef1b 100644
--- a/src/tests/__snapshots__/FlagIeIcon.html
+++ b/src/tests/__snapshots__/FlagIeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-532aa120="" class="kui-icon flag-ie-icon" data-testid="kui-icon-wrapper-flag-ie-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-532aa120="" data-testid="kui-icon-svg-flag-ie-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-532aa120="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-532aa120=""><g clip-path="url(#clip0_1_2362)">
+<span data-v-532aa120="" class="kui-icon flag-ie-icon" data-testid="kui-icon-wrapper-flag-ie-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-532aa120="" data-testid="kui-icon-svg-flag-ie-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2362)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#FF9811"></path>
 <path d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2362">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIlIcon.html b/src/tests/__snapshots__/FlagIlIcon.html
index 5a990de2..a83fb9d6 100644
--- a/src/tests/__snapshots__/FlagIlIcon.html
+++ b/src/tests/__snapshots__/FlagIlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5761b125="" class="kui-icon flag-il-icon" data-testid="kui-icon-wrapper-flag-il-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5761b125="" data-testid="kui-icon-svg-flag-il-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5761b125="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5761b125=""><g clip-path="url(#clip0_1_2364)">
+<span data-v-5761b125="" class="kui-icon flag-il-icon" data-testid="kui-icon-wrapper-flag-il-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5761b125="" data-testid="kui-icon-svg-flag-il-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2364)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M16.5184 9.3914H13.5061L12 6.78271L10.494 9.3914H7.4816L8.98788 12.0001L7.4816 14.6088H10.494L12 17.2175L13.5061 14.6088H16.5184L15.0122 12.0001L16.5184 9.3914ZM13.8504 12.0001L12.9253 13.6027H11.0749L10.1496 12.0001L11.0748 10.3975H12.9252L13.8504 12.0001ZM12 8.79492L12.3444 9.39136H11.6558L12 8.79492ZM9.22436 10.3975H9.91305L9.56871 10.994L9.22436 10.3975ZM9.22436 13.6027L9.56875 13.0062L9.9131 13.6027H9.22436ZM12 15.2052L11.6557 14.6088H12.3444L12 15.2052ZM14.7757 13.6027H14.087L14.4314 13.0062L14.7757 13.6027ZM14.087 10.3975H14.7757L14.4313 10.994L14.087 10.3975Z" fill="#0052B4"></path>
 <path d="M19.4699 2.60889H4.53015C3.43501 3.48114 2.49582 4.54061 1.76129 5.73934H22.2387C21.5041 4.54065 20.565 3.48114 19.4699 2.60889V2.60889Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2364">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagImIcon.html b/src/tests/__snapshots__/FlagImIcon.html
index 963dbdf1..80ceb29f 100644
--- a/src/tests/__snapshots__/FlagImIcon.html
+++ b/src/tests/__snapshots__/FlagImIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e3c4b4dc="" class="kui-icon flag-im-icon" data-testid="kui-icon-wrapper-flag-im-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e3c4b4dc="" data-testid="kui-icon-svg-flag-im-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e3c4b4dc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e3c4b4dc=""><g clip-path="url(#clip0_1_2363)">
+<span data-v-e3c4b4dc="" class="kui-icon flag-im-icon" data-testid="kui-icon-wrapper-flag-im-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e3c4b4dc="" data-testid="kui-icon-svg-flag-im-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2363)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M16.4431 8.04441L15.595 11.0712L13.0501 10.6013L11.412 7.22461L6.98672 8.79497L6.63773 7.81153L5.47992 7.66889L6.35231 10.1274L9.39773 9.34861L10.2632 11.7875L8.15793 14.8944L11.7306 17.9416L11.0535 18.7355L11.5088 19.8096L13.2018 17.8247L11.0046 15.5768L12.684 13.6079L16.4273 13.8776L17.28 9.25992L18.3061 9.44944L19.0087 8.51803L16.4431 8.04441Z" fill="#F0F0F0"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1_2363">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagInIcon.html b/src/tests/__snapshots__/FlagInIcon.html
index 63e2980c..c437a50c 100644
--- a/src/tests/__snapshots__/FlagInIcon.html
+++ b/src/tests/__snapshots__/FlagInIcon.html
@@ -1,4 +1,4 @@
-<span data-v-00541fee="" class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-00541fee="" data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-00541fee="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-00541fee=""><g clip-path="url(#clip0_1415_5241)">
+<span data-v-00541fee="" class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-00541fee="" data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_5241)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#FF9811"></path>
 <path d="M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z" fill="#6DA544"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1415_5241">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIoIcon.html b/src/tests/__snapshots__/FlagIoIcon.html
index 11839d18..cd6e1e52 100644
--- a/src/tests/__snapshots__/FlagIoIcon.html
+++ b/src/tests/__snapshots__/FlagIoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f595d293="" class="kui-icon flag-io-icon" data-testid="kui-icon-wrapper-flag-io-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f595d293="" data-testid="kui-icon-svg-flag-io-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f595d293="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f595d293=""><g clip-path="url(#clip0_1_2284)">
+<span data-v-f595d293="" class="kui-icon flag-io-icon" data-testid="kui-icon-wrapper-flag-io-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f595d293="" data-testid="kui-icon-svg-flag-io-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2284)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M21.9998 13.4363C20.9998 13.4363 20.9998 12.522 19.9998 12.522C18.9998 12.522 18.9998 13.4363 17.9999 13.4363C17 13.4363 16.9999 12.522 16 12.522C15 12.522 15 13.4363 14 13.4363C12.9999 13.4363 12.9999 12.522 11.9998 12.522C10.9998 12.522 10.9998 13.4363 9.99988 13.4363C9.00003 13.4363 9.00003 12.522 8.00005 12.522C6.99997 12.522 6.99997 13.4363 5.99989 13.4363C4.99981 13.4363 4.99981 12.522 3.99974 12.522C2.99989 12.522 2.99989 13.4363 1.99991 13.4363C1.00531 13.4363 0.999548 12.5321 0.0155945 12.5224C0.0432976 13.0713 0.108829 13.6102 0.207923 14.1372C1.00499 14.2542 1.07478 15.0363 2 15.0363C2.99999 15.0363 2.99999 14.122 3.99983 14.122C4.99991 14.122 4.99991 15.0363 5.99999 15.0363C7.00006 15.0363 7.00006 14.122 8.00014 14.122C9.00013 14.122 9.00013 15.0363 9.99997 15.0363C11 15.0363 11 14.122 11.9999 14.122C13 14.122 13 15.0363 14 15.0363C15.0001 15.0363 15.0001 14.122 16.0001 14.122C17 14.122 17 15.0363 18 15.0363C19 15.0363 19 14.122 19.9999 14.122C21 14.122 21 15.0363 21.9999 15.0363C22.9252 15.0363 22.995 14.2543 23.7921 14.1372C23.8912 13.6101 23.9567 13.0713 23.9845 12.5224C23.0003 12.5321 22.9945 13.4363 21.9998 13.4363V13.4363Z" fill="#0052B4"></path>
 <path d="M19.9998 15.6523C18.9998 15.6523 18.9998 16.5667 17.9999 16.5667C17 16.5667 16.9999 15.6523 16 15.6523C15 15.6523 15 16.5667 14 16.5667C12.9999 16.5667 12.9999 15.6523 11.9998 15.6523C10.9998 15.6523 10.9998 16.5667 9.99988 16.5667C9.00003 16.5667 9.00003 15.6523 8.00005 15.6523C6.99997 15.6523 6.99997 16.5667 5.99989 16.5667C4.99982 16.5667 4.99982 15.6523 3.99974 15.6523C2.99989 15.6523 2.99989 16.5667 1.99991 16.5667C1.26327 16.5667 1.06878 16.0708 0.617706 15.8097C0.890894 16.6262 1.24972 17.4033 1.68308 18.131C1.77692 18.1536 1.88127 18.1667 1.99986 18.1667C2.99985 18.1667 2.99985 17.2524 3.99969 17.2524C4.99977 17.2524 4.99977 18.1667 5.99985 18.1667C6.99993 18.1667 6.99993 17.2524 8 17.2524C8.99999 17.2524 8.99999 18.1667 9.99983 18.1667C10.9998 18.1667 10.9998 17.2524 11.9998 17.2524C12.9998 17.2524 12.9998 18.1667 13.9999 18.1667C15 18.1667 15 17.2524 15.9999 17.2524C16.9999 17.2524 16.9999 18.1667 17.9998 18.1667C18.9998 18.1667 18.9998 17.2524 19.9998 17.2524C20.9998 17.2524 20.9998 18.1667 21.9998 18.1667C22.1185 18.1667 22.2229 18.1536 22.3168 18.131C22.7502 17.4033 23.109 16.6262 23.3821 15.8097C22.931 16.0709 22.7365 16.5667 21.9998 16.5667C20.9999 16.5667 20.9999 15.6523 19.9998 15.6523V15.6523Z" fill="#0052B4"></path>
@@ -24,4 +24,4 @@
 <clipPath id="clip0_1_2284">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIqIcon.html b/src/tests/__snapshots__/FlagIqIcon.html
index ff7cfc8c..8f445535 100644
--- a/src/tests/__snapshots__/FlagIqIcon.html
+++ b/src/tests/__snapshots__/FlagIqIcon.html
@@ -1,4 +1,4 @@
-<span data-v-521be450="" class="kui-icon flag-iq-icon" data-testid="kui-icon-wrapper-flag-iq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-521be450="" data-testid="kui-icon-svg-flag-iq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-521be450="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-521be450=""><g clip-path="url(#clip0_1_2361)">
+<span data-v-521be450="" class="kui-icon flag-iq-icon" data-testid="kui-icon-wrapper-flag-iq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-521be450="" data-testid="kui-icon-svg-flag-iq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2361)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#A2001D"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2361">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIrIcon.html b/src/tests/__snapshots__/FlagIrIcon.html
index e6ec58ee..3986264f 100644
--- a/src/tests/__snapshots__/FlagIrIcon.html
+++ b/src/tests/__snapshots__/FlagIrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-de6e8632="" class="kui-icon flag-ir-icon" data-testid="kui-icon-wrapper-flag-ir-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-de6e8632="" data-testid="kui-icon-svg-flag-ir-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-de6e8632="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-de6e8632=""><g clip-path="url(#clip0_1_2360)">
+<span data-v-de6e8632="" class="kui-icon flag-ir-icon" data-testid="kui-icon-wrapper-flag-ir-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-de6e8632="" data-testid="kui-icon-svg-flag-ir-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2360)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M15.8975 8.86968H14.3275C14.3405 9.04222 14.3478 9.21632 14.3478 9.39139C14.3478 10.5522 14.0577 11.6773 13.5518 12.4783C13.3958 12.7253 13.1336 13.0741 12.7826 13.3094V8.86963H11.2174V13.3094C10.8664 13.0741 10.6041 12.7253 10.4481 12.4783C9.94223 11.6773 9.65212 10.5522 9.65212 9.39139C9.65212 9.21632 9.65952 9.04218 9.67246 8.86968H8.10243C8.09235 9.04138 8.08687 9.21529 8.08687 9.39139C8.08687 12.6096 9.80568 15.1305 11.9999 15.1305C14.1941 15.1305 15.9129 12.6096 15.9129 9.39139C15.913 9.21529 15.9075 9.04138 15.8975 8.86968V8.86968Z" fill="#D80027"></path>
 <path d="M4.95652 5.73914H6.52172V6.78262H8.08692V5.73914H9.65213V6.78262H11.2173V5.73914H12.7825V6.78262H14.3477V5.73914H15.9129V6.78262H17.4781V5.73914H19.0433V6.78262H22.8091C20.8683 2.76867 16.7575 0 12 0C7.24252 0 3.13172 2.76867 1.19072 6.78262H4.95652V5.73914Z" fill="#6DA544"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2360">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIsIcon.html b/src/tests/__snapshots__/FlagIsIcon.html
index 9b27422f..3f269b91 100644
--- a/src/tests/__snapshots__/FlagIsIcon.html
+++ b/src/tests/__snapshots__/FlagIsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3dd7640e="" class="kui-icon flag-is-icon" data-testid="kui-icon-wrapper-flag-is-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3dd7640e="" data-testid="kui-icon-svg-flag-is-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3dd7640e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3dd7640e=""><g clip-path="url(#clip0_1_2357)">
+<span data-v-3dd7640e="" class="kui-icon flag-is-icon" data-testid="kui-icon-wrapper-flag-is-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3dd7640e="" data-testid="kui-icon-svg-flag-is-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2357)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9394 4.69566 21.5205V15.1304H0.413391Z" fill="#0052B4"></path>
 <path d="M10.9565 23.9543C11.3005 23.9839 11.6483 23.9999 12 23.9999C17.5443 23.9999 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2357">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagItIcon.html b/src/tests/__snapshots__/FlagItIcon.html
index 75a37a49..4f6eb4df 100644
--- a/src/tests/__snapshots__/FlagItIcon.html
+++ b/src/tests/__snapshots__/FlagItIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1faa2c90="" class="kui-icon flag-it-icon" data-testid="kui-icon-wrapper-flag-it-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1faa2c90="" data-testid="kui-icon-svg-flag-it-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1faa2c90="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1faa2c90=""><g clip-path="url(#clip0_1_2365)">
+<span data-v-1faa2c90="" class="kui-icon flag-it-icon" data-testid="kui-icon-wrapper-flag-it-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1faa2c90="" data-testid="kui-icon-svg-flag-it-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2365)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
 <path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2365">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJeIcon.html b/src/tests/__snapshots__/FlagJeIcon.html
index 922b4aaa..70d429e7 100644
--- a/src/tests/__snapshots__/FlagJeIcon.html
+++ b/src/tests/__snapshots__/FlagJeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-cb245c74="" class="kui-icon flag-je-icon" data-testid="kui-icon-wrapper-flag-je-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cb245c74="" data-testid="kui-icon-svg-flag-je-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cb245c74="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cb245c74=""><g clip-path="url(#clip0_1_2369)">
+<span data-v-cb245c74="" class="kui-icon flag-je-icon" data-testid="kui-icon-wrapper-flag-je-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cb245c74="" data-testid="kui-icon-svg-flag-je-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2369)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M21.5202 19.3068L14.2136 12.0002H14.2135L21.5202 4.69351C21.2051 4.28401 20.8604 3.89003 20.4853 3.51489C20.1102 3.13979 19.7162 2.79503 19.3067 2.47998L12.0001 9.78662L12 9.78667L4.69338 2.47998C4.28392 2.79507 3.88989 3.13975 3.51475 3.51489C3.13961 3.89003 2.79489 4.28401 2.47984 4.69351L9.78648 12.0001L9.78653 12.0002L2.4798 19.3069C2.79494 19.7164 3.13966 20.1104 3.5147 20.4855C3.88984 20.8606 4.28378 21.2054 4.69333 21.5204L12 14.2138L12.0001 14.2137L19.3067 21.5204C19.7162 21.2053 20.1102 20.8606 20.4853 20.4855C20.8605 20.1103 21.2051 19.7163 21.5202 19.3068V19.3068Z" fill="#D80027"></path>
 <path d="M9.91302 3.65214L12 4.17386L14.087 3.65214V1.87825L13.2522 2.29563L12 1.04346L10.7478 2.29563L9.91302 1.87825V3.65214Z" fill="#FFDA44"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2369">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJmIcon.html b/src/tests/__snapshots__/FlagJmIcon.html
index 5458a668..de8b63a5 100644
--- a/src/tests/__snapshots__/FlagJmIcon.html
+++ b/src/tests/__snapshots__/FlagJmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9ff7b8fa="" class="kui-icon flag-jm-icon" data-testid="kui-icon-wrapper-flag-jm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ff7b8fa="" data-testid="kui-icon-svg-flag-jm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9ff7b8fa="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9ff7b8fa=""><g clip-path="url(#clip0_1_2367)">
+<span data-v-9ff7b8fa="" class="kui-icon flag-jm-icon" data-testid="kui-icon-wrapper-flag-jm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ff7b8fa="" data-testid="kui-icon-svg-flag-jm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2367)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M19.3058 2.48062C17.2823 0.925266 14.7494 0 12 0C9.2506 0 6.71767 0.925312 4.69421 2.48062L12 9.78638L19.3058 2.48062Z" fill="#6DA544"></path>
 <path d="M2.48058 4.69434C0.925312 6.71779 0 9.25068 0 12.0001C0 14.7495 0.925312 17.2824 2.48062 19.3059L9.78642 12.0001L2.48058 4.69434Z" fill="black"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2367">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJoIcon.html b/src/tests/__snapshots__/FlagJoIcon.html
index 69d2a309..f457b683 100644
--- a/src/tests/__snapshots__/FlagJoIcon.html
+++ b/src/tests/__snapshots__/FlagJoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8a5ce6c5="" class="kui-icon flag-jo-icon" data-testid="kui-icon-wrapper-flag-jo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8a5ce6c5="" data-testid="kui-icon-svg-flag-jo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8a5ce6c5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8a5ce6c5=""><g clip-path="url(#clip0_1_2370)">
+<span data-v-8a5ce6c5="" class="kui-icon flag-jo-icon" data-testid="kui-icon-wrapper-flag-jo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8a5ce6c5="" data-testid="kui-icon-svg-flag-jo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2370)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="black"></path>
 <path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#6DA544"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_1_2370">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagJpIcon.html b/src/tests/__snapshots__/FlagJpIcon.html
index 40db04f1..7c8e00b6 100644
--- a/src/tests/__snapshots__/FlagJpIcon.html
+++ b/src/tests/__snapshots__/FlagJpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c1366c2e="" class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1366c2e="" data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1366c2e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c1366c2e=""><g clip-path="url(#clip0_1415_4034)">
+<span data-v-c1366c2e="" class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1366c2e="" data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_4034)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z" fill="#D80027"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_1415_4034">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKeIcon.html b/src/tests/__snapshots__/FlagKeIcon.html
index a660bec6..caf321b3 100644
--- a/src/tests/__snapshots__/FlagKeIcon.html
+++ b/src/tests/__snapshots__/FlagKeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9a415f4d="" class="kui-icon flag-ke-icon" data-testid="kui-icon-wrapper-flag-ke-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a415f4d="" data-testid="kui-icon-svg-flag-ke-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9a415f4d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9a415f4d=""><g clip-path="url(#clip0_1_2372)">
+<span data-v-9a415f4d="" class="kui-icon flag-ke-icon" data-testid="kui-icon-wrapper-flag-ke-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a415f4d="" data-testid="kui-icon-svg-flag-ke-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2372)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="black"></path>
 <path d="M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z" fill="#496E2D"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_1_2372">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKgIcon.html b/src/tests/__snapshots__/FlagKgIcon.html
index 3a191869..8848d919 100644
--- a/src/tests/__snapshots__/FlagKgIcon.html
+++ b/src/tests/__snapshots__/FlagKgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b639eb4a="" class="kui-icon flag-kg-icon" data-testid="kui-icon-wrapper-flag-kg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b639eb4a="" data-testid="kui-icon-svg-flag-kg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b639eb4a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b639eb4a=""><g clip-path="url(#clip0_1_2376)">
+<span data-v-b639eb4a="" class="kui-icon flag-kg-icon" data-testid="kui-icon-wrapper-flag-kg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b639eb4a="" data-testid="kui-icon-svg-flag-kg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2376)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z" fill="#FFDA44"></path>
 <path d="M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z" fill="#D80027"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_1_2376">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKhIcon.html b/src/tests/__snapshots__/FlagKhIcon.html
index b635448b..243127e5 100644
--- a/src/tests/__snapshots__/FlagKhIcon.html
+++ b/src/tests/__snapshots__/FlagKhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1a845ffe="" class="kui-icon flag-kh-icon" data-testid="kui-icon-wrapper-flag-kh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a845ffe="" data-testid="kui-icon-svg-flag-kh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a845ffe="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1a845ffe=""><g clip-path="url(#clip0_1_2290)">
+<span data-v-1a845ffe="" class="kui-icon flag-kh-icon" data-testid="kui-icon-wrapper-flag-kh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a845ffe="" data-testid="kui-icon-svg-flag-kh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2290)">
 <path d="M0 11.9999C0 14.0788 0.528891 16.0342 1.45908 17.739L12 18.7825L22.5409 17.739C23.4711 16.0342 24 14.0788 24 11.9999C24 9.921 23.4711 7.96566 22.5409 6.26077L12 5.21729L1.45908 6.26077C0.528891 7.96566 0 9.921 0 11.9999H0Z" fill="#D80027"></path>
 <path d="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086V6.26086Z" fill="#0052B4"></path>
 <path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45911C3.49437 21.4694 7.45151 24.0001 12 24.0001Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2290">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKiIcon.html b/src/tests/__snapshots__/FlagKiIcon.html
index 3e69fe2c..6a686c00 100644
--- a/src/tests/__snapshots__/FlagKiIcon.html
+++ b/src/tests/__snapshots__/FlagKiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-120a24a9="" class="kui-icon flag-ki-icon" data-testid="kui-icon-wrapper-flag-ki-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-120a24a9="" data-testid="kui-icon-svg-flag-ki-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-120a24a9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-120a24a9=""><g clip-path="url(#clip0_1_2373)">
+<span data-v-120a24a9="" class="kui-icon flag-ki-icon" data-testid="kui-icon-wrapper-flag-ki-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-120a24a9="" data-testid="kui-icon-svg-flag-ki-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2373)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
 <path d="M16.1739 11.16L14.4683 11.9622L15.3766 13.614L13.5246 13.2597L13.29 15.1305L12 13.7545L10.71 15.1305L10.4754 13.2597L8.62341 13.6139L9.53161 11.9622L7.82611 11.16L9.53161 10.3577L8.62341 8.70605L10.4753 9.06023L10.71 7.18945L12 8.56537L13.29 7.18945L13.5246 9.06023L15.3766 8.70605L14.4685 10.3578L16.1739 11.16Z" fill="#FFDA44"></path>
 <path d="M15.1305 3.913H12.7826C12.7826 3.48086 12.4322 3.13037 12 3.13037C11.5678 3.13037 11.2174 3.48081 11.2174 3.913H8.86957C8.86957 4.34518 9.24607 4.69562 9.67826 4.69562H9.65215C9.65215 5.12781 10.0025 5.47825 10.4348 5.47825C10.4348 5.91043 10.7851 6.26087 11.2174 6.26087H12.7826C13.2147 6.26087 13.5652 5.91048 13.5652 5.47825C13.9974 5.47825 14.3478 5.12786 14.3478 4.69562H14.3217C14.754 4.69562 15.1305 4.34523 15.1305 3.913V3.913Z" fill="#FFDA44"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1_2373">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKmIcon.html b/src/tests/__snapshots__/FlagKmIcon.html
index d4332630..922a1c72 100644
--- a/src/tests/__snapshots__/FlagKmIcon.html
+++ b/src/tests/__snapshots__/FlagKmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eba4b2d9="" class="kui-icon flag-km-icon" data-testid="kui-icon-wrapper-flag-km-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eba4b2d9="" data-testid="kui-icon-svg-flag-km-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eba4b2d9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eba4b2d9=""><g clip-path="url(#clip0_1_2304)">
+<span data-v-eba4b2d9="" class="kui-icon flag-km-icon" data-testid="kui-icon-wrapper-flag-km-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eba4b2d9="" data-testid="kui-icon-svg-flag-km-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2304)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9996 11.9653H10.9913C8.40862 14.5481 6.84684 16.542 5.25216 18.1367L12.0348 18.7479L22.5598 17.7044C23.4783 16.0078 24 14.0649 24 12.0001C24 11.9884 23.9996 11.977 23.9996 11.9653V11.9653Z" fill="#D80027"></path>
 <path d="M5.2522 6.22613H22.5215C20.4807 2.51513 16.5343 0 12 0C8.69508 0 5.70277 1.33645 3.53269 3.498L5.2522 6.22613Z" fill="#FFDA44"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_1_2304">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKpIcon.html b/src/tests/__snapshots__/FlagKpIcon.html
index b8a1d6c6..9b9e3ad4 100644
--- a/src/tests/__snapshots__/FlagKpIcon.html
+++ b/src/tests/__snapshots__/FlagKpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bf19dad1="" class="kui-icon flag-kp-icon" data-testid="kui-icon-wrapper-flag-kp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf19dad1="" data-testid="kui-icon-svg-flag-kp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf19dad1="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bf19dad1=""><g clip-path="url(#clip0_246_4960)">
+<span data-v-bf19dad1="" class="kui-icon flag-kp-icon" data-testid="kui-icon-wrapper-flag-kp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf19dad1="" data-testid="kui-icon-svg-flag-kp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4960)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#0052B4"></path>
 <path d="M21.0965 19.8261H2.90332C5.10396 22.3817 8.36285 24 11.9999 24C15.637 24 18.8959 22.3817 21.0965 19.8261Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_4960">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKrIcon.html b/src/tests/__snapshots__/FlagKrIcon.html
index b7633273..0b79ba22 100644
--- a/src/tests/__snapshots__/FlagKrIcon.html
+++ b/src/tests/__snapshots__/FlagKrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7f1d34a2="" class="kui-icon flag-kr-icon" data-testid="kui-icon-wrapper-flag-kr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f1d34a2="" data-testid="kui-icon-svg-flag-kr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7f1d34a2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7f1d34a2=""><g clip-path="url(#clip0_1415_2982)">
+<span data-v-7f1d34a2="" class="kui-icon flag-kr-icon" data-testid="kui-icon-wrapper-flag-kr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f1d34a2="" data-testid="kui-icon-svg-flag-kr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_2982)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M16.174 12.0001C16.174 13.0435 14.3052 15.6522 12.0001 15.6522C9.69489 15.6522 7.82617 13.0435 7.82617 12.0001C7.82617 9.69484 9.69489 7.82617 12.0001 7.82617C14.3052 7.82617 16.174 9.69484 16.174 12.0001Z" fill="#D80027"></path>
 <path d="M16.174 12C16.174 14.3052 14.3052 16.1739 12.0001 16.1739C9.69489 16.1739 7.82617 14.3052 7.82617 12" fill="#0052B4"></path>
@@ -25,4 +25,4 @@
 <clipPath id="clip0_1415_2982">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKwIcon.html b/src/tests/__snapshots__/FlagKwIcon.html
index 094ce978..6803fa79 100644
--- a/src/tests/__snapshots__/FlagKwIcon.html
+++ b/src/tests/__snapshots__/FlagKwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d615e79a="" class="kui-icon flag-kw-icon" data-testid="kui-icon-wrapper-flag-kw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d615e79a="" data-testid="kui-icon-svg-flag-kw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d615e79a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d615e79a=""><g clip-path="url(#clip0_1_2375)">
+<span data-v-d615e79a="" class="kui-icon flag-kw-icon" data-testid="kui-icon-wrapper-flag-kw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d615e79a="" data-testid="kui-icon-svg-flag-kw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2375)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12618 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12618 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2375">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKyIcon.html b/src/tests/__snapshots__/FlagKyIcon.html
index 820e7f8a..2d98408b 100644
--- a/src/tests/__snapshots__/FlagKyIcon.html
+++ b/src/tests/__snapshots__/FlagKyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5e0ce62c="" class="kui-icon flag-ky-icon" data-testid="kui-icon-wrapper-flag-ky-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5e0ce62c="" data-testid="kui-icon-svg-flag-ky-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5e0ce62c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5e0ce62c=""><g clip-path="url(#clip0_1_2295)">
+<span data-v-5e0ce62c="" class="kui-icon flag-ky-icon" data-testid="kui-icon-wrapper-flag-ky-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5e0ce62c="" data-testid="kui-icon-svg-flag-ky-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2295)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_1_2295">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagKzIcon.html b/src/tests/__snapshots__/FlagKzIcon.html
index d0d34ccb..6b2b939a 100644
--- a/src/tests/__snapshots__/FlagKzIcon.html
+++ b/src/tests/__snapshots__/FlagKzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5a0a2383="" class="kui-icon flag-kz-icon" data-testid="kui-icon-wrapper-flag-kz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a0a2383="" data-testid="kui-icon-svg-flag-kz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5a0a2383="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5a0a2383=""><g clip-path="url(#clip0_1_2371)">
+<span data-v-5a0a2383="" class="kui-icon flag-kz-icon" data-testid="kui-icon-wrapper-flag-kz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a0a2383="" data-testid="kui-icon-svg-flag-kz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2371)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M18.7826 12.1304H5.21735C5.21735 13.0669 6.03302 13.826 6.96944 13.826H6.913C6.913 14.7625 7.67214 15.5217 8.60866 15.5217C8.60866 16.4582 9.3678 17.2173 10.3043 17.2173H13.6956C14.6321 17.2173 15.3913 16.4582 15.3913 15.5217C16.3278 15.5217 17.0869 14.7625 17.0869 13.826H17.0305C17.9668 13.826 18.7826 13.0669 18.7826 12.1304V12.1304Z" fill="#FFDA44"></path>
 <path d="M16.6956 9.91309C16.6956 12.5064 14.5933 14.6087 12 14.6087C9.40662 14.6087 7.30432 12.5064 7.30432 9.91309" fill="#338AF3"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2371">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLaIcon.html b/src/tests/__snapshots__/FlagLaIcon.html
index d29950af..fa7c7f87 100644
--- a/src/tests/__snapshots__/FlagLaIcon.html
+++ b/src/tests/__snapshots__/FlagLaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4976b082="" class="kui-icon flag-la-icon" data-testid="kui-icon-wrapper-flag-la-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4976b082="" data-testid="kui-icon-svg-flag-la-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4976b082="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4976b082=""><g clip-path="url(#clip0_246_4635)">
+<span data-v-4976b082="" class="kui-icon flag-la-icon" data-testid="kui-icon-wrapper-flag-la-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4976b082="" data-testid="kui-icon-svg-flag-la-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4635)">
 <path d="M22.8095 6.78263C20.8685 2.76867 16.7577 0 12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263L12.0002 7.82611L22.8095 6.78263Z" fill="#D80027"></path>
 <path d="M1.19092 17.2174C3.13192 21.2313 7.24267 24 12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174L12.0002 16.1739L1.19092 17.2174Z" fill="#D80027"></path>
 <path d="M22.8093 6.78262H1.19072C0.427875 8.3602 0 10.1301 0 12C0 13.8699 0.427875 15.6398 1.19072 17.2174H22.8092C23.5722 15.6398 24 13.8699 24 12C24 10.1301 23.5722 8.3602 22.8093 6.78262Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4635">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLbIcon.html b/src/tests/__snapshots__/FlagLbIcon.html
index d63479bc..02e53765 100644
--- a/src/tests/__snapshots__/FlagLbIcon.html
+++ b/src/tests/__snapshots__/FlagLbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6ff48c26="" class="kui-icon flag-lb-icon" data-testid="kui-icon-wrapper-flag-lb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6ff48c26="" data-testid="kui-icon-svg-flag-lb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6ff48c26="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6ff48c26=""><g clip-path="url(#clip0_246_4646)">
+<span data-v-6ff48c26="" class="kui-icon flag-lb-icon" data-testid="kui-icon-wrapper-flag-lb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6ff48c26="" data-testid="kui-icon-svg-flag-lb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4646)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4646">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLcIcon.html b/src/tests/__snapshots__/FlagLcIcon.html
index 2f6bce9d..c42aa406 100644
--- a/src/tests/__snapshots__/FlagLcIcon.html
+++ b/src/tests/__snapshots__/FlagLcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-34d27981="" class="kui-icon flag-lc-icon" data-testid="kui-icon-wrapper-flag-lc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-34d27981="" data-testid="kui-icon-svg-flag-lc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-34d27981="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-34d27981=""><g clip-path="url(#clip0_246_5355)">
+<span data-v-34d27981="" class="kui-icon flag-lc-icon" data-testid="kui-icon-wrapper-flag-lc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-34d27981="" data-testid="kui-icon-svg-flag-lc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5355)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M7.56543 16.1739H16.435L12.0002 5.73914L7.56543 16.1739Z" fill="#F3F3F3"></path>
 <path d="M9.10645 15.1304L12 8.54877L14.8935 15.1304H9.10645Z" fill="#333333"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_5355">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLiIcon.html b/src/tests/__snapshots__/FlagLiIcon.html
index 2ca1d4db..033eb1b3 100644
--- a/src/tests/__snapshots__/FlagLiIcon.html
+++ b/src/tests/__snapshots__/FlagLiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-88818abc="" class="kui-icon flag-li-icon" data-testid="kui-icon-wrapper-flag-li-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88818abc="" data-testid="kui-icon-svg-flag-li-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88818abc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88818abc=""><g clip-path="url(#clip0_246_4681)">
+<span data-v-88818abc="" class="kui-icon flag-li-icon" data-testid="kui-icon-wrapper-flag-li-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88818abc="" data-testid="kui-icon-svg-flag-li-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4681)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#D80027"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path>
 <path d="M8.86975 8.34782C8.86975 7.4834 8.16896 6.78262 7.30454 6.78262C6.90353 6.78262 6.53804 6.93355 6.26106 7.18148V6.26085H6.78278V5.21737H6.26106V4.69565H5.21757V5.21737H4.69586V6.26085H5.21757V7.18148C4.94059 6.93355 4.57511 6.78262 4.17409 6.78262C3.30967 6.78262 2.60889 7.4834 2.60889 8.34782C2.60889 8.81127 2.8105 9.22752 3.13061 9.51416V10.4348H8.34798V9.51416C8.66818 9.22752 8.86975 8.81127 8.86975 8.34782Z" fill="#FFDA44"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4681">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLkIcon.html b/src/tests/__snapshots__/FlagLkIcon.html
index d5a26100..10189b03 100644
--- a/src/tests/__snapshots__/FlagLkIcon.html
+++ b/src/tests/__snapshots__/FlagLkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d958b7c4="" class="kui-icon flag-lk-icon" data-testid="kui-icon-wrapper-flag-lk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d958b7c4="" data-testid="kui-icon-svg-flag-lk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d958b7c4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d958b7c4=""><g clip-path="url(#clip0_246_5339)">
+<span data-v-d958b7c4="" class="kui-icon flag-lk-icon" data-testid="kui-icon-wrapper-flag-lk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d958b7c4="" data-testid="kui-icon-svg-flag-lk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5339)">
 <path d="M0.001 2.08698H0V21.913H0.001V12.0001V2.08698Z" fill="#FF9811"></path>
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37257 18.6274 0 12 0C5.37257 0 0 5.37257 0 12C0 18.6274 5.37257 24 12 24Z" fill="#FFDA44"></path>
 <path d="M9.3915 2.08698H5.23672C5.0526 2.21283 4.87241 2.34385 4.69583 2.47946L3.65234 12L4.69583 21.5205C4.87241 21.6562 5.0526 21.7872 5.23672 21.913H9.3915V2.08698Z" fill="#FF9811"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_5339">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLrIcon.html b/src/tests/__snapshots__/FlagLrIcon.html
index 4b204864..3f26776e 100644
--- a/src/tests/__snapshots__/FlagLrIcon.html
+++ b/src/tests/__snapshots__/FlagLrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-604428e6="" class="kui-icon flag-lr-icon" data-testid="kui-icon-wrapper-flag-lr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-604428e6="" data-testid="kui-icon-svg-flag-lr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-604428e6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-604428e6=""><g clip-path="url(#clip0_246_4657)">
+<span data-v-604428e6="" class="kui-icon flag-lr-icon" data-testid="kui-icon-wrapper-flag-lr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-604428e6="" data-testid="kui-icon-svg-flag-lr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4657)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M2.74316 4.36368H21.2573C20.5735 3.53563 19.7804 2.80134 18.9006 2.18188H5.0999C4.2201 2.80124 3.42702 3.53559 2.74316 4.36368Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 12.3678 0.0174844 12.7315 0.049875 13.0909H23.9501C23.9825 12.7315 24 12.3678 24 12C24 11.6322 23.9825 11.2685 23.9501 10.9091H0.049875C0.0174844 11.2685 0 11.6322 0 12H0Z" fill="#F0F0F0"></path>
@@ -18,4 +18,4 @@
 <clipPath id="clip0_246_4657">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLsIcon.html b/src/tests/__snapshots__/FlagLsIcon.html
index ef8055e9..caf4bc0b 100644
--- a/src/tests/__snapshots__/FlagLsIcon.html
+++ b/src/tests/__snapshots__/FlagLsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-507df73d="" class="kui-icon flag-ls-icon" data-testid="kui-icon-wrapper-flag-ls-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-507df73d="" data-testid="kui-icon-svg-flag-ls-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-507df73d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-507df73d=""><g clip-path="url(#clip0_246_4652)">
+<span data-v-507df73d="" class="kui-icon flag-ls-icon" data-testid="kui-icon-wrapper-flag-ls-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-507df73d="" data-testid="kui-icon-svg-flag-ls-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4652)">
 <path d="M0 12C0 13.8698 0.427828 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174C23.5722 15.6398 24 13.8698 24 12C24 10.1302 23.5722 8.36025 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427828 8.36026 0 10.1302 0 12H0Z" fill="#F0F0F0"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#6DA544"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4652">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLtIcon.html b/src/tests/__snapshots__/FlagLtIcon.html
index ac35e86f..e0a5fbcd 100644
--- a/src/tests/__snapshots__/FlagLtIcon.html
+++ b/src/tests/__snapshots__/FlagLtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2d4b27fb="" class="kui-icon flag-lt-icon" data-testid="kui-icon-wrapper-flag-lt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2d4b27fb="" data-testid="kui-icon-svg-flag-lt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2d4b27fb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2d4b27fb=""><g clip-path="url(#clip0_246_4685)">
+<span data-v-2d4b27fb="" class="kui-icon flag-lt-icon" data-testid="kui-icon-wrapper-flag-lt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2d4b27fb="" data-testid="kui-icon-svg-flag-lt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4685)">
 <path d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264 9.12605 0 10.5322 0 12C0 13.4678 0.264 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path>
 <path d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4685">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLuIcon.html b/src/tests/__snapshots__/FlagLuIcon.html
index 52057536..a27ee5da 100644
--- a/src/tests/__snapshots__/FlagLuIcon.html
+++ b/src/tests/__snapshots__/FlagLuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3692d3a5="" class="kui-icon flag-lu-icon" data-testid="kui-icon-wrapper-flag-lu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3692d3a5="" data-testid="kui-icon-svg-flag-lu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3692d3a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3692d3a5=""><g clip-path="url(#clip0_246_4689)">
+<span data-v-3692d3a5="" class="kui-icon flag-lu-icon" data-testid="kui-icon-wrapper-flag-lu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3692d3a5="" data-testid="kui-icon-svg-flag-lu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4689)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4689">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLvIcon.html b/src/tests/__snapshots__/FlagLvIcon.html
index cb74d120..32744a3c 100644
--- a/src/tests/__snapshots__/FlagLvIcon.html
+++ b/src/tests/__snapshots__/FlagLvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3e9115f5="" class="kui-icon flag-lv-icon" data-testid="kui-icon-wrapper-flag-lv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e9115f5="" data-testid="kui-icon-svg-flag-lv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e9115f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e9115f5=""><g clip-path="url(#clip0_246_4641)">
+<span data-v-3e9115f5="" class="kui-icon flag-lv-icon" data-testid="kui-icon-wrapper-flag-lv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e9115f5="" data-testid="kui-icon-svg-flag-lv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4641)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C6.45586 0 1.79057 3.76036 0.413574 8.86955H23.5868C22.2098 3.76036 17.5445 0 12.0002 0Z" fill="#A2001D"></path>
 <path d="M12.0002 24C17.5445 24 22.2098 20.2396 23.5868 15.1305H0.413574C1.79057 20.2396 6.45585 24 12.0002 24Z" fill="#A2001D"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4641">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagLyIcon.html b/src/tests/__snapshots__/FlagLyIcon.html
index 3f0824d4..3b0a9d17 100644
--- a/src/tests/__snapshots__/FlagLyIcon.html
+++ b/src/tests/__snapshots__/FlagLyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-30c56121="" class="kui-icon flag-ly-icon" data-testid="kui-icon-wrapper-flag-ly-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-30c56121="" data-testid="kui-icon-svg-flag-ly-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-30c56121="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-30c56121=""><g clip-path="url(#clip0_246_4674)">
+<span data-v-30c56121="" class="kui-icon flag-ly-icon" data-testid="kui-icon-wrapper-flag-ly-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-30c56121="" data-testid="kui-icon-svg-flag-ly-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4674)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="black"></path>
 <path d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#496E2D"></path>
 <path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_4674">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMaIcon.html b/src/tests/__snapshots__/FlagMaIcon.html
index a473f947..b195d6d0 100644
--- a/src/tests/__snapshots__/FlagMaIcon.html
+++ b/src/tests/__snapshots__/FlagMaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18a3969b="" class="kui-icon flag-ma-icon" data-testid="kui-icon-wrapper-flag-ma-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a3969b="" data-testid="kui-icon-svg-flag-ma-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18a3969b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18a3969b=""><g clip-path="url(#clip0_246_4847)">
+<span data-v-18a3969b="" class="kui-icon flag-ma-icon" data-testid="kui-icon-wrapper-flag-ma-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a3969b="" data-testid="kui-icon-svg-flag-ma-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4847)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M19.0915 9.84796H13.6739L11.9998 4.69565L10.3257 9.84796H4.9082L9.29106 13.0323L7.61692 18.1847L11.9998 15.0004L16.3827 18.1848L14.7086 13.0323L19.0915 9.84796ZM10.5177 12.6337L11.0838 10.8914H12.9158L13.4819 12.6337V12.6337L11.9998 13.7105L10.5178 12.6337L10.5177 12.6337ZM12.5768 9.84796H11.4229L11.9998 8.07234L12.5768 9.84796ZM14.3695 11.9888L14.0129 10.8914H15.8799L14.3695 11.9888ZM9.98669 10.8914L9.63011 11.9888L8.11966 10.8914H9.98669ZM9.60175 15.4529L10.1787 13.6773L11.1122 14.3555L9.60175 15.4529ZM12.8875 14.3555L13.821 13.6773L14.3979 15.4529L12.8875 14.3555Z" fill="#FFDA44"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_4847">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMcIcon.html b/src/tests/__snapshots__/FlagMcIcon.html
index 15336a63..1fbf2d42 100644
--- a/src/tests/__snapshots__/FlagMcIcon.html
+++ b/src/tests/__snapshots__/FlagMcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5fc4cd10="" class="kui-icon flag-mc-icon" data-testid="kui-icon-wrapper-flag-mc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5fc4cd10="" data-testid="kui-icon-svg-flag-mc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5fc4cd10="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5fc4cd10=""><g clip-path="url(#clip0_246_4811)">
+<span data-v-5fc4cd10="" class="kui-icon flag-mc-icon" data-testid="kui-icon-wrapper-flag-mc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5fc4cd10="" data-testid="kui-icon-svg-flag-mc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4811)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_4811">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMdIcon.html b/src/tests/__snapshots__/FlagMdIcon.html
index 655c4f65..d045fadf 100644
--- a/src/tests/__snapshots__/FlagMdIcon.html
+++ b/src/tests/__snapshots__/FlagMdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-73d4e68d="" class="kui-icon flag-md-icon" data-testid="kui-icon-wrapper-flag-md-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73d4e68d="" data-testid="kui-icon-svg-flag-md-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73d4e68d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-73d4e68d=""><g clip-path="url(#clip0_246_4804)">
+<span data-v-73d4e68d="" class="kui-icon flag-md-icon" data-testid="kui-icon-wrapper-flag-md-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73d4e68d="" data-testid="kui-icon-svg-flag-md-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4804)">
 <path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path>
 <path d="M6.78263 1.19113C2.76872 3.13208 0 7.24251 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8088V1.19113Z" fill="#0052B4"></path>
 <path d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13208 17.2173 1.19113Z" fill="#D80027"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_4804">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMeIcon.html b/src/tests/__snapshots__/FlagMeIcon.html
index 1fa3cde7..7d7f3a06 100644
--- a/src/tests/__snapshots__/FlagMeIcon.html
+++ b/src/tests/__snapshots__/FlagMeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9e9cb3f2="" class="kui-icon flag-me-icon" data-testid="kui-icon-wrapper-flag-me-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e9cb3f2="" data-testid="kui-icon-svg-flag-me-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9e9cb3f2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9e9cb3f2=""><g clip-path="url(#clip0_246_4827)">
+<span data-v-9e9cb3f2="" class="kui-icon flag-me-icon" data-testid="kui-icon-wrapper-flag-me-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e9cb3f2="" data-testid="kui-icon-svg-flag-me-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4827)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M24 12C24 7.88152 21.9249 4.24805 18.7635 2.08698H5.23655C2.07516 4.24805 0 7.88152 0 12C0 16.1186 2.07516 19.752 5.23655 21.913H18.7635C21.9249 19.752 24 16.1186 24 12Z" fill="#A2001D"></path>
 <path d="M9.39111 8.86954H14.6085V6.78262L13.565 7.30434L11.9998 5.73914L10.4346 7.30434L9.39111 6.78262V8.86954Z" fill="#FFDA44"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_4827">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMgIcon.html b/src/tests/__snapshots__/FlagMgIcon.html
index a831c738..8799ee21 100644
--- a/src/tests/__snapshots__/FlagMgIcon.html
+++ b/src/tests/__snapshots__/FlagMgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d6a01453="" class="kui-icon flag-mg-icon" data-testid="kui-icon-wrapper-flag-mg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d6a01453="" data-testid="kui-icon-svg-flag-mg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d6a01453="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d6a01453=""><g clip-path="url(#clip0_246_4705)">
+<span data-v-d6a01453="" class="kui-icon flag-mg-icon" data-testid="kui-icon-wrapper-flag-mg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d6a01453="" data-testid="kui-icon-svg-flag-mg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4705)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.82617 12V23.2536C9.12611 23.736 10.5322 24 12.0001 24C18.6274 24 24.0001 18.6274 24.0001 12C24.0001 5.37263 7.82617 12 7.82617 12Z" fill="#6DA544"></path>
 <path d="M12.0001 0C10.5322 0 9.12611 0.264047 7.82617 0.746391V12H24.0001C24.0001 5.37262 18.6274 0 12.0001 0Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4705">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMhIcon.html b/src/tests/__snapshots__/FlagMhIcon.html
index 1c2dd01b..57168216 100644
--- a/src/tests/__snapshots__/FlagMhIcon.html
+++ b/src/tests/__snapshots__/FlagMhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5b969abb="" class="kui-icon flag-mh-icon" data-testid="kui-icon-wrapper-flag-mh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5b969abb="" data-testid="kui-icon-svg-flag-mh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5b969abb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5b969abb=""><g clip-path="url(#clip0_246_4744)">
+<span data-v-5b969abb="" class="kui-icon flag-mh-icon" data-testid="kui-icon-wrapper-flag-mh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5b969abb="" data-testid="kui-icon-svg-flag-mh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4744)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z" fill="#0052B4"></path>
 <path d="M22.6136 6.43496C22.0643 5.38946 21.3502 4.40785 20.4711 3.52876C19.592 2.64967 18.6105 1.93553 17.5649 1.38629L3.50049 20.4993L22.6136 6.43496Z" fill="#F0F0F0"></path>
 <path d="M3.50049 20.4993L22.6136 6.43495C22.0643 5.38945 21.3502 4.40784 20.4711 3.52875L3.50049 20.4993Z" fill="#FF9811"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4744">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMkIcon.html b/src/tests/__snapshots__/FlagMkIcon.html
index baa58fa1..1ffaa3a0 100644
--- a/src/tests/__snapshots__/FlagMkIcon.html
+++ b/src/tests/__snapshots__/FlagMkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2005c805="" class="kui-icon flag-mk-icon" data-testid="kui-icon-wrapper-flag-mk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2005c805="" data-testid="kui-icon-svg-flag-mk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2005c805="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2005c805=""><g clip-path="url(#clip0_246_5097)">
+<span data-v-2005c805="" class="kui-icon flag-mk-icon" data-testid="kui-icon-wrapper-flag-mk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2005c805="" data-testid="kui-icon-svg-flag-mk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5097)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z" fill="#D80027"></path>
 <path d="M10.1752 0.137939C8.22359 0.435689 6.42706 1.20425 4.90381 2.32311L12.0002 12L10.1752 0.137939Z" fill="#D80027"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_246_5097">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMlIcon.html b/src/tests/__snapshots__/FlagMlIcon.html
index 6fa2637c..e71ac89d 100644
--- a/src/tests/__snapshots__/FlagMlIcon.html
+++ b/src/tests/__snapshots__/FlagMlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5ec5b6ce="" class="kui-icon flag-ml-icon" data-testid="kui-icon-wrapper-flag-ml-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5ec5b6ce="" data-testid="kui-icon-svg-flag-ml-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5ec5b6ce="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5ec5b6ce=""><g clip-path="url(#clip0_246_4736)">
+<span data-v-5ec5b6ce="" class="kui-icon flag-ml-icon" data-testid="kui-icon-wrapper-flag-ml-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5ec5b6ce="" data-testid="kui-icon-svg-flag-ml-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4736)">
 <path d="M16.174 0.746391C14.874 0.264047 13.4679 0 12.0001 0C10.5322 0 9.12618 0.264047 7.8262 0.746391L6.78271 12L7.8262 23.2536C9.12618 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2175 12L16.174 0.746391Z" fill="#FFDA44"></path>
 <path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4736">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMmIcon.html b/src/tests/__snapshots__/FlagMmIcon.html
index ec2f8b5e..c330d47e 100644
--- a/src/tests/__snapshots__/FlagMmIcon.html
+++ b/src/tests/__snapshots__/FlagMmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8f30de8a="" class="kui-icon flag-mm-icon" data-testid="kui-icon-wrapper-flag-mm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f30de8a="" data-testid="kui-icon-svg-flag-mm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f30de8a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8f30de8a=""><g clip-path="url(#clip0_246_4859)">
+<span data-v-8f30de8a="" class="kui-icon flag-mm-icon" data-testid="kui-icon-wrapper-flag-mm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f30de8a="" data-testid="kui-icon-svg-flag-mm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4859)">
 <path d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path>
 <path d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4859">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMnIcon.html b/src/tests/__snapshots__/FlagMnIcon.html
index 55bef351..be96e9f8 100644
--- a/src/tests/__snapshots__/FlagMnIcon.html
+++ b/src/tests/__snapshots__/FlagMnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b44a4702="" class="kui-icon flag-mn-icon" data-testid="kui-icon-wrapper-flag-mn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b44a4702="" data-testid="kui-icon-svg-flag-mn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b44a4702="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b44a4702=""><g clip-path="url(#clip0_246_4814)">
+<span data-v-b44a4702="" class="kui-icon flag-mn-icon" data-testid="kui-icon-wrapper-flag-mn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b44a4702="" data-testid="kui-icon-svg-flag-mn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4814)">
 <path d="M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z" fill="#0052B4"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z" fill="#A2001D"></path>
 <path d="M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z" fill="#A2001D"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_246_4814">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMoIcon.html b/src/tests/__snapshots__/FlagMoIcon.html
index a0251fdf..9efca83a 100644
--- a/src/tests/__snapshots__/FlagMoIcon.html
+++ b/src/tests/__snapshots__/FlagMoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aeab534b="" class="kui-icon flag-mo-icon" data-testid="kui-icon-wrapper-flag-mo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aeab534b="" data-testid="kui-icon-svg-flag-mo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aeab534b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aeab534b=""><g clip-path="url(#clip0_246_4693)">
+<span data-v-aeab534b="" class="kui-icon flag-mo-icon" data-testid="kui-icon-wrapper-flag-mo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aeab534b="" data-testid="kui-icon-svg-flag-mo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4693)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z" fill="#F0F0F0"></path>
 <path d="M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z" fill="#FFDA44"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_246_4693">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMpIcon.html b/src/tests/__snapshots__/FlagMpIcon.html
index 0d2af21d..09ce285b 100644
--- a/src/tests/__snapshots__/FlagMpIcon.html
+++ b/src/tests/__snapshots__/FlagMpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-16c7b5b5="" class="kui-icon flag-mp-icon" data-testid="kui-icon-wrapper-flag-mp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16c7b5b5="" data-testid="kui-icon-svg-flag-mp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-16c7b5b5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-16c7b5b5=""><g clip-path="url(#clip0_246_4975)">
+<span data-v-16c7b5b5="" class="kui-icon flag-mp-icon" data-testid="kui-icon-wrapper-flag-mp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16c7b5b5="" data-testid="kui-icon-svg-flag-mp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4975)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z" fill="#F3F3F3"></path>
 <path d="M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z" fill="#338AF3"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_4975">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMqIcon.html b/src/tests/__snapshots__/FlagMqIcon.html
index 9dfba13c..d802ce07 100644
--- a/src/tests/__snapshots__/FlagMqIcon.html
+++ b/src/tests/__snapshots__/FlagMqIcon.html
@@ -1,4 +1,4 @@
-<span data-v-568d512e="" class="kui-icon flag-mq-icon" data-testid="kui-icon-wrapper-flag-mq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-568d512e="" data-testid="kui-icon-svg-flag-mq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-568d512e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-568d512e=""><g clip-path="url(#clip0_246_4749)">
+<span data-v-568d512e="" class="kui-icon flag-mq-icon" data-testid="kui-icon-wrapper-flag-mq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-568d512e="" data-testid="kui-icon-svg-flag-mq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4749)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z" fill="#0052B4"></path>
 <path d="M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z" fill="#0052B4"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_246_4749">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMrIcon.html b/src/tests/__snapshots__/FlagMrIcon.html
index edcd4620..23b5a551 100644
--- a/src/tests/__snapshots__/FlagMrIcon.html
+++ b/src/tests/__snapshots__/FlagMrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8d405964="" class="kui-icon flag-mr-icon" data-testid="kui-icon-wrapper-flag-mr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d405964="" data-testid="kui-icon-svg-flag-mr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8d405964="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8d405964=""><g clip-path="url(#clip0_246_4761)">
+<span data-v-8d405964="" class="kui-icon flag-mr-icon" data-testid="kui-icon-wrapper-flag-mr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d405964="" data-testid="kui-icon-svg-flag-mr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4761)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z" fill="#FFDA44"></path>
 <path d="M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z" fill="#FFDA44"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4761">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMsIcon.html b/src/tests/__snapshots__/FlagMsIcon.html
index 2b40dda9..81d3694a 100644
--- a/src/tests/__snapshots__/FlagMsIcon.html
+++ b/src/tests/__snapshots__/FlagMsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8b7feeae="" class="kui-icon flag-ms-icon" data-testid="kui-icon-wrapper-flag-ms-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8b7feeae="" data-testid="kui-icon-svg-flag-ms-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8b7feeae="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8b7feeae=""><g clip-path="url(#clip0_246_4835)">
+<span data-v-8b7feeae="" class="kui-icon flag-ms-icon" data-testid="kui-icon-wrapper-flag-ms-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8b7feeae="" data-testid="kui-icon-svg-flag-ms-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4835)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_246_4835">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMtIcon.html b/src/tests/__snapshots__/FlagMtIcon.html
index b6becb7d..0f0522bf 100644
--- a/src/tests/__snapshots__/FlagMtIcon.html
+++ b/src/tests/__snapshots__/FlagMtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-cdee2fd0="" class="kui-icon flag-mt-icon" data-testid="kui-icon-wrapper-flag-mt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cdee2fd0="" data-testid="kui-icon-svg-flag-mt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-cdee2fd0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-cdee2fd0=""><g clip-path="url(#clip0_246_4740)">
+<span data-v-cdee2fd0="" class="kui-icon flag-mt-icon" data-testid="kui-icon-wrapper-flag-mt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cdee2fd0="" data-testid="kui-icon-svg-flag-mt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4740)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24" fill="#D80027"></path>
 <path d="M8.34774 4.69567V3.13046H6.78253V4.69567H5.21729V6.26087H6.78253V7.82612H8.34774V6.26087H9.91294V4.69567H8.34774Z" fill="#ACABB1"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4740">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMuIcon.html b/src/tests/__snapshots__/FlagMuIcon.html
index 08831e95..176b7de8 100644
--- a/src/tests/__snapshots__/FlagMuIcon.html
+++ b/src/tests/__snapshots__/FlagMuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3edfda48="" class="kui-icon flag-mu-icon" data-testid="kui-icon-wrapper-flag-mu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3edfda48="" data-testid="kui-icon-svg-flag-mu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3edfda48="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3edfda48=""><g clip-path="url(#clip0_246_4766)">
+<span data-v-3edfda48="" class="kui-icon flag-mu-icon" data-testid="kui-icon-wrapper-flag-mu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3edfda48="" data-testid="kui-icon-svg-flag-mu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4766)">
 <path d="M1.45898 6.26086L11.9999 7.30434L22.5408 6.26086C20.5056 2.53073 16.5484 0 11.9999 0C7.45139 0 3.49425 2.53073 1.45898 6.26086Z" fill="#D80027"></path>
 <path d="M1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391Z" fill="#FFDA44"></path>
 <path d="M1.45908 6.26086C0.528891 7.96575 0 9.9211 0 12H24C24 9.9211 23.4711 7.96575 22.5409 6.26086H12H1.45908Z" fill="#0052B4"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4766">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMvIcon.html b/src/tests/__snapshots__/FlagMvIcon.html
index c505d8a6..c3df8923 100644
--- a/src/tests/__snapshots__/FlagMvIcon.html
+++ b/src/tests/__snapshots__/FlagMvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-89b50a3b="" class="kui-icon flag-mv-icon" data-testid="kui-icon-wrapper-flag-mv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-89b50a3b="" data-testid="kui-icon-svg-flag-mv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-89b50a3b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-89b50a3b=""><g clip-path="url(#clip0_246_4732)">
+<span data-v-89b50a3b="" class="kui-icon flag-mv-icon" data-testid="kui-icon-wrapper-flag-mv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-89b50a3b="" data-testid="kui-icon-svg-flag-mv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4732)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M4.17383 6.26086H19.826V17.7391H4.17383V6.26086Z" fill="#6DA544"></path>
 <path d="M13.9323 15.3913C12.0594 15.3913 10.541 13.8729 10.541 12C10.541 10.127 12.0594 8.60867 13.9323 8.60867C14.5163 8.60867 15.0658 8.75633 15.5455 9.0163C14.793 8.28032 13.7638 7.82605 12.628 7.82605C10.3229 7.82605 8.4541 9.69477 8.4541 11.9999C8.4541 14.3051 10.3229 16.1738 12.628 16.1738C13.7638 16.1738 14.793 15.7196 15.5455 14.9836C15.0658 15.2436 14.5163 15.3913 13.9323 15.3913Z" fill="#F0F0F0"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4732">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMwIcon.html b/src/tests/__snapshots__/FlagMwIcon.html
index cd67d98c..1f76e6ae 100644
--- a/src/tests/__snapshots__/FlagMwIcon.html
+++ b/src/tests/__snapshots__/FlagMwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-62eb8295="" class="kui-icon flag-mw-icon" data-testid="kui-icon-wrapper-flag-mw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62eb8295="" data-testid="kui-icon-svg-flag-mw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-62eb8295="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-62eb8295=""><g clip-path="url(#clip0_246_4716)">
+<span data-v-62eb8295="" class="kui-icon flag-mw-icon" data-testid="kui-icon-wrapper-flag-mw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62eb8295="" data-testid="kui-icon-svg-flag-mw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4716)">
 <path d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 16.6957L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.1261 23.2536 7.82612L12 7.30435L0.746391 7.82607C0.264047 9.1261 0 10.5322 0 12H0Z" fill="#D80027"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="black"></path>
 <path d="M23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739Z" fill="#496E2D"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4716">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMxIcon.html b/src/tests/__snapshots__/FlagMxIcon.html
index 59730bc8..23167891 100644
--- a/src/tests/__snapshots__/FlagMxIcon.html
+++ b/src/tests/__snapshots__/FlagMxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ec82f1bc="" class="kui-icon flag-mx-icon" data-testid="kui-icon-wrapper-flag-mx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ec82f1bc="" data-testid="kui-icon-svg-flag-mx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ec82f1bc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ec82f1bc=""><g clip-path="url(#clip0_246_4790)">
+<span data-v-ec82f1bc="" class="kui-icon flag-mx-icon" data-testid="kui-icon-wrapper-flag-mx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ec82f1bc="" data-testid="kui-icon-svg-flag-mx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4790)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9999 12C23.9999 7.24245 21.2312 3.1317 17.2173 1.1907V22.8092C21.2312 20.8683 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.1907C2.76867 3.1317 0 7.24245 0 12Z" fill="#6DA544"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_4790">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMyIcon.html b/src/tests/__snapshots__/FlagMyIcon.html
index 83a42bce..2d283989 100644
--- a/src/tests/__snapshots__/FlagMyIcon.html
+++ b/src/tests/__snapshots__/FlagMyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18a231bf="" class="kui-icon flag-my-icon" data-testid="kui-icon-wrapper-flag-my-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a231bf="" data-testid="kui-icon-svg-flag-my-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18a231bf="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18a231bf=""><g clip-path="url(#clip0_246_4721)">
+<span data-v-18a231bf="" class="kui-icon flag-my-icon" data-testid="kui-icon-wrapper-flag-my-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a231bf="" data-testid="kui-icon-svg-flag-my-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4721)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86769 23.5868 8.86954H11.4785V12Z" fill="#D80027"></path>
 <path d="M11.4785 5.73913H22.239C21.5044 4.54044 20.5652 3.48092 19.4701 2.60867H11.4785V5.73913Z" fill="#D80027"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_246_4721">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagMzIcon.html b/src/tests/__snapshots__/FlagMzIcon.html
index 101d38fb..64940617 100644
--- a/src/tests/__snapshots__/FlagMzIcon.html
+++ b/src/tests/__snapshots__/FlagMzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3e211488="" class="kui-icon flag-mz-icon" data-testid="kui-icon-wrapper-flag-mz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e211488="" data-testid="kui-icon-svg-flag-mz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e211488="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e211488=""><g clip-path="url(#clip0_246_4850)">
+<span data-v-3e211488="" class="kui-icon flag-mz-icon" data-testid="kui-icon-wrapper-flag-mz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e211488="" data-testid="kui-icon-svg-flag-mz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4850)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M6.48617 16.6956L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9608 24 21.2177 20.9893 23.0452 16.6956H6.48617Z" fill="#FFDA44"></path>
 <path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="#496E2D"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_246_4850">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNaIcon.html b/src/tests/__snapshots__/FlagNaIcon.html
index aa652750..561e4faa 100644
--- a/src/tests/__snapshots__/FlagNaIcon.html
+++ b/src/tests/__snapshots__/FlagNaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7b629d8a="" class="kui-icon flag-na-icon" data-testid="kui-icon-wrapper-flag-na-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7b629d8a="" data-testid="kui-icon-svg-flag-na-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7b629d8a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7b629d8a=""><g clip-path="url(#clip0_246_4864)">
+<span data-v-7b629d8a="" class="kui-icon flag-na-icon" data-testid="kui-icon-wrapper-flag-na-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7b629d8a="" data-testid="kui-icon-svg-flag-na-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4864)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M3.51451 20.4853C4.0179 20.9887 4.55499 21.4376 5.11838 21.8329L21.8326 5.11866C21.4374 4.55527 20.9884 4.01817 20.485 3.51478C19.9816 3.01139 19.4445 2.56252 18.8811 2.16727L2.16699 18.8815C2.5622 19.4448 3.01112 19.9819 3.51451 20.4853Z" fill="#A2001D"></path>
 <path d="M3.51477 3.51469C-0.271044 7.3005 -0.997794 12.9861 1.33297 17.5021L17.5021 1.33298C12.9861 -0.997783 7.30049 -0.27094 3.51477 3.51469Z" fill="#0052B4"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_4864">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNeIcon.html b/src/tests/__snapshots__/FlagNeIcon.html
index fff71a0c..2ddd449b 100644
--- a/src/tests/__snapshots__/FlagNeIcon.html
+++ b/src/tests/__snapshots__/FlagNeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-56f0c86e="" class="kui-icon flag-ne-icon" data-testid="kui-icon-wrapper-flag-ne-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56f0c86e="" data-testid="kui-icon-svg-flag-ne-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-56f0c86e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-56f0c86e=""><g clip-path="url(#clip0_246_4926)">
+<span data-v-56f0c86e="" class="kui-icon flag-ne-icon" data-testid="kui-icon-wrapper-flag-ne-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56f0c86e="" data-testid="kui-icon-svg-flag-ne-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4926)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
 <path d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#6DA544"></path>
 <path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24229 0 3.13182 2.76867 1.19092 6.78263Z" fill="#FF9811"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4926">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNfIcon.html b/src/tests/__snapshots__/FlagNfIcon.html
index 8b141156..6d0f5334 100644
--- a/src/tests/__snapshots__/FlagNfIcon.html
+++ b/src/tests/__snapshots__/FlagNfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-09c1dfad="" class="kui-icon flag-nf-icon" data-testid="kui-icon-wrapper-flag-nf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-09c1dfad="" data-testid="kui-icon-svg-flag-nf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-09c1dfad="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-09c1dfad=""><g clip-path="url(#clip0_246_4954)">
+<span data-v-09c1dfad="" class="kui-icon flag-nf-icon" data-testid="kui-icon-wrapper-flag-nf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-09c1dfad="" data-testid="kui-icon-svg-flag-nf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4954)">
 <path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1302 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1302 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#F0F0F0"></path>
 <path d="M6.78263 1.19113C2.76867 3.13204 0 7.24246 0 12C0 16.7575 2.76867 20.8679 6.78263 22.8088V1.19113Z" fill="#6DA544"></path>
 <path d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13204 17.2173 1.19113Z" fill="#6DA544"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_4954">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNgIcon.html b/src/tests/__snapshots__/FlagNgIcon.html
index 3e39c994..ecc9633a 100644
--- a/src/tests/__snapshots__/FlagNgIcon.html
+++ b/src/tests/__snapshots__/FlagNgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ea747be7="" class="kui-icon flag-ng-icon" data-testid="kui-icon-wrapper-flag-ng-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea747be7="" data-testid="kui-icon-svg-flag-ng-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ea747be7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ea747be7=""><g clip-path="url(#clip0_246_4932)">
+<span data-v-ea747be7="" class="kui-icon flag-ng-icon" data-testid="kui-icon-wrapper-flag-ng-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea747be7="" data-testid="kui-icon-svg-flag-ng-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4932)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path>
 <path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4932">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNiIcon.html b/src/tests/__snapshots__/FlagNiIcon.html
index 4e340e20..20b6cc23 100644
--- a/src/tests/__snapshots__/FlagNiIcon.html
+++ b/src/tests/__snapshots__/FlagNiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9ad3a261="" class="kui-icon flag-ni-icon" data-testid="kui-icon-wrapper-flag-ni-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ad3a261="" data-testid="kui-icon-svg-flag-ni-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9ad3a261="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9ad3a261=""><g clip-path="url(#clip0_246_4917)">
+<span data-v-9ad3a261="" class="kui-icon flag-ni-icon" data-testid="kui-icon-wrapper-flag-ni-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ad3a261="" data-testid="kui-icon-svg-flag-ni-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4917)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#338AF3"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#338AF3"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_4917">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNlIcon.html b/src/tests/__snapshots__/FlagNlIcon.html
index 50d2fd47..8388e695 100644
--- a/src/tests/__snapshots__/FlagNlIcon.html
+++ b/src/tests/__snapshots__/FlagNlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-73488b41="" class="kui-icon flag-nl-icon" data-testid="kui-icon-wrapper-flag-nl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73488b41="" data-testid="kui-icon-svg-flag-nl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73488b41="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-73488b41=""><g clip-path="url(#clip0_246_4900)">
+<span data-v-73488b41="" class="kui-icon flag-nl-icon" data-testid="kui-icon-wrapper-flag-nl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73488b41="" data-testid="kui-icon-svg-flag-nl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4900)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#A2001D"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#0052B4"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_4900">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNoIcon.html b/src/tests/__snapshots__/FlagNoIcon.html
index ef2ebae1..8570a972 100644
--- a/src/tests/__snapshots__/FlagNoIcon.html
+++ b/src/tests/__snapshots__/FlagNoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-104f7bde="" class="kui-icon flag-no-icon" data-testid="kui-icon-wrapper-flag-no-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-104f7bde="" data-testid="kui-icon-svg-flag-no-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-104f7bde="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-104f7bde=""><g clip-path="url(#clip0_246_4981)">
+<span data-v-104f7bde="" class="kui-icon flag-no-icon" data-testid="kui-icon-wrapper-flag-no-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-104f7bde="" data-testid="kui-icon-svg-flag-no-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4981)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5206V15.1305H0.413574Z" fill="#D80027"></path>
 <path d="M10.9565 23.9544C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9544Z" fill="#D80027"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_4981">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNpIcon.html b/src/tests/__snapshots__/FlagNpIcon.html
index 056f9361..f6aa2e74 100644
--- a/src/tests/__snapshots__/FlagNpIcon.html
+++ b/src/tests/__snapshots__/FlagNpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6aff0593="" class="kui-icon flag-np-icon" data-testid="kui-icon-wrapper-flag-np-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6aff0593="" data-testid="kui-icon-svg-flag-np-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6aff0593="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6aff0593=""><g clip-path="url(#clip0_246_4890)">
+<span data-v-6aff0593="" class="kui-icon flag-np-icon" data-testid="kui-icon-wrapper-flag-np-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6aff0593="" data-testid="kui-icon-svg-flag-np-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4890)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9295 13.3043L23.9292 13.304L23.9292 13.3043H23.9295Z" fill="#0052B4"></path>
 <path d="M23.9292 13.3043C23.9292 13.3042 23.9293 13.3041 23.9293 13.304L10.7693 0.0623779C10.1757 0.122894 9.59475 0.226675 9.02986 0.370534C3.83897 1.69217 0 12 0 12C0 12 16.7999 23.2423 18.7165 21.9452C19.1 21.6857 19.4677 21.4046 19.8177 21.1036L12.0185 13.3043H23.9292Z" fill="#0052B4"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_4890">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNrIcon.html b/src/tests/__snapshots__/FlagNrIcon.html
index 04f4d371..222519f2 100644
--- a/src/tests/__snapshots__/FlagNrIcon.html
+++ b/src/tests/__snapshots__/FlagNrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-850861f5="" class="kui-icon flag-nr-icon" data-testid="kui-icon-wrapper-flag-nr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-850861f5="" data-testid="kui-icon-svg-flag-nr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-850861f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-850861f5=""><g clip-path="url(#clip0_246_4883)">
+<span data-v-850861f5="" class="kui-icon flag-nr-icon" data-testid="kui-icon-wrapper-flag-nr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-850861f5="" data-testid="kui-icon-svg-flag-nr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4883)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path>
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12.0002 0C5.72438 0 0.574789 4.81786 0.0458984 10.9565H23.9545C23.4256 4.81786 18.276 0 12.0002 0Z" fill="#0052B4"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_4883">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNuIcon.html b/src/tests/__snapshots__/FlagNuIcon.html
index 6aa14ba7..bb518444 100644
--- a/src/tests/__snapshots__/FlagNuIcon.html
+++ b/src/tests/__snapshots__/FlagNuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2e236494="" class="kui-icon flag-nu-icon" data-testid="kui-icon-wrapper-flag-nu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e236494="" data-testid="kui-icon-svg-flag-nu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2e236494="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2e236494=""><g clip-path="url(#clip0_246_4937)">
+<span data-v-2e236494="" class="kui-icon flag-nu-icon" data-testid="kui-icon-wrapper-flag-nu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e236494="" data-testid="kui-icon-svg-flag-nu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4937)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#FFDA44"></path>
 <path d="M12.0001 5.73914V9.78646L7.82617 5.73914H12.0001Z" fill="#0052B4"></path>
 <path d="M6.26098 12H9.78649L6.26098 7.30435L5.73926 10.9565L6.26098 12Z" fill="#0052B4"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_246_4937">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagNzIcon.html b/src/tests/__snapshots__/FlagNzIcon.html
index 9fbe5c25..b1c1a6ad 100644
--- a/src/tests/__snapshots__/FlagNzIcon.html
+++ b/src/tests/__snapshots__/FlagNzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-24448f71="" class="kui-icon flag-nz-icon" data-testid="kui-icon-wrapper-flag-nz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-24448f71="" data-testid="kui-icon-svg-flag-nz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-24448f71="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-24448f71=""><g clip-path="url(#clip0_246_4904)">
+<span data-v-24448f71="" class="kui-icon flag-nz-icon" data-testid="kui-icon-wrapper-flag-nz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-24448f71="" data-testid="kui-icon-svg-flag-nz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4904)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679C11.9786 11.9893 11.9894 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_246_4904">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagOmIcon.html b/src/tests/__snapshots__/FlagOmIcon.html
index b885b2fd..9ec740f6 100644
--- a/src/tests/__snapshots__/FlagOmIcon.html
+++ b/src/tests/__snapshots__/FlagOmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-786a75d7="" class="kui-icon flag-om-icon" data-testid="kui-icon-wrapper-flag-om-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-786a75d7="" data-testid="kui-icon-svg-flag-om-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-786a75d7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-786a75d7=""><g clip-path="url(#clip0_246_4989)">
+<span data-v-786a75d7="" class="kui-icon flag-om-icon" data-testid="kui-icon-wrapper-flag-om-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-786a75d7="" data-testid="kui-icon-svg-flag-om-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4989)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 16.5485 2.53078 20.5057 6.26086 22.5409V1.45908C2.53078 3.49429 0 7.45148 0 12Z" fill="#D80027"></path>
 <path d="M23.2537 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2537 7.82611H0.746437C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746437 16.1739L12 17.2174L23.2537 16.1739Z" fill="#D80027"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_4989">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPaIcon.html b/src/tests/__snapshots__/FlagPaIcon.html
index 619b4d16..57307366 100644
--- a/src/tests/__snapshots__/FlagPaIcon.html
+++ b/src/tests/__snapshots__/FlagPaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-16b9076d="" class="kui-icon flag-pa-icon" data-testid="kui-icon-wrapper-flag-pa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16b9076d="" data-testid="kui-icon-svg-flag-pa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-16b9076d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-16b9076d=""><g clip-path="url(#clip0_246_5025)">
+<span data-v-16b9076d="" class="kui-icon flag-pa-icon" data-testid="kui-icon-wrapper-flag-pa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16b9076d="" data-testid="kui-icon-svg-flag-pa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5025)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 18.6274 5.37262 24 12 24C12 19.4365 12 12 12 12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path>
 <path d="M12 0C18.6274 0 24 5.37262 24 12C19.4365 12 12 12 12 12C12 12 12 4.17389 12 0Z" fill="#D80027"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5025">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPeIcon.html b/src/tests/__snapshots__/FlagPeIcon.html
index c5aaa2cc..092667d2 100644
--- a/src/tests/__snapshots__/FlagPeIcon.html
+++ b/src/tests/__snapshots__/FlagPeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aa159799="" class="kui-icon flag-pe-icon" data-testid="kui-icon-wrapper-flag-pe-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa159799="" data-testid="kui-icon-svg-flag-pe-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa159799="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aa159799=""><g clip-path="url(#clip0_246_5047)">
+<span data-v-aa159799="" class="kui-icon flag-pe-icon" data-testid="kui-icon-wrapper-flag-pe-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa159799="" data-testid="kui-icon-svg-flag-pe-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5047)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_5047">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPfIcon.html b/src/tests/__snapshots__/FlagPfIcon.html
index 1bba2c8e..755f42c4 100644
--- a/src/tests/__snapshots__/FlagPfIcon.html
+++ b/src/tests/__snapshots__/FlagPfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-64a2f1a0="" class="kui-icon flag-pf-icon" data-testid="kui-icon-wrapper-flag-pf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-64a2f1a0="" data-testid="kui-icon-svg-flag-pf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-64a2f1a0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-64a2f1a0=""><g clip-path="url(#clip0_1_2334)">
+<span data-v-64a2f1a0="" class="kui-icon flag-pf-icon" data-testid="kui-icon-wrapper-flag-pf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-64a2f1a0="" data-testid="kui-icon-svg-flag-pf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2334)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M1.45908 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086V6.26086Z" fill="#D80027"></path>
 <path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45908C3.49434 21.4694 7.45148 24.0001 12 24.0001Z" fill="#D80027"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1_2334">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPgIcon.html b/src/tests/__snapshots__/FlagPgIcon.html
index 5168ba1f..4643ab4b 100644
--- a/src/tests/__snapshots__/FlagPgIcon.html
+++ b/src/tests/__snapshots__/FlagPgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e1fafb0e="" class="kui-icon flag-pg-icon" data-testid="kui-icon-wrapper-flag-pg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e1fafb0e="" data-testid="kui-icon-svg-flag-pg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e1fafb0e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e1fafb0e=""><g clip-path="url(#clip0_246_5031)">
+<span data-v-e1fafb0e="" class="kui-icon flag-pg-icon" data-testid="kui-icon-wrapper-flag-pg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e1fafb0e="" data-testid="kui-icon-svg-flag-pg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5031)">
 <path d="M20.4853 20.4853C15.799 25.1715 8.20108 25.1715 3.5147 20.4853C-1.17158 15.799 -1.17158 8.20097 3.51475 3.51464C8.20103 -1.17164 15.0611 -0.433783 19.7474 4.25254C24.4337 8.93883 25.1716 15.799 20.4853 20.4853Z" fill="black"></path>
 <path d="M3.51465 3.5147C8.20093 -1.17158 15.7989 -1.17149 20.4852 3.51475C25.1715 8.20103 25.1715 15.799 20.4852 20.4853" fill="#A2001D"></path>
 <path d="M9.17055 16.1739L9.3648 16.7718H9.99344L9.48484 17.1413L9.67914 17.7392L9.17055 17.3697L8.66195 17.7392L8.8562 17.1413L8.34766 16.7718H8.97625L9.17055 16.1739Z" fill="#F0F0F0"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_246_5031">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPhIcon.html b/src/tests/__snapshots__/FlagPhIcon.html
index 522f5e75..fca4529b 100644
--- a/src/tests/__snapshots__/FlagPhIcon.html
+++ b/src/tests/__snapshots__/FlagPhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-417603fc="" class="kui-icon flag-ph-icon" data-testid="kui-icon-wrapper-flag-ph-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-417603fc="" data-testid="kui-icon-svg-flag-ph-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-417603fc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-417603fc=""><g clip-path="url(#clip0_246_5052)">
+<span data-v-417603fc="" class="kui-icon flag-ph-icon" data-testid="kui-icon-wrapper-flag-ph-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-417603fc="" data-testid="kui-icon-svg-flag-ph-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5052)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0V12L3.51465 20.4853C5.68623 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12C24 5.37262 12 0 12 0Z" fill="#D80027"></path>
 <path d="M12 0C8.68623 0 5.68623 1.34316 3.51465 3.51469C6.45887 6.45891 7.50404 7.50412 12 12H24C24 5.37262 18.6273 0 12 0Z" fill="#0052B4"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5052">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPkIcon.html b/src/tests/__snapshots__/FlagPkIcon.html
index 677a5a7b..a12c89d9 100644
--- a/src/tests/__snapshots__/FlagPkIcon.html
+++ b/src/tests/__snapshots__/FlagPkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7bfb1993="" class="kui-icon flag-pk-icon" data-testid="kui-icon-wrapper-flag-pk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7bfb1993="" data-testid="kui-icon-svg-flag-pk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7bfb1993="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7bfb1993=""><g clip-path="url(#clip0_246_5009)">
+<span data-v-7bfb1993="" class="kui-icon flag-pk-icon" data-testid="kui-icon-wrapper-flag-pk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7bfb1993="" data-testid="kui-icon-svg-flag-pk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5009)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 16.5485 2.53073 20.5057 6.26086 22.5409V1.45908C2.53073 3.49434 0 7.45148 0 12Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C9.92098 0 7.96563 0.528891 6.26074 1.45908V22.5409C7.96563 23.4711 9.92098 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0Z" fill="#496E2D"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5009">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPlIcon.html b/src/tests/__snapshots__/FlagPlIcon.html
index 132bba63..7392968d 100644
--- a/src/tests/__snapshots__/FlagPlIcon.html
+++ b/src/tests/__snapshots__/FlagPlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-91684a01="" class="kui-icon flag-pl-icon" data-testid="kui-icon-wrapper-flag-pl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91684a01="" data-testid="kui-icon-svg-flag-pl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-91684a01="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-91684a01=""><g clip-path="url(#clip0_246_5074)">
+<span data-v-91684a01="" class="kui-icon flag-pl-icon" data-testid="kui-icon-wrapper-flag-pl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91684a01="" data-testid="kui-icon-svg-flag-pl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5074)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_5074">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPnIcon.html b/src/tests/__snapshots__/FlagPnIcon.html
index 11126c2d..f57bbf01 100644
--- a/src/tests/__snapshots__/FlagPnIcon.html
+++ b/src/tests/__snapshots__/FlagPnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bdf73d4d="" class="kui-icon flag-pn-icon" data-testid="kui-icon-wrapper-flag-pn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdf73d4d="" data-testid="kui-icon-svg-flag-pn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bdf73d4d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bdf73d4d=""><g clip-path="url(#clip0_246_5061)">
+<span data-v-bdf73d4d="" class="kui-icon flag-pn-icon" data-testid="kui-icon-wrapper-flag-pn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdf73d4d="" data-testid="kui-icon-svg-flag-pn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5061)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_246_5061">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPrIcon.html b/src/tests/__snapshots__/FlagPrIcon.html
index f2934246..d77e0d5b 100644
--- a/src/tests/__snapshots__/FlagPrIcon.html
+++ b/src/tests/__snapshots__/FlagPrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-db492b44="" class="kui-icon flag-pr-icon" data-testid="kui-icon-wrapper-flag-pr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db492b44="" data-testid="kui-icon-svg-flag-pr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-db492b44="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-db492b44=""><g clip-path="url(#clip0_246_5083)">
+<span data-v-db492b44="" class="kui-icon flag-pr-icon" data-testid="kui-icon-wrapper-flag-pr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db492b44="" data-testid="kui-icon-svg-flag-pr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5083)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C8.07405 0 4.58866 1.88545 2.39941 4.8H21.6004C19.4112 1.88545 15.9258 0 11.9999 0Z" fill="#D80027"></path>
 <path d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#D80027"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_5083">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPtIcon.html b/src/tests/__snapshots__/FlagPtIcon.html
index 45780763..7ddd5a49 100644
--- a/src/tests/__snapshots__/FlagPtIcon.html
+++ b/src/tests/__snapshots__/FlagPtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-195a32f1="" class="kui-icon flag-pt-icon" data-testid="kui-icon-wrapper-flag-pt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-195a32f1="" data-testid="kui-icon-svg-flag-pt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-195a32f1="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-195a32f1=""><g clip-path="url(#clip0_246_5077)">
+<span data-v-195a32f1="" class="kui-icon flag-pt-icon" data-testid="kui-icon-wrapper-flag-pt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-195a32f1="" data-testid="kui-icon-svg-flag-pt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5077)">
 <path d="M0 12C0 17.1595 3.2565 21.5581 7.82602 23.2536L8.86955 12L7.82602 0.746399C3.2565 2.44196 0 6.84043 0 12Z" fill="#6DA544"></path>
 <path d="M24.0002 12C24.0002 5.37262 18.6275 0 12.0002 0C10.5323 0 9.1262 0.264047 7.82617 0.746391V23.2536C9.1262 23.736 10.5323 24 12.0002 24C18.6275 24 24.0002 18.6274 24.0002 12Z" fill="#D80027"></path>
 <path d="M7.82623 16.1739C10.1314 16.1739 12.0001 14.3052 12.0001 12C12.0001 9.69483 10.1314 7.82611 7.82623 7.82611C5.52106 7.82611 3.65234 9.69483 3.65234 12C3.65234 14.3052 5.52106 16.1739 7.82623 16.1739Z" fill="#FFDA44"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5077">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPwIcon.html b/src/tests/__snapshots__/FlagPwIcon.html
index 49746ebf..ffeae117 100644
--- a/src/tests/__snapshots__/FlagPwIcon.html
+++ b/src/tests/__snapshots__/FlagPwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-237319bc="" class="kui-icon flag-pw-icon" data-testid="kui-icon-wrapper-flag-pw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-237319bc="" data-testid="kui-icon-svg-flag-pw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-237319bc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-237319bc=""><g clip-path="url(#clip0_246_5017)">
+<span data-v-237319bc="" class="kui-icon flag-pw-icon" data-testid="kui-icon-wrapper-flag-pw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-237319bc="" data-testid="kui-icon-svg-flag-pw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5017)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M9.3912 17.2174C12.2727 17.2174 14.6086 14.8815 14.6086 12C14.6086 9.11852 12.2727 6.78262 9.3912 6.78262C6.50973 6.78262 4.17383 9.11852 4.17383 12C4.17383 14.8815 6.50973 17.2174 9.3912 17.2174Z" fill="#FFDA44"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_5017">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagPyIcon.html b/src/tests/__snapshots__/FlagPyIcon.html
index 5055d41e..48ee8af0 100644
--- a/src/tests/__snapshots__/FlagPyIcon.html
+++ b/src/tests/__snapshots__/FlagPyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6259e568="" class="kui-icon flag-py-icon" data-testid="kui-icon-wrapper-flag-py-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6259e568="" data-testid="kui-icon-svg-flag-py-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6259e568="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6259e568=""><g clip-path="url(#clip0_246_5041)">
+<span data-v-6259e568="" class="kui-icon flag-py-icon" data-testid="kui-icon-wrapper-flag-py-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6259e568="" data-testid="kui-icon-svg-flag-py-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5041)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#0052B4"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5041">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagQaIcon.html b/src/tests/__snapshots__/FlagQaIcon.html
index b62b6f4a..5e88c952 100644
--- a/src/tests/__snapshots__/FlagQaIcon.html
+++ b/src/tests/__snapshots__/FlagQaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a02851ca="" class="kui-icon flag-qa-icon" data-testid="kui-icon-wrapper-flag-qa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a02851ca="" data-testid="kui-icon-svg-flag-qa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a02851ca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a02851ca=""><g clip-path="url(#clip0_246_5091)">
+<span data-v-a02851ca="" class="kui-icon flag-qa-icon" data-testid="kui-icon-wrapper-flag-qa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a02851ca="" data-testid="kui-icon-svg-flag-qa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5091)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24.0001 12C24.0001 5.37262 18.6275 0 12.0001 0C9.65264 0 7.46293 0.674766 5.61333 1.83989L8.24363 2.95744L4.6958 4.46484L8.24363 5.9722L4.6958 7.47952L8.24363 8.98678L4.6958 10.4939L8.24363 12.0008L4.6958 13.5082L8.24363 15.0154L4.6958 16.5225L8.24363 18.0297L4.6958 19.537L8.24363 21.0441L5.6145 22.161C7.46386 23.3256 9.65311 24 12.0001 24C18.6275 24 24.0001 18.6274 24.0001 12Z" fill="#751A46"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_5091">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRoIcon.html b/src/tests/__snapshots__/FlagRoIcon.html
index 692e4775..a9ad748d 100644
--- a/src/tests/__snapshots__/FlagRoIcon.html
+++ b/src/tests/__snapshots__/FlagRoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-49183aa8="" class="kui-icon flag-ro-icon" data-testid="kui-icon-wrapper-flag-ro-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-49183aa8="" data-testid="kui-icon-svg-flag-ro-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-49183aa8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-49183aa8=""><g clip-path="url(#clip0_246_5114)">
+<span data-v-49183aa8="" class="kui-icon flag-ro-icon" data-testid="kui-icon-wrapper-flag-ro-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-49183aa8="" data-testid="kui-icon-svg-flag-ro-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5114)">
 <path d="M16.174 0.746344C14.8739 0.264047 13.4679 6.23894e-09 12.0001 6.23894e-09C10.5322 -4.68688e-05 9.12618 0.264047 7.8262 0.746344L6.78271 12L7.8262 23.2536C9.12614 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2174 12L16.174 0.746344Z" fill="#FFDA44"></path>
 <path d="M23.9999 12C23.9999 6.84048 20.7434 2.44187 16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 11.9999C0 17.1596 3.2565 21.558 7.82602 23.2536L7.82606 0.746429C3.2565 2.4419 0 6.84037 0 11.9999H0Z" fill="#0052B4"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_5114">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRsIcon.html b/src/tests/__snapshots__/FlagRsIcon.html
index e712de91..fb2dfa4a 100644
--- a/src/tests/__snapshots__/FlagRsIcon.html
+++ b/src/tests/__snapshots__/FlagRsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d9125f40="" class="kui-icon flag-rs-icon" data-testid="kui-icon-wrapper-flag-rs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d9125f40="" data-testid="kui-icon-svg-flag-rs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d9125f40="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d9125f40=""><g clip-path="url(#clip0_246_5206)">
+<span data-v-d9125f40="" class="kui-icon flag-rs-icon" data-testid="kui-icon-wrapper-flag-rs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d9125f40="" data-testid="kui-icon-svg-flag-rs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5206)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C5.37262 0 0 5.37262 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739H23.2537C23.736 14.874 24 13.4678 24 12C24 5.37262 18.6274 0 12 0Z" fill="#0052B4"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5206">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRuIcon.html b/src/tests/__snapshots__/FlagRuIcon.html
index 3e1053da..ea4f66ba 100644
--- a/src/tests/__snapshots__/FlagRuIcon.html
+++ b/src/tests/__snapshots__/FlagRuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d21fc496="" class="kui-icon flag-ru-icon" data-testid="kui-icon-wrapper-flag-ru-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d21fc496="" data-testid="kui-icon-svg-flag-ru-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d21fc496="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d21fc496=""><g clip-path="url(#clip0_246_5118)">
+<span data-v-d21fc496="" class="kui-icon flag-ru-icon" data-testid="kui-icon-wrapper-flag-ru-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d21fc496="" data-testid="kui-icon-svg-flag-ru-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5118)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611H0.746391C0.264047 9.1261 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#0052B4"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_5118">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagRwIcon.html b/src/tests/__snapshots__/FlagRwIcon.html
index 91052633..8e41455e 100644
--- a/src/tests/__snapshots__/FlagRwIcon.html
+++ b/src/tests/__snapshots__/FlagRwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e4ca4a4c="" class="kui-icon flag-rw-icon" data-testid="kui-icon-wrapper-flag-rw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e4ca4a4c="" data-testid="kui-icon-svg-flag-rw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e4ca4a4c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e4ca4a4c=""><g clip-path="url(#clip0_246_5122)">
+<span data-v-e4ca4a4c="" class="kui-icon flag-rw-icon" data-testid="kui-icon-wrapper-flag-rw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e4ca4a4c="" data-testid="kui-icon-svg-flag-rw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5122)">
 <path d="M0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12Z" fill="#FFDA44"></path>
 <path d="M22.5409 6.26086C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086C0.528891 7.96575 0 9.92109 0 12H24C24 9.92109 23.4711 7.96575 22.5409 6.26086Z" fill="#338AF3"></path>
 <path d="M11.9999 24C16.5484 24 20.5056 21.4693 22.5408 17.7391H1.45898C3.49425 21.4693 7.45139 24 11.9999 24Z" fill="#496E2D"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_5122">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSaIcon.html b/src/tests/__snapshots__/FlagSaIcon.html
index 54577619..b28e10e5 100644
--- a/src/tests/__snapshots__/FlagSaIcon.html
+++ b/src/tests/__snapshots__/FlagSaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2cc48e45="" class="kui-icon flag-sa-icon" data-testid="kui-icon-wrapper-flag-sa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2cc48e45="" data-testid="kui-icon-svg-flag-sa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2cc48e45="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2cc48e45=""><g clip-path="url(#clip0_246_5184)">
+<span data-v-2cc48e45="" class="kui-icon flag-sa-icon" data-testid="kui-icon-wrapper-flag-sa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2cc48e45="" data-testid="kui-icon-svg-flag-sa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5184)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
 <path d="M6.78271 14.3478C6.78271 15.2123 7.4835 15.913 8.34792 15.913H13.0436C13.0436 16.6334 13.6275 17.2174 14.3479 17.2174H15.9131C16.6335 17.2174 17.2175 16.6334 17.2175 15.913V14.3478H6.78271Z" fill="#F0F0F0"></path>
 <path d="M17.3477 6.78265V10.4348C17.3477 11.0102 16.8796 11.4783 16.3042 11.4783V13.0435C17.7427 13.0435 18.9129 11.8732 18.9129 10.4348V6.78265H17.3477Z" fill="#F0F0F0"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5184">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSbIcon.html b/src/tests/__snapshots__/FlagSbIcon.html
index 1ad4828b..7feb46d7 100644
--- a/src/tests/__snapshots__/FlagSbIcon.html
+++ b/src/tests/__snapshots__/FlagSbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-80ee5364="" class="kui-icon flag-sb-icon" data-testid="kui-icon-wrapper-flag-sb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-80ee5364="" data-testid="kui-icon-svg-flag-sb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-80ee5364="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-80ee5364=""><g clip-path="url(#clip0_246_5274)">
+<span data-v-80ee5364="" class="kui-icon flag-sb-icon" data-testid="kui-icon-wrapper-flag-sb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-80ee5364="" data-testid="kui-icon-svg-flag-sb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5274)">
 <path d="M20.4854 20.4856C24.9859 15.9851 25.1636 8.79988 21.0203 4.08618L11.9997 11.9999L4.08594 21.0206C8.79963 25.1638 15.9848 24.9861 20.4854 20.4856Z" fill="#496E2D"></path>
 <path d="M3.51438 3.5144C8.01488 -0.986107 15.2001 -1.16381 19.9138 2.97942L12 12.0001L2.97944 19.9138C-1.16383 15.2001 -0.986083 8.01491 3.51438 3.5144Z" fill="#0052B4"></path>
 <path d="M19.9139 2.97937L2.97949 19.9138C3.15068 20.1085 3.32843 20.2996 3.51448 20.4856C3.70048 20.6716 3.89158 20.8493 4.0864 21.0206L21.0207 4.08618C20.8495 3.89137 20.6717 3.70031 20.4856 3.51426C20.2997 3.32835 20.1086 3.15056 19.9139 2.97937Z" fill="#FFDA44"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_246_5274">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagScIcon.html b/src/tests/__snapshots__/FlagScIcon.html
index 1e5a2360..833f2061 100644
--- a/src/tests/__snapshots__/FlagScIcon.html
+++ b/src/tests/__snapshots__/FlagScIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ebf4f817="" class="kui-icon flag-sc-icon" data-testid="kui-icon-wrapper-flag-sc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ebf4f817="" data-testid="kui-icon-svg-flag-sc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ebf4f817="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ebf4f817=""><g clip-path="url(#clip0_246_5216)">
+<span data-v-ebf4f817="" class="kui-icon flag-sc-icon" data-testid="kui-icon-wrapper-flag-sc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ebf4f817="" data-testid="kui-icon-svg-flag-sc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5216)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M20.1006 3.14705C17.9659 1.19273 15.1224 0 12.0001 0C11.489 0 10.9854 0.0322031 10.491 0.0942187L4.69581 6.78263L0.379883 15.0061C0.658695 16.0871 1.08498 17.1087 1.63496 18.0491L12.0001 12L20.1006 3.14705Z" fill="#FFDA44"></path>
 <path d="M21.9903 18.6487L5.20117 21.8887C7.13378 23.22 9.47556 24 11.9998 24C16.168 24 19.8392 21.8746 21.9903 18.6487Z" fill="#6DA544"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5216">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSdIcon.html b/src/tests/__snapshots__/FlagSdIcon.html
index 27607ec4..dd2b37b0 100644
--- a/src/tests/__snapshots__/FlagSdIcon.html
+++ b/src/tests/__snapshots__/FlagSdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-72155741="" class="kui-icon flag-sd-icon" data-testid="kui-icon-wrapper-flag-sd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72155741="" data-testid="kui-icon-svg-flag-sd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72155741="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-72155741=""><g clip-path="url(#clip0_246_5368)">
+<span data-v-72155741="" class="kui-icon flag-sd-icon" data-testid="kui-icon-wrapper-flag-sd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72155741="" data-testid="kui-icon-svg-flag-sd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5368)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
 <path d="M1.19092 17.2173C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2173H1.19092Z" fill="black"></path>
 <path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_5368">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSeIcon.html b/src/tests/__snapshots__/FlagSeIcon.html
index 3ffd8489..ef098e22 100644
--- a/src/tests/__snapshots__/FlagSeIcon.html
+++ b/src/tests/__snapshots__/FlagSeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-fcc8f2f5="" class="kui-icon flag-se-icon" data-testid="kui-icon-wrapper-flag-se-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fcc8f2f5="" data-testid="kui-icon-svg-flag-se-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fcc8f2f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fcc8f2f5=""><g clip-path="url(#clip0_247_6259)">
+<span data-v-fcc8f2f5="" class="kui-icon flag-se-icon" data-testid="kui-icon-wrapper-flag-se-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fcc8f2f5="" data-testid="kui-icon-svg-flag-se-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6259)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M9.3914 10.4348H23.8985C23.1315 4.54697 18.0969 0 12 0C11.1041 0 10.2313 0.0990469 9.39136 0.285234V10.4348H9.3914Z" fill="#0052B4"></path>
 <path d="M6.26084 10.4348V1.45911C2.96581 3.25695 0.607016 6.55465 0.101562 10.4348H6.26084V10.4348Z" fill="#0052B4"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_247_6259">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSgIcon.html b/src/tests/__snapshots__/FlagSgIcon.html
index c0648b87..d5f53bd7 100644
--- a/src/tests/__snapshots__/FlagSgIcon.html
+++ b/src/tests/__snapshots__/FlagSgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eacdf0c3="" class="kui-icon flag-sg-icon" data-testid="kui-icon-wrapper-flag-sg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eacdf0c3="" data-testid="kui-icon-svg-flag-sg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eacdf0c3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eacdf0c3=""><g clip-path="url(#clip0_1415_1421)">
+<span data-v-eacdf0c3="" class="kui-icon flag-sg-icon" data-testid="kui-icon-wrapper-flag-sg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eacdf0c3="" data-testid="kui-icon-svg-flag-sg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_1421)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12" fill="#D80027"></path>
 <path d="M7.30426 6.26052C7.30426 4.51218 8.533 3.05165 10.1738 2.69329C9.92162 2.63826 9.66001 2.6084 9.39119 2.6084C7.37411 2.6084 5.73901 4.24349 5.73901 6.26057C5.73901 8.27765 7.37411 9.91274 9.39119 9.91274C9.65992 9.91274 9.92158 9.88288 10.1738 9.82781C8.533 9.46945 7.30426 8.00891 7.30426 6.26052Z" fill="#F0F0F0"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_1415_1421">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSiIcon.html b/src/tests/__snapshots__/FlagSiIcon.html
index 675300e1..bb6f63de 100644
--- a/src/tests/__snapshots__/FlagSiIcon.html
+++ b/src/tests/__snapshots__/FlagSiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-080cdb77="" class="kui-icon flag-si-icon" data-testid="kui-icon-wrapper-flag-si-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-080cdb77="" data-testid="kui-icon-svg-flag-si-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-080cdb77="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-080cdb77=""><g clip-path="url(#clip0_246_5269)">
+<span data-v-080cdb77="" class="kui-icon flag-si-icon" data-testid="kui-icon-wrapper-flag-si-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-080cdb77="" data-testid="kui-icon-svg-flag-si-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5269)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82613H10.4348V4.69568H4.17389V7.82613H0.746391C0.264047 9.12607 0 10.5322 0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12607 23.2536 7.82613Z" fill="#0052B4"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_5269">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSkIcon.html b/src/tests/__snapshots__/FlagSkIcon.html
index df903b32..8df232cf 100644
--- a/src/tests/__snapshots__/FlagSkIcon.html
+++ b/src/tests/__snapshots__/FlagSkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e7c3e31b="" class="kui-icon flag-sk-icon" data-testid="kui-icon-wrapper-flag-sk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7c3e31b="" data-testid="kui-icon-svg-flag-sk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e7c3e31b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e7c3e31b=""><g clip-path="url(#clip0_246_5261)">
+<span data-v-e7c3e31b="" class="kui-icon flag-sk-icon" data-testid="kui-icon-wrapper-flag-sk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7c3e31b="" data-testid="kui-icon-svg-flag-sk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5261)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611H0.746391C0.264047 9.12605 0 10.5322 0 12C0 18.6274 5.37262 24 12 24Z" fill="#0052B4"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5261">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSlIcon.html b/src/tests/__snapshots__/FlagSlIcon.html
index a11ac020..9e9c7277 100644
--- a/src/tests/__snapshots__/FlagSlIcon.html
+++ b/src/tests/__snapshots__/FlagSlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bca65d97="" class="kui-icon flag-sl-icon" data-testid="kui-icon-wrapper-flag-sl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bca65d97="" data-testid="kui-icon-svg-flag-sl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bca65d97="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bca65d97=""><g clip-path="url(#clip0_246_5222)">
+<span data-v-bca65d97="" class="kui-icon flag-sl-icon" data-testid="kui-icon-wrapper-flag-sl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bca65d97="" data-testid="kui-icon-svg-flag-sl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5222)">
 <path d="M23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264 9.12612 0 10.5322 0 12C0 13.4679 0.264 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#F0F0F0"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.44214 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path>
 <path d="M12.0002 0C6.84061 0 2.44214 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#6DA544"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_5222">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSmIcon.html b/src/tests/__snapshots__/FlagSmIcon.html
index 96cbc249..8740f520 100644
--- a/src/tests/__snapshots__/FlagSmIcon.html
+++ b/src/tests/__snapshots__/FlagSmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-58529e31="" class="kui-icon flag-sm-icon" data-testid="kui-icon-wrapper-flag-sm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58529e31="" data-testid="kui-icon-svg-flag-sm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-58529e31="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-58529e31=""><g clip-path="url(#clip0_246_5153)">
+<span data-v-58529e31="" class="kui-icon flag-sm-icon" data-testid="kui-icon-wrapper-flag-sm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58529e31="" data-testid="kui-icon-svg-flag-sm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5153)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#338AF3"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#F0F0F0"></path>
 <path d="M16.7631 8.28018L11.9998 13.0435L7.23659 8.28018C6.6206 9.19457 6.26074 10.2952 6.26074 11.4782V13.0434C6.26074 15.5567 7.88473 17.6976 10.1383 18.4725C9.83754 19.062 9.88826 19.7977 10.329 20.3478C10.9144 19.8786 11.5204 19.3929 12.0346 18.981C12.5487 19.393 13.1548 19.8787 13.7401 20.3478C14.186 19.7913 14.2331 19.0446 13.9204 18.4516C16.1433 17.6599 17.7389 15.5347 17.7389 13.0434V11.4783C17.739 10.2952 17.3791 9.19462 16.7631 8.28018Z" fill="#6DA544"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5153">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSnIcon.html b/src/tests/__snapshots__/FlagSnIcon.html
index 4390d9f7..48899cd6 100644
--- a/src/tests/__snapshots__/FlagSnIcon.html
+++ b/src/tests/__snapshots__/FlagSnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18bdefff="" class="kui-icon flag-sn-icon" data-testid="kui-icon-wrapper-flag-sn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18bdefff="" data-testid="kui-icon-svg-flag-sn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18bdefff="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18bdefff=""><g clip-path="url(#clip0_246_5200)">
+<span data-v-18bdefff="" class="kui-icon flag-sn-icon" data-testid="kui-icon-wrapper-flag-sn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18bdefff="" data-testid="kui-icon-svg-flag-sn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5200)">
 <path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path>
 <path d="M12 7.82611L13.0359 11.0145H16.3888L13.6764 12.9853L14.7124 16.1739L12 14.2033L9.28753 16.1739L10.3237 12.9853L7.61133 11.0145H10.964L12 7.82611Z" fill="#496E2D"></path>
 <path d="M6.78263 1.19116C2.76872 3.13212 0 7.24254 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8089V1.19116Z" fill="#496E2D"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_5200">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSoIcon.html b/src/tests/__snapshots__/FlagSoIcon.html
index c425beec..c19bcc30 100644
--- a/src/tests/__snapshots__/FlagSoIcon.html
+++ b/src/tests/__snapshots__/FlagSoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-af3cbe23="" class="kui-icon flag-so-icon" data-testid="kui-icon-wrapper-flag-so-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af3cbe23="" data-testid="kui-icon-svg-flag-so-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-af3cbe23="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-af3cbe23=""><g clip-path="url(#clip0_246_5284)">
+<span data-v-af3cbe23="" class="kui-icon flag-so-icon" data-testid="kui-icon-wrapper-flag-so-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af3cbe23="" data-testid="kui-icon-svg-flag-so-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5284)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M12.0001 6.26086L13.2951 10.2466H17.486L14.0955 12.7099L15.3906 16.6957L12.0001 14.2323L8.60961 16.6957L9.90468 12.7099L6.51416 10.2466H10.705L12.0001 6.26086Z" fill="#F0F0F0"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_5284">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSrIcon.html b/src/tests/__snapshots__/FlagSrIcon.html
index 498b71bd..59fe9782 100644
--- a/src/tests/__snapshots__/FlagSrIcon.html
+++ b/src/tests/__snapshots__/FlagSrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b6f82c4a="" class="kui-icon flag-sr-icon" data-testid="kui-icon-wrapper-flag-sr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6f82c4a="" data-testid="kui-icon-svg-flag-sr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b6f82c4a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b6f82c4a=""><g clip-path="url(#clip0_246_5373)">
+<span data-v-b6f82c4a="" class="kui-icon flag-sr-icon" data-testid="kui-icon-wrapper-flag-sr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6f82c4a="" data-testid="kui-icon-svg-flag-sr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5373)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82611H0.746344C0.264047 9.12614 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746344 16.1739H23.2536C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12614 23.2536 7.82611Z" fill="#A2001D"></path>
 <path d="M12.0345 24C16.1446 24 19.7716 21.9332 21.9343 18.7827H2.13477C4.29748 21.9332 7.92439 24 12.0345 24Z" fill="#6DA544"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5373">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSsIcon.html b/src/tests/__snapshots__/FlagSsIcon.html
index 7fe5d0e9..aabdb07e 100644
--- a/src/tests/__snapshots__/FlagSsIcon.html
+++ b/src/tests/__snapshots__/FlagSsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-21b9aeba="" class="kui-icon flag-ss-icon" data-testid="kui-icon-wrapper-flag-ss-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21b9aeba="" data-testid="kui-icon-svg-flag-ss-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-21b9aeba="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-21b9aeba=""><g clip-path="url(#clip0_246_5327)">
+<span data-v-21b9aeba="" class="kui-icon flag-ss-icon" data-testid="kui-icon-wrapper-flag-ss-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21b9aeba="" data-testid="kui-icon-svg-flag-ss-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5327)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="black"></path>
 <path d="M6.55437 16.6088L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9944 24 21.2756 20.9487 23.0824 16.6088H6.55437Z" fill="#496E2D"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_5327">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagStIcon.html b/src/tests/__snapshots__/FlagStIcon.html
index e8000e67..2471cd37 100644
--- a/src/tests/__snapshots__/FlagStIcon.html
+++ b/src/tests/__snapshots__/FlagStIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9cf6c133="" class="kui-icon flag-st-icon" data-testid="kui-icon-wrapper-flag-st-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9cf6c133="" data-testid="kui-icon-svg-flag-st-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9cf6c133="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9cf6c133=""><g clip-path="url(#clip0_246_5161)">
+<span data-v-9cf6c133="" class="kui-icon flag-st-icon" data-testid="kui-icon-wrapper-flag-st-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9cf6c133="" data-testid="kui-icon-svg-flag-st-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5161)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path>
 <path d="M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z" fill="#6DA544"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_5161">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSvIcon.html b/src/tests/__snapshots__/FlagSvIcon.html
index 71725a6e..2a1cc87b 100644
--- a/src/tests/__snapshots__/FlagSvIcon.html
+++ b/src/tests/__snapshots__/FlagSvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a402ffc3="" class="kui-icon flag-sv-icon" data-testid="kui-icon-wrapper-flag-sv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a402ffc3="" data-testid="kui-icon-svg-flag-sv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a402ffc3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a402ffc3=""><g clip-path="url(#clip0_1_2321)">
+<span data-v-a402ffc3="" class="kui-icon flag-sv-icon" data-testid="kui-icon-wrapper-flag-sv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a402ffc3="" data-testid="kui-icon-svg-flag-sv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2321)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#0052B4"></path>
 <path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z" fill="#0052B4"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1_2321">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSxIcon.html b/src/tests/__snapshots__/FlagSxIcon.html
index edad341d..cc062b9b 100644
--- a/src/tests/__snapshots__/FlagSxIcon.html
+++ b/src/tests/__snapshots__/FlagSxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-93df8040="" class="kui-icon flag-sx-icon" data-testid="kui-icon-wrapper-flag-sx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93df8040="" data-testid="kui-icon-svg-flag-sx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93df8040="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-93df8040=""><g clip-path="url(#clip0_246_5251)">
+<span data-v-93df8040="" class="kui-icon flag-sx-icon" data-testid="kui-icon-wrapper-flag-sx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93df8040="" data-testid="kui-icon-svg-flag-sx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5251)">
 <path d="M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#D80027"></path>
 <path d="M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z" fill="#0052B4"></path>
 <path d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#F0F0F0"></path>
@@ -12,4 +12,4 @@
 <clipPath id="clip0_246_5251">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSyIcon.html b/src/tests/__snapshots__/FlagSyIcon.html
index 991f6ef5..4d118f6f 100644
--- a/src/tests/__snapshots__/FlagSyIcon.html
+++ b/src/tests/__snapshots__/FlagSyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2efe3a0f="" class="kui-icon flag-sy-icon" data-testid="kui-icon-wrapper-flag-sy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2efe3a0f="" data-testid="kui-icon-svg-flag-sy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2efe3a0f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2efe3a0f=""><g clip-path="url(#clip0_247_6261)">
+<span data-v-2efe3a0f="" class="kui-icon flag-sy-icon" data-testid="kui-icon-wrapper-flag-sy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2efe3a0f="" data-testid="kui-icon-svg-flag-sy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6261)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z" fill="#D80027"></path>
 <path d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z" fill="black"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_247_6261">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagSzIcon.html b/src/tests/__snapshots__/FlagSzIcon.html
index 874f17bb..9fbcd48e 100644
--- a/src/tests/__snapshots__/FlagSzIcon.html
+++ b/src/tests/__snapshots__/FlagSzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4a09ea26="" class="kui-icon flag-sz-icon" data-testid="kui-icon-wrapper-flag-sz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4a09ea26="" data-testid="kui-icon-svg-flag-sz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4a09ea26="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4a09ea26=""><g clip-path="url(#clip0_246_5380)">
+<span data-v-4a09ea26="" class="kui-icon flag-sz-icon" data-testid="kui-icon-wrapper-flag-sz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4a09ea26="" data-testid="kui-icon-svg-flag-sz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5380)">
 <path d="M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z" fill="#FFDA44"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="black"></path>
 <path d="M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z" fill="#0052B4"></path>
@@ -16,4 +16,4 @@
 <clipPath id="clip0_246_5380">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTcIcon.html b/src/tests/__snapshots__/FlagTcIcon.html
index 86b0dd0f..f437e6c6 100644
--- a/src/tests/__snapshots__/FlagTcIcon.html
+++ b/src/tests/__snapshots__/FlagTcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2e7ecd14="" class="kui-icon flag-tc-icon" data-testid="kui-icon-wrapper-flag-tc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e7ecd14="" data-testid="kui-icon-svg-flag-tc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2e7ecd14="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2e7ecd14=""><g clip-path="url(#clip0_247_6275)">
+<span data-v-2e7ecd14="" class="kui-icon flag-tc-icon" data-testid="kui-icon-wrapper-flag-tc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e7ecd14="" data-testid="kui-icon-svg-flag-tc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6275)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_247_6275">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTdIcon.html b/src/tests/__snapshots__/FlagTdIcon.html
index f4ea6ef6..7f615f7d 100644
--- a/src/tests/__snapshots__/FlagTdIcon.html
+++ b/src/tests/__snapshots__/FlagTdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c996fc87="" class="kui-icon flag-td-icon" data-testid="kui-icon-wrapper-flag-td-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c996fc87="" data-testid="kui-icon-svg-flag-td-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c996fc87="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c996fc87=""><g clip-path="url(#clip0_1_2298)">
+<span data-v-c996fc87="" class="kui-icon flag-td-icon" data-testid="kui-icon-wrapper-flag-td-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c996fc87="" data-testid="kui-icon-svg-flag-td-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2298)">
 <path d="M12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0V0Z" fill="#FFDA44"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
 <path d="M7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538Z" fill="#0052B4"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_1_2298">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTgIcon.html b/src/tests/__snapshots__/FlagTgIcon.html
index 5f678b7c..77320ebe 100644
--- a/src/tests/__snapshots__/FlagTgIcon.html
+++ b/src/tests/__snapshots__/FlagTgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-247a946a="" class="kui-icon flag-tg-icon" data-testid="kui-icon-wrapper-flag-tg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-247a946a="" data-testid="kui-icon-svg-flag-tg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-247a946a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-247a946a=""><g clip-path="url(#clip0_247_6267)">
+<span data-v-247a946a="" class="kui-icon flag-tg-icon" data-testid="kui-icon-wrapper-flag-tg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-247a946a="" data-testid="kui-icon-svg-flag-tg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6267)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12 0C11.9913 9.375e-05 11.4783 4.8 11.4783 4.8H21.6006C19.4113 1.88545 15.9259 0 12 0Z" fill="#496E2D"></path>
 <path d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#496E2D"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_247_6267">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagThIcon.html b/src/tests/__snapshots__/FlagThIcon.html
index 646b0f3e..0671c1db 100644
--- a/src/tests/__snapshots__/FlagThIcon.html
+++ b/src/tests/__snapshots__/FlagThIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ae5a2392="" class="kui-icon flag-th-icon" data-testid="kui-icon-wrapper-flag-th-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ae5a2392="" data-testid="kui-icon-svg-flag-th-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ae5a2392="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ae5a2392=""><g clip-path="url(#clip0_247_6265)">
+<span data-v-ae5a2392="" class="kui-icon flag-th-icon" data-testid="kui-icon-wrapper-flag-th-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ae5a2392="" data-testid="kui-icon-svg-flag-th-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6265)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82611H0.746391C0.264 9.1261 0 10.5322 0 12C0 13.4678 0.264 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611Z" fill="#0052B4"></path>
 <path d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_247_6265">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTjIcon.html b/src/tests/__snapshots__/FlagTjIcon.html
index 3c74f7d2..1e61dbaf 100644
--- a/src/tests/__snapshots__/FlagTjIcon.html
+++ b/src/tests/__snapshots__/FlagTjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2c4d6e38="" class="kui-icon flag-tj-icon" data-testid="kui-icon-wrapper-flag-tj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2c4d6e38="" data-testid="kui-icon-svg-flag-tj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2c4d6e38="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2c4d6e38=""><g clip-path="url(#clip0_247_6263)">
+<span data-v-2c4d6e38="" class="kui-icon flag-tj-icon" data-testid="kui-icon-wrapper-flag-tj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2c4d6e38="" data-testid="kui-icon-svg-flag-tj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6263)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1302 0 12C0 13.8698 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8698 24 12C24 10.1302 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
 <path d="M1.19116 17.2173C3.13212 21.2313 7.24254 24 12 24C16.7575 24 20.868 21.2313 22.8089 17.2173H1.19116Z" fill="#6DA544"></path>
 <path d="M1.19116 6.78263H22.8089C20.868 2.76872 16.7575 0 12 0C7.24254 0 3.13212 2.76872 1.19116 6.78263Z" fill="#D80027"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_247_6263">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTkIcon.html b/src/tests/__snapshots__/FlagTkIcon.html
index ec8cdfa3..ac90b963 100644
--- a/src/tests/__snapshots__/FlagTkIcon.html
+++ b/src/tests/__snapshots__/FlagTkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1d661056="" class="kui-icon flag-tk-icon" data-testid="kui-icon-wrapper-flag-tk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1d661056="" data-testid="kui-icon-svg-flag-tk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1d661056="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1d661056=""><g clip-path="url(#clip0_247_6268)">
+<span data-v-1d661056="" class="kui-icon flag-tk-icon" data-testid="kui-icon-wrapper-flag-tk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1d661056="" data-testid="kui-icon-svg-flag-tk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6268)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M19.3043 5.73914C19.1967 6.25641 19.1478 6.80733 19.1478 7.35652C19.1478 10.5222 21.035 13.2621 23.7394 14.4955C23.9097 13.6904 24 12.8558 24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 18.6274 5.37262 24 12 24C16.1101 24 19.7371 21.9332 21.8998 18.7826H6.78263V17.2174H22.8093C22.9733 16.8782 23.1215 16.53 23.2537 16.1739H6.78263L19.3043 5.73914Z" fill="#0052B4"></path>
 <path d="M8.81595 6.26086L9.07499 7.05802H9.91311L9.23506 7.55072L9.49409 8.34783L8.81595 7.85522L8.13791 8.34783L8.39689 7.55072L7.71875 7.05802H8.55692L8.81595 6.26086Z" fill="#F0F0F0"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_247_6268">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTlIcon.html b/src/tests/__snapshots__/FlagTlIcon.html
index e224d3f5..f733adf8 100644
--- a/src/tests/__snapshots__/FlagTlIcon.html
+++ b/src/tests/__snapshots__/FlagTlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2a898622="" class="kui-icon flag-tl-icon" data-testid="kui-icon-wrapper-flag-tl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2a898622="" data-testid="kui-icon-svg-flag-tl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2a898622="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2a898622=""><g clip-path="url(#clip0_1_2318)">
+<span data-v-2a898622="" class="kui-icon flag-tl-icon" data-testid="kui-icon-wrapper-flag-tl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2a898622="" data-testid="kui-icon-svg-flag-tl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2318)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12 0C9.06203 0 6.37113 1.05642 4.2851 2.80941L17.2174 12L4.2851 21.1906C6.37113 22.9436 9.06203 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path>
 <path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="black"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_1_2318">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTmIcon.html b/src/tests/__snapshots__/FlagTmIcon.html
index ce10a23e..2ceebaa9 100644
--- a/src/tests/__snapshots__/FlagTmIcon.html
+++ b/src/tests/__snapshots__/FlagTmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-79a8b87e="" class="kui-icon flag-tm-icon" data-testid="kui-icon-wrapper-flag-tm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-79a8b87e="" data-testid="kui-icon-svg-flag-tm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-79a8b87e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-79a8b87e=""><g clip-path="url(#clip0_247_6274)">
+<span data-v-79a8b87e="" class="kui-icon flag-tm-icon" data-testid="kui-icon-wrapper-flag-tm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-79a8b87e="" data-testid="kui-icon-svg-flag-tm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6274)">
 <path d="M12 0C11.104 0 10.2313 0.0990469 9.39135 0.285234L8.86963 12L9.39135 23.7147C10.2313 23.9009 11.1041 24 12 24C18.6274 24 24 18.6274 24 12C23.9999 5.37258 18.6274 0 12 0V0Z" fill="#496E2D"></path>
 <path d="M3.13041 3.91742C1.18584 6.05004 0 8.88645 0 12C0 15.1135 1.18589 17.9499 3.13045 20.0826L3.65217 12L3.13041 3.91742Z" fill="#496E2D"></path>
 <path d="M17.5509 9.0515C18.1413 7.4059 17.478 5.61617 16.0546 4.72479C16.3106 4.75812 16.5669 4.8184 16.8199 4.9091C18.7185 5.59029 19.7054 7.68148 19.0242 9.58001C18.343 11.4787 16.2518 12.4655 14.3532 11.7843C14.1002 11.6936 13.864 11.5771 13.6453 11.4401C15.3107 11.6569 16.9605 10.6971 17.5509 9.0515Z" fill="#F0F0F0"></path>
@@ -25,4 +25,4 @@
 <clipPath id="clip0_247_6274">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTnIcon.html b/src/tests/__snapshots__/FlagTnIcon.html
index e08d25d7..36e5f8ee 100644
--- a/src/tests/__snapshots__/FlagTnIcon.html
+++ b/src/tests/__snapshots__/FlagTnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-603c499d="" class="kui-icon flag-tn-icon" data-testid="kui-icon-wrapper-flag-tn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-603c499d="" data-testid="kui-icon-svg-flag-tn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-603c499d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-603c499d=""><g clip-path="url(#clip0_247_6272)">
+<span data-v-603c499d="" class="kui-icon flag-tn-icon" data-testid="kui-icon-wrapper-flag-tn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-603c499d="" data-testid="kui-icon-svg-flag-tn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6272)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M11.9999 17.7391C15.1695 17.7391 17.739 15.1696 17.739 12C17.739 8.83037 15.1695 6.26086 11.9999 6.26086C8.83024 6.26086 6.26074 8.83037 6.26074 12C6.26074 15.1696 8.83024 17.7391 11.9999 17.7391Z" fill="#F0F0F0"></path>
 <path d="M12.7072 9.8056L13.6918 11.1624L15.2863 10.6454L14.3002 12.001L15.2847 13.3577L13.6906 12.8387L12.7045 14.1944L12.7056 12.5181L11.1116 11.9991L12.7062 11.482L12.7072 9.8056Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_247_6272">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagToIcon.html b/src/tests/__snapshots__/FlagToIcon.html
index 2748f6d3..cd960168 100644
--- a/src/tests/__snapshots__/FlagToIcon.html
+++ b/src/tests/__snapshots__/FlagToIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e9f9c60c="" class="kui-icon flag-to-icon" data-testid="kui-icon-wrapper-flag-to-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e9f9c60c="" data-testid="kui-icon-svg-flag-to-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e9f9c60c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e9f9c60c=""><g clip-path="url(#clip0_247_6269)">
+<span data-v-e9f9c60c="" class="kui-icon flag-to-icon" data-testid="kui-icon-wrapper-flag-to-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e9f9c60c="" data-testid="kui-icon-svg-flag-to-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6269)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.82601 6.26088V4.69568H6.26076V6.26088H4.69556V7.82613H6.26076V9.39134H7.82601V7.82613H9.39121V6.26088H7.82601Z" fill="#D80027"></path>
 <path d="M12 0V12C5.37262 12 2.73867 12 0 12C0 18.6274 5.37262 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_247_6269">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTrIcon.html b/src/tests/__snapshots__/FlagTrIcon.html
index ff0ef29c..60c902e4 100644
--- a/src/tests/__snapshots__/FlagTrIcon.html
+++ b/src/tests/__snapshots__/FlagTrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-72a02180="" class="kui-icon flag-tr-icon" data-testid="kui-icon-wrapper-flag-tr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72a02180="" data-testid="kui-icon-svg-flag-tr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72a02180="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-72a02180=""><g clip-path="url(#clip0_247_6273)">
+<span data-v-72a02180="" class="kui-icon flag-tr-icon" data-testid="kui-icon-wrapper-flag-tr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72a02180="" data-testid="kui-icon-svg-flag-tr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6273)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M11.5085 9.8056L12.4931 11.1624L14.0876 10.6454L13.1015 12.001L14.0859 13.3577L12.492 12.8387L11.5058 14.1944L11.5069 12.5181L9.91284 11.9991L11.5074 11.482L11.5085 9.8056Z" fill="#F0F0F0"></path>
 <path d="M8.8215 15.3913C6.94856 15.3913 5.43018 13.8729 5.43018 12C5.43018 10.127 6.94856 8.60867 8.8215 8.60867C9.40547 8.60867 9.95493 8.75638 10.4347 9.0163C9.68207 8.28027 8.65284 7.82605 7.51715 7.82605C5.21193 7.82605 3.34326 9.69477 3.34326 11.9999C3.34326 14.3051 5.21198 16.1738 7.51715 16.1738C8.65293 16.1738 9.68212 15.7196 10.4347 14.9836C9.95493 15.2436 9.40547 15.3913 8.8215 15.3913Z" fill="#F0F0F0"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_247_6273">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTtIcon.html b/src/tests/__snapshots__/FlagTtIcon.html
index 25070329..24d006e6 100644
--- a/src/tests/__snapshots__/FlagTtIcon.html
+++ b/src/tests/__snapshots__/FlagTtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6e7ef4fd="" class="kui-icon flag-tt-icon" data-testid="kui-icon-wrapper-flag-tt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e7ef4fd="" data-testid="kui-icon-svg-flag-tt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6e7ef4fd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6e7ef4fd=""><g clip-path="url(#clip0_247_6271)">
+<span data-v-6e7ef4fd="" class="kui-icon flag-tt-icon" data-testid="kui-icon-wrapper-flag-tt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e7ef4fd="" data-testid="kui-icon-svg-flag-tt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6271)">
 <path d="M6.49763 1.33246C5.42335 1.88694 4.41493 2.61374 3.51436 3.5143C2.61375 4.41491 1.88696 5.42333 1.33252 6.49761L9.04847 14.9515L17.5023 22.6674C18.5767 22.1129 19.5851 21.3861 20.4856 20.4856C21.3863 19.585 22.113 18.5766 22.6675 17.5023L14.9515 9.04841L6.49763 1.33246Z" fill="#F0F0F0"></path>
 <path d="M20.4856 20.4856C20.989 19.9822 21.438 19.4451 21.8332 18.8817L5.11828 2.16675C4.55489 2.56195 4.01775 3.01092 3.51436 3.51431C3.01097 4.0177 2.562 4.55484 2.16675 5.11828L18.8817 21.8332C19.445 21.4379 19.9822 20.989 20.4856 20.4856Z" fill="black"></path>
 <path d="M3.51431 20.4856C7.30026 24.2716 12.9861 24.9983 17.5023 22.6674L1.33251 6.49762C-0.998347 11.0138 -0.271457 16.6997 3.51431 20.4856Z" fill="#D80027"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_247_6271">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTvIcon.html b/src/tests/__snapshots__/FlagTvIcon.html
index 37c971ca..4a5e1329 100644
--- a/src/tests/__snapshots__/FlagTvIcon.html
+++ b/src/tests/__snapshots__/FlagTvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-935ff2e6="" class="kui-icon flag-tv-icon" data-testid="kui-icon-wrapper-flag-tv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-935ff2e6="" data-testid="kui-icon-svg-flag-tv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-935ff2e6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-935ff2e6=""><g clip-path="url(#clip0_247_6276)">
+<span data-v-935ff2e6="" class="kui-icon flag-tv-icon" data-testid="kui-icon-wrapper-flag-tv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-935ff2e6="" data-testid="kui-icon-svg-flag-tv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6276)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37263 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path>
 <path d="M5.73926 12H9.78654L6.26098 7.82611L5.73926 9.39131V12Z" fill="#0052B4"></path>
 <path d="M12.0001 9.78646L7.82617 5.73914H12.0001L12.0001 9.78646Z" fill="#0052B4"></path>
@@ -20,4 +20,4 @@
 <clipPath id="clip0_247_6276">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTwIcon.html b/src/tests/__snapshots__/FlagTwIcon.html
index 11fc3ec2..03156991 100644
--- a/src/tests/__snapshots__/FlagTwIcon.html
+++ b/src/tests/__snapshots__/FlagTwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-658b79b0="" class="kui-icon flag-tw-icon" data-testid="kui-icon-wrapper-flag-tw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-658b79b0="" data-testid="kui-icon-svg-flag-tw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-658b79b0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-658b79b0=""><g clip-path="url(#clip0_247_6262)">
+<span data-v-658b79b0="" class="kui-icon flag-tw-icon" data-testid="kui-icon-wrapper-flag-tw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-658b79b0="" data-testid="kui-icon-svg-flag-tw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6262)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
 <path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
 <path d="M10.4348 7.02287L8.96921 7.7123L9.74958 9.13163L8.15822 8.82713L7.95652 10.4348L6.84811 9.25243L5.73961 10.4348L5.53801 8.82713L3.9466 9.13154L4.72697 7.71221L3.26147 7.02287L4.72702 6.33357L3.9466 4.91419L5.53796 5.21865L5.73966 3.61102L6.84811 4.7934L7.95657 3.61102L8.15822 5.21865L9.74963 4.91419L8.96921 6.33362L10.4348 7.02287Z" fill="#F0F0F0"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_247_6262">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagTzIcon.html b/src/tests/__snapshots__/FlagTzIcon.html
index b0faebad..67dc8d4b 100644
--- a/src/tests/__snapshots__/FlagTzIcon.html
+++ b/src/tests/__snapshots__/FlagTzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4ac3e306="" class="kui-icon flag-tz-icon" data-testid="kui-icon-wrapper-flag-tz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ac3e306="" data-testid="kui-icon-svg-flag-tz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4ac3e306="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4ac3e306=""><g clip-path="url(#clip0_247_6264)">
+<span data-v-4ac3e306="" class="kui-icon flag-tz-icon" data-testid="kui-icon-wrapper-flag-tz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ac3e306="" data-testid="kui-icon-svg-flag-tz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6264)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4853 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56239 19.4448 3.01136 19.9819 3.51471 20.4853Z" fill="black"></path>
 <path d="M3.51471 3.51472C-0.271007 7.30053 -0.997804 12.986 1.33296 17.5021L17.5021 1.33301C12.986 -0.997753 7.30048 -0.270909 3.51471 3.51472Z" fill="#6DA544"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_247_6264">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUaIcon.html b/src/tests/__snapshots__/FlagUaIcon.html
index 690a29a3..0b1af3d4 100644
--- a/src/tests/__snapshots__/FlagUaIcon.html
+++ b/src/tests/__snapshots__/FlagUaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f17bcf17="" class="kui-icon flag-ua-icon" data-testid="kui-icon-wrapper-flag-ua-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f17bcf17="" data-testid="kui-icon-svg-flag-ua-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f17bcf17="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f17bcf17=""><g clip-path="url(#clip0_247_6278)">
+<span data-v-f17bcf17="" class="kui-icon flag-ua-icon" data-testid="kui-icon-wrapper-flag-ua-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f17bcf17="" data-testid="kui-icon-svg-flag-ua-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6278)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#338AF3"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_247_6278">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUgIcon.html b/src/tests/__snapshots__/FlagUgIcon.html
index 3c6333de..edb5c4a0 100644
--- a/src/tests/__snapshots__/FlagUgIcon.html
+++ b/src/tests/__snapshots__/FlagUgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f0452fcf="" class="kui-icon flag-ug-icon" data-testid="kui-icon-wrapper-flag-ug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0452fcf="" data-testid="kui-icon-svg-flag-ug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0452fcf="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0452fcf=""><g clip-path="url(#clip0_247_6277)">
+<span data-v-f0452fcf="" class="kui-icon flag-ug-icon" data-testid="kui-icon-wrapper-flag-ug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0452fcf="" data-testid="kui-icon-svg-flag-ug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6277)">
 <path d="M20.9434 19.9999C22.8439 17.8769 24 15.0737 24 12C24 8.92629 22.8438 6.12303 20.9434 3.99996L12 3.13043L3.05662 3.99996C1.15617 6.12303 0 8.92629 0 12C0 15.0737 1.15613 17.8769 3.05658 19.9999L12 20.8695L20.9434 19.9999Z" fill="#FFDA44"></path>
 <path d="M3.05664 3.99998H20.9434C18.7462 1.54528 15.5538 0 12 0C8.44628 0 5.25386 1.54528 3.05664 3.99998Z" fill="black"></path>
 <path d="M0 12L12 13.0435L24 12C24 10.5973 23.7585 9.25113 23.3162 7.99994H0.683812C0.241453 9.25113 0 10.5973 0 12H0Z" fill="#D80027"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_247_6277">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUnIcon.html b/src/tests/__snapshots__/FlagUnIcon.html
index 5788b5f1..dc05e161 100644
--- a/src/tests/__snapshots__/FlagUnIcon.html
+++ b/src/tests/__snapshots__/FlagUnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-75c67850="" class="kui-icon flag-un-icon" data-testid="kui-icon-wrapper-flag-un-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75c67850="" data-testid="kui-icon-svg-flag-un-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-75c67850="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-75c67850=""><g clip-path="url(#clip0_247_6281)">
+<span data-v-75c67850="" class="kui-icon flag-un-icon" data-testid="kui-icon-wrapper-flag-un-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75c67850="" data-testid="kui-icon-svg-flag-un-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6281)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z" fill="#F0F0F0"></path>
 <path d="M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z" fill="#F0F0F0"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_247_6281">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUsIcon.html b/src/tests/__snapshots__/FlagUsIcon.html
index 4b0a8c3c..e5b7f266 100644
--- a/src/tests/__snapshots__/FlagUsIcon.html
+++ b/src/tests/__snapshots__/FlagUsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a376ae2f="" class="kui-icon flag-us-icon" data-testid="kui-icon-wrapper-flag-us-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a376ae2f="" data-testid="kui-icon-svg-flag-us-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a376ae2f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a376ae2f=""><g clip-path="url(#clip0_246_5603)">
+<span data-v-a376ae2f="" class="kui-icon flag-us-icon" data-testid="kui-icon-wrapper-flag-us-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a376ae2f="" data-testid="kui-icon-svg-flag-us-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5603)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z" fill="#D80027"></path>
 <path d="M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z" fill="#D80027"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_5603">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUyIcon.html b/src/tests/__snapshots__/FlagUyIcon.html
index 77e8c539..ece1c401 100644
--- a/src/tests/__snapshots__/FlagUyIcon.html
+++ b/src/tests/__snapshots__/FlagUyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1099dde4="" class="kui-icon flag-uy-icon" data-testid="kui-icon-wrapper-flag-uy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1099dde4="" data-testid="kui-icon-svg-flag-uy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1099dde4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1099dde4=""><g clip-path="url(#clip0_247_6283)">
+<span data-v-1099dde4="" class="kui-icon flag-uy-icon" data-testid="kui-icon-wrapper-flag-uy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1099dde4="" data-testid="kui-icon-svg-flag-uy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6283)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z" fill="#338AF3"></path>
 <path d="M4.53009 21.3913H19.4698C20.5649 20.5191 21.5041 19.4596 22.2386 18.2609H1.76123C2.49581 19.4596 3.435 20.5191 4.53009 21.3913Z" fill="#338AF3"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_247_6283">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagUzIcon.html b/src/tests/__snapshots__/FlagUzIcon.html
index ee401f40..c8f8f058 100644
--- a/src/tests/__snapshots__/FlagUzIcon.html
+++ b/src/tests/__snapshots__/FlagUzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-38f29dc9="" class="kui-icon flag-uz-icon" data-testid="kui-icon-wrapper-flag-uz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38f29dc9="" data-testid="kui-icon-svg-flag-uz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-38f29dc9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-38f29dc9=""><g clip-path="url(#clip0_246_5621)">
+<span data-v-38f29dc9="" class="kui-icon flag-uz-icon" data-testid="kui-icon-wrapper-flag-uz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38f29dc9="" data-testid="kui-icon-svg-flag-uz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5621)">
 <path d="M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z" fill="#F0F0F0"></path>
 <path d="M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z" fill="#D80027"></path>
 <path d="M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z" fill="#D80027"></path>
@@ -22,4 +22,4 @@
 <clipPath id="clip0_246_5621">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVaIcon.html b/src/tests/__snapshots__/FlagVaIcon.html
index b922c7ef..2ce1b69c 100644
--- a/src/tests/__snapshots__/FlagVaIcon.html
+++ b/src/tests/__snapshots__/FlagVaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5c617260="" class="kui-icon flag-va-icon" data-testid="kui-icon-wrapper-flag-va-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5c617260="" data-testid="kui-icon-svg-flag-va-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-5c617260="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-5c617260=""><g clip-path="url(#clip0_246_5668)">
+<span data-v-5c617260="" class="kui-icon flag-va-icon" data-testid="kui-icon-wrapper-flag-va-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5c617260="" data-testid="kui-icon-svg-flag-va-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5668)">
 <path d="M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z" fill="#F0F0F0"></path>
 <path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#FFDA44"></path>
 <path d="M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z" fill="#ACABB1"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_246_5668">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVcIcon.html b/src/tests/__snapshots__/FlagVcIcon.html
index 234d0e02..61603eb2 100644
--- a/src/tests/__snapshots__/FlagVcIcon.html
+++ b/src/tests/__snapshots__/FlagVcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-78d9ed18="" class="kui-icon flag-vc-icon" data-testid="kui-icon-wrapper-flag-vc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78d9ed18="" data-testid="kui-icon-svg-flag-vc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-78d9ed18="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-78d9ed18=""><g clip-path="url(#clip0_246_5360)">
+<span data-v-78d9ed18="" class="kui-icon flag-vc-icon" data-testid="kui-icon-wrapper-flag-vc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78d9ed18="" data-testid="kui-icon-svg-flag-vc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5360)">
 <path d="M17.739 1.45908C16.0342 0.528891 14.0788 0 11.9999 0C9.921 0 7.96566 0.528891 6.26077 1.45908L5.21729 12L6.26077 22.5409C7.96566 23.4711 9.921 24 11.9999 24C14.0788 24 16.0342 23.4711 17.739 22.5409L18.7825 12L17.739 1.45908Z" fill="#FFDA44"></path>
 <path d="M6.26086 22.5408V1.45905C2.53073 3.49436 0 7.4515 0 12C0 16.5485 2.53073 20.5057 6.26086 22.5408Z" fill="#338AF3"></path>
 <path d="M24.0001 12C24.0001 7.4515 21.4694 3.49436 17.7393 1.45905V22.5408C21.4694 20.5057 24.0001 16.5485 24.0001 12Z" fill="#6DA544"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_246_5360">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVeIcon.html b/src/tests/__snapshots__/FlagVeIcon.html
index 5aa39c32..9c8547e6 100644
--- a/src/tests/__snapshots__/FlagVeIcon.html
+++ b/src/tests/__snapshots__/FlagVeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c436201e="" class="kui-icon flag-ve-icon" data-testid="kui-icon-wrapper-flag-ve-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c436201e="" data-testid="kui-icon-svg-flag-ve-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c436201e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c436201e=""><g clip-path="url(#clip0_246_5673)">
+<span data-v-c436201e="" class="kui-icon flag-ve-icon" data-testid="kui-icon-wrapper-flag-ve-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c436201e="" data-testid="kui-icon-svg-flag-ve-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5673)">
 <path d="M22.8093 17.2174C23.5722 15.6397 24 13.8699 24 12C24 10.1301 23.5722 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262C0.427828 8.36025 0 10.1301 0 12C0 13.8699 0.427828 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174Z" fill="#0052B4"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2173H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path>
 <path d="M20.7829 14.3556L20.1491 14.8509L20.4241 15.6065L19.7572 15.1569L19.1234 15.6521L19.345 14.8789L18.6782 14.429L19.4821 14.401L19.7039 13.6278L19.9791 14.3836L20.7829 14.3556Z" fill="#F0F0F0"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_246_5673">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVgIcon.html b/src/tests/__snapshots__/FlagVgIcon.html
index a4ba7539..aee806ea 100644
--- a/src/tests/__snapshots__/FlagVgIcon.html
+++ b/src/tests/__snapshots__/FlagVgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aa5c9ea6="" class="kui-icon flag-vg-icon" data-testid="kui-icon-wrapper-flag-vg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa5c9ea6="" data-testid="kui-icon-svg-flag-vg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa5c9ea6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aa5c9ea6=""><g clip-path="url(#clip0_246_3913)">
+<span data-v-aa5c9ea6="" class="kui-icon flag-vg-icon" data-testid="kui-icon-wrapper-flag-vg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa5c9ea6="" data-testid="kui-icon-svg-flag-vg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3913)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
@@ -19,4 +19,4 @@
 <clipPath id="clip0_246_3913">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagViIcon.html b/src/tests/__snapshots__/FlagViIcon.html
index 1fae637f..9e8d09ba 100644
--- a/src/tests/__snapshots__/FlagViIcon.html
+++ b/src/tests/__snapshots__/FlagViIcon.html
@@ -1,4 +1,4 @@
-<span data-v-971b45bd="" class="kui-icon flag-vi-icon" data-testid="kui-icon-wrapper-flag-vi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-971b45bd="" data-testid="kui-icon-svg-flag-vi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-971b45bd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-971b45bd=""><g clip-path="url(#clip0_246_5689)">
+<span data-v-971b45bd="" class="kui-icon flag-vi-icon" data-testid="kui-icon-wrapper-flag-vi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-971b45bd="" data-testid="kui-icon-svg-flag-vi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5689)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
 <path d="M14.0383 8.38343C14.0383 7.25787 13.1258 6.3454 12.0002 6.3454C10.8746 6.3454 9.96216 7.25787 9.96216 8.38343H5.47852C5.47852 9.4916 6.44386 10.3901 7.55203 10.3901H7.48528C7.48528 11.4983 8.38359 12.3968 9.49195 12.3968C9.49195 13.3781 10.1967 14.1934 11.1274 14.3677L11.1222 14.3794H12.8783L12.8731 14.3677C13.8039 14.1933 14.5086 13.378 14.5086 12.3968C15.6169 12.3968 16.5152 11.4983 16.5152 10.3901H16.4484C17.5566 10.3901 18.522 9.4916 18.522 8.38343H14.0383Z" fill="#FFDA44"></path>
 <path d="M11.1045 14.1714L9.84082 17.0244C10.5076 17.2954 11.2363 17.4461 12.0004 17.4461C12.7646 17.4461 13.4933 17.2955 14.16 17.0244L12.8964 14.1714H11.1045Z" fill="#FFDA44"></path>
@@ -13,4 +13,4 @@
 <clipPath id="clip0_246_5689">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVnIcon.html b/src/tests/__snapshots__/FlagVnIcon.html
index 18c1d94a..ca6845e3 100644
--- a/src/tests/__snapshots__/FlagVnIcon.html
+++ b/src/tests/__snapshots__/FlagVnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-73f02b60="" class="kui-icon flag-vn-icon" data-testid="kui-icon-wrapper-flag-vn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73f02b60="" data-testid="kui-icon-svg-flag-vn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-73f02b60="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-73f02b60=""><g clip-path="url(#clip0_246_5686)">
+<span data-v-73f02b60="" class="kui-icon flag-vn-icon" data-testid="kui-icon-wrapper-flag-vn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73f02b60="" data-testid="kui-icon-svg-flag-vn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5686)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z" fill="#FFDA44"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_246_5686">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagVuIcon.html b/src/tests/__snapshots__/FlagVuIcon.html
index 9dd05062..198fa2a0 100644
--- a/src/tests/__snapshots__/FlagVuIcon.html
+++ b/src/tests/__snapshots__/FlagVuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-32a00c4f="" class="kui-icon flag-vu-icon" data-testid="kui-icon-wrapper-flag-vu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32a00c4f="" data-testid="kui-icon-svg-flag-vu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-32a00c4f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-32a00c4f=""><g clip-path="url(#clip0_246_5642)">
+<span data-v-32a00c4f="" class="kui-icon flag-vu-icon" data-testid="kui-icon-wrapper-flag-vu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32a00c4f="" data-testid="kui-icon-svg-flag-vu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5642)">
 <path d="M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z" fill="black"></path>
 <path d="M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z" fill="#F0F0F0"></path>
 <path d="M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z" fill="#F0F0F0"></path>
@@ -27,4 +27,4 @@
 <clipPath id="clip0_246_5642">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagWsIcon.html b/src/tests/__snapshots__/FlagWsIcon.html
index 0a24fcff..54c73c1a 100644
--- a/src/tests/__snapshots__/FlagWsIcon.html
+++ b/src/tests/__snapshots__/FlagWsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a4282265="" class="kui-icon flag-ws-icon" data-testid="kui-icon-wrapper-flag-ws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a4282265="" data-testid="kui-icon-svg-flag-ws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a4282265="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a4282265=""><g clip-path="url(#clip0_246_5144)">
+<span data-v-a4282265="" class="kui-icon flag-ws-icon" data-testid="kui-icon-wrapper-flag-ws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a4282265="" data-testid="kui-icon-svg-flag-ws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5144)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
 <path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
 <path d="M9.61195 7.82611L9.80625 8.424H10.4348L9.92625 8.79342L10.1205 9.39131L9.61195 9.0218L9.10336 9.39131L9.29766 8.79342L8.78906 8.424H9.41766L9.61195 7.82611Z" fill="#F0F0F0"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_246_5144">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagYeIcon.html b/src/tests/__snapshots__/FlagYeIcon.html
index 416d2c2a..4489bd91 100644
--- a/src/tests/__snapshots__/FlagYeIcon.html
+++ b/src/tests/__snapshots__/FlagYeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f52aff07="" class="kui-icon flag-ye-icon" data-testid="kui-icon-wrapper-flag-ye-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f52aff07="" data-testid="kui-icon-svg-flag-ye-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f52aff07="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f52aff07=""><g clip-path="url(#clip0_246_5706)">
+<span data-v-f52aff07="" class="kui-icon flag-ye-icon" data-testid="kui-icon-wrapper-flag-ye-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f52aff07="" data-testid="kui-icon-svg-flag-ye-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5706)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="black"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
@@ -7,4 +7,4 @@
 <clipPath id="clip0_246_5706">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagZaIcon.html b/src/tests/__snapshots__/FlagZaIcon.html
index 17879a1a..1075f655 100644
--- a/src/tests/__snapshots__/FlagZaIcon.html
+++ b/src/tests/__snapshots__/FlagZaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eb0a9345="" class="kui-icon flag-za-icon" data-testid="kui-icon-wrapper-flag-za-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb0a9345="" data-testid="kui-icon-svg-flag-za-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eb0a9345="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eb0a9345=""><g clip-path="url(#clip0_1415_4786)">
+<span data-v-eb0a9345="" class="kui-icon flag-za-icon" data-testid="kui-icon-wrapper-flag-za-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb0a9345="" data-testid="kui-icon-svg-flag-za-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_4786)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M3.51471 20.4853C-1.17157 15.7989 -1.17157 8.20098 3.51471 3.51465C3.51438 3.51516 10.4348 12 10.4348 12L3.51471 20.4853Z" fill="black"></path>
 <path d="M10.4349 12.0004L1.59162 6.02441C1.31745 6.50099 1.07567 6.99843 0.86792 7.5133L5.3449 12.0004L0.868061 16.4878C1.07562 17.0023 1.31717 17.4994 1.59115 17.9756L10.4349 12.0004Z" fill="#FFDA44"></path>
@@ -10,4 +10,4 @@
 <clipPath id="clip0_1415_4786">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagZmIcon.html b/src/tests/__snapshots__/FlagZmIcon.html
index de68a047..072f9945 100644
--- a/src/tests/__snapshots__/FlagZmIcon.html
+++ b/src/tests/__snapshots__/FlagZmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aa51e1db="" class="kui-icon flag-zm-icon" data-testid="kui-icon-wrapper-flag-zm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa51e1db="" data-testid="kui-icon-svg-flag-zm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-aa51e1db="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-aa51e1db=""><g clip-path="url(#clip0_246_5710)">
+<span data-v-aa51e1db="" class="kui-icon flag-zm-icon" data-testid="kui-icon-wrapper-flag-zm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa51e1db="" data-testid="kui-icon-svg-flag-zm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5710)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M16.6957 12H12V24C13.4027 24 14.7488 23.7585 16 23.3163L16.6957 12Z" fill="#D80027"></path>
 <path d="M19.9998 20.9434C22.4546 18.7462 23.9999 15.5537 23.9999 12H19.3042L19.9998 20.9434Z" fill="#FF9811"></path>
@@ -9,4 +9,4 @@
 <clipPath id="clip0_246_5710">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagZwIcon.html b/src/tests/__snapshots__/FlagZwIcon.html
index 93efa590..15b76731 100644
--- a/src/tests/__snapshots__/FlagZwIcon.html
+++ b/src/tests/__snapshots__/FlagZwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-dbfd348b="" class="kui-icon flag-zw-icon" data-testid="kui-icon-wrapper-flag-zw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbfd348b="" data-testid="kui-icon-svg-flag-zw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dbfd348b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-dbfd348b=""><g clip-path="url(#clip0_246_5716)">
+<span data-v-dbfd348b="" class="kui-icon flag-zw-icon" data-testid="kui-icon-wrapper-flag-zw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbfd348b="" data-testid="kui-icon-svg-flag-zw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5716)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M22.8512 6.87203C22.2416 5.58419 21.4095 4.42248 20.4045 3.436L11.9998 2.6087L3.59512 3.43605C3.56831 3.46234 3.54216 3.48925 3.51562 3.51583L6.87188 6.87208L11.9998 7.02869L22.8512 6.87203Z" fill="#FFDA44"></path>
 <path d="M3.51562 20.4843C3.55978 20.5285 3.60384 20.5727 3.64866 20.6162L12 21.3913L20.3512 20.6162C21.3665 19.6318 22.2088 18.47 22.827 17.1802L7.30425 16.6957C5.96864 18.0313 4.42814 19.5717 3.51562 20.4843Z" fill="#FFDA44"></path>
@@ -15,4 +15,4 @@
 <clipPath id="clip0_246_5716">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ForwardIcon.html b/src/tests/__snapshots__/ForwardIcon.html
index 7755dafc..c7ee16ce 100644
--- a/src/tests/__snapshots__/ForwardIcon.html
+++ b/src/tests/__snapshots__/ForwardIcon.html
@@ -1 +1 @@
-<span data-v-7a18d376="" class="kui-icon forward-icon" data-testid="kui-icon-wrapper-forward-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a18d376="" data-testid="kui-icon-svg-forward-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7a18d376="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7a18d376=""><path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-7a18d376="" class="kui-icon forward-icon" data-testid="kui-icon-wrapper-forward-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a18d376="" data-testid="kui-icon-svg-forward-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GatewayIcon.html b/src/tests/__snapshots__/GatewayIcon.html
index 5dca0d68..db9d885a 100644
--- a/src/tests/__snapshots__/GatewayIcon.html
+++ b/src/tests/__snapshots__/GatewayIcon.html
@@ -1 +1 @@
-<span data-v-578c6864="" class="kui-icon gateway-icon" data-testid="kui-icon-wrapper-gateway-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-578c6864="" data-testid="kui-icon-svg-gateway-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-578c6864="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-578c6864=""><path d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-578c6864="" class="kui-icon gateway-icon" data-testid="kui-icon-wrapper-gateway-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-578c6864="" data-testid="kui-icon-svg-gateway-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GoogleCloudIcon.html b/src/tests/__snapshots__/GoogleCloudIcon.html
index e0169797..c54f1674 100644
--- a/src/tests/__snapshots__/GoogleCloudIcon.html
+++ b/src/tests/__snapshots__/GoogleCloudIcon.html
@@ -1,4 +1,4 @@
-<span data-v-72e06b23="" class="kui-icon google-cloud-icon" data-testid="kui-icon-wrapper-google-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72e06b23="" data-testid="kui-icon-svg-google-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-72e06b23="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-72e06b23=""><path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"></path>
+<span data-v-72e06b23="" class="kui-icon google-cloud-icon" data-testid="kui-icon-wrapper-google-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72e06b23="" data-testid="kui-icon-svg-google-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"></path>
 <path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"></path>
 <path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"></path>
-<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"></path></g></svg></span>
\ No newline at end of file
+<path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GoogleIcon.html b/src/tests/__snapshots__/GoogleIcon.html
index 4f1a3847..53b12dc7 100644
--- a/src/tests/__snapshots__/GoogleIcon.html
+++ b/src/tests/__snapshots__/GoogleIcon.html
@@ -1,4 +1,4 @@
-<span data-v-869718c8="" class="kui-icon google-icon" data-testid="kui-icon-wrapper-google-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-869718c8="" data-testid="kui-icon-svg-google-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-869718c8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-869718c8=""><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"></path>
+<span data-v-869718c8="" class="kui-icon google-icon" data-testid="kui-icon-wrapper-google-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-869718c8="" data-testid="kui-icon-svg-google-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z" fill="#34A853"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z" fill="#FBBC05"></path>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"></path></g></svg></span>
\ No newline at end of file
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GraduationIcon.html b/src/tests/__snapshots__/GraduationIcon.html
index 1fcccf9e..1025cf27 100644
--- a/src/tests/__snapshots__/GraduationIcon.html
+++ b/src/tests/__snapshots__/GraduationIcon.html
@@ -1 +1 @@
-<span data-v-96f01ca2="" class="kui-icon graduation-icon" data-testid="kui-icon-wrapper-graduation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-96f01ca2="" data-testid="kui-icon-svg-graduation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-96f01ca2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-96f01ca2=""><path d="M12 21L5 17.2V11.2L1 9L12 3L23 9V17H21V10.1L19 11.2V17.2L12 21ZM12 12.7L18.85 9L12 5.3L5.15 9L12 12.7ZM12 18.725L17 16.025V12.25L12 15L7 12.25V16.025L12 18.725Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-96f01ca2="" class="kui-icon graduation-icon" data-testid="kui-icon-wrapper-graduation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-96f01ca2="" data-testid="kui-icon-svg-graduation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L5 17.2V11.2L1 9L12 3L23 9V17H21V10.1L19 11.2V17.2L12 21ZM12 12.7L18.85 9L12 5.3L5.15 9L12 12.7ZM12 18.725L17 16.025V12.25L12 15L7 12.25V16.025L12 18.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GridIcon.html b/src/tests/__snapshots__/GridIcon.html
index 3a86745a..92f13fb9 100644
--- a/src/tests/__snapshots__/GridIcon.html
+++ b/src/tests/__snapshots__/GridIcon.html
@@ -1 +1 @@
-<span data-v-29f3bac5="" class="kui-icon grid-icon" data-testid="kui-icon-wrapper-grid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-29f3bac5="" data-testid="kui-icon-svg-grid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-29f3bac5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-29f3bac5=""><path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-29f3bac5="" class="kui-icon grid-icon" data-testid="kui-icon-wrapper-grid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-29f3bac5="" data-testid="kui-icon-svg-grid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HashicorpIcon.html b/src/tests/__snapshots__/HashicorpIcon.html
index 543e3788..d39478a1 100644
--- a/src/tests/__snapshots__/HashicorpIcon.html
+++ b/src/tests/__snapshots__/HashicorpIcon.html
@@ -1,2 +1,2 @@
-<span data-v-daa480be="" class="kui-icon hashicorp-icon" data-testid="kui-icon-wrapper-hashicorp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-daa480be="" data-testid="kui-icon-svg-hashicorp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-daa480be="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-daa480be=""><path d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"></path>
-<path d="M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z" fill="black"></path></g></svg></span>
\ No newline at end of file
+<span data-v-daa480be="" class="kui-icon hashicorp-icon" data-testid="kui-icon-wrapper-hashicorp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-daa480be="" data-testid="kui-icon-svg-hashicorp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"></path>
+<path d="M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z" fill="black"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HelpIcon.html b/src/tests/__snapshots__/HelpIcon.html
index 6bfcfdf2..fd7c91f9 100644
--- a/src/tests/__snapshots__/HelpIcon.html
+++ b/src/tests/__snapshots__/HelpIcon.html
@@ -1 +1 @@
-<span data-v-f3fbb6ec="" class="kui-icon help-icon" data-testid="kui-icon-wrapper-help-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3fbb6ec="" data-testid="kui-icon-svg-help-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f3fbb6ec="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f3fbb6ec=""><path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f3fbb6ec="" class="kui-icon help-icon" data-testid="kui-icon-wrapper-help-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3fbb6ec="" data-testid="kui-icon-svg-help-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HistoryIcon.html b/src/tests/__snapshots__/HistoryIcon.html
index 7a1f14dd..99212656 100644
--- a/src/tests/__snapshots__/HistoryIcon.html
+++ b/src/tests/__snapshots__/HistoryIcon.html
@@ -1 +1 @@
-<span data-v-6f113882="" class="kui-icon history-icon" data-testid="kui-icon-wrapper-history-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6f113882="" data-testid="kui-icon-svg-history-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-6f113882="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-6f113882=""><path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-6f113882="" class="kui-icon history-icon" data-testid="kui-icon-wrapper-history-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6f113882="" data-testid="kui-icon-svg-history-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HtmlIcon.html b/src/tests/__snapshots__/HtmlIcon.html
index d313d3d4..c8986aeb 100644
--- a/src/tests/__snapshots__/HtmlIcon.html
+++ b/src/tests/__snapshots__/HtmlIcon.html
@@ -1 +1 @@
-<span data-v-109926c4="" class="kui-icon html-icon" data-testid="kui-icon-wrapper-html-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-109926c4="" data-testid="kui-icon-svg-html-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-109926c4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-109926c4=""><path d="M0 15V9H1.5V11H3.5V9H5V15H3.5V12.5H1.5V15H0ZM7.75 15V10.5H6V9H11V10.5H9.25V15H7.75ZM12 15V10C12 9.71667 12.0958 9.47917 12.2875 9.2875C12.4792 9.09583 12.7167 9 13 9H17.5C17.7833 9 18.0208 9.09583 18.2125 9.2875C18.4042 9.47917 18.5 9.71667 18.5 10V15H17V10.5H16V14H14.5V10.5H13.5V15H12ZM20 15V9H21.5V13.5H24V15H20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-109926c4="" class="kui-icon html-icon" data-testid="kui-icon-wrapper-html-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-109926c4="" data-testid="kui-icon-svg-html-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 15V9H1.5V11H3.5V9H5V15H3.5V12.5H1.5V15H0ZM7.75 15V10.5H6V9H11V10.5H9.25V15H7.75ZM12 15V10C12 9.71667 12.0958 9.47917 12.2875 9.2875C12.4792 9.09583 12.7167 9 13 9H17.5C17.7833 9 18.0208 9.09583 18.2125 9.2875C18.4042 9.47917 18.5 9.71667 18.5 10V15H17V10.5H16V14H14.5V10.5H13.5V15H12ZM20 15V9H21.5V13.5H24V15H20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ImageIcon.html b/src/tests/__snapshots__/ImageIcon.html
index 27a96aee..01723e0b 100644
--- a/src/tests/__snapshots__/ImageIcon.html
+++ b/src/tests/__snapshots__/ImageIcon.html
@@ -1 +1 @@
-<span data-v-37d22524="" class="kui-icon image-icon" data-testid="kui-icon-wrapper-image-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-37d22524="" data-testid="kui-icon-svg-image-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-37d22524="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-37d22524=""><path d="M5 22C4.16667 22 3.45833 21.7083 2.875 21.125C2.29167 20.5417 2 19.8333 2 19V5C2 4.16667 2.29167 3.45833 2.875 2.875C3.45833 2.29167 4.16667 2 5 2H19C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5V19C22 19.8333 21.7083 20.5417 21.125 21.125C20.5417 21.7083 19.8333 22 19 22H5ZM5 20H19C19.2833 20 19.5208 19.9042 19.7125 19.7125C19.9042 19.5208 20 19.2833 20 19V5C20 4.71667 19.9042 4.47917 19.7125 4.2875C19.5208 4.09583 19.2833 4 19 4H5C4.71667 4 4.47917 4.09583 4.2875 4.2875C4.09583 4.47917 4 4.71667 4 5V19C4 19.2833 4.09583 19.5208 4.2875 19.7125C4.47917 19.9042 4.71667 20 5 20ZM6 18L10 14L11.8 15.775L14 13L18 18H6ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-37d22524="" class="kui-icon image-icon" data-testid="kui-icon-wrapper-image-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-37d22524="" data-testid="kui-icon-svg-image-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.16667 22 3.45833 21.7083 2.875 21.125C2.29167 20.5417 2 19.8333 2 19V5C2 4.16667 2.29167 3.45833 2.875 2.875C3.45833 2.29167 4.16667 2 5 2H19C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5V19C22 19.8333 21.7083 20.5417 21.125 21.125C20.5417 21.7083 19.8333 22 19 22H5ZM5 20H19C19.2833 20 19.5208 19.9042 19.7125 19.7125C19.9042 19.5208 20 19.2833 20 19V5C20 4.71667 19.9042 4.47917 19.7125 4.2875C19.5208 4.09583 19.2833 4 19 4H5C4.71667 4 4.47917 4.09583 4.2875 4.2875C4.09583 4.47917 4 4.71667 4 5V19C4 19.2833 4.09583 19.5208 4.2875 19.7125C4.47917 19.9042 4.71667 20 5 20ZM6 18L10 14L11.8 15.775L14 13L18 18H6ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ImmunityIcon.html b/src/tests/__snapshots__/ImmunityIcon.html
index f1b7fa09..9b4c6125 100644
--- a/src/tests/__snapshots__/ImmunityIcon.html
+++ b/src/tests/__snapshots__/ImmunityIcon.html
@@ -1 +1 @@
-<span data-v-472d6ff8="" class="kui-icon immunity-icon" data-testid="kui-icon-wrapper-immunity-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-472d6ff8="" data-testid="kui-icon-svg-immunity-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-472d6ff8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-472d6ff8=""><path d="M7 22V17H2V7H7V2H17V7H22V17H17V22H7ZM4 11H9C9.16667 11 9.325 11.0417 9.475 11.125C9.625 11.2083 9.74167 11.3167 9.825 11.45L10.7 12.75L12.05 8.7C12.1167 8.5 12.2375 8.33333 12.4125 8.2C12.5875 8.06667 12.7833 8 13 8C13.1667 8 13.325 8.04167 13.475 8.125C13.625 8.20833 13.7417 8.31667 13.825 8.45L15.525 11H20V9H15V4H9V9H4V11ZM9 20H15V15H20V13H15C14.8333 13 14.675 12.9583 14.525 12.875C14.375 12.7917 14.25 12.6833 14.15 12.55L13.3 11.25L11.95 15.3C11.8833 15.5 11.7583 15.6667 11.575 15.8C11.3917 15.9333 11.1917 16 10.975 16C10.8083 16 10.65 15.9583 10.5 15.875C10.35 15.7917 10.2333 15.6833 10.15 15.55L8.45 13H4V15H9V20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-472d6ff8="" class="kui-icon immunity-icon" data-testid="kui-icon-wrapper-immunity-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-472d6ff8="" data-testid="kui-icon-svg-immunity-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 22V17H2V7H7V2H17V7H22V17H17V22H7ZM4 11H9C9.16667 11 9.325 11.0417 9.475 11.125C9.625 11.2083 9.74167 11.3167 9.825 11.45L10.7 12.75L12.05 8.7C12.1167 8.5 12.2375 8.33333 12.4125 8.2C12.5875 8.06667 12.7833 8 13 8C13.1667 8 13.325 8.04167 13.475 8.125C13.625 8.20833 13.7417 8.31667 13.825 8.45L15.525 11H20V9H15V4H9V9H4V11ZM9 20H15V15H20V13H15C14.8333 13 14.675 12.9583 14.525 12.875C14.375 12.7917 14.25 12.6833 14.15 12.55L13.3 11.25L11.95 15.3C11.8833 15.5 11.7583 15.6667 11.575 15.8C11.3917 15.9333 11.1917 16 10.975 16C10.8083 16 10.65 15.9583 10.5 15.875C10.35 15.7917 10.2333 15.6833 10.15 15.55L8.45 13H4V15H9V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InboxIcon.html b/src/tests/__snapshots__/InboxIcon.html
index e117f4e6..fd9d82dc 100644
--- a/src/tests/__snapshots__/InboxIcon.html
+++ b/src/tests/__snapshots__/InboxIcon.html
@@ -1 +1 @@
-<span data-v-93e97391="" class="kui-icon inbox-icon" data-testid="kui-icon-wrapper-inbox-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93e97391="" data-testid="kui-icon-svg-inbox-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-93e97391="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-93e97391=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V16H16C15.5 16.6333 14.9042 17.125 14.2125 17.475C13.5208 17.825 12.7833 18 12 18C11.2167 18 10.4792 17.825 9.7875 17.475C9.09583 17.125 8.5 16.6333 8 16H5V19ZM12 16C12.6333 16 13.2083 15.8167 13.725 15.45C14.2417 15.0833 14.6 14.6 14.8 14H19V5H5V14H9.2C9.4 14.6 9.75833 15.0833 10.275 15.45C10.7917 15.8167 11.3667 16 12 16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-93e97391="" class="kui-icon inbox-icon" data-testid="kui-icon-wrapper-inbox-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93e97391="" data-testid="kui-icon-svg-inbox-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V16H16C15.5 16.6333 14.9042 17.125 14.2125 17.475C13.5208 17.825 12.7833 18 12 18C11.2167 18 10.4792 17.825 9.7875 17.475C9.09583 17.125 8.5 16.6333 8 16H5V19ZM12 16C12.6333 16 13.2083 15.8167 13.725 15.45C14.2417 15.0833 14.6 14.6 14.8 14H19V5H5V14H9.2C9.4 14.6 9.75833 15.0833 10.275 15.45C10.7917 15.8167 11.3667 16 12 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InboxNotificationIcon.html b/src/tests/__snapshots__/InboxNotificationIcon.html
index 1d600db7..96c404c3 100644
--- a/src/tests/__snapshots__/InboxNotificationIcon.html
+++ b/src/tests/__snapshots__/InboxNotificationIcon.html
@@ -1 +1 @@
-<span data-v-84c3575f="" class="kui-icon inbox-notification-icon" data-testid="kui-icon-wrapper-inbox-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-84c3575f="" data-testid="kui-icon-svg-inbox-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-84c3575f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-84c3575f=""><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H14.1C14.0333 4.33333 14 4.66667 14 5C14 5.33333 14.0333 5.66667 14.1 6H4L12 11L15.65 8.725C15.8833 8.94167 16.1375 9.12917 16.4125 9.2875C16.6875 9.44583 16.975 9.58333 17.275 9.7L12 13L4 8V18H20V9.9C20.3833 9.81667 20.7417 9.7 21.075 9.55C21.4083 9.4 21.7167 9.21667 22 9V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM19 8C18.1667 8 17.4583 7.70833 16.875 7.125C16.2917 6.54167 16 5.83333 16 5C16 4.16667 16.2917 3.45833 16.875 2.875C17.4583 2.29167 18.1667 2 19 2C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5C22 5.83333 21.7083 6.54167 21.125 7.125C20.5417 7.70833 19.8333 8 19 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-84c3575f="" class="kui-icon inbox-notification-icon" data-testid="kui-icon-wrapper-inbox-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-84c3575f="" data-testid="kui-icon-svg-inbox-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H14.1C14.0333 4.33333 14 4.66667 14 5C14 5.33333 14.0333 5.66667 14.1 6H4L12 11L15.65 8.725C15.8833 8.94167 16.1375 9.12917 16.4125 9.2875C16.6875 9.44583 16.975 9.58333 17.275 9.7L12 13L4 8V18H20V9.9C20.3833 9.81667 20.7417 9.7 21.075 9.55C21.4083 9.4 21.7167 9.21667 22 9V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM19 8C18.1667 8 17.4583 7.70833 16.875 7.125C16.2917 6.54167 16 5.83333 16 5C16 4.16667 16.2917 3.45833 16.875 2.875C17.4583 2.29167 18.1667 2 19 2C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5C22 5.83333 21.7083 6.54167 21.125 7.125C20.5417 7.70833 19.8333 8 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/IncreaseIcon.html b/src/tests/__snapshots__/IncreaseIcon.html
index a7ef510d..1f3ce337 100644
--- a/src/tests/__snapshots__/IncreaseIcon.html
+++ b/src/tests/__snapshots__/IncreaseIcon.html
@@ -1 +1 @@
-<span data-v-fdbf7bec="" class="kui-icon increase-icon" data-testid="kui-icon-wrapper-increase-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdbf7bec="" data-testid="kui-icon-svg-increase-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fdbf7bec="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fdbf7bec=""><path d="M7 14L12 9L17 14H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-fdbf7bec="" class="kui-icon increase-icon" data-testid="kui-icon-wrapper-increase-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdbf7bec="" data-testid="kui-icon-svg-increase-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 14L12 9L17 14H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/IndeterminateSmallIcon.html b/src/tests/__snapshots__/IndeterminateSmallIcon.html
index 7aa84023..e809593e 100644
--- a/src/tests/__snapshots__/IndeterminateSmallIcon.html
+++ b/src/tests/__snapshots__/IndeterminateSmallIcon.html
@@ -1 +1 @@
-<span data-v-bf9606e9="" class="kui-icon indeterminate-small-icon" data-testid="kui-icon-wrapper-indeterminate-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf9606e9="" data-testid="kui-icon-svg-indeterminate-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bf9606e9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bf9606e9=""><path d="M5 11V9H15V11H5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-bf9606e9="" class="kui-icon indeterminate-small-icon" data-testid="kui-icon-wrapper-indeterminate-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf9606e9="" data-testid="kui-icon-svg-indeterminate-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 11V9H15V11H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InfoIcon.html b/src/tests/__snapshots__/InfoIcon.html
index 42a638d5..9a6c977f 100644
--- a/src/tests/__snapshots__/InfoIcon.html
+++ b/src/tests/__snapshots__/InfoIcon.html
@@ -1 +1 @@
-<span data-v-9e372523="" class="kui-icon info-icon" data-testid="kui-icon-wrapper-info-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e372523="" data-testid="kui-icon-svg-info-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9e372523="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9e372523=""><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9e372523="" class="kui-icon info-icon" data-testid="kui-icon-wrapper-info-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e372523="" data-testid="kui-icon-svg-info-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InsightsIcon.html b/src/tests/__snapshots__/InsightsIcon.html
index d62064b7..5fc1ac7d 100644
--- a/src/tests/__snapshots__/InsightsIcon.html
+++ b/src/tests/__snapshots__/InsightsIcon.html
@@ -1 +1 @@
-<span data-v-153bba4b="" class="kui-icon insights-icon" data-testid="kui-icon-wrapper-insights-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-153bba4b="" data-testid="kui-icon-svg-insights-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-153bba4b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-153bba4b=""><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2L15.9546 4.04541L18 5L15.9546 5.95459L15 8L14.0454 5.95459L12 5L14.0454 4.04541L15 2ZM3 18C2.45 18 1.97917 17.8042 1.5875 17.4125C1.19583 17.0208 1 16.55 1 16C1 15.45 1.19583 14.9792 1.5875 14.5875C1.97917 14.1958 2.45 14 3 14H3.2625C3.3375 14 3.41667 14.0167 3.5 14.05L8.05 9.5C8.01667 9.41667 8 9.3375 8 9.2625V9C8 8.45 8.19583 7.97917 8.5875 7.5875C8.97917 7.19583 9.45 7 10 7C10.55 7 11.0208 7.19583 11.4125 7.5875C11.8042 7.97917 12 8.45 12 9C12 9.03333 11.9833 9.2 11.95 9.5L14.5 12.05C14.5833 12.0167 14.6625 12 14.7375 12H15.2625C15.3375 12 15.4167 12.0167 15.5 12.05L19.05 8.5C19.0167 8.41667 19 8.3375 19 8.2625V8C19 7.45 19.1958 6.97917 19.5875 6.5875C19.9792 6.19583 20.45 6 21 6C21.55 6 22.0208 6.19583 22.4125 6.5875C22.8042 6.97917 23 7.45 23 8C23 8.55 22.8042 9.02083 22.4125 9.4125C22.0208 9.80417 21.55 10 21 10H20.7375C20.6625 10 20.5833 9.98333 20.5 9.95L16.95 13.5C16.9833 13.5833 17 13.6625 17 13.7375V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16C14.45 16 13.9792 15.8042 13.5875 15.4125C13.1958 15.0208 13 14.55 13 14V13.7375C13 13.6625 13.0167 13.5833 13.05 13.5L10.5 10.95C10.4167 10.9833 10.3375 11 10.2625 11H10C9.96667 11 9.8 10.9833 9.5 10.95L4.95 15.5C4.98333 15.5833 5 15.6625 5 15.7375V16C5 16.55 4.80417 17.0208 4.4125 17.4125C4.02083 17.8042 3.55 18 3 18ZM4.6364 7.3636L4 6L3.3636 7.3636L2 8L3.3636 8.6364L4 10L4.6364 8.6364L6 8L4.6364 7.3636Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-153bba4b="" class="kui-icon insights-icon" data-testid="kui-icon-wrapper-insights-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-153bba4b="" data-testid="kui-icon-svg-insights-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2L15.9546 4.04541L18 5L15.9546 5.95459L15 8L14.0454 5.95459L12 5L14.0454 4.04541L15 2ZM3 18C2.45 18 1.97917 17.8042 1.5875 17.4125C1.19583 17.0208 1 16.55 1 16C1 15.45 1.19583 14.9792 1.5875 14.5875C1.97917 14.1958 2.45 14 3 14H3.2625C3.3375 14 3.41667 14.0167 3.5 14.05L8.05 9.5C8.01667 9.41667 8 9.3375 8 9.2625V9C8 8.45 8.19583 7.97917 8.5875 7.5875C8.97917 7.19583 9.45 7 10 7C10.55 7 11.0208 7.19583 11.4125 7.5875C11.8042 7.97917 12 8.45 12 9C12 9.03333 11.9833 9.2 11.95 9.5L14.5 12.05C14.5833 12.0167 14.6625 12 14.7375 12H15.2625C15.3375 12 15.4167 12.0167 15.5 12.05L19.05 8.5C19.0167 8.41667 19 8.3375 19 8.2625V8C19 7.45 19.1958 6.97917 19.5875 6.5875C19.9792 6.19583 20.45 6 21 6C21.55 6 22.0208 6.19583 22.4125 6.5875C22.8042 6.97917 23 7.45 23 8C23 8.55 22.8042 9.02083 22.4125 9.4125C22.0208 9.80417 21.55 10 21 10H20.7375C20.6625 10 20.5833 9.98333 20.5 9.95L16.95 13.5C16.9833 13.5833 17 13.6625 17 13.7375V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16C14.45 16 13.9792 15.8042 13.5875 15.4125C13.1958 15.0208 13 14.55 13 14V13.7375C13 13.6625 13.0167 13.5833 13.05 13.5L10.5 10.95C10.4167 10.9833 10.3375 11 10.2625 11H10C9.96667 11 9.8 10.9833 9.5 10.95L4.95 15.5C4.98333 15.5833 5 15.6625 5 15.7375V16C5 16.55 4.80417 17.0208 4.4125 17.4125C4.02083 17.8042 3.55 18 3 18ZM4.6364 7.3636L4 6L3.3636 7.3636L2 8L3.3636 8.6364L4 10L4.6364 8.6364L6 8L4.6364 7.3636Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InsomniaIcon.html b/src/tests/__snapshots__/InsomniaIcon.html
index 8c6b84fb..48d8b87f 100644
--- a/src/tests/__snapshots__/InsomniaIcon.html
+++ b/src/tests/__snapshots__/InsomniaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eb182fc4="" class="kui-icon insomnia-icon" data-testid="kui-icon-wrapper-insomnia-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb182fc4="" data-testid="kui-icon-svg-insomnia-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-eb182fc4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-eb182fc4=""><g clip-path="url(#clip0_55_22054)">
+<span data-v-eb182fc4="" class="kui-icon insomnia-icon" data-testid="kui-icon-wrapper-insomnia-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb182fc4="" data-testid="kui-icon-svg-insomnia-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_55_22054)">
 <path d="M12 23.3899C18.2905 23.3899 23.3899 18.2905 23.3899 12.0001C23.3899 5.70963 18.2905 0.610229 12 0.610229C5.70963 0.610229 0.610229 5.70963 0.610229 12.0001C0.610229 18.2905 5.70963 23.3899 12 23.3899Z" fill="white"></path>
 <path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6275 5.37258 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37258 18.6275 0 12 0ZM12 1.22034C17.9534 1.22034 22.7797 6.04656 22.7797 12C22.7797 17.9534 17.9534 22.7797 12 22.7797C6.04656 22.7797 1.22034 17.9534 1.22034 12C1.22034 6.04656 6.04656 1.22034 12 1.22034Z" fill="#4000BF"></path>
 <path d="M12.1355 3.45764C16.8534 3.45764 20.6779 7.28219 20.6779 12C20.6779 16.7178 16.8534 20.5424 12.1355 20.5424C7.41769 20.5424 3.59314 16.7178 3.59314 12C3.59314 10.847 3.82157 9.74739 4.23566 8.74381C4.84027 9.56716 5.8153 10.1017 6.91517 10.1017C8.74992 10.1017 10.2372 8.61436 10.2372 6.77968C10.2372 5.6798 9.70272 4.70477 8.8793 4.10017C9.88287 3.68608 10.9825 3.45764 12.1355 3.45764Z" fill="url(#paint0_linear_55_22054)"></path>
@@ -11,4 +11,4 @@
 <clipPath id="clip0_55_22054">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ItalicIcon.html b/src/tests/__snapshots__/ItalicIcon.html
index d000fda0..681785b3 100644
--- a/src/tests/__snapshots__/ItalicIcon.html
+++ b/src/tests/__snapshots__/ItalicIcon.html
@@ -1 +1 @@
-<span data-v-88139c55="" class="kui-icon italic-icon" data-testid="kui-icon-wrapper-italic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88139c55="" data-testid="kui-icon-svg-italic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-88139c55="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-88139c55=""><path d="M4.5 19.25V16.75H8.5L11.5 7.75H7.5V5.25H17.5V7.75H14L11 16.75H14.5V19.25H4.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-88139c55="" class="kui-icon italic-icon" data-testid="kui-icon-wrapper-italic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88139c55="" data-testid="kui-icon-svg-italic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.5 19.25V16.75H8.5L11.5 7.75H7.5V5.25H17.5V7.75H14L11 16.75H14.5V19.25H4.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KeyboardReturnIcon.html b/src/tests/__snapshots__/KeyboardReturnIcon.html
index 53d70742..8b608ab9 100644
--- a/src/tests/__snapshots__/KeyboardReturnIcon.html
+++ b/src/tests/__snapshots__/KeyboardReturnIcon.html
@@ -1 +1 @@
-<span data-v-8ee8033f="" class="kui-icon keyboard-return-icon" data-testid="kui-icon-wrapper-keyboard-return-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8ee8033f="" data-testid="kui-icon-svg-keyboard-return-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8ee8033f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8ee8033f=""><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8ee8033f="" class="kui-icon keyboard-return-icon" data-testid="kui-icon-wrapper-keyboard-return-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8ee8033f="" data-testid="kui-icon-svg-keyboard-return-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KongGradientIcon.html b/src/tests/__snapshots__/KongGradientIcon.html
index f8a0def6..dfcf32d4 100644
--- a/src/tests/__snapshots__/KongGradientIcon.html
+++ b/src/tests/__snapshots__/KongGradientIcon.html
@@ -1,4 +1,4 @@
-<span data-v-db14c780="" class="kui-icon kong-gradient-icon" data-testid="kui-icon-wrapper-kong-gradient-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db14c780="" data-testid="kui-icon-svg-kong-gradient-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-db14c780="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-db14c780=""><path d="M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z" fill="url(#paint0_linear_1552_5340)"></path>
+<span data-v-db14c780="" class="kui-icon kong-gradient-icon" data-testid="kui-icon-wrapper-kong-gradient-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db14c780="" data-testid="kui-icon-svg-kong-gradient-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z" fill="url(#paint0_linear_1552_5340)"></path>
 <path d="M8.91553 9.66287L10.9592 6.09924L13.3333 6.09729L23.9993 18.6683L23.1721 22.4912H18.5998L18.8834 21.4138L8.91553 9.66287Z" fill="url(#paint1_linear_1552_5340)"></path>
 <path d="M7.28076 19.4594L7.86941 18.7151H12.2422L14.5147 21.5325L14.1235 22.4912H8.4737L8.61256 21.5325L7.28076 19.4594Z" fill="url(#paint2_linear_1552_5340)"></path>
 <path d="M3.54946 13.3512H4.89689L8.36815 10.3857L12.9756 15.8334L11.6673 17.8306H7.4177L4.48035 21.6202L3.80762 22.4912H0V17.8403L3.54946 13.3512Z" fill="url(#paint3_linear_1552_5340)"></path>
@@ -19,4 +19,4 @@
 <stop stop-color="#1155CB"></stop>
 <stop offset="1" stop-color="#1DB57C"></stop>
 </linearGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KongIcon.html b/src/tests/__snapshots__/KongIcon.html
index 23417c6b..36cfa410 100644
--- a/src/tests/__snapshots__/KongIcon.html
+++ b/src/tests/__snapshots__/KongIcon.html
@@ -1 +1 @@
-<span data-v-bdfe5b4b="" class="kui-icon kong-icon" data-testid="kui-icon-wrapper-kong-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdfe5b4b="" data-testid="kui-icon-svg-kong-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bdfe5b4b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bdfe5b4b=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-bdfe5b4b="" class="kui-icon kong-icon" data-testid="kui-icon-wrapper-kong-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdfe5b4b="" data-testid="kui-icon-svg-kong-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageBashIcon.html b/src/tests/__snapshots__/LanguageBashIcon.html
index 4691f0da..37ce4b15 100644
--- a/src/tests/__snapshots__/LanguageBashIcon.html
+++ b/src/tests/__snapshots__/LanguageBashIcon.html
@@ -1,2 +1,2 @@
-<span data-v-bcd41fc7="" class="kui-icon language-bash-icon" data-testid="kui-icon-wrapper-language-bash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bcd41fc7="" data-testid="kui-icon-svg-language-bash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-bcd41fc7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-bcd41fc7=""><path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"></path>
-<path d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"></path></g></svg></span>
\ No newline at end of file
+<span data-v-bcd41fc7="" class="kui-icon language-bash-icon" data-testid="kui-icon-wrapper-language-bash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bcd41fc7="" data-testid="kui-icon-svg-language-bash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"></path>
+<path d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCIcon.html b/src/tests/__snapshots__/LanguageCIcon.html
index f6754270..287f6cd5 100644
--- a/src/tests/__snapshots__/LanguageCIcon.html
+++ b/src/tests/__snapshots__/LanguageCIcon.html
@@ -1,3 +1,3 @@
-<span data-v-e18e8988="" class="kui-icon language-c-icon" data-testid="kui-icon-wrapper-language-c-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e18e8988="" data-testid="kui-icon-svg-language-c-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e18e8988="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e18e8988=""><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"></path>
+<span data-v-e18e8988="" class="kui-icon language-c-icon" data-testid="kui-icon-wrapper-language-c-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e18e8988="" data-testid="kui-icon-svg-language-c-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"></path>
 <path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#03599C"></path>
-<path d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"></path></g></svg></span>
\ No newline at end of file
+<path d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCPlusPlusIcon.html b/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
index 1492fa89..43772e95 100644
--- a/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
+++ b/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
@@ -1,4 +1,4 @@
-<span data-v-41a49111="" class="kui-icon language-c-plus-plus-icon" data-testid="kui-icon-wrapper-language-c-plus-plus-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41a49111="" data-testid="kui-icon-svg-language-c-plus-plus-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-41a49111="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-41a49111=""><g clip-path="url(#clip0_2_1231)">
+<span data-v-41a49111="" class="kui-icon language-c-plus-plus-icon" data-testid="kui-icon-wrapper-language-c-plus-plus-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41a49111="" data-testid="kui-icon-svg-language-c-plus-plus-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1231)">
 <path d="M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z" fill="#00599C"></path>
 <path d="M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z" fill="#004482"></path>
 <path d="M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z" fill="#659AD2"></path>
@@ -8,4 +8,4 @@
 <clipPath id="clip0_2_1231">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCSharpIcon.html b/src/tests/__snapshots__/LanguageCSharpIcon.html
index e0535763..771891c8 100644
--- a/src/tests/__snapshots__/LanguageCSharpIcon.html
+++ b/src/tests/__snapshots__/LanguageCSharpIcon.html
@@ -1,3 +1,3 @@
-<span data-v-8869aa37="" class="kui-icon language-c-sharp-icon" data-testid="kui-icon-wrapper-language-c-sharp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8869aa37="" data-testid="kui-icon-svg-language-c-sharp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8869aa37="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8869aa37=""><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#9B4F96"></path>
+<span data-v-8869aa37="" class="kui-icon language-c-sharp-icon" data-testid="kui-icon-wrapper-language-c-sharp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8869aa37="" data-testid="kui-icon-svg-language-c-sharp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#9B4F96"></path>
 <path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#68217A"></path>
-<path d="M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z" fill="white"></path></g></svg></span>
\ No newline at end of file
+<path d="M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z" fill="white"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageGoIcon.html b/src/tests/__snapshots__/LanguageGoIcon.html
index 15782485..a6a1e55b 100644
--- a/src/tests/__snapshots__/LanguageGoIcon.html
+++ b/src/tests/__snapshots__/LanguageGoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1ff9ce96="" class="kui-icon language-go-icon" data-testid="kui-icon-wrapper-language-go-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ff9ce96="" data-testid="kui-icon-svg-language-go-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1ff9ce96="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1ff9ce96=""><mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<span data-v-1ff9ce96="" class="kui-icon language-go-icon" data-testid="kui-icon-wrapper-language-go-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ff9ce96="" data-testid="kui-icon-svg-language-go-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
 <path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
 </mask>
 <g mask="url(#mask0_2_1240)">
@@ -195,4 +195,4 @@
 </mask>
 <g mask="url(#mask32_2_1240)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9876 6.01876C10.9501 5.13751 12.6376 5.02501 12.8251 5.75626C13.0313 6.50626 11.0626 6.67501 10.9876 6.01876Z" fill="black"></path>
-</g></g></svg></span>
\ No newline at end of file
+</g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageJavaIcon.html b/src/tests/__snapshots__/LanguageJavaIcon.html
index 67cc395e..dbddb771 100644
--- a/src/tests/__snapshots__/LanguageJavaIcon.html
+++ b/src/tests/__snapshots__/LanguageJavaIcon.html
@@ -1,5 +1,5 @@
-<span data-v-4c55f599="" class="kui-icon language-java-icon" data-testid="kui-icon-wrapper-language-java-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4c55f599="" data-testid="kui-icon-svg-language-java-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4c55f599="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4c55f599=""><path d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"></path>
+<span data-v-4c55f599="" class="kui-icon language-java-icon" data-testid="kui-icon-wrapper-language-java-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4c55f599="" data-testid="kui-icon-svg-language-java-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"></path>
 <path d="M13.0879 11.4883C14.2175 12.7886 12.7916 13.9577 12.7916 13.9577C12.7916 13.9577 15.6583 12.4781 14.342 10.6245C13.1122 8.89669 12.1695 8.0385 17.2736 5.07825C17.2736 5.07843 9.26154 7.07887 13.0879 11.4883Z" fill="#EA2D2E"></path>
 <path d="M19.1481 20.2929C19.1481 20.2929 19.8098 20.8386 18.4191 21.2602C15.775 22.0612 7.4117 22.3027 5.08895 21.2923C4.25439 20.9289 5.82002 20.4251 6.31258 20.3188C6.82614 20.2076 7.11939 20.2279 7.11939 20.2279C6.1907 19.5741 1.11695 21.5122 4.54258 22.0682C13.884 23.5824 21.5708 21.3862 19.1481 20.2929ZM9.35852 13.1801C9.35852 13.1801 5.10489 14.1906 7.85233 14.5579C9.01258 14.7131 11.3245 14.6775 13.4794 14.4967C15.24 14.3488 17.0068 14.0329 17.0068 14.0329C17.0068 14.0329 16.3866 14.2989 15.9373 14.6053C11.617 15.7417 3.27283 15.2124 5.67527 14.0507C7.70627 13.0684 9.35852 13.1801 9.35852 13.1801ZM16.9892 17.4452C21.3806 15.1639 19.35 12.9714 17.9327 13.2667C17.5862 13.3389 17.4308 13.4017 17.4308 13.4017C17.4308 13.4017 17.5598 13.1994 17.8058 13.1124C20.6095 12.1271 22.7653 16.0192 16.9015 17.5609C16.9015 17.5605 16.9688 17.4996 16.9892 17.4452Z" fill="#0074BD"></path>
 <path d="M14.342 0.297607C14.342 0.297607 16.7735 2.73061 12.0352 6.47067C8.23535 9.47179 11.1688 11.1825 12.0339 13.138C9.81559 11.1368 8.18847 9.37486 9.27991 7.73517C10.8827 5.32879 15.3228 4.16161 14.342 0.297607Z" fill="#EA2D2E"></path>
-<path d="M9.79014 23.629C14.0044 23.8984 20.4776 23.479 20.6308 21.4847C20.6308 21.4847 20.3363 22.2407 17.1476 22.8406C13.5503 23.5178 9.11251 23.4389 6.48132 23.0044C6.48132 23.0046 7.02039 23.4509 9.79014 23.629Z" fill="#0074BD"></path></g></svg></span>
\ No newline at end of file
+<path d="M9.79014 23.629C14.0044 23.8984 20.4776 23.479 20.6308 21.4847C20.6308 21.4847 20.3363 22.2407 17.1476 22.8406C13.5503 23.5178 9.11251 23.4389 6.48132 23.0044C6.48132 23.0046 7.02039 23.4509 9.79014 23.629Z" fill="#0074BD"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageJavascriptIcon.html b/src/tests/__snapshots__/LanguageJavascriptIcon.html
index 370a0170..d0e8f6a0 100644
--- a/src/tests/__snapshots__/LanguageJavascriptIcon.html
+++ b/src/tests/__snapshots__/LanguageJavascriptIcon.html
@@ -1,4 +1,4 @@
-<span data-v-31e457e3="" class="kui-icon language-javascript-icon" data-testid="kui-icon-wrapper-language-javascript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-31e457e3="" data-testid="kui-icon-svg-language-javascript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-31e457e3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-31e457e3=""><g clip-path="url(#clip0_2_1379)">
+<span data-v-31e457e3="" class="kui-icon language-javascript-icon" data-testid="kui-icon-wrapper-language-javascript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-31e457e3="" data-testid="kui-icon-svg-language-javascript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1379)">
 <path d="M0.264038 0.264038H23.736V23.7362H0.264038V0.264038Z" fill="#F0DB4F"></path>
 <path d="M21.815 18.138C21.6431 17.0672 20.9449 16.1678 18.8765 15.3291C18.158 14.9989 17.357 14.7625 17.1184 14.218C17.0336 13.9011 17.0224 13.7226 17.076 13.5308C17.2299 12.9083 17.973 12.7142 18.5619 12.8927C18.9412 13.0199 19.3003 13.3122 19.5169 13.7785C20.5297 13.1226 20.5277 13.1269 21.2349 12.6762C20.976 12.2747 20.8378 12.0895 20.6683 11.9177C20.0591 11.2373 19.229 10.8869 17.9015 10.9137L17.21 11.0031C16.5474 11.1705 15.9159 11.5184 15.5456 11.9847C14.4345 13.2454 14.7514 15.4519 16.1034 16.36C17.4354 17.3597 19.3922 17.5872 19.6421 18.522C19.8853 19.6665 18.801 20.037 17.7232 19.9054C16.929 19.7402 16.4872 19.3365 16.0097 18.6025C15.1307 19.1112 15.1307 19.1112 14.2269 19.6309C14.4412 20.0995 14.6664 20.3115 15.0257 20.7175C16.7259 22.4421 20.9807 22.3574 21.7438 19.747C21.7747 19.6574 21.9802 19.0596 21.815 18.138ZM13.0241 11.0519H10.8287L10.8197 16.7278C10.8197 17.935 10.8821 19.0416 10.6858 19.3808C10.3646 20.0479 9.53229 19.9652 9.15298 19.8358C8.76692 19.6461 8.57061 19.3763 8.34317 18.9949C8.28073 18.8854 8.23386 18.8007 8.21811 18.7941L6.43311 19.8872C6.72992 20.4964 7.16717 21.0252 7.72723 21.3687C8.56386 21.8708 9.68829 22.0247 10.8643 21.7547C11.6297 21.5318 12.29 21.07 12.6358 20.367C13.1357 19.4455 13.0284 18.33 13.0239 17.0963C13.0352 15.0835 13.0241 13.071 13.0241 11.0519Z" fill="#323330"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_2_1379">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageJsonIcon.html b/src/tests/__snapshots__/LanguageJsonIcon.html
index fb4aa96c..f14e0d0a 100644
--- a/src/tests/__snapshots__/LanguageJsonIcon.html
+++ b/src/tests/__snapshots__/LanguageJsonIcon.html
@@ -1,4 +1,4 @@
-<span data-v-75862afc="" class="kui-icon language-json-icon" data-testid="kui-icon-wrapper-language-json-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75862afc="" data-testid="kui-icon-svg-language-json-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-75862afc="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-75862afc=""><g clip-path="url(#clip0_2_1382)">
+<span data-v-75862afc="" class="kui-icon language-json-icon" data-testid="kui-icon-wrapper-language-json-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75862afc="" data-testid="kui-icon-svg-language-json-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1382)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9803 17.6818C17.124 24.6939 22.158 15.7247 22.1505 10.3308C22.1419 3.95359 15.6784 0.389404 11.9762 0.389404C6.03413 0.389404 0.375 5.30041 0.375 12.0197C0.375 19.4882 6.86175 23.625 11.9762 23.625C10.8189 23.4583 6.96206 22.632 6.91012 13.7486C6.87525 7.74034 8.87006 5.33997 11.9677 6.39597C12.0371 6.42165 15.3846 7.74222 15.3846 12.056C15.3846 16.3513 11.9803 17.6818 11.9803 17.6818Z" fill="url(#paint0_linear_2_1382)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9743 6.39109C8.57549 5.21959 4.41187 8.02084 4.41187 13.6318C4.41187 22.7934 11.2011 23.625 12.024 23.625C17.9659 23.625 23.625 18.714 23.625 11.9947C23.625 4.52621 17.1382 0.389399 12.0238 0.389399C13.4404 0.193274 19.6586 1.9224 19.6586 10.4214C19.6586 15.9637 15.0154 18.981 11.9955 17.6919C11.9261 17.6662 8.57868 16.3456 8.57868 12.0318C8.57868 7.73621 11.9743 6.3909 11.9743 6.39109Z" fill="url(#paint1_linear_2_1382)"></path>
 </g>
@@ -14,4 +14,4 @@
 <clipPath id="clip0_2_1382">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageNodejsIcon.html b/src/tests/__snapshots__/LanguageNodejsIcon.html
index d6bc89fd..89220565 100644
--- a/src/tests/__snapshots__/LanguageNodejsIcon.html
+++ b/src/tests/__snapshots__/LanguageNodejsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18f739f7="" class="kui-icon language-nodejs-icon" data-testid="kui-icon-wrapper-language-nodejs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18f739f7="" data-testid="kui-icon-svg-language-nodejs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-18f739f7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-18f739f7=""><g clip-path="url(#clip0_2_1385)">
+<span data-v-18f739f7="" class="kui-icon language-nodejs-icon" data-testid="kui-icon-wrapper-language-nodejs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18f739f7="" data-testid="kui-icon-svg-language-nodejs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1385)">
 <path d="M12.5547 0.154743C12.3824 0.0560657 12.1874 0.00415039 11.9889 0.00415039C11.7904 0.00415039 11.5953 0.0560657 11.4231 0.154743L2.08186 5.58006C1.72654 5.78106 1.52686 6.16037 1.52686 6.56256V17.4353C1.52686 17.8371 1.74867 18.2166 2.08148 18.4178L11.4227 23.8429C11.595 23.9416 11.7901 23.9936 11.9886 23.9936C12.1871 23.9936 12.3822 23.9416 12.5545 23.8429L21.8957 18.4176C22.2509 18.2166 22.4504 17.8371 22.4504 17.4351V6.56256C22.4504 6.16056 22.2285 5.78124 21.8957 5.58006L12.5547 0.154743Z" fill="url(#paint0_linear_2_1385)"></path>
 <path d="M21.9182 5.57997L12.5327 0.154653C12.4406 0.107813 12.3439 0.0704341 12.2442 0.0430908L1.72693 18.1496C1.81392 18.2565 1.91909 18.3473 2.03762 18.4177L11.4233 23.8428C11.6896 23.999 12.0001 24.0438 12.2886 23.9544L22.1624 5.78097C22.0975 5.69608 22.014 5.62729 21.9182 5.57997Z" fill="url(#paint1_linear_2_1385)"></path>
 <path d="M21.9184 18.4172C22.1847 18.261 22.3843 17.9931 22.473 17.7029L12.1999 0.0202985C11.9337 -0.0243265 11.6451 -0.00201398 11.4012 0.154361L2.08203 5.55736L12.1332 23.9989C12.2663 23.9764 12.4219 23.9318 12.555 23.8649L21.9184 18.4172Z" fill="url(#paint2_linear_2_1385)"></path>
@@ -26,4 +26,4 @@
 <clipPath id="clip0_2_1385">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguagePhpIcon.html b/src/tests/__snapshots__/LanguagePhpIcon.html
index d1d8c1aa..8712d158 100644
--- a/src/tests/__snapshots__/LanguagePhpIcon.html
+++ b/src/tests/__snapshots__/LanguagePhpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c1f0d698="" class="kui-icon language-php-icon" data-testid="kui-icon-wrapper-language-php-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1f0d698="" data-testid="kui-icon-svg-language-php-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c1f0d698="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c1f0d698=""><path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"></path>
+<span data-v-c1f0d698="" class="kui-icon language-php-icon" data-testid="kui-icon-wrapper-language-php-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1f0d698="" data-testid="kui-icon-svg-language-php-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"></path>
 <path d="M12 17.8438C18.3684 17.8438 23.5312 15.2272 23.5312 11.9999C23.5312 8.77232 18.3684 6.15613 12 6.15613C5.63156 6.15613 0.46875 8.77232 0.46875 11.9999C0.46875 15.2272 5.63156 17.8438 12 17.8438Z" fill="#777BB3"></path>
 <path d="M6.51973 12.7245C7.04341 12.7245 7.43416 12.6279 7.68148 12.4376C7.92635 12.249 8.09529 11.9225 8.18398 11.4673C8.26648 11.0417 8.23498 10.7447 8.09023 10.5842C7.94248 10.4203 7.62279 10.3372 7.14016 10.3372H6.30316L5.83948 12.7245H6.51973ZM3.78241 15.665C3.76321 15.665 3.74425 15.6607 3.7269 15.6525C3.70954 15.6443 3.69422 15.6323 3.68203 15.6175C3.66984 15.6027 3.66109 15.5853 3.6564 15.5667C3.65172 15.5481 3.65121 15.5286 3.65491 15.5098L4.88435 9.18392C4.89016 9.15435 4.90604 9.12771 4.92929 9.10853C4.95254 9.08935 4.98171 9.07882 5.01185 9.07874H7.66198C8.49485 9.07874 9.11473 9.30486 9.50454 9.75092C9.89604 10.199 10.0172 10.826 9.86398 11.6137C9.80154 11.9345 9.69429 12.2325 9.54523 12.4995C9.39006 12.7741 9.19207 13.0222 8.95873 13.2345C8.67166 13.503 8.34673 13.698 7.99366 13.8125C7.64641 13.9258 7.20016 13.9832 6.66804 13.9832H5.59479L5.28841 15.5597C5.28263 15.5893 5.26671 15.6161 5.24338 15.6353C5.22005 15.6545 5.19077 15.665 5.16054 15.665H3.78241Z" fill="black"></path>
 <path d="M6.41067 10.4674H7.14024C7.7228 10.4674 7.92511 10.5953 7.99392 10.6716C8.10774 10.798 8.12949 11.0648 8.05599 11.4426C7.97367 11.8658 7.82105 12.166 7.60224 12.3344C7.37836 12.5069 7.01386 12.5942 6.5198 12.5942H5.99742L6.41086 10.4676L6.41067 10.4674ZM7.66205 8.94867H5.01211C4.95168 8.94868 4.89313 8.96968 4.84648 9.00809C4.79983 9.0465 4.76797 9.09993 4.75636 9.15924L3.52692 15.4853C3.51966 15.523 3.52081 15.5618 3.53029 15.599C3.53977 15.6362 3.55735 15.6708 3.58176 15.7004C3.60617 15.73 3.63682 15.7539 3.67152 15.7703C3.70622 15.7867 3.74411 15.7952 3.78249 15.7952H5.16061C5.22104 15.7952 5.27956 15.7741 5.32618 15.7357C5.3728 15.6972 5.40461 15.6438 5.41617 15.5845L5.70211 14.1134H6.66792C7.21392 14.1134 7.67367 14.0537 8.03424 13.9364C8.40492 13.816 8.74599 13.6118 9.04786 13.3294C9.29092 13.108 9.49719 12.8494 9.65892 12.5631C9.81474 12.2843 9.92686 11.973 9.99174 11.6385C10.153 10.8092 10.0219 10.1453 9.60249 9.6653C9.18699 9.18961 8.53411 8.94849 7.66205 8.94849V8.94867ZM5.68149 12.8545H6.5198C7.07536 12.8545 7.48917 12.75 7.76105 12.5404C8.03311 12.3312 8.2163 11.9817 8.31192 11.4921C8.40286 11.0219 8.36142 10.6902 8.18724 10.4969C8.01267 10.3037 7.66393 10.207 7.14024 10.207H6.19599L5.68149 12.8545ZM7.66224 9.20855C8.45949 9.20855 9.04092 9.41799 9.40655 9.8363C9.77217 10.2548 9.88205 10.8389 9.73655 11.5887C9.67617 11.8977 9.57474 12.18 9.43186 12.4358C9.28861 12.6919 9.10186 12.9259 8.87105 13.1384C8.5958 13.3958 8.29036 13.5794 7.9538 13.6887C7.61742 13.7982 7.1888 13.8527 6.66811 13.8527H5.48761L5.1608 15.5346H3.78267L5.0123 9.20855H7.66224Z" fill="white"></path>
@@ -13,4 +13,4 @@
 <stop offset="0.75" stop-color="#484C89"></stop>
 <stop offset="1" stop-color="#484C89"></stop>
 </radialGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguagePythonIcon.html b/src/tests/__snapshots__/LanguagePythonIcon.html
index 246ee1dd..04c9971f 100644
--- a/src/tests/__snapshots__/LanguagePythonIcon.html
+++ b/src/tests/__snapshots__/LanguagePythonIcon.html
@@ -1,4 +1,4 @@
-<span data-v-431d13a0="" class="kui-icon language-python-icon" data-testid="kui-icon-wrapper-language-python-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-431d13a0="" data-testid="kui-icon-svg-language-python-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-431d13a0="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-431d13a0=""><path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"></path>
+<span data-v-431d13a0="" class="kui-icon language-python-icon" data-testid="kui-icon-wrapper-language-python-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-431d13a0="" data-testid="kui-icon-svg-language-python-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"></path>
 <path d="M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z" fill="url(#paint1_linear_2_1403)"></path>
 <path opacity="0.444" d="M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z" fill="url(#paint2_radial_2_1403)"></path>
 <defs>
@@ -14,4 +14,4 @@
 <stop stop-color="#B8B8B8" stop-opacity="0.498"></stop>
 <stop offset="1" stop-color="#7F7F7F" stop-opacity="0"></stop>
 </radialGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageRIcon.html b/src/tests/__snapshots__/LanguageRIcon.html
index df2820b1..76b27d85 100644
--- a/src/tests/__snapshots__/LanguageRIcon.html
+++ b/src/tests/__snapshots__/LanguageRIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3c766700="" class="kui-icon language-r-icon" data-testid="kui-icon-wrapper-language-r-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3c766700="" data-testid="kui-icon-svg-language-r-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3c766700="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3c766700=""><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"></path>
+<span data-v-3c766700="" class="kui-icon language-r-icon" data-testid="kui-icon-wrapper-language-r-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3c766700="" data-testid="kui-icon-svg-language-r-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z" fill="url(#paint1_linear_2_1407)"></path>
 <defs>
 <linearGradient id="paint0_linear_2_1407" x1="0.000135372" y1="2.74591" x2="14.8636" y2="24.9385" gradientUnits="userSpaceOnUse">
@@ -9,4 +9,4 @@
 <stop stop-color="#276DC3"></stop>
 <stop offset="1" stop-color="#165CAA"></stop>
 </linearGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageRubyIcon.html b/src/tests/__snapshots__/LanguageRubyIcon.html
index 01e12432..1856dcb2 100644
--- a/src/tests/__snapshots__/LanguageRubyIcon.html
+++ b/src/tests/__snapshots__/LanguageRubyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a63e86d6="" class="kui-icon language-ruby-icon" data-testid="kui-icon-wrapper-language-ruby-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a63e86d6="" data-testid="kui-icon-svg-language-ruby-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a63e86d6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a63e86d6=""><g clip-path="url(#clip0_2_1410)">
+<span data-v-a63e86d6="" class="kui-icon language-ruby-icon" data-testid="kui-icon-wrapper-language-ruby-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a63e86d6="" data-testid="kui-icon-svg-language-ruby-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1410)">
 <path d="M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z" fill="url(#paint0_linear_2_1410)"></path>
 <path d="M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z" fill="url(#paint1_linear_2_1410)"></path>
 <path d="M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z" fill="url(#paint2_linear_2_1410)"></path>
@@ -120,4 +120,4 @@
 <clipPath id="clip0_2_1410">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageShellIcon.html b/src/tests/__snapshots__/LanguageShellIcon.html
index d9749329..830af00e 100644
--- a/src/tests/__snapshots__/LanguageShellIcon.html
+++ b/src/tests/__snapshots__/LanguageShellIcon.html
@@ -1,4 +1,4 @@
-<span data-v-21053b5a="" class="kui-icon language-shell-icon" data-testid="kui-icon-wrapper-language-shell-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21053b5a="" data-testid="kui-icon-svg-language-shell-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-21053b5a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-21053b5a=""><path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"></path>
+<span data-v-21053b5a="" class="kui-icon language-shell-icon" data-testid="kui-icon-wrapper-language-shell-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21053b5a="" data-testid="kui-icon-svg-language-shell-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z" fill="url(#paint1_linear_2_1398)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z" fill="#2C5591"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z" fill="white"></path>
@@ -14,4 +14,4 @@
 <stop offset="0.79" stop-color="#0C131B"></stop>
 <stop offset="1"></stop>
 </linearGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageSwiftIcon.html b/src/tests/__snapshots__/LanguageSwiftIcon.html
index 29adb5c2..fb956301 100644
--- a/src/tests/__snapshots__/LanguageSwiftIcon.html
+++ b/src/tests/__snapshots__/LanguageSwiftIcon.html
@@ -1,4 +1,4 @@
-<span data-v-76136a3c="" class="kui-icon language-swift-icon" data-testid="kui-icon-wrapper-language-swift-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-76136a3c="" data-testid="kui-icon-svg-language-swift-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-76136a3c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-76136a3c=""><g clip-path="url(#clip0_2_1429)">
+<span data-v-76136a3c="" class="kui-icon language-swift-icon" data-testid="kui-icon-wrapper-language-swift-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-76136a3c="" data-testid="kui-icon-svg-language-swift-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1429)">
 <path d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"></path>
 <path d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"></path>
 </g>
@@ -6,4 +6,4 @@
 <clipPath id="clip0_2_1429">
 <rect width="24" height="24" fill="white"></rect>
 </clipPath>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinkIcon.html b/src/tests/__snapshots__/LinkIcon.html
index 6733e3be..5af4f6c5 100644
--- a/src/tests/__snapshots__/LinkIcon.html
+++ b/src/tests/__snapshots__/LinkIcon.html
@@ -1 +1 @@
-<span data-v-c9f15c59="" class="kui-icon link-icon" data-testid="kui-icon-wrapper-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c9f15c59="" data-testid="kui-icon-svg-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c9f15c59="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c9f15c59=""><path d="M7 17C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H10C10.2833 7 10.5208 7.09583 10.7125 7.2875C10.9042 7.47917 11 7.71667 11 8C11 8.28333 10.9042 8.52083 10.7125 8.7125C10.5208 8.90417 10.2833 9 10 9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H10C10.2833 15 10.5208 15.0958 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2833 10.9042 16.5208 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H7ZM9 13C8.71667 13 8.47917 12.9042 8.2875 12.7125C8.09583 12.5208 8 12.2833 8 12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H15C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H9ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-c9f15c59="" class="kui-icon link-icon" data-testid="kui-icon-wrapper-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c9f15c59="" data-testid="kui-icon-svg-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H10C10.2833 7 10.5208 7.09583 10.7125 7.2875C10.9042 7.47917 11 7.71667 11 8C11 8.28333 10.9042 8.52083 10.7125 8.7125C10.5208 8.90417 10.2833 9 10 9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H10C10.2833 15 10.5208 15.0958 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2833 10.9042 16.5208 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H7ZM9 13C8.71667 13 8.47917 12.9042 8.2875 12.7125C8.09583 12.5208 8 12.2833 8 12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H15C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H9ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinkedServicesIcon.html b/src/tests/__snapshots__/LinkedServicesIcon.html
index 83c33c72..2eb7aeea 100644
--- a/src/tests/__snapshots__/LinkedServicesIcon.html
+++ b/src/tests/__snapshots__/LinkedServicesIcon.html
@@ -1 +1 @@
-<span data-v-1a525e3d="" class="kui-icon linked-services-icon" data-testid="kui-icon-wrapper-linked-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a525e3d="" data-testid="kui-icon-svg-linked-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1a525e3d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1a525e3d=""><path d="M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-1a525e3d="" class="kui-icon linked-services-icon" data-testid="kui-icon-wrapper-linked-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a525e3d="" data-testid="kui-icon-svg-linked-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinuxIcon.html b/src/tests/__snapshots__/LinuxIcon.html
index 22905ba9..4ccad0f6 100644
--- a/src/tests/__snapshots__/LinuxIcon.html
+++ b/src/tests/__snapshots__/LinuxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-92e08b29="" class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-92e08b29="" data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-92e08b29="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-92e08b29=""><path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path>
+<span data-v-92e08b29="" class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-92e08b29="" data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path>
 <path d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"></path>
 <path d="M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z" fill="#ECEFF1"></path>
 <path d="M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z" fill="#ECEFF1"></path>
@@ -10,4 +10,4 @@
 <path d="M10.0421 7.57894C10.1685 7.70526 10.3579 7.83157 10.5474 7.89473C10.6737 7.95789 10.8632 8.02105 10.8632 8.02105C11.1158 8.02105 11.3053 8.02105 11.4316 8.02105C11.7474 8.02105 12.1895 7.89473 12.6316 7.6421C13.0737 7.45262 13.1369 7.32631 13.4527 7.19999C13.7685 7.01052 14.0842 6.82105 13.9579 6.75789C13.8316 6.69473 13.7053 6.75789 13.2632 7.01052C12.8842 7.26315 12.5685 7.38947 12.1895 7.57894C12 7.6421 11.7474 7.76841 11.5579 7.76841C11.3685 7.76841 11.179 7.76841 10.9895 7.76841C10.8 7.76841 10.6737 7.70526 10.4842 7.6421C10.3579 7.57894 10.2948 7.51578 10.2316 7.51578C10.1053 7.45262 9.85267 7.19999 9.72635 7.13683C9.72635 7.13683 9.60003 7.13683 9.66319 7.19999C9.85267 7.38947 9.91582 7.45262 10.0421 7.57894Z" fill="#634703"></path>
 <path d="M11.937 6.1895C12.0002 6.31581 12.1265 6.31581 12.1896 6.37897C12.2528 6.44213 12.316 6.44213 12.316 6.44213C12.3791 6.37897 12.316 6.25265 12.2528 6.25265C12.2528 6.12634 11.937 6.12634 11.937 6.1895Z" fill="#634703"></path>
 <path d="M10.9263 6.31575C10.9263 6.37891 11.0526 6.44207 11.0526 6.37891C11.1157 6.31576 11.1789 6.2526 11.2421 6.2526C11.3684 6.18944 11.3052 6.12628 11.1157 6.12628C10.9894 6.18944 10.9894 6.2526 10.9263 6.31575Z" fill="#634703"></path>
-<path d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"></path></g></svg></span>
\ No newline at end of file
+<path d="M17.0529 17.4948C17.0529 17.5579 17.0529 17.6211 17.0529 17.6842C17.1792 17.9369 17.495 18 17.7477 18C18.1266 18 18.5056 17.7474 18.695 17.4948C18.695 17.4316 18.7582 17.3684 18.8213 17.3053C18.9477 17.1158 19.0108 16.9895 19.074 16.9263C19.074 16.9263 19.0108 16.8632 19.0108 16.8C18.9477 16.6737 18.7582 16.5474 18.5056 16.4842C18.3161 16.4211 18.0003 16.3579 17.874 16.3579C17.3056 16.2948 16.9898 16.4842 16.8003 16.6737C16.8003 16.6737 16.8635 16.6737 16.8635 16.7369C16.9898 16.8632 17.0529 16.9895 17.0529 17.179C17.1161 17.3053 17.0529 17.3684 17.0529 17.4948Z" fill="#455A64"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListIcon.html b/src/tests/__snapshots__/ListIcon.html
index bf07aeeb..6cefc848 100644
--- a/src/tests/__snapshots__/ListIcon.html
+++ b/src/tests/__snapshots__/ListIcon.html
@@ -1 +1 @@
-<span data-v-40223f99="" class="kui-icon list-icon" data-testid="kui-icon-wrapper-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-40223f99="" data-testid="kui-icon-svg-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-40223f99="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-40223f99=""><path d="M4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM7 17V15H21V17H7ZM7 13V11H21V13H7ZM7 9V7H21V9H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-40223f99="" class="kui-icon list-icon" data-testid="kui-icon-wrapper-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-40223f99="" data-testid="kui-icon-svg-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM7 17V15H21V17H7ZM7 13V11H21V13H7ZM7 9V7H21V9H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListOrderedIcon.html b/src/tests/__snapshots__/ListOrderedIcon.html
index e7d0a49a..21806f32 100644
--- a/src/tests/__snapshots__/ListOrderedIcon.html
+++ b/src/tests/__snapshots__/ListOrderedIcon.html
@@ -1 +1 @@
-<span data-v-3f765bc9="" class="kui-icon list-ordered-icon" data-testid="kui-icon-wrapper-list-ordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f765bc9="" data-testid="kui-icon-svg-list-ordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3f765bc9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3f765bc9=""><path d="M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-3f765bc9="" class="kui-icon list-ordered-icon" data-testid="kui-icon-wrapper-list-ordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f765bc9="" data-testid="kui-icon-svg-list-ordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListUnorderedIcon.html b/src/tests/__snapshots__/ListUnorderedIcon.html
index 8da560b1..da879802 100644
--- a/src/tests/__snapshots__/ListUnorderedIcon.html
+++ b/src/tests/__snapshots__/ListUnorderedIcon.html
@@ -1 +1 @@
-<span data-v-2b538ed8="" class="kui-icon list-unordered-icon" data-testid="kui-icon-wrapper-list-unordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b538ed8="" data-testid="kui-icon-svg-list-unordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2b538ed8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2b538ed8=""><path d="M10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-2b538ed8="" class="kui-icon list-unordered-icon" data-testid="kui-icon-wrapper-list-unordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b538ed8="" data-testid="kui-icon-svg-list-unordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LockIcon.html b/src/tests/__snapshots__/LockIcon.html
index 883ee847..1f502b00 100644
--- a/src/tests/__snapshots__/LockIcon.html
+++ b/src/tests/__snapshots__/LockIcon.html
@@ -1 +1 @@
-<span data-v-0c8ab230="" class="kui-icon lock-icon" data-testid="kui-icon-wrapper-lock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0c8ab230="" data-testid="kui-icon-svg-lock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0c8ab230="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0c8ab230=""><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0c8ab230="" class="kui-icon lock-icon" data-testid="kui-icon-wrapper-lock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0c8ab230="" data-testid="kui-icon-svg-lock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MarkIcon.html b/src/tests/__snapshots__/MarkIcon.html
index 6b1ad6ec..31f049ef 100644
--- a/src/tests/__snapshots__/MarkIcon.html
+++ b/src/tests/__snapshots__/MarkIcon.html
@@ -1 +1 @@
-<span data-v-a16a05ea="" class="kui-icon mark-icon" data-testid="kui-icon-wrapper-mark-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a16a05ea="" data-testid="kui-icon-svg-mark-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a16a05ea="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a16a05ea=""><path d="M6.79999 21.4L5.84999 20.45L4.79999 21.5C4.48333 21.8167 4.09583 21.9792 3.63749 21.9875C3.17916 21.9958 2.79999 21.8333 2.49999 21.5C2.18333 21.1833 2.02499 20.8 2.02499 20.35C2.02499 19.9 2.18333 19.5167 2.49999 19.2L3.54999 18.15L2.59999 17.15L16.45 3.3C16.65 3.1 16.8917 3 17.175 3C17.4583 3 17.7 3.1 17.9 3.3L20.7 6.1C20.9 6.3 21 6.54167 21 6.825C21 7.10833 20.9 7.35 20.7 7.55L6.79999 21.4ZM11.1 11.5L5.39999 17.15L6.84999 18.6L12.5 12.9L11.1 11.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-a16a05ea="" class="kui-icon mark-icon" data-testid="kui-icon-wrapper-mark-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a16a05ea="" data-testid="kui-icon-svg-mark-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.79999 21.4L5.84999 20.45L4.79999 21.5C4.48333 21.8167 4.09583 21.9792 3.63749 21.9875C3.17916 21.9958 2.79999 21.8333 2.49999 21.5C2.18333 21.1833 2.02499 20.8 2.02499 20.35C2.02499 19.9 2.18333 19.5167 2.49999 19.2L3.54999 18.15L2.59999 17.15L16.45 3.3C16.65 3.1 16.8917 3 17.175 3C17.4583 3 17.7 3.1 17.9 3.3L20.7 6.1C20.9 6.3 21 6.54167 21 6.825C21 7.10833 20.9 7.35 20.7 7.55L6.79999 21.4ZM11.1 11.5L5.39999 17.15L6.84999 18.6L12.5 12.9L11.1 11.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MarkdownIcon.html b/src/tests/__snapshots__/MarkdownIcon.html
index 844a2d9f..c696be8e 100644
--- a/src/tests/__snapshots__/MarkdownIcon.html
+++ b/src/tests/__snapshots__/MarkdownIcon.html
@@ -1 +1 @@
-<span data-v-0aeb14e7="" class="kui-icon markdown-icon" data-testid="kui-icon-wrapper-markdown-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aeb14e7="" data-testid="kui-icon-svg-markdown-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0aeb14e7="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0aeb14e7=""><path d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0aeb14e7="" class="kui-icon markdown-icon" data-testid="kui-icon-wrapper-markdown-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aeb14e7="" data-testid="kui-icon-svg-markdown-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MenuIcon.html b/src/tests/__snapshots__/MenuIcon.html
index f0a3365a..8eada4d7 100644
--- a/src/tests/__snapshots__/MenuIcon.html
+++ b/src/tests/__snapshots__/MenuIcon.html
@@ -1 +1 @@
-<span data-v-b60ce07c="" class="kui-icon menu-icon" data-testid="kui-icon-wrapper-menu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b60ce07c="" data-testid="kui-icon-svg-menu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b60ce07c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b60ce07c=""><path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-b60ce07c="" class="kui-icon menu-icon" data-testid="kui-icon-wrapper-menu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b60ce07c="" data-testid="kui-icon-svg-menu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MeshIcon.html b/src/tests/__snapshots__/MeshIcon.html
index 6e1ec6a2..c532b2ea 100644
--- a/src/tests/__snapshots__/MeshIcon.html
+++ b/src/tests/__snapshots__/MeshIcon.html
@@ -1 +1 @@
-<span data-v-3e5f89b3="" class="kui-icon mesh-icon" data-testid="kui-icon-wrapper-mesh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e5f89b3="" data-testid="kui-icon-svg-mesh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-3e5f89b3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-3e5f89b3=""><path d="M6 20C5.16667 20 4.45833 19.7083 3.875 19.125C3.29167 18.5417 3 17.8333 3 17C3 16.1667 3.29167 15.4583 3.875 14.875C4.45833 14.2917 5.16667 14 6 14C6.83333 14 7.54167 14.2917 8.125 14.875C8.70833 15.4583 9 16.1667 9 17C9 17.8333 8.70833 18.5417 8.125 19.125C7.54167 19.7083 6.83333 20 6 20ZM18 20C17.1667 20 16.4583 19.7083 15.875 19.125C15.2917 18.5417 15 17.8333 15 17C15 16.1667 15.2917 15.4583 15.875 14.875C16.4583 14.2917 17.1667 14 18 14C18.8333 14 19.5417 14.2917 20.125 14.875C20.7083 15.4583 21 16.1667 21 17C21 17.8333 20.7083 18.5417 20.125 19.125C19.5417 19.7083 18.8333 20 18 20ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.16667 9.29167 5.45833 9.875 4.875C10.4583 4.29167 11.1667 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-3e5f89b3="" class="kui-icon mesh-icon" data-testid="kui-icon-wrapper-mesh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e5f89b3="" data-testid="kui-icon-svg-mesh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 20C5.16667 20 4.45833 19.7083 3.875 19.125C3.29167 18.5417 3 17.8333 3 17C3 16.1667 3.29167 15.4583 3.875 14.875C4.45833 14.2917 5.16667 14 6 14C6.83333 14 7.54167 14.2917 8.125 14.875C8.70833 15.4583 9 16.1667 9 17C9 17.8333 8.70833 18.5417 8.125 19.125C7.54167 19.7083 6.83333 20 6 20ZM18 20C17.1667 20 16.4583 19.7083 15.875 19.125C15.2917 18.5417 15 17.8333 15 17C15 16.1667 15.2917 15.4583 15.875 14.875C16.4583 14.2917 17.1667 14 18 14C18.8333 14 19.5417 14.2917 20.125 14.875C20.7083 15.4583 21 16.1667 21 17C21 17.8333 20.7083 18.5417 20.125 19.125C19.5417 19.7083 18.8333 20 18 20ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.16667 9.29167 5.45833 9.875 4.875C10.4583 4.29167 11.1667 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MoreHorizontalIcon.html b/src/tests/__snapshots__/MoreHorizontalIcon.html
index adccf870..401b9c84 100644
--- a/src/tests/__snapshots__/MoreHorizontalIcon.html
+++ b/src/tests/__snapshots__/MoreHorizontalIcon.html
@@ -1 +1 @@
-<span data-v-9c41ff0c="" class="kui-icon more-horizontal-icon" data-testid="kui-icon-wrapper-more-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9c41ff0c="" data-testid="kui-icon-svg-more-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9c41ff0c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9c41ff0c=""><path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9c41ff0c="" class="kui-icon more-horizontal-icon" data-testid="kui-icon-wrapper-more-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9c41ff0c="" data-testid="kui-icon-svg-more-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MoreIcon.html b/src/tests/__snapshots__/MoreIcon.html
index a010ceb0..2fb0f570 100644
--- a/src/tests/__snapshots__/MoreIcon.html
+++ b/src/tests/__snapshots__/MoreIcon.html
@@ -1 +1 @@
-<span data-v-86091694="" class="kui-icon more-icon" data-testid="kui-icon-wrapper-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-86091694="" data-testid="kui-icon-svg-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-86091694="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-86091694=""><path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-86091694="" class="kui-icon more-icon" data-testid="kui-icon-wrapper-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-86091694="" data-testid="kui-icon-svg-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/NetworkIcon.html b/src/tests/__snapshots__/NetworkIcon.html
index 233fb8f0..51cf0c85 100644
--- a/src/tests/__snapshots__/NetworkIcon.html
+++ b/src/tests/__snapshots__/NetworkIcon.html
@@ -1 +1 @@
-<span data-v-e7751ca4="" class="kui-icon network-icon" data-testid="kui-icon-wrapper-network-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7751ca4="" data-testid="kui-icon-svg-network-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e7751ca4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e7751ca4=""><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e7751ca4="" class="kui-icon network-icon" data-testid="kui-icon-wrapper-network-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7751ca4="" data-testid="kui-icon-svg-network-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/NotificationIcon.html b/src/tests/__snapshots__/NotificationIcon.html
index 6651d890..4dbd0b9e 100644
--- a/src/tests/__snapshots__/NotificationIcon.html
+++ b/src/tests/__snapshots__/NotificationIcon.html
@@ -1 +1 @@
-<span data-v-2be60e68="" class="kui-icon notification-icon" data-testid="kui-icon-wrapper-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2be60e68="" data-testid="kui-icon-svg-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-2be60e68="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-2be60e68=""><path d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-2be60e68="" class="kui-icon notification-icon" data-testid="kui-icon-wrapper-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2be60e68="" data-testid="kui-icon-svg-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/OrganizationIcon.html b/src/tests/__snapshots__/OrganizationIcon.html
index b05425da..71d472ff 100644
--- a/src/tests/__snapshots__/OrganizationIcon.html
+++ b/src/tests/__snapshots__/OrganizationIcon.html
@@ -1 +1 @@
-<span data-v-56b7b4e6="" class="kui-icon organization-icon" data-testid="kui-icon-wrapper-organization-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56b7b4e6="" data-testid="kui-icon-svg-organization-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-56b7b4e6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-56b7b4e6=""><path d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-56b7b4e6="" class="kui-icon organization-icon" data-testid="kui-icon-wrapper-organization-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56b7b4e6="" data-testid="kui-icon-svg-organization-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/OverviewIcon.html b/src/tests/__snapshots__/OverviewIcon.html
index 40ec3bd1..bcd12aca 100644
--- a/src/tests/__snapshots__/OverviewIcon.html
+++ b/src/tests/__snapshots__/OverviewIcon.html
@@ -1 +1 @@
-<span data-v-7ef661f5="" class="kui-icon overview-icon" data-testid="kui-icon-wrapper-overview-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7ef661f5="" data-testid="kui-icon-svg-overview-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7ef661f5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7ef661f5=""><path fill-rule="evenodd" clip-rule="evenodd" d="M9.92421 2.40002L5.76021 9.60002H18.2402L12.0002 20.4L5.76021 9.60002L1.51221 16.968L3.67221 20.4H21.2402L22.8482 17.592L14.0882 2.40002H9.91221H9.92421Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-7ef661f5="" class="kui-icon overview-icon" data-testid="kui-icon-wrapper-overview-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7ef661f5="" data-testid="kui-icon-svg-overview-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M9.92421 2.40002L5.76021 9.60002H18.2402L12.0002 20.4L5.76021 9.60002L1.51221 16.968L3.67221 20.4H21.2402L22.8482 17.592L14.0882 2.40002H9.91221H9.92421Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PeopleIcon.html b/src/tests/__snapshots__/PeopleIcon.html
index dde04461..9ca5b610 100644
--- a/src/tests/__snapshots__/PeopleIcon.html
+++ b/src/tests/__snapshots__/PeopleIcon.html
@@ -1 +1 @@
-<span data-v-a1f2927c="" class="kui-icon people-icon" data-testid="kui-icon-wrapper-people-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1f2927c="" data-testid="kui-icon-svg-people-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a1f2927c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a1f2927c=""><path d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-a1f2927c="" class="kui-icon people-icon" data-testid="kui-icon-wrapper-people-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1f2927c="" data-testid="kui-icon-svg-people-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PlugIcon.html b/src/tests/__snapshots__/PlugIcon.html
index e6e74c74..9eece42a 100644
--- a/src/tests/__snapshots__/PlugIcon.html
+++ b/src/tests/__snapshots__/PlugIcon.html
@@ -1 +1 @@
-<span data-v-8d329f2c="" class="kui-icon plug-icon" data-testid="kui-icon-wrapper-plug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d329f2c="" data-testid="kui-icon-svg-plug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8d329f2c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8d329f2c=""><path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8d329f2c="" class="kui-icon plug-icon" data-testid="kui-icon-wrapper-plug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d329f2c="" data-testid="kui-icon-svg-plug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PortalIcon.html b/src/tests/__snapshots__/PortalIcon.html
index e2e43e9b..bc7b543e 100644
--- a/src/tests/__snapshots__/PortalIcon.html
+++ b/src/tests/__snapshots__/PortalIcon.html
@@ -1 +1 @@
-<span data-v-a8b2332d="" class="kui-icon portal-icon" data-testid="kui-icon-wrapper-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a8b2332d="" data-testid="kui-icon-svg-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a8b2332d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a8b2332d=""><path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-a8b2332d="" class="kui-icon portal-icon" data-testid="kui-icon-wrapper-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a8b2332d="" data-testid="kui-icon-svg-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PresentationIcon.html b/src/tests/__snapshots__/PresentationIcon.html
index eb2cf9a6..2f88a80f 100644
--- a/src/tests/__snapshots__/PresentationIcon.html
+++ b/src/tests/__snapshots__/PresentationIcon.html
@@ -1 +1 @@
-<span data-v-45effb9b="" class="kui-icon presentation-icon" data-testid="kui-icon-wrapper-presentation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-45effb9b="" data-testid="kui-icon-svg-presentation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-45effb9b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-45effb9b=""><path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-45effb9b="" class="kui-icon presentation-icon" data-testid="kui-icon-wrapper-presentation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-45effb9b="" data-testid="kui-icon-svg-presentation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProfileIcon.html b/src/tests/__snapshots__/ProfileIcon.html
index 81873866..8aef1476 100644
--- a/src/tests/__snapshots__/ProfileIcon.html
+++ b/src/tests/__snapshots__/ProfileIcon.html
@@ -1 +1 @@
-<span data-v-d1b567fd="" class="kui-icon profile-icon" data-testid="kui-icon-wrapper-profile-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1b567fd="" data-testid="kui-icon-svg-profile-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d1b567fd="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d1b567fd=""><path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-d1b567fd="" class="kui-icon profile-icon" data-testid="kui-icon-wrapper-profile-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1b567fd="" data-testid="kui-icon-svg-profile-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProfileTeamIcon.html b/src/tests/__snapshots__/ProfileTeamIcon.html
index 084eff53..84a3b28f 100644
--- a/src/tests/__snapshots__/ProfileTeamIcon.html
+++ b/src/tests/__snapshots__/ProfileTeamIcon.html
@@ -1 +1 @@
-<span data-v-9883273a="" class="kui-icon profile-team-icon" data-testid="kui-icon-wrapper-profile-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9883273a="" data-testid="kui-icon-svg-profile-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9883273a="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9883273a=""><path d="M10.3 19.8C11.05 18.2833 12.05 17.2708 13.3 16.7625C14.55 16.2542 15.6167 16 16.5 16C16.8833 16 17.2583 16.0333 17.625 16.1C17.9917 16.1667 18.35 16.25 18.7 16.35C19.1 15.7167 19.4167 15.0333 19.65 14.3C19.8833 13.5667 20 12.8 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.75 4.09583 13.4667 4.2875 14.15C4.47917 14.8333 4.76667 15.4667 5.15 16.05C5.83333 15.7167 6.54167 15.4583 7.275 15.275C8.00833 15.0917 8.75 15 9.5 15C10.0333 15 10.5458 15.0458 11.0375 15.1375C11.5292 15.2292 12.0167 15.35 12.5 15.5C12.1167 15.7 11.7542 15.9333 11.4125 16.2C11.0708 16.4667 10.75 16.75 10.45 17.05C10.25 17.0167 10.0792 17 9.9375 17H9.5C8.96667 17 8.4375 17.0583 7.9125 17.175C7.3875 17.2917 6.88333 17.4667 6.4 17.7C6.93333 18.2333 7.52917 18.6792 8.1875 19.0375C8.84583 19.3958 9.55 19.65 10.3 19.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.5 13.5C8.53333 13.5 7.70833 13.1583 7.025 12.475C6.34167 11.7917 6 10.9667 6 10C6 9.03333 6.34167 8.20833 7.025 7.525C7.70833 6.84167 8.53333 6.5 9.5 6.5C10.4667 6.5 11.2917 6.84167 11.975 7.525C12.6583 8.20833 13 9.03333 13 10C13 10.9667 12.6583 11.7917 11.975 12.475C11.2917 13.1583 10.4667 13.5 9.5 13.5ZM9.5 11.5C9.91667 11.5 10.2708 11.3542 10.5625 11.0625C10.8542 10.7708 11 10.4167 11 10C11 9.58333 10.8542 9.22917 10.5625 8.9375C10.2708 8.64583 9.91667 8.5 9.5 8.5C9.08333 8.5 8.72917 8.64583 8.4375 8.9375C8.14583 9.22917 8 9.58333 8 10C8 10.4167 8.14583 10.7708 8.4375 11.0625C8.72917 11.3542 9.08333 11.5 9.5 11.5ZM16.5 14.5C15.8 14.5 15.2083 14.2583 14.725 13.775C14.2417 13.2917 14 12.7 14 12C14 11.3 14.2417 10.7083 14.725 10.225C15.2083 9.74167 15.8 9.5 16.5 9.5C17.2 9.5 17.7917 9.74167 18.275 10.225C18.7583 10.7083 19 11.3 19 12C19 12.7 18.7583 13.2917 18.275 13.775C17.7917 14.2583 17.2 14.5 16.5 14.5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9883273a="" class="kui-icon profile-team-icon" data-testid="kui-icon-wrapper-profile-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9883273a="" data-testid="kui-icon-svg-profile-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.3 19.8C11.05 18.2833 12.05 17.2708 13.3 16.7625C14.55 16.2542 15.6167 16 16.5 16C16.8833 16 17.2583 16.0333 17.625 16.1C17.9917 16.1667 18.35 16.25 18.7 16.35C19.1 15.7167 19.4167 15.0333 19.65 14.3C19.8833 13.5667 20 12.8 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.75 4.09583 13.4667 4.2875 14.15C4.47917 14.8333 4.76667 15.4667 5.15 16.05C5.83333 15.7167 6.54167 15.4583 7.275 15.275C8.00833 15.0917 8.75 15 9.5 15C10.0333 15 10.5458 15.0458 11.0375 15.1375C11.5292 15.2292 12.0167 15.35 12.5 15.5C12.1167 15.7 11.7542 15.9333 11.4125 16.2C11.0708 16.4667 10.75 16.75 10.45 17.05C10.25 17.0167 10.0792 17 9.9375 17H9.5C8.96667 17 8.4375 17.0583 7.9125 17.175C7.3875 17.2917 6.88333 17.4667 6.4 17.7C6.93333 18.2333 7.52917 18.6792 8.1875 19.0375C8.84583 19.3958 9.55 19.65 10.3 19.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.5 13.5C8.53333 13.5 7.70833 13.1583 7.025 12.475C6.34167 11.7917 6 10.9667 6 10C6 9.03333 6.34167 8.20833 7.025 7.525C7.70833 6.84167 8.53333 6.5 9.5 6.5C10.4667 6.5 11.2917 6.84167 11.975 7.525C12.6583 8.20833 13 9.03333 13 10C13 10.9667 12.6583 11.7917 11.975 12.475C11.2917 13.1583 10.4667 13.5 9.5 13.5ZM9.5 11.5C9.91667 11.5 10.2708 11.3542 10.5625 11.0625C10.8542 10.7708 11 10.4167 11 10C11 9.58333 10.8542 9.22917 10.5625 8.9375C10.2708 8.64583 9.91667 8.5 9.5 8.5C9.08333 8.5 8.72917 8.64583 8.4375 8.9375C8.14583 9.22917 8 9.58333 8 10C8 10.4167 8.14583 10.7708 8.4375 11.0625C8.72917 11.3542 9.08333 11.5 9.5 11.5ZM16.5 14.5C15.8 14.5 15.2083 14.2583 14.725 13.775C14.2417 13.2917 14 12.7 14 12C14 11.3 14.2417 10.7083 14.725 10.225C15.2083 9.74167 15.8 9.5 16.5 9.5C17.2 9.5 17.7917 9.74167 18.275 10.225C18.7583 10.7083 19 11.3 19 12C19 12.7 18.7583 13.2917 18.275 13.775C17.7917 14.2583 17.2 14.5 16.5 14.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProgressIcon.html b/src/tests/__snapshots__/ProgressIcon.html
index 4cbf538c..f5eefd6f 100644
--- a/src/tests/__snapshots__/ProgressIcon.html
+++ b/src/tests/__snapshots__/ProgressIcon.html
@@ -1,2 +1,2 @@
-<span data-v-c7351aba="" class="kui-icon progress-icon" data-testid="kui-icon-wrapper-progress-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7351aba="" data-testid="kui-icon-svg-progress-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c7351aba="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c7351aba=""><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" transform-origin="center"></path>
-<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" dur="1.5s" repeatCount="indefinite"></animateTransform></g></svg></span>
\ No newline at end of file
+<span data-v-c7351aba="" class="kui-icon progress-icon" data-testid="kui-icon-wrapper-progress-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7351aba="" data-testid="kui-icon-svg-progress-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" transform-origin="center"></path>
+<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" dur="1.5s" repeatCount="indefinite"></animateTransform></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RedoIcon.html b/src/tests/__snapshots__/RedoIcon.html
index 3a58a57d..01430739 100644
--- a/src/tests/__snapshots__/RedoIcon.html
+++ b/src/tests/__snapshots__/RedoIcon.html
@@ -1 +1 @@
-<span data-v-28e93034="" class="kui-icon redo-icon" data-testid="kui-icon-wrapper-redo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-28e93034="" data-testid="kui-icon-svg-redo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-28e93034="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-28e93034=""><path d="M9.9 19C8.28333 19 6.89583 18.475 5.7375 17.425C4.57917 16.375 4 15.0667 4 13.5C4 11.9333 4.57917 10.625 5.7375 9.575C6.89583 8.525 8.28333 8 9.9 8H16.2L13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H9.9C8.85 10 7.9375 10.3333 7.1625 11C6.3875 11.6667 6 12.5 6 13.5C6 14.5 6.3875 15.3333 7.1625 16C7.9375 16.6667 8.85 17 9.9 17H17V19H9.9Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-28e93034="" class="kui-icon redo-icon" data-testid="kui-icon-wrapper-redo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-28e93034="" data-testid="kui-icon-svg-redo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.9 19C8.28333 19 6.89583 18.475 5.7375 17.425C4.57917 16.375 4 15.0667 4 13.5C4 11.9333 4.57917 10.625 5.7375 9.575C6.89583 8.525 8.28333 8 9.9 8H16.2L13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H9.9C8.85 10 7.9375 10.3333 7.1625 11C6.3875 11.6667 6 12.5 6 13.5C6 14.5 6.3875 15.3333 7.1625 16C7.9375 16.6667 8.85 17 9.9 17H17V19H9.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RefreshIcon.html b/src/tests/__snapshots__/RefreshIcon.html
index c40c69ec..850a8c2f 100644
--- a/src/tests/__snapshots__/RefreshIcon.html
+++ b/src/tests/__snapshots__/RefreshIcon.html
@@ -1 +1 @@
-<span data-v-68a6c665="" class="kui-icon refresh-icon" data-testid="kui-icon-wrapper-refresh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68a6c665="" data-testid="kui-icon-svg-refresh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-68a6c665="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-68a6c665=""><path d="M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V4H20V11H13V9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.2833 18 14.4417 17.6333 15.475 16.9C16.5083 16.1667 17.2333 15.2 17.65 14H19.75C19.2833 15.7667 18.3333 17.2083 16.9 18.325C15.4667 19.4417 13.8333 20 12 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-68a6c665="" class="kui-icon refresh-icon" data-testid="kui-icon-wrapper-refresh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68a6c665="" data-testid="kui-icon-svg-refresh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V4H20V11H13V9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.2833 18 14.4417 17.6333 15.475 16.9C16.5083 16.1667 17.2333 15.2 17.65 14H19.75C19.2833 15.7667 18.3333 17.2083 16.9 18.325C15.4667 19.4417 13.8333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RegexIcon.html b/src/tests/__snapshots__/RegexIcon.html
index 2d0e41b0..d39f4d9a 100644
--- a/src/tests/__snapshots__/RegexIcon.html
+++ b/src/tests/__snapshots__/RegexIcon.html
@@ -1 +1 @@
-<span data-v-41f98a05="" class="kui-icon regex-icon" data-testid="kui-icon-wrapper-regex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41f98a05="" data-testid="kui-icon-svg-regex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-41f98a05="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-41f98a05=""><path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-41f98a05="" class="kui-icon regex-icon" data-testid="kui-icon-wrapper-regex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41f98a05="" data-testid="kui-icon-svg-regex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RemoveIcon.html b/src/tests/__snapshots__/RemoveIcon.html
index d3c83832..3b709a39 100644
--- a/src/tests/__snapshots__/RemoveIcon.html
+++ b/src/tests/__snapshots__/RemoveIcon.html
@@ -1 +1 @@
-<span data-v-12efbb51="" class="kui-icon remove-icon" data-testid="kui-icon-wrapper-remove-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-12efbb51="" data-testid="kui-icon-svg-remove-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-12efbb51="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-12efbb51=""><path d="M5 13V11H19V13H5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-12efbb51="" class="kui-icon remove-icon" data-testid="kui-icon-wrapper-remove-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-12efbb51="" data-testid="kui-icon-svg-remove-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 13V11H19V13H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ResponseIcon.html b/src/tests/__snapshots__/ResponseIcon.html
index 9ff8f85e..9b6de56a 100644
--- a/src/tests/__snapshots__/ResponseIcon.html
+++ b/src/tests/__snapshots__/ResponseIcon.html
@@ -1 +1 @@
-<span data-v-15276fd2="" class="kui-icon response-icon" data-testid="kui-icon-wrapper-response-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-15276fd2="" data-testid="kui-icon-svg-response-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-15276fd2="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-15276fd2=""><path d="M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-15276fd2="" class="kui-icon response-icon" data-testid="kui-icon-wrapper-response-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-15276fd2="" data-testid="kui-icon-svg-response-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RocketIcon.html b/src/tests/__snapshots__/RocketIcon.html
index ef0d66ae..d4ed2ac6 100644
--- a/src/tests/__snapshots__/RocketIcon.html
+++ b/src/tests/__snapshots__/RocketIcon.html
@@ -1 +1 @@
-<span data-v-27a8d9a3="" class="kui-icon rocket-icon" data-testid="kui-icon-wrapper-rocket-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-27a8d9a3="" data-testid="kui-icon-svg-rocket-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-27a8d9a3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-27a8d9a3=""><path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-27a8d9a3="" class="kui-icon rocket-icon" data-testid="kui-icon-wrapper-rocket-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-27a8d9a3="" data-testid="kui-icon-svg-rocket-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeCompositeIcon.html b/src/tests/__snapshots__/RuntimeCompositeIcon.html
index 635cc10c..bcdb6c5d 100644
--- a/src/tests/__snapshots__/RuntimeCompositeIcon.html
+++ b/src/tests/__snapshots__/RuntimeCompositeIcon.html
@@ -1 +1 @@
-<span data-v-961fb0b3="" class="kui-icon runtime-composite-icon" data-testid="kui-icon-wrapper-runtime-composite-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961fb0b3="" data-testid="kui-icon-svg-runtime-composite-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-961fb0b3="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-961fb0b3=""><path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"></path></g></svg></span>
\ No newline at end of file
+<span data-v-961fb0b3="" class="kui-icon runtime-composite-icon" data-testid="kui-icon-wrapper-runtime-composite-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961fb0b3="" data-testid="kui-icon-svg-runtime-composite-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html b/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
index 84db18b6..6e739f2d 100644
--- a/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
+++ b/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
@@ -1,7 +1,7 @@
-<span data-v-7c141e4c="" class="kui-icon runtime-dedicated-cloud-icon" data-testid="kui-icon-wrapper-runtime-dedicated-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c141e4c="" data-testid="kui-icon-svg-runtime-dedicated-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-7c141e4c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-7c141e4c=""><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_754_9630)"></path>
+<span data-v-7c141e4c="" class="kui-icon runtime-dedicated-cloud-icon" data-testid="kui-icon-wrapper-runtime-dedicated-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c141e4c="" data-testid="kui-icon-svg-runtime-dedicated-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_754_9630)"></path>
 <defs>
 <linearGradient id="paint0_linear_754_9630" x1="1" y1="2" x2="23" y2="22" gradientUnits="userSpaceOnUse">
 <stop stop-color="#0044F4"></stop>
 <stop offset="1" stop-color="#00FABE"></stop>
 </linearGradient>
-</defs></g></svg></span>
\ No newline at end of file
+</defs></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeHybridIcon.html b/src/tests/__snapshots__/RuntimeHybridIcon.html
index 73985c41..81b4b450 100644
--- a/src/tests/__snapshots__/RuntimeHybridIcon.html
+++ b/src/tests/__snapshots__/RuntimeHybridIcon.html
@@ -1 +1 @@
-<span data-v-91f00892="" class="kui-icon runtime-hybrid-icon" data-testid="kui-icon-wrapper-runtime-hybrid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91f00892="" data-testid="kui-icon-svg-runtime-hybrid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-91f00892="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-91f00892=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="#828A9E"></path></g></svg></span>
\ No newline at end of file
+<span data-v-91f00892="" class="kui-icon runtime-hybrid-icon" data-testid="kui-icon-wrapper-runtime-hybrid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91f00892="" data-testid="kui-icon-svg-runtime-hybrid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeKicIcon.html b/src/tests/__snapshots__/RuntimeKicIcon.html
index 0fbe763a..a0a88b61 100644
--- a/src/tests/__snapshots__/RuntimeKicIcon.html
+++ b/src/tests/__snapshots__/RuntimeKicIcon.html
@@ -1,3 +1,3 @@
-<span data-v-fdd4148d="" class="kui-icon runtime-kic-icon" data-testid="kui-icon-wrapper-runtime-kic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdd4148d="" data-testid="kui-icon-svg-runtime-kic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-fdd4148d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-fdd4148d=""><path d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"></path>
+<span data-v-fdd4148d="" class="kui-icon runtime-kic-icon" data-testid="kui-icon-wrapper-runtime-kic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdd4148d="" data-testid="kui-icon-svg-runtime-kic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"></path>
 <path d="M22.056 14.1874L20.3231 6.433C20.2765 6.23239 20.1873 6.04493 20.0619 5.88416C19.9364 5.72338 19.7779 5.5933 19.5977 5.50329L12.5834 2.05312C12.4016 1.96374 12.2027 1.91736 12.0013 1.91736C11.7999 1.91736 11.601 1.96374 11.4192 2.05312L4.40624 5.50513C4.22604 5.59508 4.06748 5.72514 3.942 5.8859C3.81652 6.04666 3.72725 6.23412 3.68065 6.43474L1.95056 14.189C1.90789 14.385 1.90775 14.5883 1.95016 14.7843C1.96265 14.844 1.97897 14.9029 1.999 14.9604C2.03286 15.0585 2.07769 15.1522 2.13258 15.2397C2.15635 15.2771 2.18142 15.3135 2.20867 15.3487L7.06293 21.5664C7.08412 21.5935 7.10749 21.6181 7.13067 21.6433C7.20684 21.7268 7.29284 21.8002 7.38669 21.8618C7.50539 21.9388 7.63474 21.9967 7.77033 22.0337C7.88151 22.0651 7.9962 22.0814 8.11149 22.0821H8.18698L15.8959 22.0803C15.9427 22.0801 15.9896 22.0772 16.0361 22.0718C16.1029 22.064 16.169 22.0511 16.234 22.0331C16.2805 22.0204 16.3263 22.0053 16.3713 21.9878C16.4064 21.9739 16.4414 21.9601 16.4753 21.9434C16.5259 21.9184 16.575 21.8903 16.6224 21.8592C16.7445 21.78 16.8533 21.6809 16.9443 21.5656L17.0923 21.376L21.7969 15.3467C21.8871 15.2302 21.9579 15.0991 22.0066 14.9588C22.0269 14.9011 22.0435 14.8421 22.0563 14.7822C22.0988 14.5861 22.0987 14.3828 22.0559 14.1868L22.056 14.1874ZM14.7805 17.2033C14.8002 17.263 14.8235 17.3212 14.8504 17.3778C14.8075 17.4552 14.7958 17.5468 14.8179 17.633C14.9199 17.8738 15.0446 18.1037 15.1901 18.3195C15.2715 18.4299 15.3467 18.545 15.4152 18.6642C15.4321 18.6965 15.4542 18.7465 15.4702 18.7806C15.5004 18.8327 15.5197 18.8906 15.5269 18.9508C15.534 19.011 15.5289 19.072 15.5118 19.13C15.4947 19.1881 15.466 19.2417 15.4275 19.2876C15.3891 19.3335 15.3417 19.3706 15.2885 19.3965C15.2353 19.4224 15.1774 19.4366 15.1186 19.4381C15.0598 19.4396 15.0013 19.4283 14.9469 19.4052C14.8926 19.382 14.8435 19.3473 14.8029 19.3034C14.7623 19.2595 14.7311 19.2073 14.7113 19.1503C14.6952 19.1164 14.673 19.0714 14.6593 19.0394C14.6114 18.9098 14.5707 18.7774 14.5375 18.643C14.4647 18.3915 14.3682 18.148 14.2494 17.9158C14.1978 17.844 14.1209 17.7959 14.0352 17.7819C14.0218 17.758 13.972 17.664 13.9454 17.6156C12.6967 18.1027 11.3176 18.0991 10.0714 17.6053L9.97645 17.7826C9.90864 17.7934 9.84558 17.8251 9.79552 17.8735C9.65237 18.1155 9.54295 18.377 9.47047 18.6504C9.43758 18.7848 9.39713 18.9172 9.34932 19.0468C9.3359 19.0785 9.31342 19.123 9.2974 19.1567V19.1576L9.29671 19.1585C9.27689 19.2156 9.24567 19.2679 9.20506 19.3118C9.16444 19.3558 9.11534 19.3905 9.0609 19.4137C9.00647 19.4369 8.94792 19.4481 8.88903 19.4465C8.83014 19.445 8.77221 19.4308 8.71899 19.4047C8.66577 19.3787 8.61844 19.3415 8.58004 19.2955C8.54164 19.2494 8.51304 19.1956 8.49607 19.1375C8.4791 19.0794 8.47414 19.0183 8.48151 18.958C8.48889 18.8978 8.50843 18.8399 8.53889 18.7879C8.5547 18.7536 8.57589 18.7039 8.5926 18.6716C8.66107 18.552 8.73619 18.4366 8.81759 18.326C8.96569 18.1045 9.09292 17.8689 9.19754 17.6224C9.20867 17.5389 9.19566 17.4538 9.16014 17.3778L9.23653 17.1893C8.08762 16.4907 7.22656 15.3832 6.81576 14.0755L6.63285 14.1076C6.56188 14.0557 6.47822 14.0254 6.39135 14.02C6.14106 14.0693 5.89602 14.1436 5.65969 14.2418C5.53698 14.2987 5.41121 14.3483 5.28302 14.3904C5.25268 14.399 5.20892 14.4076 5.1743 14.4154C5.17152 14.4164 5.16913 14.4177 5.16635 14.4184C5.1642 14.4187 5.16205 14.4189 5.15988 14.419C5.10416 14.4379 5.04523 14.4446 4.98686 14.4386C4.92849 14.4327 4.87196 14.4143 4.8209 14.3845C4.76984 14.3548 4.72537 14.3144 4.69033 14.266C4.65529 14.2175 4.63046 14.162 4.61743 14.1031C4.6044 14.0442 4.60345 13.9831 4.61465 13.9238C4.62585 13.8645 4.64895 13.8082 4.68246 13.7587C4.71598 13.7091 4.75917 13.6672 4.80929 13.6358C4.8594 13.6044 4.91533 13.5841 4.97348 13.5763L4.97955 13.5748L4.98323 13.5737C5.01834 13.5652 5.0633 13.5532 5.09533 13.5469C5.22887 13.5278 5.36337 13.5166 5.49816 13.5135C5.75236 13.4964 6.00434 13.4537 6.25051 13.3862C6.32346 13.3383 6.38511 13.2743 6.43094 13.1987L6.60669 13.1458C6.41598 11.781 6.72104 10.3918 7.46338 9.24447L7.3288 9.12089C7.3239 9.0312 7.29467 8.94472 7.24446 8.87128C7.05112 8.70006 6.84202 8.54871 6.62012 8.41938C6.5003 8.35643 6.3841 8.28643 6.27209 8.20973C6.24663 8.19016 6.21281 8.16075 6.18516 8.13759L6.17889 8.13308C6.08341 8.06242 6.01895 7.9557 5.99961 7.83624C5.98026 7.71677 6.0076 7.59428 6.07565 7.49551C6.11586 7.44481 6.16709 7.40458 6.22521 7.37809C6.28333 7.3516 6.34669 7.33959 6.41015 7.34304C6.51698 7.34776 6.61954 7.38762 6.70277 7.45678C6.73132 7.47983 6.77041 7.51068 6.79577 7.53312C6.89349 7.62833 6.98582 7.72926 7.07228 7.8354C7.24385 8.02959 7.4334 8.20606 7.63824 8.36231C7.71499 8.40389 7.80451 8.41283 7.88759 8.38721C7.93759 8.42478 7.98805 8.46174 8.03898 8.49808C8.77664 7.69028 9.73183 7.12808 10.7819 6.88366C11.0318 6.82535 11.2854 6.78519 11.5408 6.76346L11.5508 6.58066C11.616 6.52097 11.6632 6.44332 11.687 6.35686C11.6962 6.09448 11.6805 5.83181 11.6403 5.57256C11.6136 5.43669 11.5945 5.29936 11.583 5.16124C11.5819 5.12978 11.5836 5.08634 11.584 5.05047C11.584 5.04637 11.583 5.04227 11.583 5.03838C11.577 4.97792 11.5834 4.91685 11.6018 4.8591C11.6202 4.80135 11.6501 4.74822 11.6896 4.70312C11.7292 4.65802 11.7775 4.62196 11.8314 4.59728C11.8853 4.57259 11.9436 4.55982 12.0026 4.55979C12.0616 4.55976 12.1199 4.57247 12.1738 4.59711C12.2277 4.62174 12.276 4.65775 12.3156 4.70281C12.3552 4.74787 12.3852 4.80098 12.4036 4.85871C12.422 4.91644 12.4285 4.97751 12.4226 5.03797C12.4226 5.07588 12.4248 5.12609 12.4235 5.16093C12.412 5.29903 12.3928 5.43633 12.3659 5.57215C12.3254 5.83144 12.3095 6.09418 12.3183 6.35666C12.3349 6.4444 12.3842 6.52199 12.4555 6.57287C12.457 6.60412 12.462 6.70844 12.4656 6.76592C13.7927 6.89026 15.0308 7.50659 15.9501 8.50044L16.1098 8.3829C16.1956 8.39807 16.2838 8.3882 16.3645 8.35442C16.5693 8.1979 16.7588 8.02123 16.9304 7.8269C17.0171 7.7207 17.1096 7.61977 17.2076 7.52461C17.2334 7.50186 17.2723 7.47133 17.3007 7.44817C17.3428 7.40538 17.3932 7.3722 17.4486 7.35077C17.504 7.32934 17.5631 7.32015 17.6222 7.32379C17.6812 7.32743 17.7389 7.34383 17.7914 7.37191C17.8439 7.39999 17.89 7.43913 17.9269 7.48679C17.9638 7.53445 17.9905 7.58957 18.0054 7.64856C18.0202 7.70755 18.0229 7.7691 18.0131 7.82922C18.0034 7.88933 17.9815 7.94666 17.9489 7.99749C17.9162 8.04832 17.8736 8.09152 17.8237 8.12427C17.7955 8.14773 17.7583 8.18042 17.7313 8.20112C17.619 8.27788 17.5026 8.34788 17.3825 8.41077C17.1606 8.54018 16.9515 8.69152 16.7581 8.86267C16.7018 8.93057 16.6736 9.01847 16.6794 9.10757C16.656 9.1297 16.5739 9.20461 16.5305 9.24519C17.2749 10.3884 17.5861 11.7734 17.4049 13.1373L17.5744 13.1881C17.6168 13.2667 17.6795 13.3316 17.7555 13.3757C18.0018 13.4433 18.2539 13.4861 18.5082 13.5033C18.6429 13.5065 18.7772 13.5176 18.9106 13.5365C18.946 13.5432 18.997 13.5577 19.033 13.5663C19.0911 13.5741 19.1471 13.5944 19.1972 13.6259C19.2473 13.6573 19.2905 13.6991 19.324 13.7487C19.3574 13.7984 19.3805 13.8546 19.3917 13.9139C19.4029 13.9733 19.4019 14.0343 19.3888 14.0933C19.3758 14.1522 19.3509 14.2076 19.3158 14.2561C19.2808 14.3045 19.2363 14.3449 19.1852 14.3746C19.1341 14.4043 19.0776 14.4227 19.0192 14.4286C18.9608 14.4345 18.9019 14.4278 18.8462 14.4089L18.8401 14.408C18.8373 14.4073 18.8348 14.4058 18.8319 14.405C18.7973 14.3973 18.7538 14.3895 18.7234 14.3813C18.5953 14.3389 18.4696 14.2889 18.347 14.2315C18.1104 14.1332 17.8652 14.0589 17.6146 14.0096C17.5279 14.0068 17.4436 14.0391 17.3797 14.0995C17.32 14.0878 17.2602 14.077 17.2003 14.0671C16.7944 15.3829 15.9332 16.499 14.7805 17.2032V17.2033Z" fill="#326CE5"></path>
-<path d="M19.0331 13.5665C18.9973 13.558 18.9462 13.5435 18.9111 13.5368C18.7777 13.5178 18.6433 13.5067 18.5087 13.5034C18.2543 13.4863 18.0021 13.4436 17.7557 13.3761C17.6797 13.332 17.617 13.267 17.5747 13.1884L17.4052 13.1376C17.5864 11.7737 17.2753 10.3887 16.5309 9.24546C16.5743 9.20488 16.6564 9.12998 16.6796 9.10794C16.6738 9.01885 16.7021 8.93095 16.7584 8.86304C16.9518 8.6919 17.1609 8.54055 17.3827 8.41115C17.5028 8.34826 17.6193 8.27825 17.7315 8.20149C17.7586 8.18079 17.7956 8.148 17.8239 8.12464C17.8738 8.0919 17.9165 8.04871 17.9491 7.99789C17.9817 7.94708 18.0036 7.88976 18.0134 7.82966C18.0231 7.76956 18.0205 7.70802 18.0056 7.64904C17.9908 7.59006 17.9641 7.53495 17.9272 7.48729C17.8904 7.43962 17.8442 7.40047 17.7918 7.37237C17.7393 7.34427 17.6817 7.32786 17.6226 7.32418C17.5636 7.32051 17.5045 7.32967 17.4491 7.35106C17.3937 7.37244 17.3433 7.40559 17.3012 7.44834C17.2725 7.4716 17.2335 7.50214 17.2081 7.52488C17.11 7.62003 17.0174 7.72096 16.9307 7.82717C16.7591 8.0215 16.5695 8.19817 16.3647 8.35469C16.2841 8.38847 16.1959 8.39834 16.1101 8.38317L15.9503 8.50071C15.0311 7.50686 13.793 6.89053 12.4659 6.76619C12.462 6.70871 12.4572 6.6046 12.4558 6.57314C12.3845 6.52222 12.3353 6.44464 12.3188 6.35693C12.3099 6.09446 12.3258 5.83171 12.3663 5.57242C12.3931 5.43663 12.4122 5.29936 12.4235 5.16131C12.4248 5.12647 12.4228 5.07585 12.4228 5.03824C12.4287 4.97778 12.4223 4.91671 12.4038 4.85898C12.3854 4.80125 12.3555 4.74814 12.3159 4.70308C12.2763 4.65802 12.228 4.62201 12.1741 4.59738C12.1201 4.57274 12.0618 4.56003 12.0028 4.56006C11.9438 4.56009 11.8855 4.57286 11.8316 4.59755C11.7777 4.62223 11.7294 4.65829 11.6899 4.70339C11.6504 4.74849 11.6204 4.80162 11.6021 4.85937C11.5837 4.91712 11.5773 4.97819 11.5833 5.03865C11.5833 5.04275 11.5841 5.04664 11.5842 5.05074C11.5838 5.08661 11.5822 5.13005 11.5833 5.16141C11.5947 5.29956 11.6138 5.43693 11.6405 5.57283C11.6808 5.83208 11.6965 6.09475 11.6873 6.35713C11.6635 6.44351 11.6162 6.52108 11.551 6.58072L11.5411 6.76373C11.2857 6.78546 11.0321 6.82562 10.7822 6.88393C9.7322 7.12838 8.77712 7.69054 8.03953 8.49825C7.98847 8.46197 7.93788 8.42502 7.88775 8.38737C7.8047 8.41297 7.71522 8.40403 7.63849 8.36247C7.43365 8.20626 7.24411 8.02982 7.07254 7.83568C6.98617 7.72954 6.89394 7.62861 6.79633 7.53339C6.77076 7.51084 6.73167 7.4801 6.70303 7.45654C6.61979 7.38738 6.51724 7.34752 6.4104 7.34279C6.34692 7.33937 6.28355 7.35141 6.22544 7.37794C6.16732 7.40447 6.11609 7.44473 6.0759 7.49547C6.00786 7.59424 5.98052 7.71673 5.99986 7.8362C6.01921 7.95566 6.08366 8.06239 6.17915 8.13304L6.18561 8.13776C6.21307 8.16092 6.24688 8.19053 6.27235 8.20969C6.38435 8.28646 6.50055 8.35653 6.62037 8.41955C6.84224 8.54895 7.05132 8.70037 7.24461 8.87165C7.29482 8.94503 7.32407 9.03143 7.32906 9.12106L7.46343 9.24484C6.72117 10.3922 6.41617 11.7814 6.60694 13.1462L6.43119 13.1989C6.38533 13.2743 6.32369 13.3383 6.25076 13.3861C6.00458 13.4538 5.75257 13.4966 5.49831 13.5139C5.36356 13.517 5.22909 13.5282 5.09558 13.5473C5.06336 13.5534 5.0186 13.5651 4.98349 13.5741L4.97981 13.5749L4.97384 13.5768C4.91569 13.5846 4.85978 13.6049 4.80969 13.6364C4.75959 13.6678 4.71642 13.7096 4.68292 13.7592C4.64942 13.8088 4.62634 13.865 4.61516 13.9243C4.60397 13.9837 4.60493 14.0447 4.61796 14.1036C4.631 14.1625 4.65583 14.218 4.69086 14.2664C4.72589 14.3149 4.77036 14.3553 4.82141 14.385C4.87246 14.4147 4.92898 14.4332 4.98734 14.4391C5.0457 14.445 5.10462 14.4384 5.16033 14.4195L5.1666 14.4185C5.16939 14.4178 5.17177 14.4164 5.17456 14.4159C5.20917 14.4077 5.25274 14.3992 5.28317 14.3907C5.41134 14.3485 5.53707 14.2989 5.65974 14.242C5.89614 14.1438 6.14125 14.0695 6.3916 14.0202C6.47842 14.0256 6.56202 14.0561 6.63291 14.108L6.81592 14.0757C7.22676 15.3834 8.0879 16.4909 9.23688 17.1895L9.1604 17.378C9.19595 17.454 9.209 17.539 9.19789 17.6226C9.09326 17.869 8.96603 18.1045 8.81794 18.326C8.73652 18.4366 8.66136 18.5519 8.59285 18.6715C8.57614 18.7041 8.55496 18.754 8.53894 18.7881C8.50864 18.8401 8.48924 18.898 8.48197 18.9581C8.47471 19.0183 8.47974 19.0793 8.49676 19.1373C8.51377 19.1954 8.54239 19.2491 8.58076 19.295C8.61914 19.3409 8.66642 19.3781 8.71958 19.4041C8.77273 19.4301 8.83058 19.4443 8.88939 19.4459C8.9482 19.4474 9.00668 19.4363 9.06107 19.4132C9.11545 19.3901 9.16454 19.3555 9.20516 19.3116C9.24579 19.2678 9.27706 19.2157 9.29696 19.1586L9.29766 19.1578V19.1568C9.31357 19.123 9.33615 19.0786 9.34958 19.0469C9.39738 18.9173 9.43783 18.785 9.47073 18.6506C9.54321 18.3772 9.65263 18.1157 9.79578 17.8737C9.84583 17.8253 9.90888 17.7935 9.9767 17.7827L10.0719 17.6054C11.3181 18.0991 12.697 18.1027 13.9456 17.6155C13.9723 17.6645 14.022 17.7582 14.0351 17.7818C14.1209 17.796 14.1979 17.8441 14.2495 17.9161C14.3683 18.1482 14.4649 18.3917 14.5377 18.6432C14.5709 18.7776 14.6116 18.91 14.6596 19.0396C14.6732 19.0715 14.6954 19.1164 14.7115 19.1504C14.7314 19.2075 14.7626 19.2597 14.8032 19.3036C14.8438 19.3475 14.8928 19.3821 14.9472 19.4053C15.0016 19.4285 15.06 19.4397 15.1189 19.4382C15.1777 19.4368 15.2356 19.4226 15.2888 19.3967C15.342 19.3708 15.3893 19.3337 15.4278 19.2878C15.4662 19.2419 15.4949 19.1882 15.512 19.1302C15.5292 19.0722 15.5343 19.0112 15.5271 18.951C15.52 18.8908 15.5006 18.8328 15.4704 18.7808C15.4544 18.7467 15.4323 18.6968 15.4157 18.6644C15.3472 18.5451 15.272 18.43 15.1906 18.3197C15.0452 18.1039 14.9205 17.8739 14.8184 17.6332C14.7963 17.547 14.8078 17.4554 14.8507 17.378C14.8238 17.3214 14.8004 17.2631 14.7807 17.2035C15.9334 16.4993 16.7946 15.3832 17.2005 14.0674C17.2548 14.0763 17.3494 14.0933 17.3801 14.0998C17.444 14.0394 17.5282 14.0071 17.6149 14.0099C17.8653 14.0592 18.1105 14.1335 18.3469 14.2318C18.4696 14.2891 18.5954 14.3392 18.7237 14.3816C18.754 14.3898 18.7973 14.3976 18.8321 14.4054C18.835 14.4063 18.8376 14.4075 18.8404 14.4083L18.8463 14.4092C18.902 14.4281 18.9609 14.4347 19.0193 14.4288C19.0776 14.4228 19.1341 14.4044 19.1851 14.3747C19.2361 14.3449 19.2806 14.3046 19.3156 14.2562C19.3506 14.2077 19.3754 14.1523 19.3885 14.0934C19.4015 14.0346 19.4025 13.9735 19.3914 13.9143C19.3802 13.855 19.3572 13.7987 19.3237 13.7492C19.2903 13.6996 19.2472 13.6577 19.1971 13.6263C19.1471 13.5948 19.0912 13.5745 19.0331 13.5665V13.5665ZM15.0446 9.16164L13.2506 10.4719L13.2443 10.4689C13.1902 10.5095 13.1265 10.5342 13.0599 10.5405C12.9932 10.5468 12.9262 10.5344 12.8659 10.5046C12.8055 10.4747 12.7542 10.4286 12.7173 10.3711C12.6803 10.3136 12.6592 10.2469 12.6562 10.178L12.6542 10.177L12.5296 7.91212C13.4781 8.03346 14.3617 8.47247 15.0445 9.16164H15.0446ZM11.665 11.6443H12.3402L12.7599 12.1849L12.6094 12.8592L12.0031 13.1598L11.395 12.8586L11.2442 12.184L11.665 11.6443ZM11.0298 7.99143C11.1777 7.95714 11.3272 7.93067 11.4777 7.91212L11.3529 10.1805L11.3437 10.185C11.3409 10.2539 11.32 10.3207 11.2833 10.3783C11.2465 10.4359 11.1953 10.4822 11.135 10.5122C11.0747 10.5421 11.0077 10.5547 10.9411 10.5486C10.8744 10.5424 10.8106 10.5178 10.7565 10.4773L10.753 10.4793L8.94734 9.16031C9.52218 8.57833 10.2435 8.17347 11.0298 7.99143V7.99143ZM8.29257 10.008L9.94109 11.5271L9.9393 11.5363C9.98983 11.5816 10.0275 11.6401 10.0482 11.7058C10.069 11.7714 10.0721 11.8415 10.0571 11.9088C10.0422 11.9761 10.0098 12.0379 9.96347 12.0877C9.91711 12.1375 9.8585 12.1734 9.79389 12.1916L9.79219 12.199L7.67907 12.8271C7.57378 11.8433 7.78965 10.8514 8.29257 10.0081V10.008ZM10.4998 14.0433L9.66021 16.1334C8.85435 15.602 8.24125 14.8114 7.916 13.8844L10.0826 13.5052L10.0863 13.5103C10.1102 13.5055 10.1346 13.5033 10.1589 13.5036C10.2197 13.5045 10.2793 13.5209 10.3325 13.5512C10.3856 13.5814 10.4308 13.6248 10.4638 13.6773C10.4969 13.7298 10.5169 13.7899 10.5221 13.8523C10.5273 13.9146 10.5175 13.9774 10.4935 14.0349L10.4998 14.0433ZM12.978 16.7311C12.1925 16.9167 11.3723 16.8733 10.6093 16.6058L11.6749 14.6207H11.6766C11.7083 14.5601 11.7554 14.5094 11.8127 14.474C11.8701 14.4387 11.9357 14.42 12.0026 14.4199C12.0694 14.4199 12.135 14.4384 12.1925 14.4737C12.2499 14.5089 12.297 14.5595 12.3288 14.6201H12.3368L13.405 16.6085C13.2664 16.6561 13.1241 16.6971 12.978 16.7313V16.7311ZM14.3547 16.1418L13.5065 14.0304L13.5091 14.0266C13.4715 13.9363 13.4691 13.8345 13.5025 13.7424C13.5359 13.6504 13.6025 13.5751 13.6884 13.5324C13.7327 13.5101 13.7809 13.4972 13.8302 13.4945C13.8586 13.4931 13.8872 13.4953 13.9152 13.5009L13.9189 13.4962L16.1048 13.8768C15.7821 14.8113 15.1663 15.6083 14.3547 16.1419V16.1418ZM16.3344 12.8197L14.2106 12.1895L14.2086 12.1803C14.1441 12.162 14.0857 12.126 14.0394 12.0761C13.9932 12.0263 13.9609 11.9645 13.946 11.8973C13.9312 11.8301 13.9342 11.76 13.9549 11.6945C13.9755 11.6289 14.013 11.5704 14.0634 11.525L14.0626 11.5206L15.702 10.0091C16.204 10.8502 16.426 11.837 16.3343 12.8198L16.3344 12.8197Z" fill="white"></path></g></svg></span>
\ No newline at end of file
+<path d="M19.0331 13.5665C18.9973 13.558 18.9462 13.5435 18.9111 13.5368C18.7777 13.5178 18.6433 13.5067 18.5087 13.5034C18.2543 13.4863 18.0021 13.4436 17.7557 13.3761C17.6797 13.332 17.617 13.267 17.5747 13.1884L17.4052 13.1376C17.5864 11.7737 17.2753 10.3887 16.5309 9.24546C16.5743 9.20488 16.6564 9.12998 16.6796 9.10794C16.6738 9.01885 16.7021 8.93095 16.7584 8.86304C16.9518 8.6919 17.1609 8.54055 17.3827 8.41115C17.5028 8.34826 17.6193 8.27825 17.7315 8.20149C17.7586 8.18079 17.7956 8.148 17.8239 8.12464C17.8738 8.0919 17.9165 8.04871 17.9491 7.99789C17.9817 7.94708 18.0036 7.88976 18.0134 7.82966C18.0231 7.76956 18.0205 7.70802 18.0056 7.64904C17.9908 7.59006 17.9641 7.53495 17.9272 7.48729C17.8904 7.43962 17.8442 7.40047 17.7918 7.37237C17.7393 7.34427 17.6817 7.32786 17.6226 7.32418C17.5636 7.32051 17.5045 7.32967 17.4491 7.35106C17.3937 7.37244 17.3433 7.40559 17.3012 7.44834C17.2725 7.4716 17.2335 7.50214 17.2081 7.52488C17.11 7.62003 17.0174 7.72096 16.9307 7.82717C16.7591 8.0215 16.5695 8.19817 16.3647 8.35469C16.2841 8.38847 16.1959 8.39834 16.1101 8.38317L15.9503 8.50071C15.0311 7.50686 13.793 6.89053 12.4659 6.76619C12.462 6.70871 12.4572 6.6046 12.4558 6.57314C12.3845 6.52222 12.3353 6.44464 12.3188 6.35693C12.3099 6.09446 12.3258 5.83171 12.3663 5.57242C12.3931 5.43663 12.4122 5.29936 12.4235 5.16131C12.4248 5.12647 12.4228 5.07585 12.4228 5.03824C12.4287 4.97778 12.4223 4.91671 12.4038 4.85898C12.3854 4.80125 12.3555 4.74814 12.3159 4.70308C12.2763 4.65802 12.228 4.62201 12.1741 4.59738C12.1201 4.57274 12.0618 4.56003 12.0028 4.56006C11.9438 4.56009 11.8855 4.57286 11.8316 4.59755C11.7777 4.62223 11.7294 4.65829 11.6899 4.70339C11.6504 4.74849 11.6204 4.80162 11.6021 4.85937C11.5837 4.91712 11.5773 4.97819 11.5833 5.03865C11.5833 5.04275 11.5841 5.04664 11.5842 5.05074C11.5838 5.08661 11.5822 5.13005 11.5833 5.16141C11.5947 5.29956 11.6138 5.43693 11.6405 5.57283C11.6808 5.83208 11.6965 6.09475 11.6873 6.35713C11.6635 6.44351 11.6162 6.52108 11.551 6.58072L11.5411 6.76373C11.2857 6.78546 11.0321 6.82562 10.7822 6.88393C9.7322 7.12838 8.77712 7.69054 8.03953 8.49825C7.98847 8.46197 7.93788 8.42502 7.88775 8.38737C7.8047 8.41297 7.71522 8.40403 7.63849 8.36247C7.43365 8.20626 7.24411 8.02982 7.07254 7.83568C6.98617 7.72954 6.89394 7.62861 6.79633 7.53339C6.77076 7.51084 6.73167 7.4801 6.70303 7.45654C6.61979 7.38738 6.51724 7.34752 6.4104 7.34279C6.34692 7.33937 6.28355 7.35141 6.22544 7.37794C6.16732 7.40447 6.11609 7.44473 6.0759 7.49547C6.00786 7.59424 5.98052 7.71673 5.99986 7.8362C6.01921 7.95566 6.08366 8.06239 6.17915 8.13304L6.18561 8.13776C6.21307 8.16092 6.24688 8.19053 6.27235 8.20969C6.38435 8.28646 6.50055 8.35653 6.62037 8.41955C6.84224 8.54895 7.05132 8.70037 7.24461 8.87165C7.29482 8.94503 7.32407 9.03143 7.32906 9.12106L7.46343 9.24484C6.72117 10.3922 6.41617 11.7814 6.60694 13.1462L6.43119 13.1989C6.38533 13.2743 6.32369 13.3383 6.25076 13.3861C6.00458 13.4538 5.75257 13.4966 5.49831 13.5139C5.36356 13.517 5.22909 13.5282 5.09558 13.5473C5.06336 13.5534 5.0186 13.5651 4.98349 13.5741L4.97981 13.5749L4.97384 13.5768C4.91569 13.5846 4.85978 13.6049 4.80969 13.6364C4.75959 13.6678 4.71642 13.7096 4.68292 13.7592C4.64942 13.8088 4.62634 13.865 4.61516 13.9243C4.60397 13.9837 4.60493 14.0447 4.61796 14.1036C4.631 14.1625 4.65583 14.218 4.69086 14.2664C4.72589 14.3149 4.77036 14.3553 4.82141 14.385C4.87246 14.4147 4.92898 14.4332 4.98734 14.4391C5.0457 14.445 5.10462 14.4384 5.16033 14.4195L5.1666 14.4185C5.16939 14.4178 5.17177 14.4164 5.17456 14.4159C5.20917 14.4077 5.25274 14.3992 5.28317 14.3907C5.41134 14.3485 5.53707 14.2989 5.65974 14.242C5.89614 14.1438 6.14125 14.0695 6.3916 14.0202C6.47842 14.0256 6.56202 14.0561 6.63291 14.108L6.81592 14.0757C7.22676 15.3834 8.0879 16.4909 9.23688 17.1895L9.1604 17.378C9.19595 17.454 9.209 17.539 9.19789 17.6226C9.09326 17.869 8.96603 18.1045 8.81794 18.326C8.73652 18.4366 8.66136 18.5519 8.59285 18.6715C8.57614 18.7041 8.55496 18.754 8.53894 18.7881C8.50864 18.8401 8.48924 18.898 8.48197 18.9581C8.47471 19.0183 8.47974 19.0793 8.49676 19.1373C8.51377 19.1954 8.54239 19.2491 8.58076 19.295C8.61914 19.3409 8.66642 19.3781 8.71958 19.4041C8.77273 19.4301 8.83058 19.4443 8.88939 19.4459C8.9482 19.4474 9.00668 19.4363 9.06107 19.4132C9.11545 19.3901 9.16454 19.3555 9.20516 19.3116C9.24579 19.2678 9.27706 19.2157 9.29696 19.1586L9.29766 19.1578V19.1568C9.31357 19.123 9.33615 19.0786 9.34958 19.0469C9.39738 18.9173 9.43783 18.785 9.47073 18.6506C9.54321 18.3772 9.65263 18.1157 9.79578 17.8737C9.84583 17.8253 9.90888 17.7935 9.9767 17.7827L10.0719 17.6054C11.3181 18.0991 12.697 18.1027 13.9456 17.6155C13.9723 17.6645 14.022 17.7582 14.0351 17.7818C14.1209 17.796 14.1979 17.8441 14.2495 17.9161C14.3683 18.1482 14.4649 18.3917 14.5377 18.6432C14.5709 18.7776 14.6116 18.91 14.6596 19.0396C14.6732 19.0715 14.6954 19.1164 14.7115 19.1504C14.7314 19.2075 14.7626 19.2597 14.8032 19.3036C14.8438 19.3475 14.8928 19.3821 14.9472 19.4053C15.0016 19.4285 15.06 19.4397 15.1189 19.4382C15.1777 19.4368 15.2356 19.4226 15.2888 19.3967C15.342 19.3708 15.3893 19.3337 15.4278 19.2878C15.4662 19.2419 15.4949 19.1882 15.512 19.1302C15.5292 19.0722 15.5343 19.0112 15.5271 18.951C15.52 18.8908 15.5006 18.8328 15.4704 18.7808C15.4544 18.7467 15.4323 18.6968 15.4157 18.6644C15.3472 18.5451 15.272 18.43 15.1906 18.3197C15.0452 18.1039 14.9205 17.8739 14.8184 17.6332C14.7963 17.547 14.8078 17.4554 14.8507 17.378C14.8238 17.3214 14.8004 17.2631 14.7807 17.2035C15.9334 16.4993 16.7946 15.3832 17.2005 14.0674C17.2548 14.0763 17.3494 14.0933 17.3801 14.0998C17.444 14.0394 17.5282 14.0071 17.6149 14.0099C17.8653 14.0592 18.1105 14.1335 18.3469 14.2318C18.4696 14.2891 18.5954 14.3392 18.7237 14.3816C18.754 14.3898 18.7973 14.3976 18.8321 14.4054C18.835 14.4063 18.8376 14.4075 18.8404 14.4083L18.8463 14.4092C18.902 14.4281 18.9609 14.4347 19.0193 14.4288C19.0776 14.4228 19.1341 14.4044 19.1851 14.3747C19.2361 14.3449 19.2806 14.3046 19.3156 14.2562C19.3506 14.2077 19.3754 14.1523 19.3885 14.0934C19.4015 14.0346 19.4025 13.9735 19.3914 13.9143C19.3802 13.855 19.3572 13.7987 19.3237 13.7492C19.2903 13.6996 19.2472 13.6577 19.1971 13.6263C19.1471 13.5948 19.0912 13.5745 19.0331 13.5665V13.5665ZM15.0446 9.16164L13.2506 10.4719L13.2443 10.4689C13.1902 10.5095 13.1265 10.5342 13.0599 10.5405C12.9932 10.5468 12.9262 10.5344 12.8659 10.5046C12.8055 10.4747 12.7542 10.4286 12.7173 10.3711C12.6803 10.3136 12.6592 10.2469 12.6562 10.178L12.6542 10.177L12.5296 7.91212C13.4781 8.03346 14.3617 8.47247 15.0445 9.16164H15.0446ZM11.665 11.6443H12.3402L12.7599 12.1849L12.6094 12.8592L12.0031 13.1598L11.395 12.8586L11.2442 12.184L11.665 11.6443ZM11.0298 7.99143C11.1777 7.95714 11.3272 7.93067 11.4777 7.91212L11.3529 10.1805L11.3437 10.185C11.3409 10.2539 11.32 10.3207 11.2833 10.3783C11.2465 10.4359 11.1953 10.4822 11.135 10.5122C11.0747 10.5421 11.0077 10.5547 10.9411 10.5486C10.8744 10.5424 10.8106 10.5178 10.7565 10.4773L10.753 10.4793L8.94734 9.16031C9.52218 8.57833 10.2435 8.17347 11.0298 7.99143V7.99143ZM8.29257 10.008L9.94109 11.5271L9.9393 11.5363C9.98983 11.5816 10.0275 11.6401 10.0482 11.7058C10.069 11.7714 10.0721 11.8415 10.0571 11.9088C10.0422 11.9761 10.0098 12.0379 9.96347 12.0877C9.91711 12.1375 9.8585 12.1734 9.79389 12.1916L9.79219 12.199L7.67907 12.8271C7.57378 11.8433 7.78965 10.8514 8.29257 10.0081V10.008ZM10.4998 14.0433L9.66021 16.1334C8.85435 15.602 8.24125 14.8114 7.916 13.8844L10.0826 13.5052L10.0863 13.5103C10.1102 13.5055 10.1346 13.5033 10.1589 13.5036C10.2197 13.5045 10.2793 13.5209 10.3325 13.5512C10.3856 13.5814 10.4308 13.6248 10.4638 13.6773C10.4969 13.7298 10.5169 13.7899 10.5221 13.8523C10.5273 13.9146 10.5175 13.9774 10.4935 14.0349L10.4998 14.0433ZM12.978 16.7311C12.1925 16.9167 11.3723 16.8733 10.6093 16.6058L11.6749 14.6207H11.6766C11.7083 14.5601 11.7554 14.5094 11.8127 14.474C11.8701 14.4387 11.9357 14.42 12.0026 14.4199C12.0694 14.4199 12.135 14.4384 12.1925 14.4737C12.2499 14.5089 12.297 14.5595 12.3288 14.6201H12.3368L13.405 16.6085C13.2664 16.6561 13.1241 16.6971 12.978 16.7313V16.7311ZM14.3547 16.1418L13.5065 14.0304L13.5091 14.0266C13.4715 13.9363 13.4691 13.8345 13.5025 13.7424C13.5359 13.6504 13.6025 13.5751 13.6884 13.5324C13.7327 13.5101 13.7809 13.4972 13.8302 13.4945C13.8586 13.4931 13.8872 13.4953 13.9152 13.5009L13.9189 13.4962L16.1048 13.8768C15.7821 14.8113 15.1663 15.6083 14.3547 16.1419V16.1418ZM16.3344 12.8197L14.2106 12.1895L14.2086 12.1803C14.1441 12.162 14.0857 12.126 14.0394 12.0761C13.9932 12.0263 13.9609 11.9645 13.946 11.8973C13.9312 11.8301 13.9342 11.76 13.9549 11.6945C13.9755 11.6289 14.013 11.5704 14.0634 11.525L14.0626 11.5206L15.702 10.0091C16.204 10.8502 16.426 11.837 16.3343 12.8198L16.3344 12.8197Z" fill="white"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeServerlessIcon.html b/src/tests/__snapshots__/RuntimeServerlessIcon.html
index 98faf29c..41b2e640 100644
--- a/src/tests/__snapshots__/RuntimeServerlessIcon.html
+++ b/src/tests/__snapshots__/RuntimeServerlessIcon.html
@@ -1 +1 @@
-<span data-v-566264c8="" class="kui-icon runtime-serverless-icon" data-testid="kui-icon-wrapper-runtime-serverless-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-566264c8="" data-testid="kui-icon-svg-runtime-serverless-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-566264c8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-566264c8=""><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="#828A9E"></path></g></svg></span>
\ No newline at end of file
+<span data-v-566264c8="" class="kui-icon runtime-serverless-icon" data-testid="kui-icon-wrapper-runtime-serverless-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-566264c8="" data-testid="kui-icon-svg-runtime-serverless-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimesIcon.html b/src/tests/__snapshots__/RuntimesIcon.html
index 9bfc1259..b3f1bed5 100644
--- a/src/tests/__snapshots__/RuntimesIcon.html
+++ b/src/tests/__snapshots__/RuntimesIcon.html
@@ -1 +1 @@
-<span data-v-e202beae="" class="kui-icon runtimes-icon" data-testid="kui-icon-wrapper-runtimes-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e202beae="" data-testid="kui-icon-svg-runtimes-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e202beae="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e202beae=""><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e202beae="" class="kui-icon runtimes-icon" data-testid="kui-icon-wrapper-runtimes-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e202beae="" data-testid="kui-icon-svg-runtimes-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SearchIcon.html b/src/tests/__snapshots__/SearchIcon.html
index 67fe705a..76a34ab8 100644
--- a/src/tests/__snapshots__/SearchIcon.html
+++ b/src/tests/__snapshots__/SearchIcon.html
@@ -1 +1 @@
-<span data-v-1b44ac50="" class="kui-icon search-icon" data-testid="kui-icon-wrapper-search-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1b44ac50="" data-testid="kui-icon-svg-search-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-1b44ac50="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-1b44ac50=""><path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-1b44ac50="" class="kui-icon search-icon" data-testid="kui-icon-wrapper-search-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1b44ac50="" data-testid="kui-icon-svg-search-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SecurityIcon.html b/src/tests/__snapshots__/SecurityIcon.html
index 3630a170..76f433e8 100644
--- a/src/tests/__snapshots__/SecurityIcon.html
+++ b/src/tests/__snapshots__/SecurityIcon.html
@@ -1 +1 @@
-<span data-v-789cb16c="" class="kui-icon security-icon" data-testid="kui-icon-wrapper-security-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-789cb16c="" data-testid="kui-icon-svg-security-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-789cb16c="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-789cb16c=""><path d="M9.2 15.6L12 13.5L14.75 15.6L13.7 12.2L16.5 10H13.1L12 6.6L10.9 10H7.5L10.25 12.2L9.2 15.6ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 19.9C13.7333 19.35 15.1667 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.375L12 4.125L6 6.375V11.1C6 13.1167 6.56667 14.95 7.7 16.6C8.83333 18.25 10.2667 19.35 12 19.9Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-789cb16c="" class="kui-icon security-icon" data-testid="kui-icon-wrapper-security-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-789cb16c="" data-testid="kui-icon-svg-security-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.2 15.6L12 13.5L14.75 15.6L13.7 12.2L16.5 10H13.1L12 6.6L10.9 10H7.5L10.25 12.2L9.2 15.6ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 19.9C13.7333 19.35 15.1667 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.375L12 4.125L6 6.375V11.1C6 13.1167 6.56667 14.95 7.7 16.6C8.83333 18.25 10.2667 19.35 12 19.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServiceDocumentIcon.html b/src/tests/__snapshots__/ServiceDocumentIcon.html
index 1a3cc51c..13a9c776 100644
--- a/src/tests/__snapshots__/ServiceDocumentIcon.html
+++ b/src/tests/__snapshots__/ServiceDocumentIcon.html
@@ -1 +1 @@
-<span data-v-d8e5dd1e="" class="kui-icon service-document-icon" data-testid="kui-icon-wrapper-service-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d8e5dd1e="" data-testid="kui-icon-svg-service-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d8e5dd1e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d8e5dd1e=""><path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-d8e5dd1e="" class="kui-icon service-document-icon" data-testid="kui-icon-wrapper-service-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d8e5dd1e="" data-testid="kui-icon-svg-service-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServiceHubIcon.html b/src/tests/__snapshots__/ServiceHubIcon.html
index beebacc6..1fa365f5 100644
--- a/src/tests/__snapshots__/ServiceHubIcon.html
+++ b/src/tests/__snapshots__/ServiceHubIcon.html
@@ -1 +1 @@
-<span data-v-63900836="" class="kui-icon service-hub-icon" data-testid="kui-icon-wrapper-service-hub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-63900836="" data-testid="kui-icon-svg-service-hub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-63900836="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-63900836=""><path d="M10.6198 1.19995V10.02H1.7998V3.83995L4.81181 1.19995H10.6198ZM22.0198 10.02H13.1998V1.19995H19.3798L22.0198 4.21195V10.02ZM13.1998 21.42V12.6H22.0198V18.78L19.0078 21.42H13.1998ZM1.7998 12.6H10.6198V21.42H4.4398L1.7998 18.408V12.6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-63900836="" class="kui-icon service-hub-icon" data-testid="kui-icon-wrapper-service-hub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-63900836="" data-testid="kui-icon-svg-service-hub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.6198 1.19995V10.02H1.7998V3.83995L4.81181 1.19995H10.6198ZM22.0198 10.02H13.1998V1.19995H19.3798L22.0198 4.21195V10.02ZM13.1998 21.42V12.6H22.0198V18.78L19.0078 21.42H13.1998ZM1.7998 12.6H10.6198V21.42H4.4398L1.7998 18.408V12.6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServicesIcon.html b/src/tests/__snapshots__/ServicesIcon.html
index 20f1f332..f3f820a6 100644
--- a/src/tests/__snapshots__/ServicesIcon.html
+++ b/src/tests/__snapshots__/ServicesIcon.html
@@ -1 +1 @@
-<span data-v-60e5b86e="" class="kui-icon services-icon" data-testid="kui-icon-wrapper-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60e5b86e="" data-testid="kui-icon-svg-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-60e5b86e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-60e5b86e=""><path d="M18 15V13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14C21 14.2833 20.9042 14.5208 20.7125 14.7125C20.5208 14.9042 20.2833 15 20 15H18ZM18 19V17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H18ZM14 20C13.45 20 12.9792 19.8042 12.5875 19.4125C12.1958 19.0208 12 18.55 12 18H10V14H12C12 13.45 12.1958 12.9792 12.5875 12.5875C12.9792 12.1958 13.45 12 14 12H17V20H14ZM7 17C5.9 17 4.95833 16.6083 4.175 15.825C3.39167 15.0417 3 14.1 3 13C3 11.9 3.39167 10.9583 4.175 10.175C4.95833 9.39167 5.9 9 7 9H8.5C8.91667 9 9.27083 8.85417 9.5625 8.5625C9.85417 8.27083 10 7.91667 10 7.5C10 7.08333 9.85417 6.72917 9.5625 6.4375C9.27083 6.14583 8.91667 6 8.5 6H5C4.71667 6 4.47917 5.90417 4.2875 5.7125C4.09583 5.52083 4 5.28333 4 5C4 4.71667 4.09583 4.47917 4.2875 4.2875C4.47917 4.09583 4.71667 4 5 4H8.5C9.46667 4 10.2917 4.34167 10.975 5.025C11.6583 5.70833 12 6.53333 12 7.5C12 8.46667 11.6583 9.29167 10.975 9.975C10.2917 10.6583 9.46667 11 8.5 11H7C6.45 11 5.97917 11.1958 5.5875 11.5875C5.19583 11.9792 5 12.45 5 13C5 13.55 5.19583 14.0208 5.5875 14.4125C5.97917 14.8042 6.45 15 7 15H9V17H7Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-60e5b86e="" class="kui-icon services-icon" data-testid="kui-icon-wrapper-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60e5b86e="" data-testid="kui-icon-svg-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M18 15V13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14C21 14.2833 20.9042 14.5208 20.7125 14.7125C20.5208 14.9042 20.2833 15 20 15H18ZM18 19V17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H18ZM14 20C13.45 20 12.9792 19.8042 12.5875 19.4125C12.1958 19.0208 12 18.55 12 18H10V14H12C12 13.45 12.1958 12.9792 12.5875 12.5875C12.9792 12.1958 13.45 12 14 12H17V20H14ZM7 17C5.9 17 4.95833 16.6083 4.175 15.825C3.39167 15.0417 3 14.1 3 13C3 11.9 3.39167 10.9583 4.175 10.175C4.95833 9.39167 5.9 9 7 9H8.5C8.91667 9 9.27083 8.85417 9.5625 8.5625C9.85417 8.27083 10 7.91667 10 7.5C10 7.08333 9.85417 6.72917 9.5625 6.4375C9.27083 6.14583 8.91667 6 8.5 6H5C4.71667 6 4.47917 5.90417 4.2875 5.7125C4.09583 5.52083 4 5.28333 4 5C4 4.71667 4.09583 4.47917 4.2875 4.2875C4.47917 4.09583 4.71667 4 5 4H8.5C9.46667 4 10.2917 4.34167 10.975 5.025C11.6583 5.70833 12 6.53333 12 7.5C12 8.46667 11.6583 9.29167 10.975 9.975C10.2917 10.6583 9.46667 11 8.5 11H7C6.45 11 5.97917 11.1958 5.5875 11.5875C5.19583 11.9792 5 12.45 5 13C5 13.55 5.19583 14.0208 5.5875 14.4125C5.97917 14.8042 6.45 15 7 15H9V17H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SharedIcon.html b/src/tests/__snapshots__/SharedIcon.html
index af218d4e..14561c3e 100644
--- a/src/tests/__snapshots__/SharedIcon.html
+++ b/src/tests/__snapshots__/SharedIcon.html
@@ -1 +1 @@
-<span data-v-06228baf="" class="kui-icon shared-icon" data-testid="kui-icon-wrapper-shared-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06228baf="" data-testid="kui-icon-svg-shared-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-06228baf="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-06228baf=""><path d="M18 22C17.1667 22 16.4583 21.7083 15.875 21.125C15.2917 20.5417 15 19.8333 15 19C15 18.8833 15.0083 18.7625 15.025 18.6375C15.0417 18.5125 15.0667 18.4 15.1 18.3L8.05 14.2C7.76667 14.45 7.45 14.6458 7.1 14.7875C6.75 14.9292 6.38333 15 6 15C5.16667 15 4.45833 14.7083 3.875 14.125C3.29167 13.5417 3 12.8333 3 12C3 11.1667 3.29167 10.4583 3.875 9.875C4.45833 9.29167 5.16667 9 6 9C6.38333 9 6.75 9.07083 7.1 9.2125C7.45 9.35417 7.76667 9.55 8.05 9.8L15.1 5.7C15.0667 5.6 15.0417 5.4875 15.025 5.3625C15.0083 5.2375 15 5.11667 15 5C15 4.16667 15.2917 3.45833 15.875 2.875C16.4583 2.29167 17.1667 2 18 2C18.8333 2 19.5417 2.29167 20.125 2.875C20.7083 3.45833 21 4.16667 21 5C21 5.83333 20.7083 6.54167 20.125 7.125C19.5417 7.70833 18.8333 8 18 8C17.6167 8 17.25 7.92917 16.9 7.7875C16.55 7.64583 16.2333 7.45 15.95 7.2L8.9 11.3C8.93333 11.4 8.95833 11.5125 8.975 11.6375C8.99167 11.7625 9 11.8833 9 12C9 12.1167 8.99167 12.2375 8.975 12.3625C8.95833 12.4875 8.93333 12.6 8.9 12.7L15.95 16.8C16.2333 16.55 16.55 16.3542 16.9 16.2125C17.25 16.0708 17.6167 16 18 16C18.8333 16 19.5417 16.2917 20.125 16.875C20.7083 17.4583 21 18.1667 21 19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22ZM18 6C18.2833 6 18.5208 5.90417 18.7125 5.7125C18.9042 5.52083 19 5.28333 19 5C19 4.71667 18.9042 4.47917 18.7125 4.2875C18.5208 4.09583 18.2833 4 18 4C17.7167 4 17.4792 4.09583 17.2875 4.2875C17.0958 4.47917 17 4.71667 17 5C17 5.28333 17.0958 5.52083 17.2875 5.7125C17.4792 5.90417 17.7167 6 18 6ZM6 13C6.28333 13 6.52083 12.9042 6.7125 12.7125C6.90417 12.5208 7 12.2833 7 12C7 11.7167 6.90417 11.4792 6.7125 11.2875C6.52083 11.0958 6.28333 11 6 11C5.71667 11 5.47917 11.0958 5.2875 11.2875C5.09583 11.4792 5 11.7167 5 12C5 12.2833 5.09583 12.5208 5.2875 12.7125C5.47917 12.9042 5.71667 13 6 13ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19C19 18.7167 18.9042 18.4792 18.7125 18.2875C18.5208 18.0958 18.2833 18 18 18C17.7167 18 17.4792 18.0958 17.2875 18.2875C17.0958 18.4792 17 18.7167 17 19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-06228baf="" class="kui-icon shared-icon" data-testid="kui-icon-wrapper-shared-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06228baf="" data-testid="kui-icon-svg-shared-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M18 22C17.1667 22 16.4583 21.7083 15.875 21.125C15.2917 20.5417 15 19.8333 15 19C15 18.8833 15.0083 18.7625 15.025 18.6375C15.0417 18.5125 15.0667 18.4 15.1 18.3L8.05 14.2C7.76667 14.45 7.45 14.6458 7.1 14.7875C6.75 14.9292 6.38333 15 6 15C5.16667 15 4.45833 14.7083 3.875 14.125C3.29167 13.5417 3 12.8333 3 12C3 11.1667 3.29167 10.4583 3.875 9.875C4.45833 9.29167 5.16667 9 6 9C6.38333 9 6.75 9.07083 7.1 9.2125C7.45 9.35417 7.76667 9.55 8.05 9.8L15.1 5.7C15.0667 5.6 15.0417 5.4875 15.025 5.3625C15.0083 5.2375 15 5.11667 15 5C15 4.16667 15.2917 3.45833 15.875 2.875C16.4583 2.29167 17.1667 2 18 2C18.8333 2 19.5417 2.29167 20.125 2.875C20.7083 3.45833 21 4.16667 21 5C21 5.83333 20.7083 6.54167 20.125 7.125C19.5417 7.70833 18.8333 8 18 8C17.6167 8 17.25 7.92917 16.9 7.7875C16.55 7.64583 16.2333 7.45 15.95 7.2L8.9 11.3C8.93333 11.4 8.95833 11.5125 8.975 11.6375C8.99167 11.7625 9 11.8833 9 12C9 12.1167 8.99167 12.2375 8.975 12.3625C8.95833 12.4875 8.93333 12.6 8.9 12.7L15.95 16.8C16.2333 16.55 16.55 16.3542 16.9 16.2125C17.25 16.0708 17.6167 16 18 16C18.8333 16 19.5417 16.2917 20.125 16.875C20.7083 17.4583 21 18.1667 21 19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22ZM18 6C18.2833 6 18.5208 5.90417 18.7125 5.7125C18.9042 5.52083 19 5.28333 19 5C19 4.71667 18.9042 4.47917 18.7125 4.2875C18.5208 4.09583 18.2833 4 18 4C17.7167 4 17.4792 4.09583 17.2875 4.2875C17.0958 4.47917 17 4.71667 17 5C17 5.28333 17.0958 5.52083 17.2875 5.7125C17.4792 5.90417 17.7167 6 18 6ZM6 13C6.28333 13 6.52083 12.9042 6.7125 12.7125C6.90417 12.5208 7 12.2833 7 12C7 11.7167 6.90417 11.4792 6.7125 11.2875C6.52083 11.0958 6.28333 11 6 11C5.71667 11 5.47917 11.0958 5.2875 11.2875C5.09583 11.4792 5 11.7167 5 12C5 12.2833 5.09583 12.5208 5.2875 12.7125C5.47917 12.9042 5.71667 13 6 13ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19C19 18.7167 18.9042 18.4792 18.7125 18.2875C18.5208 18.0958 18.2833 18 18 18C17.7167 18 17.4792 18.0958 17.2875 18.2875C17.0958 18.4792 17 18.7167 17 19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/StackIcon.html b/src/tests/__snapshots__/StackIcon.html
index 445dbaba..aef878fc 100644
--- a/src/tests/__snapshots__/StackIcon.html
+++ b/src/tests/__snapshots__/StackIcon.html
@@ -1 +1 @@
-<span data-v-e0ea4e1f="" class="kui-icon stack-icon" data-testid="kui-icon-wrapper-stack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0ea4e1f="" data-testid="kui-icon-svg-stack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e0ea4e1f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e0ea4e1f=""><path d="M12 14L1 8L12 2L23 8L12 14ZM12 18L1.575 12.325L3.675 11.175L12 15.725L20.325 11.175L22.425 12.325L12 18ZM12 22L1.575 16.325L3.675 15.175L12 19.725L20.325 15.175L22.425 16.325L12 22ZM12 11.725L18.825 8L12 4.275L5.175 8L12 11.725Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e0ea4e1f="" class="kui-icon stack-icon" data-testid="kui-icon-wrapper-stack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0ea4e1f="" data-testid="kui-icon-svg-stack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 14L1 8L12 2L23 8L12 14ZM12 18L1.575 12.325L3.675 11.175L12 15.725L20.325 11.175L22.425 12.325L12 18ZM12 22L1.575 16.325L3.675 15.175L12 19.725L20.325 15.175L22.425 16.325L12 22ZM12 11.725L18.825 8L12 4.275L5.175 8L12 11.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/StrikethroughIcon.html b/src/tests/__snapshots__/StrikethroughIcon.html
index 8b7aaa28..ab312b82 100644
--- a/src/tests/__snapshots__/StrikethroughIcon.html
+++ b/src/tests/__snapshots__/StrikethroughIcon.html
@@ -1 +1 @@
-<span data-v-afadfeec="" class="kui-icon strikethrough-icon" data-testid="kui-icon-wrapper-strikethrough-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-afadfeec="" data-testid="kui-icon-svg-strikethrough-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-afadfeec="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-afadfeec=""><path d="M12.15 20C10.8833 20 9.75833 19.625 8.775 18.875C7.79167 18.125 7.08333 17.1 6.65 15.8L8.85 14.85C9.08333 15.65 9.4875 16.3083 10.0625 16.825C10.6375 17.3417 11.35 17.6 12.2 17.6C12.9 17.6 13.5333 17.4333 14.1 17.1C14.6667 16.7667 14.95 16.2333 14.95 15.5C14.95 15.2 14.8917 14.925 14.775 14.675C14.6583 14.425 14.5 14.2 14.3 14H17.1C17.1833 14.2333 17.2458 14.4708 17.2875 14.7125C17.3292 14.9542 17.35 15.2167 17.35 15.5C17.35 16.9333 16.8375 18.0417 15.8125 18.825C14.7875 19.6083 13.5667 20 12.15 20ZM2 12V10H22V12H2ZM12.05 3.85C13.15 3.85 14.1125 4.12083 14.9375 4.6625C15.7625 5.20417 16.4 6.03333 16.85 7.15L14.65 8.125C14.5 7.64167 14.2208 7.20833 13.8125 6.825C13.4042 6.44167 12.8333 6.25 12.1 6.25C11.4167 6.25 10.85 6.40417 10.4 6.7125C9.95 7.02083 9.7 7.45 9.65 8H7.25C7.28333 6.85 7.7375 5.87083 8.6125 5.0625C9.4875 4.25417 10.6333 3.85 12.05 3.85Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-afadfeec="" class="kui-icon strikethrough-icon" data-testid="kui-icon-wrapper-strikethrough-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-afadfeec="" data-testid="kui-icon-svg-strikethrough-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.15 20C10.8833 20 9.75833 19.625 8.775 18.875C7.79167 18.125 7.08333 17.1 6.65 15.8L8.85 14.85C9.08333 15.65 9.4875 16.3083 10.0625 16.825C10.6375 17.3417 11.35 17.6 12.2 17.6C12.9 17.6 13.5333 17.4333 14.1 17.1C14.6667 16.7667 14.95 16.2333 14.95 15.5C14.95 15.2 14.8917 14.925 14.775 14.675C14.6583 14.425 14.5 14.2 14.3 14H17.1C17.1833 14.2333 17.2458 14.4708 17.2875 14.7125C17.3292 14.9542 17.35 15.2167 17.35 15.5C17.35 16.9333 16.8375 18.0417 15.8125 18.825C14.7875 19.6083 13.5667 20 12.15 20ZM2 12V10H22V12H2ZM12.05 3.85C13.15 3.85 14.1125 4.12083 14.9375 4.6625C15.7625 5.20417 16.4 6.03333 16.85 7.15L14.65 8.125C14.5 7.64167 14.2208 7.20833 13.8125 6.825C13.4042 6.44167 12.8333 6.25 12.1 6.25C11.4167 6.25 10.85 6.40417 10.4 6.7125C9.95 7.02083 9.7 7.45 9.65 8H7.25C7.28333 6.85 7.7375 5.87083 8.6125 5.0625C9.4875 4.25417 10.6333 3.85 12.05 3.85Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SubscriptIcon.html b/src/tests/__snapshots__/SubscriptIcon.html
index 0f7f94f6..1f6877d7 100644
--- a/src/tests/__snapshots__/SubscriptIcon.html
+++ b/src/tests/__snapshots__/SubscriptIcon.html
@@ -1 +1 @@
-<span data-v-b3de54ef="" class="kui-icon subscript-icon" data-testid="kui-icon-wrapper-subscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b3de54ef="" data-testid="kui-icon-svg-subscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-b3de54ef="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-b3de54ef=""><path d="M20 20C19.7167 20 19.4792 19.9042 19.2875 19.7125C19.0958 19.5208 19 19.2833 19 19V18C19 17.7167 19.0958 17.4792 19.2875 17.2875C19.4792 17.0958 19.7167 17 20 17H22V16H19.5C19.3667 16 19.25 15.95 19.15 15.85C19.05 15.75 19 15.6333 19 15.5C19 15.3667 19.05 15.25 19.15 15.15C19.25 15.05 19.3667 15 19.5 15H22C22.2833 15 22.5208 15.0958 22.7125 15.2875C22.9042 15.4792 23 15.7167 23 16V17C23 17.2833 22.9042 17.5208 22.7125 17.7125C22.5208 17.9042 22.2833 18 22 18H20V19H22.5C22.6333 19 22.75 19.05 22.85 19.15C22.95 19.25 23 19.3667 23 19.5C23 19.6333 22.95 19.75 22.85 19.85C22.75 19.95 22.6333 20 22.5 20H20ZM7.92501 18C7.47501 18 7.14584 17.8083 6.93751 17.425C6.72917 17.0417 6.74167 16.6583 6.97501 16.275L10.5 10.725L7.30001 5.7C7.06667 5.33333 7.05417 4.95833 7.26251 4.575C7.47084 4.19167 7.79167 4 8.22501 4C8.42501 4 8.60834 4.04583 8.77501 4.1375C8.94167 4.22917 9.07501 4.35833 9.17501 4.525L11.95 9H12.05L14.8 4.525C14.9 4.35833 15.0375 4.22917 15.2125 4.1375C15.3875 4.04583 15.5667 4 15.75 4C16.2 4 16.525 4.19167 16.725 4.575C16.925 4.95833 16.9083 5.34167 16.675 5.725L13.475 10.725L17.025 16.275C17.2583 16.6583 17.2667 17.0417 17.05 17.425C16.8333 17.8083 16.5083 18 16.075 18C15.875 18 15.6917 17.9542 15.525 17.8625C15.3583 17.7708 15.225 17.6417 15.125 17.475L12.05 12.575H11.95L8.87501 17.475C8.77501 17.6417 8.63751 17.7708 8.46251 17.8625C8.28751 17.9542 8.10834 18 7.92501 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-b3de54ef="" class="kui-icon subscript-icon" data-testid="kui-icon-wrapper-subscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b3de54ef="" data-testid="kui-icon-svg-subscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20 20C19.7167 20 19.4792 19.9042 19.2875 19.7125C19.0958 19.5208 19 19.2833 19 19V18C19 17.7167 19.0958 17.4792 19.2875 17.2875C19.4792 17.0958 19.7167 17 20 17H22V16H19.5C19.3667 16 19.25 15.95 19.15 15.85C19.05 15.75 19 15.6333 19 15.5C19 15.3667 19.05 15.25 19.15 15.15C19.25 15.05 19.3667 15 19.5 15H22C22.2833 15 22.5208 15.0958 22.7125 15.2875C22.9042 15.4792 23 15.7167 23 16V17C23 17.2833 22.9042 17.5208 22.7125 17.7125C22.5208 17.9042 22.2833 18 22 18H20V19H22.5C22.6333 19 22.75 19.05 22.85 19.15C22.95 19.25 23 19.3667 23 19.5C23 19.6333 22.95 19.75 22.85 19.85C22.75 19.95 22.6333 20 22.5 20H20ZM7.92501 18C7.47501 18 7.14584 17.8083 6.93751 17.425C6.72917 17.0417 6.74167 16.6583 6.97501 16.275L10.5 10.725L7.30001 5.7C7.06667 5.33333 7.05417 4.95833 7.26251 4.575C7.47084 4.19167 7.79167 4 8.22501 4C8.42501 4 8.60834 4.04583 8.77501 4.1375C8.94167 4.22917 9.07501 4.35833 9.17501 4.525L11.95 9H12.05L14.8 4.525C14.9 4.35833 15.0375 4.22917 15.2125 4.1375C15.3875 4.04583 15.5667 4 15.75 4C16.2 4 16.525 4.19167 16.725 4.575C16.925 4.95833 16.9083 5.34167 16.675 5.725L13.475 10.725L17.025 16.275C17.2583 16.6583 17.2667 17.0417 17.05 17.425C16.8333 17.8083 16.5083 18 16.075 18C15.875 18 15.6917 17.9542 15.525 17.8625C15.3583 17.7708 15.225 17.6417 15.125 17.475L12.05 12.575H11.95L8.87501 17.475C8.77501 17.6417 8.63751 17.7708 8.46251 17.8625C8.28751 17.9542 8.10834 18 7.92501 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SuperscriptIcon.html b/src/tests/__snapshots__/SuperscriptIcon.html
index 09bae9d6..6aa78456 100644
--- a/src/tests/__snapshots__/SuperscriptIcon.html
+++ b/src/tests/__snapshots__/SuperscriptIcon.html
@@ -1 +1 @@
-<span data-v-a1b1567b="" class="kui-icon superscript-icon" data-testid="kui-icon-wrapper-superscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1b1567b="" data-testid="kui-icon-svg-superscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a1b1567b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a1b1567b=""><path d="M20 9C19.7167 9 19.4792 8.90417 19.2875 8.7125C19.0958 8.52083 19 8.28333 19 8V7C19 6.71667 19.0958 6.47917 19.2875 6.2875C19.4792 6.09583 19.7167 6 20 6H22V5H19.5C19.3667 5 19.25 4.95 19.15 4.85C19.05 4.75 19 4.63333 19 4.5C19 4.36667 19.05 4.25 19.15 4.15C19.25 4.05 19.3667 4 19.5 4H22C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V6C23 6.28333 22.9042 6.52083 22.7125 6.7125C22.5208 6.90417 22.2833 7 22 7H20V8H22.5C22.6333 8 22.75 8.05 22.85 8.15C22.95 8.25 23 8.36667 23 8.5C23 8.63333 22.95 8.75 22.85 8.85C22.75 8.95 22.6333 9 22.5 9H20ZM7.92501 20C7.47501 20 7.14584 19.8083 6.93751 19.425C6.72917 19.0417 6.74167 18.6583 6.97501 18.275L10.5 12.725L7.30001 7.7C7.06667 7.33333 7.05417 6.95833 7.26251 6.575C7.47084 6.19167 7.79167 6 8.22501 6C8.42501 6 8.60834 6.04583 8.77501 6.1375C8.94167 6.22917 9.07501 6.35833 9.17501 6.525L11.95 11H12.05L14.8 6.525C14.9 6.35833 15.0375 6.22917 15.2125 6.1375C15.3875 6.04583 15.5667 6 15.75 6C16.2 6 16.525 6.19167 16.725 6.575C16.925 6.95833 16.9083 7.34167 16.675 7.725L13.475 12.725L17.025 18.275C17.2583 18.6583 17.2667 19.0417 17.05 19.425C16.8333 19.8083 16.5083 20 16.075 20C15.875 20 15.6917 19.9542 15.525 19.8625C15.3583 19.7708 15.225 19.6417 15.125 19.475L12.05 14.575H11.95L8.87501 19.475C8.77501 19.6417 8.63751 19.7708 8.46251 19.8625C8.28751 19.9542 8.10834 20 7.92501 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-a1b1567b="" class="kui-icon superscript-icon" data-testid="kui-icon-wrapper-superscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1b1567b="" data-testid="kui-icon-svg-superscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20 9C19.7167 9 19.4792 8.90417 19.2875 8.7125C19.0958 8.52083 19 8.28333 19 8V7C19 6.71667 19.0958 6.47917 19.2875 6.2875C19.4792 6.09583 19.7167 6 20 6H22V5H19.5C19.3667 5 19.25 4.95 19.15 4.85C19.05 4.75 19 4.63333 19 4.5C19 4.36667 19.05 4.25 19.15 4.15C19.25 4.05 19.3667 4 19.5 4H22C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V6C23 6.28333 22.9042 6.52083 22.7125 6.7125C22.5208 6.90417 22.2833 7 22 7H20V8H22.5C22.6333 8 22.75 8.05 22.85 8.15C22.95 8.25 23 8.36667 23 8.5C23 8.63333 22.95 8.75 22.85 8.85C22.75 8.95 22.6333 9 22.5 9H20ZM7.92501 20C7.47501 20 7.14584 19.8083 6.93751 19.425C6.72917 19.0417 6.74167 18.6583 6.97501 18.275L10.5 12.725L7.30001 7.7C7.06667 7.33333 7.05417 6.95833 7.26251 6.575C7.47084 6.19167 7.79167 6 8.22501 6C8.42501 6 8.60834 6.04583 8.77501 6.1375C8.94167 6.22917 9.07501 6.35833 9.17501 6.525L11.95 11H12.05L14.8 6.525C14.9 6.35833 15.0375 6.22917 15.2125 6.1375C15.3875 6.04583 15.5667 6 15.75 6C16.2 6 16.525 6.19167 16.725 6.575C16.925 6.95833 16.9083 7.34167 16.675 7.725L13.475 12.725L17.025 18.275C17.2583 18.6583 17.2667 19.0417 17.05 19.425C16.8333 19.8083 16.5083 20 16.075 20C15.875 20 15.6917 19.9542 15.525 19.8625C15.3583 19.7708 15.225 19.6417 15.125 19.475L12.05 14.575H11.95L8.87501 19.475C8.77501 19.6417 8.63751 19.7708 8.46251 19.8625C8.28751 19.9542 8.10834 20 7.92501 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SupportIcon.html b/src/tests/__snapshots__/SupportIcon.html
index b3fd9df4..0d91c3e8 100644
--- a/src/tests/__snapshots__/SupportIcon.html
+++ b/src/tests/__snapshots__/SupportIcon.html
@@ -1 +1 @@
-<span data-v-9d00a7b5="" class="kui-icon support-icon" data-testid="kui-icon-wrapper-support-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d00a7b5="" data-testid="kui-icon-svg-support-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-9d00a7b5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-9d00a7b5=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-9d00a7b5="" class="kui-icon support-icon" data-testid="kui-icon-wrapper-support-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d00a7b5="" data-testid="kui-icon-svg-support-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableColumnsIcon.html b/src/tests/__snapshots__/TableColumnsIcon.html
index 09168a18..08da72c2 100644
--- a/src/tests/__snapshots__/TableColumnsIcon.html
+++ b/src/tests/__snapshots__/TableColumnsIcon.html
@@ -1 +1 @@
-<span data-v-17a05a4f="" class="kui-icon table-columns-icon" data-testid="kui-icon-wrapper-table-columns-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17a05a4f="" data-testid="kui-icon-svg-table-columns-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-17a05a4f="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-17a05a4f=""><path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-17a05a4f="" class="kui-icon table-columns-icon" data-testid="kui-icon-wrapper-table-columns-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17a05a4f="" data-testid="kui-icon-svg-table-columns-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableIcon.html b/src/tests/__snapshots__/TableIcon.html
index 9818f090..0345d259 100644
--- a/src/tests/__snapshots__/TableIcon.html
+++ b/src/tests/__snapshots__/TableIcon.html
@@ -1 +1 @@
-<span data-v-dc8236a5="" class="kui-icon table-icon" data-testid="kui-icon-wrapper-table-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dc8236a5="" data-testid="kui-icon-svg-table-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-dc8236a5="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-dc8236a5=""><path d="M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-dc8236a5="" class="kui-icon table-icon" data-testid="kui-icon-wrapper-table-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dc8236a5="" data-testid="kui-icon-svg-table-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableRowsIcon.html b/src/tests/__snapshots__/TableRowsIcon.html
index e79878e1..f6bfe69f 100644
--- a/src/tests/__snapshots__/TableRowsIcon.html
+++ b/src/tests/__snapshots__/TableRowsIcon.html
@@ -1 +1 @@
-<span data-v-f0fe98d8="" class="kui-icon table-rows-icon" data-testid="kui-icon-wrapper-table-rows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0fe98d8="" data-testid="kui-icon-svg-table-rows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f0fe98d8="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f0fe98d8=""><path d="M19 19V16H5V19H19ZM19 14V10H5V14H19ZM19 8V5H5V8H19ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f0fe98d8="" class="kui-icon table-rows-icon" data-testid="kui-icon-wrapper-table-rows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0fe98d8="" data-testid="kui-icon-svg-table-rows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19 19V16H5V19H19ZM19 14V10H5V14H19ZM19 8V5H5V8H19ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TasklistIcon.html b/src/tests/__snapshots__/TasklistIcon.html
index 33fe6c6d..569b1ed0 100644
--- a/src/tests/__snapshots__/TasklistIcon.html
+++ b/src/tests/__snapshots__/TasklistIcon.html
@@ -1 +1 @@
-<span data-v-f3bb244e="" class="kui-icon tasklist-icon" data-testid="kui-icon-wrapper-tasklist-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3bb244e="" data-testid="kui-icon-svg-tasklist-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-f3bb244e="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-f3bb244e=""><path d="M5.52499 16.175L9.07499 12.625C9.27499 12.425 9.50832 12.3292 9.77499 12.3375C10.0417 12.3458 10.275 12.45 10.475 12.65C10.6583 12.85 10.75 13.0833 10.75 13.35C10.75 13.6167 10.6583 13.85 10.475 14.05L6.24999 18.3C6.04999 18.5 5.81665 18.6 5.54999 18.6C5.28332 18.6 5.04999 18.5 4.84999 18.3L2.69999 16.15C2.51665 15.9667 2.42499 15.7333 2.42499 15.45C2.42499 15.1667 2.51665 14.9333 2.69999 14.75C2.88332 14.5667 3.11665 14.475 3.39999 14.475C3.68332 14.475 3.91665 14.5667 4.09999 14.75L5.52499 16.175ZM5.52499 8.175L9.07499 4.625C9.27499 4.425 9.50832 4.32917 9.77499 4.3375C10.0417 4.34583 10.275 4.45 10.475 4.65C10.6583 4.85 10.75 5.08333 10.75 5.35C10.75 5.61667 10.6583 5.85 10.475 6.05L6.24999 10.3C6.04999 10.5 5.81665 10.6 5.54999 10.6C5.28332 10.6 5.04999 10.5 4.84999 10.3L2.69999 8.15C2.51665 7.96667 2.42499 7.73333 2.42499 7.45C2.42499 7.16667 2.51665 6.93333 2.69999 6.75C2.88332 6.56667 3.11665 6.475 3.39999 6.475C3.68332 6.475 3.91665 6.56667 4.09999 6.75L5.52499 8.175ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H21C21.2833 15 21.5208 15.0958 21.7125 15.2875C21.9042 15.4792 22 15.7167 22 16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H14ZM14 9C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8C22 8.28333 21.9042 8.52083 21.7125 8.7125C21.5208 8.90417 21.2833 9 21 9H14Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-f3bb244e="" class="kui-icon tasklist-icon" data-testid="kui-icon-wrapper-tasklist-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3bb244e="" data-testid="kui-icon-svg-tasklist-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5.52499 16.175L9.07499 12.625C9.27499 12.425 9.50832 12.3292 9.77499 12.3375C10.0417 12.3458 10.275 12.45 10.475 12.65C10.6583 12.85 10.75 13.0833 10.75 13.35C10.75 13.6167 10.6583 13.85 10.475 14.05L6.24999 18.3C6.04999 18.5 5.81665 18.6 5.54999 18.6C5.28332 18.6 5.04999 18.5 4.84999 18.3L2.69999 16.15C2.51665 15.9667 2.42499 15.7333 2.42499 15.45C2.42499 15.1667 2.51665 14.9333 2.69999 14.75C2.88332 14.5667 3.11665 14.475 3.39999 14.475C3.68332 14.475 3.91665 14.5667 4.09999 14.75L5.52499 16.175ZM5.52499 8.175L9.07499 4.625C9.27499 4.425 9.50832 4.32917 9.77499 4.3375C10.0417 4.34583 10.275 4.45 10.475 4.65C10.6583 4.85 10.75 5.08333 10.75 5.35C10.75 5.61667 10.6583 5.85 10.475 6.05L6.24999 10.3C6.04999 10.5 5.81665 10.6 5.54999 10.6C5.28332 10.6 5.04999 10.5 4.84999 10.3L2.69999 8.15C2.51665 7.96667 2.42499 7.73333 2.42499 7.45C2.42499 7.16667 2.51665 6.93333 2.69999 6.75C2.88332 6.56667 3.11665 6.475 3.39999 6.475C3.68332 6.475 3.91665 6.56667 4.09999 6.75L5.52499 8.175ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H21C21.2833 15 21.5208 15.0958 21.7125 15.2875C21.9042 15.4792 22 15.7167 22 16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H14ZM14 9C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8C22 8.28333 21.9042 8.52083 21.7125 8.7125C21.5208 8.90417 21.2833 9 21 9H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TeamIcon.html b/src/tests/__snapshots__/TeamIcon.html
index 94f9f495..567c439e 100644
--- a/src/tests/__snapshots__/TeamIcon.html
+++ b/src/tests/__snapshots__/TeamIcon.html
@@ -1 +1 @@
-<span data-v-99e16f10="" class="kui-icon team-icon" data-testid="kui-icon-wrapper-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99e16f10="" data-testid="kui-icon-svg-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-99e16f10="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-99e16f10=""><path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-99e16f10="" class="kui-icon team-icon" data-testid="kui-icon-wrapper-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99e16f10="" data-testid="kui-icon-svg-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TeammateIcon.html b/src/tests/__snapshots__/TeammateIcon.html
index 12bdd41a..3f0207f9 100644
--- a/src/tests/__snapshots__/TeammateIcon.html
+++ b/src/tests/__snapshots__/TeammateIcon.html
@@ -1 +1 @@
-<span data-v-11becae6="" class="kui-icon teammate-icon" data-testid="kui-icon-wrapper-teammate-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11becae6="" data-testid="kui-icon-svg-teammate-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-11becae6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-11becae6=""><path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-11becae6="" class="kui-icon teammate-icon" data-testid="kui-icon-wrapper-teammate-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11becae6="" data-testid="kui-icon-svg-teammate-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ThumbDownIcon.html b/src/tests/__snapshots__/ThumbDownIcon.html
index e7b1d707..860725d9 100644
--- a/src/tests/__snapshots__/ThumbDownIcon.html
+++ b/src/tests/__snapshots__/ThumbDownIcon.html
@@ -1 +1 @@
-<span data-v-0ed3aa38="" class="kui-icon thumb-down-icon" data-testid="kui-icon-wrapper-thumb-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0ed3aa38="" data-testid="kui-icon-svg-thumb-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0ed3aa38="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0ed3aa38=""><path d="M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0ed3aa38="" class="kui-icon thumb-down-icon" data-testid="kui-icon-wrapper-thumb-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0ed3aa38="" data-testid="kui-icon-svg-thumb-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ThumbUpIcon.html b/src/tests/__snapshots__/ThumbUpIcon.html
index c831ed0b..7d800a25 100644
--- a/src/tests/__snapshots__/ThumbUpIcon.html
+++ b/src/tests/__snapshots__/ThumbUpIcon.html
@@ -1 +1 @@
-<span data-v-e5f19fe4="" class="kui-icon thumb-up-icon" data-testid="kui-icon-wrapper-thumb-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e5f19fe4="" data-testid="kui-icon-svg-thumb-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e5f19fe4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e5f19fe4=""><path d="M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e5f19fe4="" class="kui-icon thumb-up-icon" data-testid="kui-icon-wrapper-thumb-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e5f19fe4="" data-testid="kui-icon-svg-thumb-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrashIcon.html b/src/tests/__snapshots__/TrashIcon.html
index 96d57629..19a9da2c 100644
--- a/src/tests/__snapshots__/TrashIcon.html
+++ b/src/tests/__snapshots__/TrashIcon.html
@@ -1 +1 @@
-<span data-v-0a70bafb="" class="kui-icon trash-icon" data-testid="kui-icon-wrapper-trash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0a70bafb="" data-testid="kui-icon-svg-trash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0a70bafb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0a70bafb=""><path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0a70bafb="" class="kui-icon trash-icon" data-testid="kui-icon-wrapper-trash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0a70bafb="" data-testid="kui-icon-svg-trash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrendDownIcon.html b/src/tests/__snapshots__/TrendDownIcon.html
index cb3a9da1..5a2a92d8 100644
--- a/src/tests/__snapshots__/TrendDownIcon.html
+++ b/src/tests/__snapshots__/TrendDownIcon.html
@@ -1 +1 @@
-<span data-v-4157b018="" class="kui-icon trend-down-icon" data-testid="kui-icon-wrapper-trend-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4157b018="" data-testid="kui-icon-svg-trend-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4157b018="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4157b018=""><path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-4157b018="" class="kui-icon trend-down-icon" data-testid="kui-icon-wrapper-trend-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4157b018="" data-testid="kui-icon-svg-trend-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrendUpIcon.html b/src/tests/__snapshots__/TrendUpIcon.html
index 07b300ae..34f651e9 100644
--- a/src/tests/__snapshots__/TrendUpIcon.html
+++ b/src/tests/__snapshots__/TrendUpIcon.html
@@ -1 +1 @@
-<span data-v-e92edec9="" class="kui-icon trend-up-icon" data-testid="kui-icon-wrapper-trend-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e92edec9="" data-testid="kui-icon-svg-trend-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-e92edec9="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-e92edec9=""><path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-e92edec9="" class="kui-icon trend-up-icon" data-testid="kui-icon-wrapper-trend-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e92edec9="" data-testid="kui-icon-svg-trend-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UnderlineIcon.html b/src/tests/__snapshots__/UnderlineIcon.html
index bff398f0..edd666b0 100644
--- a/src/tests/__snapshots__/UnderlineIcon.html
+++ b/src/tests/__snapshots__/UnderlineIcon.html
@@ -1 +1 @@
-<span data-v-8f98f7d4="" class="kui-icon underline-icon" data-testid="kui-icon-wrapper-underline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f98f7d4="" data-testid="kui-icon-svg-underline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8f98f7d4="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8f98f7d4=""><path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8f98f7d4="" class="kui-icon underline-icon" data-testid="kui-icon-wrapper-underline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f98f7d4="" data-testid="kui-icon-svg-underline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UnfoldMoreIcon.html b/src/tests/__snapshots__/UnfoldMoreIcon.html
index b4e5a30e..8d3e2e9b 100644
--- a/src/tests/__snapshots__/UnfoldMoreIcon.html
+++ b/src/tests/__snapshots__/UnfoldMoreIcon.html
@@ -1 +1 @@
-<span data-v-ddd964da="" class="kui-icon unfold-more-icon" data-testid="kui-icon-wrapper-unfold-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ddd964da="" data-testid="kui-icon-svg-unfold-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-ddd964da="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-ddd964da=""><path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-ddd964da="" class="kui-icon unfold-more-icon" data-testid="kui-icon-wrapper-unfold-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ddd964da="" data-testid="kui-icon-svg-unfold-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UploadIcon.html b/src/tests/__snapshots__/UploadIcon.html
index 8213a6e5..d23f2e69 100644
--- a/src/tests/__snapshots__/UploadIcon.html
+++ b/src/tests/__snapshots__/UploadIcon.html
@@ -1 +1 @@
-<span data-v-8695e6cb="" class="kui-icon upload-icon" data-testid="kui-icon-wrapper-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8695e6cb="" data-testid="kui-icon-svg-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-8695e6cb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-8695e6cb=""><path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-8695e6cb="" class="kui-icon upload-icon" data-testid="kui-icon-wrapper-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8695e6cb="" data-testid="kui-icon-svg-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/VisibilityIcon.html b/src/tests/__snapshots__/VisibilityIcon.html
index 32652473..a45bbb05 100644
--- a/src/tests/__snapshots__/VisibilityIcon.html
+++ b/src/tests/__snapshots__/VisibilityIcon.html
@@ -1 +1 @@
-<span data-v-198b4a60="" class="kui-icon visibility-icon" data-testid="kui-icon-wrapper-visibility-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-198b4a60="" data-testid="kui-icon-svg-visibility-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-198b4a60="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-198b4a60=""><path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-198b4a60="" class="kui-icon visibility-icon" data-testid="kui-icon-wrapper-visibility-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-198b4a60="" data-testid="kui-icon-svg-visibility-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/VitalsIcon.html b/src/tests/__snapshots__/VitalsIcon.html
index 78497ac4..bdef52c6 100644
--- a/src/tests/__snapshots__/VitalsIcon.html
+++ b/src/tests/__snapshots__/VitalsIcon.html
@@ -1 +1 @@
-<span data-v-0abe19ca="" class="kui-icon vitals-icon" data-testid="kui-icon-wrapper-vitals-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0abe19ca="" data-testid="kui-icon-svg-vitals-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0abe19ca="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0abe19ca=""><path d="M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0abe19ca="" class="kui-icon vitals-icon" data-testid="kui-icon-wrapper-vitals-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0abe19ca="" data-testid="kui-icon-svg-vitals-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WarningIcon.html b/src/tests/__snapshots__/WarningIcon.html
index 92d1167e..e51fdae9 100644
--- a/src/tests/__snapshots__/WarningIcon.html
+++ b/src/tests/__snapshots__/WarningIcon.html
@@ -1 +1 @@
-<span data-v-a856d47b="" class="kui-icon warning-icon" data-testid="kui-icon-wrapper-warning-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a856d47b="" data-testid="kui-icon-svg-warning-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-a856d47b="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-a856d47b=""><path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-a856d47b="" class="kui-icon warning-icon" data-testid="kui-icon-wrapper-warning-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a856d47b="" data-testid="kui-icon-svg-warning-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WarningOutlineIcon.html b/src/tests/__snapshots__/WarningOutlineIcon.html
index ee85da43..5bbb9f01 100644
--- a/src/tests/__snapshots__/WarningOutlineIcon.html
+++ b/src/tests/__snapshots__/WarningOutlineIcon.html
@@ -1 +1 @@
-<span data-v-0b89ace6="" class="kui-icon warning-outline-icon" data-testid="kui-icon-wrapper-warning-outline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b89ace6="" data-testid="kui-icon-svg-warning-outline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-0b89ace6="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-0b89ace6=""><path d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-0b89ace6="" class="kui-icon warning-outline-icon" data-testid="kui-icon-wrapper-warning-outline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b89ace6="" data-testid="kui-icon-svg-warning-outline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WidgetsIcon.html b/src/tests/__snapshots__/WidgetsIcon.html
index 98cdb07c..28729106 100644
--- a/src/tests/__snapshots__/WidgetsIcon.html
+++ b/src/tests/__snapshots__/WidgetsIcon.html
@@ -1,6 +1,6 @@
-<span data-v-61aed295="" class="kui-icon widgets-icon" data-testid="kui-icon-wrapper-widgets-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-61aed295="" data-testid="kui-icon-svg-widgets-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-61aed295="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-61aed295=""><mask id="mask0_2047_9122" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<span data-v-61aed295="" class="kui-icon widgets-icon" data-testid="kui-icon-wrapper-widgets-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-61aed295="" data-testid="kui-icon-svg-widgets-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><mask id="mask0_2047_9122" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
 <rect width="24" height="24" fill="#D9D9D9"></rect>
 </mask>
 <g mask="url(#mask0_2047_9122)">
 <path d="M16.65 13L11 7.34995L16.65 1.69995L22.3 7.34995L16.65 13ZM3 11V2.99995H11V11H3ZM13 21V13H21V21H13ZM3 21V13H11V21H3ZM5 8.99995H9V4.99995H5V8.99995ZM16.675 10.2L19.5 7.37495L16.675 4.54995L13.85 7.37495L16.675 10.2ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path>
-</g></g></svg></span>
\ No newline at end of file
+</g></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WindowsIcon.html b/src/tests/__snapshots__/WindowsIcon.html
index 54fb3e75..556cec85 100644
--- a/src/tests/__snapshots__/WindowsIcon.html
+++ b/src/tests/__snapshots__/WindowsIcon.html
@@ -1 +1 @@
-<span data-v-d7c67b3d="" class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d7c67b3d="" data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-d7c67b3d="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-d7c67b3d=""><path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></g></svg></span>
\ No newline at end of file
+<span data-v-d7c67b3d="" class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d7c67b3d="" data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorkspacesIcon.html b/src/tests/__snapshots__/WorkspacesIcon.html
index 8c058a2c..a873d74f 100644
--- a/src/tests/__snapshots__/WorkspacesIcon.html
+++ b/src/tests/__snapshots__/WorkspacesIcon.html
@@ -1 +1 @@
-<span data-v-c7782814="" class="kui-icon workspaces-icon" data-testid="kui-icon-wrapper-workspaces-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7782814="" data-testid="kui-icon-svg-workspaces-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-c7782814="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-c7782814=""><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-c7782814="" class="kui-icon workspaces-icon" data-testid="kui-icon-wrapper-workspaces-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7782814="" data-testid="kui-icon-svg-workspaces-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorldIcon.html b/src/tests/__snapshots__/WorldIcon.html
index 6dd65daa..30e88e29 100644
--- a/src/tests/__snapshots__/WorldIcon.html
+++ b/src/tests/__snapshots__/WorldIcon.html
@@ -1 +1 @@
-<span data-v-17ec78eb="" class="kui-icon world-icon" data-testid="kui-icon-wrapper-world-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17ec78eb="" data-testid="kui-icon-svg-world-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-17ec78eb="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-17ec78eb=""><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-17ec78eb="" class="kui-icon world-icon" data-testid="kui-icon-wrapper-world-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17ec78eb="" data-testid="kui-icon-svg-world-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorldPrivateIcon.html b/src/tests/__snapshots__/WorldPrivateIcon.html
index 71b5ab60..db090b23 100644
--- a/src/tests/__snapshots__/WorldPrivateIcon.html
+++ b/src/tests/__snapshots__/WorldPrivateIcon.html
@@ -1 +1 @@
-<span data-v-4b0aa218="" class="kui-icon world-private-icon" data-testid="kui-icon-wrapper-world-private-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4b0aa218="" data-testid="kui-icon-svg-world-private-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-v-4b0aa218="" data-testid="kui-icon-svg-title">My custom title</title><!-- eslint-disable-next-line vue/no-v-html --><g data-v-4b0aa218=""><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="currentColor"></path></g></svg></span>
\ No newline at end of file
+<span data-v-4b0aa218="" class="kui-icon world-private-icon" data-testid="kui-icon-wrapper-world-private-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4b0aa218="" data-testid="kui-icon-svg-world-private-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/generated-component.spec.ts b/src/tests/generated-component.spec.ts
index 3cd488d9..173fb78c 100644
--- a/src/tests/generated-component.spec.ts
+++ b/src/tests/generated-component.spec.ts
@@ -22,7 +22,7 @@ for (const [componentName, IconComponent] of Object.entries(importedComponents))
       expect(svg.isVisible()).toBe(true)
     })
 
-    it('matches snapshot', () => {
+    it('matches snapshot', async () => {
       // @ts-ignore: dynamic component interface
       const wrapper = mount(IconComponent, {
         props: {
@@ -36,7 +36,7 @@ for (const [componentName, IconComponent] of Object.entries(importedComponents))
         },
       })
 
-      expect(wrapper.html()).toMatchFileSnapshot(`./__snapshots__/${componentName}.html`)
+      await expect(wrapper.html()).toMatchFileSnapshot(`./__snapshots__/${componentName}.html`)
     })
 
     describe('wrapper element', () => {

From f5ecf419b1c815ff5219bf204581aae119ad8bd8 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Tue, 24 Sep 2024 15:17:41 -0400
Subject: [PATCH 16/21] refactor: rename prop and default to false

---
 src/__template__/ComponentTemplate.vue | 12 ++++++------
 src/tests/generated-component.spec.ts  |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 6216df82..09f08483 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -57,13 +57,13 @@ const props = defineProps({
     default: 'span',
   },
   /**
-   * A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).
-   * Typically only set to false during snapshot testing.
-   * Defaults to `true`.
+   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+   * Typically only set to `true` during snapshot testing.
+   * Defaults to `false`.
    */
-  randomizeIds: {
+  staticIds: {
     type: Boolean,
-    default: true,
+    default: false,
   },
 })
 
@@ -133,7 +133,7 @@ const prefixSvgIdsInString = (svgString: string): string => {
 // eslint-disable-next-line @stylistic/quotes
 const svgOriginalContent = `{%%ICON_SVG_INNER_HTML%%}`
 const svgTitleContent = props.title ? `<title data-testid="kui-icon-svg-title">${props.title}</title>` : ''
-const svgProcessedContent = `${svgTitleContent}${props.randomizeIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`
+const svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`
 </script>
 
 <template>
diff --git a/src/tests/generated-component.spec.ts b/src/tests/generated-component.spec.ts
index 173fb78c..7e23cc67 100644
--- a/src/tests/generated-component.spec.ts
+++ b/src/tests/generated-component.spec.ts
@@ -26,7 +26,7 @@ for (const [componentName, IconComponent] of Object.entries(importedComponents))
       // @ts-ignore: dynamic component interface
       const wrapper = mount(IconComponent, {
         props: {
-          randomizeIds: false, // Prevents random IDs from being generated for consistent snapshot testing
+          staticIds: true, // Prevents random IDs from being generated for consistent snapshot testing
           title: 'My custom title',
           color: KUI_COLOR_TEXT_PRIMARY,
           display: 'inline-flex',

From 618fa873f512dedb1d0a78e09896e2586334de16 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>
Date: Tue, 24 Sep 2024 19:01:28 -0400
Subject: [PATCH 17/21] chore: remove comment from eslint.config.mjs

---
 eslint.config.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 4b1b7c81..5aad6cfb 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -6,7 +6,7 @@ export default [
   {
     files: ['src/__template__/ComponentTemplate.vue'],
     rules: {
-      'vue/no-v-html': 'off', // Set the rule level for 'vue/no-v-html'
+      'vue/no-v-html': 'off',
     },
   },
 ]

From a22dd9e4335ffd17f4de88ae7e328368e2f6b60c Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Wed, 25 Sep 2024 08:30:06 -0400
Subject: [PATCH 18/21] chore: remove scoped

---
 src/__template__/ComponentTemplate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 09f08483..061eb4d3 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -158,7 +158,7 @@ const svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIds
   </component>
 </template>
 
-<style lang="scss" scoped>
+<style>
 /**
  * !Important: Do not add styles into this component file.
  *

From 492abe9a071eb68a3b6b4d4d3514bccf97ada96b Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Wed, 25 Sep 2024 08:33:54 -0400
Subject: [PATCH 19/21] chore: escape html

---
 src/__template__/ComponentTemplate.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 061eb4d3..804ed869 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -129,10 +129,19 @@ const prefixSvgIdsInString = (svgString: string): string => {
   return processedSvgString
 }
 
+const escapeHtml = (str: string): string => {
+  return str
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#039;')
+    .replace(/`/g, '&#039;')
+}
+
 // The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.
 // eslint-disable-next-line @stylistic/quotes
 const svgOriginalContent = `{%%ICON_SVG_INNER_HTML%%}`
-const svgTitleContent = props.title ? `<title data-testid="kui-icon-svg-title">${props.title}</title>` : ''
+const svgTitleContent = props.title ? `<title data-testid="kui-icon-svg-title">${escapeHtml(props.title)}</title>` : ''
 const svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`
 </script>
 

From 2714cdf8ab2d85f336e5ad9f7f9ca5646f76938a Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Wed, 25 Sep 2024 08:38:28 -0400
Subject: [PATCH 20/21] test: update snapshots

---
 src/tests/__snapshots__/AddChartIcon.html              | 2 +-
 src/tests/__snapshots__/AddCircleIcon.html             | 2 +-
 src/tests/__snapshots__/AddIcon.html                   | 2 +-
 src/tests/__snapshots__/AnalyticsIcon.html             | 2 +-
 src/tests/__snapshots__/AppleIcon.html                 | 2 +-
 src/tests/__snapshots__/ArrowDownIcon.html             | 2 +-
 src/tests/__snapshots__/ArrowLeftIcon.html             | 2 +-
 src/tests/__snapshots__/ArrowRightIcon.html            | 2 +-
 src/tests/__snapshots__/ArrowUpIcon.html               | 2 +-
 src/tests/__snapshots__/AwsIcon.html                   | 2 +-
 src/tests/__snapshots__/AzureIcon.html                 | 2 +-
 src/tests/__snapshots__/BackIcon.html                  | 2 +-
 src/tests/__snapshots__/BarChartHorizontalIcon.html    | 2 +-
 src/tests/__snapshots__/BarChartIcon.html              | 2 +-
 src/tests/__snapshots__/BlockquoteIcon.html            | 2 +-
 src/tests/__snapshots__/BoldIcon.html                  | 2 +-
 src/tests/__snapshots__/BookIcon.html                  | 2 +-
 src/tests/__snapshots__/BotIcon.html                   | 2 +-
 src/tests/__snapshots__/BrainIcon.html                 | 2 +-
 src/tests/__snapshots__/CalIcon.html                   | 2 +-
 src/tests/__snapshots__/ChartAreaIcon.html             | 2 +-
 src/tests/__snapshots__/ChartDataIcon.html             | 2 +-
 src/tests/__snapshots__/ChartLinesIcon.html            | 2 +-
 src/tests/__snapshots__/CheckCircleIcon.html           | 2 +-
 src/tests/__snapshots__/CheckIcon.html                 | 2 +-
 src/tests/__snapshots__/CheckSmallIcon.html            | 2 +-
 src/tests/__snapshots__/ChevronDownIcon.html           | 2 +-
 src/tests/__snapshots__/ChevronLeftIcon.html           | 2 +-
 src/tests/__snapshots__/ChevronRightIcon.html          | 2 +-
 src/tests/__snapshots__/ChevronUpIcon.html             | 2 +-
 src/tests/__snapshots__/ClearIcon.html                 | 2 +-
 src/tests/__snapshots__/ClipboardIcon.html             | 2 +-
 src/tests/__snapshots__/ClockIcon.html                 | 2 +-
 src/tests/__snapshots__/CloseIcon.html                 | 2 +-
 src/tests/__snapshots__/CloudDownloadIcon.html         | 2 +-
 src/tests/__snapshots__/CloudIcon.html                 | 2 +-
 src/tests/__snapshots__/CloudUploadIcon.html           | 2 +-
 src/tests/__snapshots__/CodeIcon.html                  | 2 +-
 src/tests/__snapshots__/CodeblockIcon.html             | 2 +-
 src/tests/__snapshots__/CogIcon.html                   | 2 +-
 src/tests/__snapshots__/CogModeIcon.html               | 2 +-
 src/tests/__snapshots__/CollapseIcon.html              | 2 +-
 src/tests/__snapshots__/CollapsePanelIcon.html         | 2 +-
 src/tests/__snapshots__/ConnectionsIcon.html           | 2 +-
 src/tests/__snapshots__/CopyIcon.html                  | 2 +-
 src/tests/__snapshots__/DangerCircleIcon.html          | 2 +-
 src/tests/__snapshots__/DangerIcon.html                | 2 +-
 src/tests/__snapshots__/DashboardIcon.html             | 2 +-
 src/tests/__snapshots__/DataObjectIcon.html            | 2 +-
 src/tests/__snapshots__/DataReportIcon.html            | 2 +-
 src/tests/__snapshots__/DecreaseIcon.html              | 2 +-
 src/tests/__snapshots__/DeployIcon.html                | 2 +-
 src/tests/__snapshots__/DevPortalIcon.html             | 2 +-
 src/tests/__snapshots__/DisabledIcon.html              | 2 +-
 src/tests/__snapshots__/DockerIcon.html                | 2 +-
 src/tests/__snapshots__/DocumentIcon.html              | 2 +-
 src/tests/__snapshots__/DocumentListIcon.html          | 2 +-
 src/tests/__snapshots__/DownloadIcon.html              | 2 +-
 src/tests/__snapshots__/DragIcon.html                  | 2 +-
 src/tests/__snapshots__/EditIcon.html                  | 2 +-
 src/tests/__snapshots__/EmailIcon.html                 | 2 +-
 src/tests/__snapshots__/EqualIcon.html                 | 2 +-
 src/tests/__snapshots__/ExpandIcon.html                | 2 +-
 src/tests/__snapshots__/ExternalLinkIcon.html          | 2 +-
 src/tests/__snapshots__/FeatureRequestIcon.html        | 2 +-
 src/tests/__snapshots__/FeedbackIcon.html              | 2 +-
 src/tests/__snapshots__/FileEmptyIcon.html             | 2 +-
 src/tests/__snapshots__/FilterIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAfIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagArIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAxIcon.html                | 2 +-
 src/tests/__snapshots__/FlagAzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBbIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBfIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBhIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBjIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagByIcon.html                | 2 +-
 src/tests/__snapshots__/FlagBzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCcIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCfIcon.html                | 2 +-
 src/tests/__snapshots__/FlagChIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagClIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCvIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagCzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagDeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagDjIcon.html                | 2 +-
 src/tests/__snapshots__/FlagDkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagDmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagDoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagDzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagEcIcon.html                | 2 +-
 src/tests/__snapshots__/FlagEeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagEgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagErIcon.html                | 2 +-
 src/tests/__snapshots__/FlagEsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagEtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagEuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagFiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagFjIcon.html                | 2 +-
 src/tests/__snapshots__/FlagFkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagFmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagFoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagFrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGbIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGhIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGqIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagGyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagHkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagHnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagHrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagHtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagHuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIcon.html                  | 2 +-
 src/tests/__snapshots__/FlagIdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagImIcon.html                | 2 +-
 src/tests/__snapshots__/FlagInIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIqIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagIsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagItIcon.html                | 2 +-
 src/tests/__snapshots__/FlagJeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagJmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagJoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagJpIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKhIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKpIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagKzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLbIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLcIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLvIcon.html                | 2 +-
 src/tests/__snapshots__/FlagLyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMcIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMhIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMpIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMqIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMvIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMxIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagMzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNfIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNpIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagNzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagOmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPfIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPhIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagPyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagQaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagRoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagRsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagRuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagRwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSbIcon.html                | 2 +-
 src/tests/__snapshots__/FlagScIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSiIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSoIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagStIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSvIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSxIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagSzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTcIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTdIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagThIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTjIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTkIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTlIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagToIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTrIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTtIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTvIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTwIcon.html                | 2 +-
 src/tests/__snapshots__/FlagTzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagUaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagUgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagUnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagUsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagUyIcon.html                | 2 +-
 src/tests/__snapshots__/FlagUzIcon.html                | 2 +-
 src/tests/__snapshots__/FlagVaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagVcIcon.html                | 2 +-
 src/tests/__snapshots__/FlagVeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagVgIcon.html                | 2 +-
 src/tests/__snapshots__/FlagViIcon.html                | 2 +-
 src/tests/__snapshots__/FlagVnIcon.html                | 2 +-
 src/tests/__snapshots__/FlagVuIcon.html                | 2 +-
 src/tests/__snapshots__/FlagWsIcon.html                | 2 +-
 src/tests/__snapshots__/FlagYeIcon.html                | 2 +-
 src/tests/__snapshots__/FlagZaIcon.html                | 2 +-
 src/tests/__snapshots__/FlagZmIcon.html                | 2 +-
 src/tests/__snapshots__/FlagZwIcon.html                | 2 +-
 src/tests/__snapshots__/ForwardIcon.html               | 2 +-
 src/tests/__snapshots__/GatewayIcon.html               | 2 +-
 src/tests/__snapshots__/GoogleCloudIcon.html           | 2 +-
 src/tests/__snapshots__/GoogleIcon.html                | 2 +-
 src/tests/__snapshots__/GraduationIcon.html            | 2 +-
 src/tests/__snapshots__/GridIcon.html                  | 2 +-
 src/tests/__snapshots__/HashicorpIcon.html             | 2 +-
 src/tests/__snapshots__/HelpIcon.html                  | 2 +-
 src/tests/__snapshots__/HistoryIcon.html               | 2 +-
 src/tests/__snapshots__/HtmlIcon.html                  | 2 +-
 src/tests/__snapshots__/ImageIcon.html                 | 2 +-
 src/tests/__snapshots__/ImmunityIcon.html              | 2 +-
 src/tests/__snapshots__/InboxIcon.html                 | 2 +-
 src/tests/__snapshots__/InboxNotificationIcon.html     | 2 +-
 src/tests/__snapshots__/IncreaseIcon.html              | 2 +-
 src/tests/__snapshots__/IndeterminateSmallIcon.html    | 2 +-
 src/tests/__snapshots__/InfoIcon.html                  | 2 +-
 src/tests/__snapshots__/InsightsIcon.html              | 2 +-
 src/tests/__snapshots__/InsomniaIcon.html              | 2 +-
 src/tests/__snapshots__/ItalicIcon.html                | 2 +-
 src/tests/__snapshots__/KeyboardReturnIcon.html        | 2 +-
 src/tests/__snapshots__/KongGradientIcon.html          | 2 +-
 src/tests/__snapshots__/KongIcon.html                  | 2 +-
 src/tests/__snapshots__/LanguageBashIcon.html          | 2 +-
 src/tests/__snapshots__/LanguageCIcon.html             | 2 +-
 src/tests/__snapshots__/LanguageCPlusPlusIcon.html     | 2 +-
 src/tests/__snapshots__/LanguageCSharpIcon.html        | 2 +-
 src/tests/__snapshots__/LanguageGoIcon.html            | 2 +-
 src/tests/__snapshots__/LanguageJavaIcon.html          | 2 +-
 src/tests/__snapshots__/LanguageJavascriptIcon.html    | 2 +-
 src/tests/__snapshots__/LanguageJsonIcon.html          | 2 +-
 src/tests/__snapshots__/LanguageNodejsIcon.html        | 2 +-
 src/tests/__snapshots__/LanguagePhpIcon.html           | 2 +-
 src/tests/__snapshots__/LanguagePythonIcon.html        | 2 +-
 src/tests/__snapshots__/LanguageRIcon.html             | 2 +-
 src/tests/__snapshots__/LanguageRubyIcon.html          | 2 +-
 src/tests/__snapshots__/LanguageShellIcon.html         | 2 +-
 src/tests/__snapshots__/LanguageSwiftIcon.html         | 2 +-
 src/tests/__snapshots__/LinkIcon.html                  | 2 +-
 src/tests/__snapshots__/LinkedServicesIcon.html        | 2 +-
 src/tests/__snapshots__/LinuxIcon.html                 | 2 +-
 src/tests/__snapshots__/ListIcon.html                  | 2 +-
 src/tests/__snapshots__/ListOrderedIcon.html           | 2 +-
 src/tests/__snapshots__/ListUnorderedIcon.html         | 2 +-
 src/tests/__snapshots__/LockIcon.html                  | 2 +-
 src/tests/__snapshots__/MarkIcon.html                  | 2 +-
 src/tests/__snapshots__/MarkdownIcon.html              | 2 +-
 src/tests/__snapshots__/MenuIcon.html                  | 2 +-
 src/tests/__snapshots__/MeshIcon.html                  | 2 +-
 src/tests/__snapshots__/MoreHorizontalIcon.html        | 2 +-
 src/tests/__snapshots__/MoreIcon.html                  | 2 +-
 src/tests/__snapshots__/NetworkIcon.html               | 2 +-
 src/tests/__snapshots__/NotificationIcon.html          | 2 +-
 src/tests/__snapshots__/OrganizationIcon.html          | 2 +-
 src/tests/__snapshots__/OverviewIcon.html              | 2 +-
 src/tests/__snapshots__/PeopleIcon.html                | 2 +-
 src/tests/__snapshots__/PlugIcon.html                  | 2 +-
 src/tests/__snapshots__/PortalIcon.html                | 2 +-
 src/tests/__snapshots__/PresentationIcon.html          | 2 +-
 src/tests/__snapshots__/ProfileIcon.html               | 2 +-
 src/tests/__snapshots__/ProfileTeamIcon.html           | 2 +-
 src/tests/__snapshots__/ProgressIcon.html              | 2 +-
 src/tests/__snapshots__/RedoIcon.html                  | 2 +-
 src/tests/__snapshots__/RefreshIcon.html               | 2 +-
 src/tests/__snapshots__/RegexIcon.html                 | 2 +-
 src/tests/__snapshots__/RemoveIcon.html                | 2 +-
 src/tests/__snapshots__/ResponseIcon.html              | 2 +-
 src/tests/__snapshots__/RocketIcon.html                | 2 +-
 src/tests/__snapshots__/RuntimeCompositeIcon.html      | 2 +-
 src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html | 2 +-
 src/tests/__snapshots__/RuntimeHybridIcon.html         | 2 +-
 src/tests/__snapshots__/RuntimeKicIcon.html            | 2 +-
 src/tests/__snapshots__/RuntimeServerlessIcon.html     | 2 +-
 src/tests/__snapshots__/RuntimesIcon.html              | 2 +-
 src/tests/__snapshots__/SearchIcon.html                | 2 +-
 src/tests/__snapshots__/SecurityIcon.html              | 2 +-
 src/tests/__snapshots__/ServiceDocumentIcon.html       | 2 +-
 src/tests/__snapshots__/ServiceHubIcon.html            | 2 +-
 src/tests/__snapshots__/ServicesIcon.html              | 2 +-
 src/tests/__snapshots__/SharedIcon.html                | 2 +-
 src/tests/__snapshots__/StackIcon.html                 | 2 +-
 src/tests/__snapshots__/StrikethroughIcon.html         | 2 +-
 src/tests/__snapshots__/SubscriptIcon.html             | 2 +-
 src/tests/__snapshots__/SuperscriptIcon.html           | 2 +-
 src/tests/__snapshots__/SupportIcon.html               | 2 +-
 src/tests/__snapshots__/TableColumnsIcon.html          | 2 +-
 src/tests/__snapshots__/TableIcon.html                 | 2 +-
 src/tests/__snapshots__/TableRowsIcon.html             | 2 +-
 src/tests/__snapshots__/TasklistIcon.html              | 2 +-
 src/tests/__snapshots__/TeamIcon.html                  | 2 +-
 src/tests/__snapshots__/TeammateIcon.html              | 2 +-
 src/tests/__snapshots__/ThumbDownIcon.html             | 2 +-
 src/tests/__snapshots__/ThumbUpIcon.html               | 2 +-
 src/tests/__snapshots__/TrashIcon.html                 | 2 +-
 src/tests/__snapshots__/TrendDownIcon.html             | 2 +-
 src/tests/__snapshots__/TrendUpIcon.html               | 2 +-
 src/tests/__snapshots__/UnderlineIcon.html             | 2 +-
 src/tests/__snapshots__/UnfoldMoreIcon.html            | 2 +-
 src/tests/__snapshots__/UploadIcon.html                | 2 +-
 src/tests/__snapshots__/VisibilityIcon.html            | 2 +-
 src/tests/__snapshots__/VitalsIcon.html                | 2 +-
 src/tests/__snapshots__/WarningIcon.html               | 2 +-
 src/tests/__snapshots__/WarningOutlineIcon.html        | 2 +-
 src/tests/__snapshots__/WidgetsIcon.html               | 2 +-
 src/tests/__snapshots__/WindowsIcon.html               | 2 +-
 src/tests/__snapshots__/WorkspacesIcon.html            | 2 +-
 src/tests/__snapshots__/WorldIcon.html                 | 2 +-
 src/tests/__snapshots__/WorldPrivateIcon.html          | 2 +-
 405 files changed, 405 insertions(+), 405 deletions(-)

diff --git a/src/tests/__snapshots__/AddChartIcon.html b/src/tests/__snapshots__/AddChartIcon.html
index 3ee70e4e..825432e1 100644
--- a/src/tests/__snapshots__/AddChartIcon.html
+++ b/src/tests/__snapshots__/AddChartIcon.html
@@ -1 +1 @@
-<span data-v-2fd133ee="" class="kui-icon add-chart-icon" data-testid="kui-icon-wrapper-add-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fd133ee="" data-testid="kui-icon-svg-add-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon add-chart-icon" data-testid="kui-icon-wrapper-add-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-add-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14V5H5V19H19V10H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM7 17H9V10H7V17ZM11 17H13V7H11V17ZM15 17H17V13H15V17ZM17 9V7H15V5H17V3H19V5H21V7H19V9H17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AddCircleIcon.html b/src/tests/__snapshots__/AddCircleIcon.html
index dbef4e64..a14c4954 100644
--- a/src/tests/__snapshots__/AddCircleIcon.html
+++ b/src/tests/__snapshots__/AddCircleIcon.html
@@ -1 +1 @@
-<span data-v-78cbb050="" class="kui-icon add-circle-icon" data-testid="kui-icon-wrapper-add-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78cbb050="" data-testid="kui-icon-svg-add-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon add-circle-icon" data-testid="kui-icon-wrapper-add-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-add-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 17H13V13H17V11H13V7H11V11H7V13H11V17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AddIcon.html b/src/tests/__snapshots__/AddIcon.html
index 6e98ac7f..d5ed36fc 100644
--- a/src/tests/__snapshots__/AddIcon.html
+++ b/src/tests/__snapshots__/AddIcon.html
@@ -1 +1 @@
-<span data-v-9520c875="" class="kui-icon add-icon" data-testid="kui-icon-wrapper-add-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9520c875="" data-testid="kui-icon-svg-add-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon add-icon" data-testid="kui-icon-wrapper-add-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-add-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 19V13H5V11H11V5H13V11H19V13H13V19H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AnalyticsIcon.html b/src/tests/__snapshots__/AnalyticsIcon.html
index 5ba250ee..d35f836c 100644
--- a/src/tests/__snapshots__/AnalyticsIcon.html
+++ b/src/tests/__snapshots__/AnalyticsIcon.html
@@ -1 +1 @@
-<span data-v-171e7d2b="" class="kui-icon analytics-icon" data-testid="kui-icon-wrapper-analytics-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-171e7d2b="" data-testid="kui-icon-svg-analytics-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon analytics-icon" data-testid="kui-icon-wrapper-analytics-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-analytics-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17H9V12H7V17ZM15 17H17V7H15V17ZM11 17H13V14H11V17ZM11 12H13V10H11V12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AppleIcon.html b/src/tests/__snapshots__/AppleIcon.html
index 9634b0ff..49510bdb 100644
--- a/src/tests/__snapshots__/AppleIcon.html
+++ b/src/tests/__snapshots__/AppleIcon.html
@@ -1 +1 @@
-<span data-v-95a43613="" class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-95a43613="" data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon apple-icon" data-testid="kui-icon-wrapper-apple-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-apple-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowDownIcon.html b/src/tests/__snapshots__/ArrowDownIcon.html
index 84f840f0..dfcc86b5 100644
--- a/src/tests/__snapshots__/ArrowDownIcon.html
+++ b/src/tests/__snapshots__/ArrowDownIcon.html
@@ -1 +1 @@
-<span data-v-8c015cb2="" class="kui-icon arrow-down-icon" data-testid="kui-icon-wrapper-arrow-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c015cb2="" data-testid="kui-icon-svg-arrow-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon arrow-down-icon" data-testid="kui-icon-wrapper-arrow-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-arrow-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L4 12L5.4 10.575L11 16.175V4H13V16.175L18.6 10.575L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowLeftIcon.html b/src/tests/__snapshots__/ArrowLeftIcon.html
index cb47b773..4c125e42 100644
--- a/src/tests/__snapshots__/ArrowLeftIcon.html
+++ b/src/tests/__snapshots__/ArrowLeftIcon.html
@@ -1 +1 @@
-<span data-v-8c5fec7f="" class="kui-icon arrow-left-icon" data-testid="kui-icon-wrapper-arrow-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8c5fec7f="" data-testid="kui-icon-svg-arrow-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon arrow-left-icon" data-testid="kui-icon-wrapper-arrow-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-arrow-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowRightIcon.html b/src/tests/__snapshots__/ArrowRightIcon.html
index a5d9f814..129abaa7 100644
--- a/src/tests/__snapshots__/ArrowRightIcon.html
+++ b/src/tests/__snapshots__/ArrowRightIcon.html
@@ -1 +1 @@
-<span data-v-3afe2357="" class="kui-icon arrow-right-icon" data-testid="kui-icon-wrapper-arrow-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3afe2357="" data-testid="kui-icon-svg-arrow-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon arrow-right-icon" data-testid="kui-icon-wrapper-arrow-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-arrow-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ArrowUpIcon.html b/src/tests/__snapshots__/ArrowUpIcon.html
index 470e5511..e8f60938 100644
--- a/src/tests/__snapshots__/ArrowUpIcon.html
+++ b/src/tests/__snapshots__/ArrowUpIcon.html
@@ -1 +1 @@
-<span data-v-c946fe0e="" class="kui-icon arrow-up-icon" data-testid="kui-icon-wrapper-arrow-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c946fe0e="" data-testid="kui-icon-svg-arrow-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon arrow-up-icon" data-testid="kui-icon-wrapper-arrow-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-arrow-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AwsIcon.html b/src/tests/__snapshots__/AwsIcon.html
index c160ecd6..b3757b6f 100644
--- a/src/tests/__snapshots__/AwsIcon.html
+++ b/src/tests/__snapshots__/AwsIcon.html
@@ -1,3 +1,3 @@
-<span data-v-1006d913="" class="kui-icon aws-icon" data-testid="kui-icon-wrapper-aws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1006d913="" data-testid="kui-icon-svg-aws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"></path>
+<span class="kui-icon aws-icon" data-testid="kui-icon-wrapper-aws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-aws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.63597 10.4771C7.63597 10.7308 7.66258 10.9365 7.70914 11.0873C7.76236 11.2381 7.82888 11.4027 7.922 11.5809C7.95526 11.6358 7.96856 11.6906 7.96856 11.7386C7.96856 11.8072 7.92865 11.8758 7.84218 11.9443L7.42311 12.2323C7.36324 12.2734 7.30338 12.294 7.25016 12.294C7.18364 12.294 7.11712 12.2597 7.05061 12.198C6.95748 12.0952 6.87766 11.9855 6.81114 11.8758C6.74462 11.7592 6.6781 11.6289 6.60493 11.4712C6.08608 12.102 5.4342 12.4174 4.64928 12.4174C4.09052 12.4174 3.64484 12.2529 3.3189 11.9238C2.99296 11.5947 2.82666 11.1559 2.82666 10.6074C2.82666 10.0246 3.02622 9.55151 3.43198 9.19499C3.83775 8.83847 4.37655 8.66021 5.06169 8.66021C5.28786 8.66021 5.52067 8.68078 5.76679 8.71506C6.01291 8.74934 6.26568 8.80419 6.53176 8.86589V8.36539C6.53176 7.84432 6.42533 7.48094 6.21912 7.2684C6.00626 7.05586 5.64706 6.95301 5.13486 6.95301C4.90205 6.95301 4.66258 6.98044 4.41646 7.04214C4.17034 7.10385 3.93087 7.17927 3.69806 7.27525C3.59163 7.32325 3.5118 7.35067 3.46524 7.36438C3.41868 7.3781 3.38542 7.38495 3.35881 7.38495C3.26568 7.38495 3.21912 7.31639 3.21912 7.17241V6.83646C3.21912 6.72676 3.23242 6.64448 3.26568 6.59649C3.29894 6.5485 3.35881 6.5005 3.45194 6.45251C3.68475 6.3291 3.96413 6.22625 4.29007 6.14398C4.61602 6.05485 4.96191 6.01371 5.32777 6.01371C6.11934 6.01371 6.69806 6.19883 7.07056 6.56906C7.43641 6.9393 7.62267 7.50151 7.62267 8.25569V10.4771H7.63597ZM4.93531 11.5192C5.15482 11.5192 5.38098 11.4781 5.62045 11.3958C5.85992 11.3136 6.07278 11.1627 6.25238 10.957C6.35881 10.8268 6.43863 10.6828 6.47854 10.5182C6.51845 10.3537 6.54506 10.1549 6.54506 9.92175V9.63379C6.35216 9.58579 6.14595 9.54466 5.93309 9.51723C5.72023 9.48981 5.51402 9.47609 5.30781 9.47609C4.86214 9.47609 4.53619 9.56523 4.31668 9.75034C4.09717 9.93546 3.99074 10.196 3.99074 10.5388C3.99074 10.861 4.07056 11.101 4.23686 11.2656C4.3965 11.437 4.62932 11.5192 4.93531 11.5192ZM10.2768 12.2597C10.157 12.2597 10.0772 12.2391 10.024 12.1912C9.97078 12.15 9.92422 12.054 9.88431 11.9238L8.32111 6.62391C8.2812 6.48679 8.26125 6.39766 8.26125 6.34967C8.26125 6.23997 8.31446 6.17826 8.42089 6.17826H9.07278C9.19916 6.17826 9.28564 6.19883 9.3322 6.24682C9.38542 6.28796 9.42533 6.38395 9.46524 6.51422L10.5828 11.053L11.6204 6.51422C11.6537 6.37709 11.6936 6.28796 11.7468 6.24682C11.8 6.20569 11.8932 6.17826 12.0129 6.17826H12.5451C12.6714 6.17826 12.7579 6.19883 12.8111 6.24682C12.8643 6.28796 12.9109 6.38395 12.9375 6.51422L13.9885 11.1079L15.1393 6.51422C15.1792 6.37709 15.2258 6.28796 15.2723 6.24682C15.3255 6.20569 15.412 6.17826 15.5318 6.17826H16.1504C16.2568 6.17826 16.3167 6.23311 16.3167 6.34967C16.3167 6.38395 16.31 6.41823 16.3034 6.45937C16.2967 6.5005 16.2834 6.55535 16.2568 6.63077L14.6537 11.9306C14.6138 12.0677 14.5672 12.1569 14.514 12.198C14.4608 12.2391 14.3743 12.2666 14.2612 12.2666H13.6892C13.5628 12.2666 13.4763 12.246 13.4231 12.198C13.3699 12.15 13.3233 12.0609 13.2967 11.9238L12.2657 7.50151L11.2413 11.9169C11.208 12.054 11.1681 12.1432 11.1149 12.1912C11.0617 12.2391 10.9686 12.2597 10.8488 12.2597H10.2768ZM18.8244 12.4448C18.4785 12.4448 18.1326 12.4037 17.8 12.3214C17.4675 12.2391 17.208 12.15 17.0351 12.0472C16.9286 11.9855 16.8555 11.9169 16.8289 11.8552C16.8023 11.7935 16.789 11.7249 16.789 11.6632V11.3136C16.789 11.1696 16.8422 11.101 16.942 11.101C16.9819 11.101 17.0218 11.1079 17.0617 11.1216C17.1016 11.1353 17.1615 11.1627 17.228 11.1901C17.4541 11.293 17.7003 11.3753 17.9597 11.4301C18.2258 11.485 18.4852 11.5124 18.7513 11.5124C19.1703 11.5124 19.4963 11.437 19.7224 11.2861C19.9486 11.1353 20.0683 10.9159 20.0683 10.6348C20.0683 10.4428 20.0085 10.2851 19.8887 10.1549C19.769 10.0246 19.5428 9.90804 19.2169 9.79834L18.2524 9.48981C17.7668 9.33211 17.4076 9.099 17.1881 8.79047C16.9686 8.4888 16.8555 8.15285 16.8555 7.79632C16.8555 7.50836 16.9153 7.25469 17.0351 7.03529C17.1548 6.81589 17.3145 6.62391 17.514 6.47308C17.7136 6.31539 17.9397 6.19883 18.2058 6.11656C18.4719 6.03428 18.7513 6 19.0439 6C19.1903 6 19.3433 6.00686 19.4896 6.02742C19.6426 6.04799 19.7823 6.07542 19.922 6.10284C20.055 6.13712 20.1814 6.17141 20.3012 6.21254C20.4209 6.25368 20.514 6.29482 20.5805 6.33595C20.6737 6.3908 20.7402 6.44565 20.7801 6.50736C20.82 6.56221 20.84 6.63763 20.84 6.73361V7.05586C20.84 7.19984 20.7867 7.27525 20.687 7.27525C20.6337 7.27525 20.5473 7.24783 20.4342 7.19298C20.055 7.01472 19.6293 6.92559 19.157 6.92559C18.7779 6.92559 18.4785 6.98729 18.2723 7.11756C18.0661 7.24783 17.9597 7.44666 17.9597 7.72776C17.9597 7.91974 18.0262 8.08429 18.1592 8.21455C18.2923 8.34482 18.5384 8.47509 18.891 8.59164L19.8355 8.90017C20.3145 9.05787 20.6604 9.27726 20.8666 9.55837C21.0728 9.83947 21.1726 10.1617 21.1726 10.5182C21.1726 10.8131 21.1127 11.0804 20.9996 11.3136C20.8799 11.5467 20.7202 11.7524 20.514 11.9169C20.3078 12.0883 20.0617 12.2117 19.7757 12.3008C19.4763 12.3968 19.1637 12.4448 18.8244 12.4448Z" fill="#252F3E"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0819 15.7768C17.8935 17.4428 14.7139 18.3273 11.98 18.3273C8.14847 18.3273 4.69614 16.8669 2.0886 14.4398C1.8824 14.2478 2.06865 13.9873 2.31477 14.1381C5.13517 15.8248 8.6141 16.8463 12.2128 16.8463C14.6407 16.8463 17.3081 16.3253 19.7627 15.2557C20.1285 15.0843 20.4411 15.5025 20.0819 15.7768Z" fill="#FF9900"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9929 14.7073C20.7136 14.3371 19.1437 14.529 18.432 14.6182C18.2191 14.6456 18.1858 14.4536 18.3787 14.3096C19.6293 13.4046 21.6847 13.6651 21.9242 13.9668C22.1637 14.2753 21.8577 16.3939 20.6869 17.4086C20.5073 17.5663 20.3344 17.484 20.4142 17.2784C20.6803 16.5996 21.2723 15.0707 20.9929 14.7073Z" fill="#FF9900"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/AzureIcon.html b/src/tests/__snapshots__/AzureIcon.html
index 81fe8721..29e4a6a4 100644
--- a/src/tests/__snapshots__/AzureIcon.html
+++ b/src/tests/__snapshots__/AzureIcon.html
@@ -1,4 +1,4 @@
-<span data-v-dbe60e7a="" class="kui-icon azure-icon" data-testid="kui-icon-wrapper-azure-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbe60e7a="" data-testid="kui-icon-svg-azure-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"></path>
+<span class="kui-icon azure-icon" data-testid="kui-icon-wrapper-azure-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-azure-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.8651 2.00024H14.9587L8.63295 21.3186C8.56793 21.5171 8.44415 21.6896 8.27904 21.8118C8.11392 21.934 7.91578 21.9997 7.71251 21.9998H2.97016C2.81615 21.9998 2.66434 21.962 2.52731 21.8896C2.39027 21.8171 2.27194 21.7121 2.18211 21.5831C2.09228 21.4542 2.03352 21.305 2.0107 21.1481C1.98789 20.9911 2.00167 20.8307 2.0509 20.6803L7.94443 2.68144C8.00942 2.48284 8.13322 2.31027 8.29838 2.18802C8.46355 2.06577 8.66176 2.00025 8.8651 2.00024Z" fill="url(#paint0_linear_321_21552)"></path>
 <path d="M17.7201 14.9576H8.0571C7.96726 14.9575 7.87948 14.9853 7.80518 15.0374C7.73088 15.0894 7.67352 15.1633 7.64056 15.2495C7.6076 15.3356 7.60058 15.43 7.6204 15.5203C7.64022 15.6106 7.68597 15.6927 7.75169 15.7558L13.9609 21.7293C14.1417 21.9031 14.3798 21.9998 14.627 21.9997H20.0986L17.7201 14.9576Z" fill="#0078D4"></path>
 <path d="M8.86533 2.00025C8.65977 1.99944 8.45934 2.06639 8.29332 2.19133C8.12731 2.31627 8.0044 2.49266 7.94255 2.69471L2.05838 20.6639C2.00583 20.8149 1.98934 20.9767 2.01028 21.1356C2.03123 21.2945 2.08901 21.4459 2.17872 21.5769C2.26844 21.708 2.38745 21.8148 2.5257 21.8884C2.66395 21.962 2.81736 22.0002 2.97296 21.9998H7.83771C8.01889 21.9664 8.18824 21.8841 8.32844 21.7612C8.46865 21.6383 8.5747 21.4792 8.63575 21.3003L9.80916 17.7358L14.0006 21.7653C14.1763 21.9151 14.3966 21.9979 14.6245 21.9998H20.0758L17.6849 14.9577L10.7153 14.9594L14.981 2.00025H8.86533Z" fill="url(#paint1_linear_321_21552)"></path>
 <path d="M16.6485 2.68054C16.5836 2.48226 16.46 2.30998 16.2951 2.18794C16.1302 2.06591 15.9323 2.00028 15.7293 2.00031H8.93799C9.141 2.00032 9.33889 2.06596 9.50379 2.18799C9.6687 2.31002 9.79233 2.48228 9.85725 2.68054L15.751 20.6801C15.8003 20.8306 15.8141 20.991 15.7913 21.148C15.7685 21.305 15.7098 21.4542 15.6199 21.5832C15.5301 21.7122 15.4118 21.8173 15.2747 21.8898C15.1376 21.9623 14.9858 22.0001 14.8318 22.0001H21.6233C21.7773 22 21.9291 21.9622 22.0661 21.8897C22.2032 21.8172 22.3215 21.7121 22.4113 21.5831C22.5011 21.4541 22.5598 21.3049 22.5826 21.1479C22.6054 20.9909 22.5916 20.8306 22.5423 20.6801L16.6485 2.68054Z" fill="url(#paint2_linear_321_21552)"></path>
diff --git a/src/tests/__snapshots__/BackIcon.html b/src/tests/__snapshots__/BackIcon.html
index f6fd9ece..cd87981a 100644
--- a/src/tests/__snapshots__/BackIcon.html
+++ b/src/tests/__snapshots__/BackIcon.html
@@ -1 +1 @@
-<span data-v-c84d6575="" class="kui-icon back-icon" data-testid="kui-icon-wrapper-back-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c84d6575="" data-testid="kui-icon-svg-back-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon back-icon" data-testid="kui-icon-wrapper-back-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-back-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BarChartHorizontalIcon.html b/src/tests/__snapshots__/BarChartHorizontalIcon.html
index 34fb1d1f..7b2f0ffb 100644
--- a/src/tests/__snapshots__/BarChartHorizontalIcon.html
+++ b/src/tests/__snapshots__/BarChartHorizontalIcon.html
@@ -1 +1 @@
-<span data-v-8cd89094="" class="kui-icon bar-chart-horizontal-icon" data-testid="kui-icon-wrapper-bar-chart-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8cd89094="" data-testid="kui-icon-svg-bar-chart-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 16L18 16L18 20L4 20L4 16ZM4 10L20 10L20 14L4 14L4 10ZM4 4L15 4L15 8L4 8L4 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon bar-chart-horizontal-icon" data-testid="kui-icon-wrapper-bar-chart-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-bar-chart-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 16L18 16L18 20L4 20L4 16ZM4 10L20 10L20 14L4 14L4 10ZM4 4L15 4L15 8L4 8L4 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BarChartIcon.html b/src/tests/__snapshots__/BarChartIcon.html
index 901058cf..36ae2b2a 100644
--- a/src/tests/__snapshots__/BarChartIcon.html
+++ b/src/tests/__snapshots__/BarChartIcon.html
@@ -1 +1 @@
-<span data-v-4ee63a6e="" class="kui-icon bar-chart-icon" data-testid="kui-icon-wrapper-bar-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ee63a6e="" data-testid="kui-icon-svg-bar-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon bar-chart-icon" data-testid="kui-icon-wrapper-bar-chart-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-bar-chart-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20V12H8V20H4ZM10 20V4H14V20H10ZM16 20V9H20V20H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BlockquoteIcon.html b/src/tests/__snapshots__/BlockquoteIcon.html
index ad8e390d..e6501c57 100644
--- a/src/tests/__snapshots__/BlockquoteIcon.html
+++ b/src/tests/__snapshots__/BlockquoteIcon.html
@@ -1 +1 @@
-<span data-v-f0c3156b="" class="kui-icon blockquote-icon" data-testid="kui-icon-wrapper-blockquote-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0c3156b="" data-testid="kui-icon-svg-blockquote-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon blockquote-icon" data-testid="kui-icon-wrapper-blockquote-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-blockquote-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.55 16.5L8 14C6.9 14 5.95833 13.6083 5.175 12.825C4.39167 12.0417 4 11.1 4 10C4 8.9 4.39167 7.95833 5.175 7.175C5.95833 6.39167 6.9 6 8 6C9.1 6 10.0417 6.39167 10.825 7.175C11.6083 7.95833 12 8.9 12 10C12 10.3833 11.9542 10.7375 11.8625 11.0625C11.7708 11.3875 11.6333 11.7 11.45 12L8.275 17.5C8.19167 17.65 8.075 17.7708 7.925 17.8625C7.775 17.9542 7.60833 18 7.425 18C7.04167 18 6.75417 17.8333 6.5625 17.5C6.37083 17.1667 6.36667 16.8333 6.55 16.5ZM15.55 16.5L17 14C15.9 14 14.9583 13.6083 14.175 12.825C13.3917 12.0417 13 11.1 13 10C13 8.9 13.3917 7.95833 14.175 7.175C14.9583 6.39167 15.9 6 17 6C18.1 6 19.0417 6.39167 19.825 7.175C20.6083 7.95833 21 8.9 21 10C21 10.3833 20.9542 10.7375 20.8625 11.0625C20.7708 11.3875 20.6333 11.7 20.45 12L17.275 17.5C17.1917 17.65 17.075 17.7708 16.925 17.8625C16.775 17.9542 16.6083 18 16.425 18C16.0417 18 15.7542 17.8333 15.5625 17.5C15.3708 17.1667 15.3667 16.8333 15.55 16.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BoldIcon.html b/src/tests/__snapshots__/BoldIcon.html
index 7249775f..95800768 100644
--- a/src/tests/__snapshots__/BoldIcon.html
+++ b/src/tests/__snapshots__/BoldIcon.html
@@ -1 +1 @@
-<span data-v-99d29b8f="" class="kui-icon bold-icon" data-testid="kui-icon-wrapper-bold-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99d29b8f="" data-testid="kui-icon-svg-bold-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon bold-icon" data-testid="kui-icon-wrapper-bold-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-bold-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.3 19.25V5.25H11.825C12.9083 5.25 13.9083 5.58333 14.825 6.25C15.7417 6.91667 16.2 7.84167 16.2 9.025C16.2 9.875 16.0083 10.5292 15.625 10.9875C15.2417 11.4458 14.8833 11.775 14.55 11.975C14.9667 12.1583 15.4292 12.5 15.9375 13C16.4458 13.5 16.7 14.25 16.7 15.25C16.7 16.7333 16.1583 17.7708 15.075 18.3625C13.9917 18.9542 12.975 19.25 12.025 19.25H6.3ZM9.325 16.45H11.925C12.725 16.45 13.2125 16.2458 13.3875 15.8375C13.5625 15.4292 13.65 15.1333 13.65 14.95C13.65 14.7667 13.5625 14.4708 13.3875 14.0625C13.2125 13.6542 12.7 13.45 11.85 13.45H9.325V16.45ZM9.325 10.75H11.65C12.2 10.75 12.6 10.6083 12.85 10.325C13.1 10.0417 13.225 9.725 13.225 9.375C13.225 8.975 13.0833 8.65 12.8 8.4C12.5167 8.15 12.15 8.025 11.7 8.025H9.325V10.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BookIcon.html b/src/tests/__snapshots__/BookIcon.html
index c4793b53..bbce8b60 100644
--- a/src/tests/__snapshots__/BookIcon.html
+++ b/src/tests/__snapshots__/BookIcon.html
@@ -1 +1 @@
-<span data-v-c1903e79="" class="kui-icon book-icon" data-testid="kui-icon-wrapper-book-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1903e79="" data-testid="kui-icon-svg-book-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon book-icon" data-testid="kui-icon-wrapper-book-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-book-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 9.9V8.2C14.55 7.96667 15.1125 7.79167 15.6875 7.675C16.2625 7.55833 16.8667 7.5 17.5 7.5C17.9333 7.5 18.3583 7.53333 18.775 7.6C19.1917 7.66667 19.6 7.75 20 7.85V9.45C19.6 9.3 19.1958 9.1875 18.7875 9.1125C18.3792 9.0375 17.95 9 17.5 9C16.8667 9 16.2583 9.07917 15.675 9.2375C15.0917 9.39583 14.5333 9.61667 14 9.9ZM14 15.4V13.7C14.55 13.4667 15.1125 13.2917 15.6875 13.175C16.2625 13.0583 16.8667 13 17.5 13C17.9333 13 18.3583 13.0333 18.775 13.1C19.1917 13.1667 19.6 13.25 20 13.35V14.95C19.6 14.8 19.1958 14.6875 18.7875 14.6125C18.3792 14.5375 17.95 14.5 17.5 14.5C16.8667 14.5 16.2583 14.575 15.675 14.725C15.0917 14.875 14.5333 15.1 14 15.4ZM14 12.65V10.95C14.55 10.7167 15.1125 10.5417 15.6875 10.425C16.2625 10.3083 16.8667 10.25 17.5 10.25C17.9333 10.25 18.3583 10.2833 18.775 10.35C19.1917 10.4167 19.6 10.5 20 10.6V12.2C19.6 12.05 19.1958 11.9375 18.7875 11.8625C18.3792 11.7875 17.95 11.75 17.5 11.75C16.8667 11.75 16.2583 11.8292 15.675 11.9875C15.0917 12.1458 14.5333 12.3667 14 12.65ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 20C11.2 19.3667 10.3333 18.875 9.4 18.525C8.46667 18.175 7.5 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.5 18 15.5333 18.175 14.6 18.525C13.6667 18.875 12.8 19.3667 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BotIcon.html b/src/tests/__snapshots__/BotIcon.html
index 4807b594..c5acfe69 100644
--- a/src/tests/__snapshots__/BotIcon.html
+++ b/src/tests/__snapshots__/BotIcon.html
@@ -1 +1 @@
-<span data-v-06f27c64="" class="kui-icon bot-icon" data-testid="kui-icon-wrapper-bot-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06f27c64="" data-testid="kui-icon-svg-bot-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 15C3.16667 15 2.45833 14.7083 1.875 14.125C1.29167 13.5417 1 12.8333 1 12C1 11.1667 1.29167 10.4583 1.875 9.875C2.45833 9.29167 3.16667 9 4 9V7C4 6.45 4.19583 5.97917 4.5875 5.5875C4.97917 5.19583 5.45 5 6 5H9C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5H18C18.55 5 19.0208 5.19583 19.4125 5.5875C19.8042 5.97917 20 6.45 20 7V9C20.8333 9 21.5417 9.29167 22.125 9.875C22.7083 10.4583 23 11.1667 23 12C23 12.8333 22.7083 13.5417 22.125 14.125C21.5417 14.7083 20.8333 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V15ZM9 13C9.41667 13 9.77083 12.8542 10.0625 12.5625C10.3542 12.2708 10.5 11.9167 10.5 11.5C10.5 11.0833 10.3542 10.7292 10.0625 10.4375C9.77083 10.1458 9.41667 10 9 10C8.58333 10 8.22917 10.1458 7.9375 10.4375C7.64583 10.7292 7.5 11.0833 7.5 11.5C7.5 11.9167 7.64583 12.2708 7.9375 12.5625C8.22917 12.8542 8.58333 13 9 13ZM15 13C15.4167 13 15.7708 12.8542 16.0625 12.5625C16.3542 12.2708 16.5 11.9167 16.5 11.5C16.5 11.0833 16.3542 10.7292 16.0625 10.4375C15.7708 10.1458 15.4167 10 15 10C14.5833 10 14.2292 10.1458 13.9375 10.4375C13.6458 10.7292 13.5 11.0833 13.5 11.5C13.5 11.9167 13.6458 12.2708 13.9375 12.5625C14.2292 12.8542 14.5833 13 15 13ZM8 17H16V15H8V17ZM6 19H18V7H6V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon bot-icon" data-testid="kui-icon-wrapper-bot-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-bot-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 15C3.16667 15 2.45833 14.7083 1.875 14.125C1.29167 13.5417 1 12.8333 1 12C1 11.1667 1.29167 10.4583 1.875 9.875C2.45833 9.29167 3.16667 9 4 9V7C4 6.45 4.19583 5.97917 4.5875 5.5875C4.97917 5.19583 5.45 5 6 5H9C9 4.16667 9.29167 3.45833 9.875 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5H18C18.55 5 19.0208 5.19583 19.4125 5.5875C19.8042 5.97917 20 6.45 20 7V9C20.8333 9 21.5417 9.29167 22.125 9.875C22.7083 10.4583 23 11.1667 23 12C23 12.8333 22.7083 13.5417 22.125 14.125C21.5417 14.7083 20.8333 15 20 15V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19V15ZM9 13C9.41667 13 9.77083 12.8542 10.0625 12.5625C10.3542 12.2708 10.5 11.9167 10.5 11.5C10.5 11.0833 10.3542 10.7292 10.0625 10.4375C9.77083 10.1458 9.41667 10 9 10C8.58333 10 8.22917 10.1458 7.9375 10.4375C7.64583 10.7292 7.5 11.0833 7.5 11.5C7.5 11.9167 7.64583 12.2708 7.9375 12.5625C8.22917 12.8542 8.58333 13 9 13ZM15 13C15.4167 13 15.7708 12.8542 16.0625 12.5625C16.3542 12.2708 16.5 11.9167 16.5 11.5C16.5 11.0833 16.3542 10.7292 16.0625 10.4375C15.7708 10.1458 15.4167 10 15 10C14.5833 10 14.2292 10.1458 13.9375 10.4375C13.6458 10.7292 13.5 11.0833 13.5 11.5C13.5 11.9167 13.6458 12.2708 13.9375 12.5625C14.2292 12.8542 14.5833 13 15 13ZM8 17H16V15H8V17ZM6 19H18V7H6V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/BrainIcon.html b/src/tests/__snapshots__/BrainIcon.html
index 6b2c58a0..9918cb81 100644
--- a/src/tests/__snapshots__/BrainIcon.html
+++ b/src/tests/__snapshots__/BrainIcon.html
@@ -1 +1 @@
-<span data-v-2fad7736="" class="kui-icon brain-icon" data-testid="kui-icon-wrapper-brain-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2fad7736="" data-testid="kui-icon-svg-brain-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.275 15.525C13.4417 15.525 14.4333 15.15 15.25 14.4C16.0667 13.65 16.475 12.7417 16.475 11.675C16.475 10.725 16.1708 9.92083 15.5625 9.2625C14.9542 8.60417 14.2167 8.275 13.35 8.275C12.5667 8.275 11.9042 8.525 11.3625 9.025C10.8208 9.525 10.55 10.1417 10.55 10.875C10.55 11.1917 10.6125 11.5 10.7375 11.8C10.8625 12.1 11.0417 12.375 11.275 12.625L12.7 11.2C12.65 11.1667 12.6125 11.125 12.5875 11.075C12.5625 11.025 12.55 10.9667 12.55 10.9C12.55 10.7167 12.625 10.5708 12.775 10.4625C12.925 10.3542 13.1167 10.3 13.35 10.3C13.6833 10.3 13.9583 10.4375 14.175 10.7125C14.3917 10.9875 14.5 11.3167 14.5 11.7C14.5 12.2167 14.2875 12.6542 13.8625 13.0125C13.4375 13.3708 12.9167 13.55 12.3 13.55C11.5167 13.55 10.8542 13.2333 10.3125 12.6C9.77083 11.9667 9.5 11.1917 9.5 10.275C9.5 9.79167 9.59167 9.32917 9.775 8.8875C9.95833 8.44583 10.2167 8.05833 10.55 7.725L9.125 6.3C8.59167 6.81667 8.18333 7.41667 7.9 8.1C7.61667 8.78333 7.475 9.5 7.475 10.25C7.475 11.7167 7.94167 12.9625 8.875 13.9875C9.80833 15.0125 10.9417 15.525 12.275 15.525ZM6 22V17.7C5.05 16.8333 4.3125 15.8208 3.7875 14.6625C3.2625 13.5042 3 12.2833 3 11C3 8.5 3.875 6.375 5.625 4.625C7.375 2.875 9.5 2 12 2C14.0833 2 15.9292 2.6125 17.5375 3.8375C19.1458 5.0625 20.1917 6.65833 20.675 8.625L21.975 13.75C22.0583 14.0667 22 14.3542 21.8 14.6125C21.6 14.8708 21.3333 15 21 15H19V18C19 18.55 18.8042 19.0208 18.4125 19.4125C18.0208 19.8042 17.55 20 17 20H15V22H13V18H17V13H19.7L18.75 9.125C18.3667 7.60833 17.55 6.375 16.3 5.425C15.05 4.475 13.6167 4 12 4C10.0667 4 8.41667 4.675 7.05 6.025C5.68333 7.375 5 9.01667 5 10.95C5 11.95 5.20417 12.9 5.6125 13.8C6.02083 14.7 6.6 15.5 7.35 16.2L8 16.8V22H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon brain-icon" data-testid="kui-icon-wrapper-brain-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-brain-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.275 15.525C13.4417 15.525 14.4333 15.15 15.25 14.4C16.0667 13.65 16.475 12.7417 16.475 11.675C16.475 10.725 16.1708 9.92083 15.5625 9.2625C14.9542 8.60417 14.2167 8.275 13.35 8.275C12.5667 8.275 11.9042 8.525 11.3625 9.025C10.8208 9.525 10.55 10.1417 10.55 10.875C10.55 11.1917 10.6125 11.5 10.7375 11.8C10.8625 12.1 11.0417 12.375 11.275 12.625L12.7 11.2C12.65 11.1667 12.6125 11.125 12.5875 11.075C12.5625 11.025 12.55 10.9667 12.55 10.9C12.55 10.7167 12.625 10.5708 12.775 10.4625C12.925 10.3542 13.1167 10.3 13.35 10.3C13.6833 10.3 13.9583 10.4375 14.175 10.7125C14.3917 10.9875 14.5 11.3167 14.5 11.7C14.5 12.2167 14.2875 12.6542 13.8625 13.0125C13.4375 13.3708 12.9167 13.55 12.3 13.55C11.5167 13.55 10.8542 13.2333 10.3125 12.6C9.77083 11.9667 9.5 11.1917 9.5 10.275C9.5 9.79167 9.59167 9.32917 9.775 8.8875C9.95833 8.44583 10.2167 8.05833 10.55 7.725L9.125 6.3C8.59167 6.81667 8.18333 7.41667 7.9 8.1C7.61667 8.78333 7.475 9.5 7.475 10.25C7.475 11.7167 7.94167 12.9625 8.875 13.9875C9.80833 15.0125 10.9417 15.525 12.275 15.525ZM6 22V17.7C5.05 16.8333 4.3125 15.8208 3.7875 14.6625C3.2625 13.5042 3 12.2833 3 11C3 8.5 3.875 6.375 5.625 4.625C7.375 2.875 9.5 2 12 2C14.0833 2 15.9292 2.6125 17.5375 3.8375C19.1458 5.0625 20.1917 6.65833 20.675 8.625L21.975 13.75C22.0583 14.0667 22 14.3542 21.8 14.6125C21.6 14.8708 21.3333 15 21 15H19V18C19 18.55 18.8042 19.0208 18.4125 19.4125C18.0208 19.8042 17.55 20 17 20H15V22H13V18H17V13H19.7L18.75 9.125C18.3667 7.60833 17.55 6.375 16.3 5.425C15.05 4.475 13.6167 4 12 4C10.0667 4 8.41667 4.675 7.05 6.025C5.68333 7.375 5 9.01667 5 10.95C5 11.95 5.20417 12.9 5.6125 13.8C6.02083 14.7 6.6 15.5 7.35 16.2L8 16.8V22H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CalIcon.html b/src/tests/__snapshots__/CalIcon.html
index a348467d..d6983631 100644
--- a/src/tests/__snapshots__/CalIcon.html
+++ b/src/tests/__snapshots__/CalIcon.html
@@ -1 +1 @@
-<span data-v-bf12f4ed="" class="kui-icon cal-icon" data-testid="kui-icon-wrapper-cal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf12f4ed="" data-testid="kui-icon-svg-cal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon cal-icon" data-testid="kui-icon-wrapper-cal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-cal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartAreaIcon.html b/src/tests/__snapshots__/ChartAreaIcon.html
index f9365cd3..cd52763b 100644
--- a/src/tests/__snapshots__/ChartAreaIcon.html
+++ b/src/tests/__snapshots__/ChartAreaIcon.html
@@ -1 +1 @@
-<span data-v-968222cb="" class="kui-icon chart-area-icon" data-testid="kui-icon-wrapper-chart-area-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-968222cb="" data-testid="kui-icon-svg-chart-area-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2.0498 21L8.4998 12H13.5498L20.9998 3.30002V21H2.0498ZM3.7998 15.175L2.1998 14.025L6.4998 8.00002H11.5498L16.2498 2.52502L17.7498 3.82502L12.4498 10H7.4998L3.7998 15.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chart-area-icon" data-testid="kui-icon-wrapper-chart-area-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chart-area-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2.0498 21L8.4998 12H13.5498L20.9998 3.30002V21H2.0498ZM3.7998 15.175L2.1998 14.025L6.4998 8.00002H11.5498L16.2498 2.52502L17.7498 3.82502L12.4498 10H7.4998L3.7998 15.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartDataIcon.html b/src/tests/__snapshots__/ChartDataIcon.html
index bb0d6dbb..0a925f26 100644
--- a/src/tests/__snapshots__/ChartDataIcon.html
+++ b/src/tests/__snapshots__/ChartDataIcon.html
@@ -1 +1 @@
-<span data-v-9d4251c7="" class="kui-icon chart-data-icon" data-testid="kui-icon-wrapper-chart-data-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d4251c7="" data-testid="kui-icon-svg-chart-data-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.4 16L10.45 12.95L12.45 14.95L16 11.425V13H18V8H13V10H14.575L12.45 12.125L10.45 10.125L6 14.6L7.4 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chart-data-icon" data-testid="kui-icon-wrapper-chart-data-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chart-data-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.4 16L10.45 12.95L12.45 14.95L16 11.425V13H18V8H13V10H14.575L12.45 12.125L10.45 10.125L6 14.6L7.4 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChartLinesIcon.html b/src/tests/__snapshots__/ChartLinesIcon.html
index 26e17562..a6c2e434 100644
--- a/src/tests/__snapshots__/ChartLinesIcon.html
+++ b/src/tests/__snapshots__/ChartLinesIcon.html
@@ -1 +1 @@
-<span data-v-434654f5="" class="kui-icon chart-lines-icon" data-testid="kui-icon-wrapper-chart-lines-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-434654f5="" data-testid="kui-icon-svg-chart-lines-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L5.8 15L3 17V14.55L6 12.4L12.125 18.35L16.3 15H21V17H17L12 21ZM12 12L7.625 7.625L3 11V8.525L7.825 5L12.2 9.375L21 3V5.475L12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chart-lines-icon" data-testid="kui-icon-wrapper-chart-lines-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chart-lines-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L5.8 15L3 17V14.55L6 12.4L12.125 18.35L16.3 15H21V17H17L12 21ZM12 12L7.625 7.625L3 11V8.525L7.825 5L12.2 9.375L21 3V5.475L12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckCircleIcon.html b/src/tests/__snapshots__/CheckCircleIcon.html
index a5a02546..2f7992b4 100644
--- a/src/tests/__snapshots__/CheckCircleIcon.html
+++ b/src/tests/__snapshots__/CheckCircleIcon.html
@@ -1 +1 @@
-<span data-v-ea4a7b5c="" class="kui-icon check-circle-icon" data-testid="kui-icon-wrapper-check-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea4a7b5c="" data-testid="kui-icon-svg-check-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon check-circle-icon" data-testid="kui-icon-wrapper-check-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-check-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.6 16.6L17.65 9.55L16.25 8.15L10.6 13.8L7.75 10.95L6.35 12.35L10.6 16.6ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckIcon.html b/src/tests/__snapshots__/CheckIcon.html
index e720146e..da648430 100644
--- a/src/tests/__snapshots__/CheckIcon.html
+++ b/src/tests/__snapshots__/CheckIcon.html
@@ -1 +1 @@
-<span data-v-a6bf384d="" class="kui-icon check-icon" data-testid="kui-icon-wrapper-check-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a6bf384d="" data-testid="kui-icon-svg-check-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon check-icon" data-testid="kui-icon-wrapper-check-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-check-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CheckSmallIcon.html b/src/tests/__snapshots__/CheckSmallIcon.html
index 21d7a94c..9933c737 100644
--- a/src/tests/__snapshots__/CheckSmallIcon.html
+++ b/src/tests/__snapshots__/CheckSmallIcon.html
@@ -1 +1 @@
-<span data-v-1ae0b196="" class="kui-icon check-small-icon" data-testid="kui-icon-wrapper-check-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ae0b196="" data-testid="kui-icon-svg-check-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon check-small-icon" data-testid="kui-icon-wrapper-check-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-check-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronDownIcon.html b/src/tests/__snapshots__/ChevronDownIcon.html
index 2c685209..8305deee 100644
--- a/src/tests/__snapshots__/ChevronDownIcon.html
+++ b/src/tests/__snapshots__/ChevronDownIcon.html
@@ -1 +1 @@
-<span data-v-70132d72="" class="kui-icon chevron-down-icon" data-testid="kui-icon-wrapper-chevron-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-70132d72="" data-testid="kui-icon-svg-chevron-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chevron-down-icon" data-testid="kui-icon-wrapper-chevron-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chevron-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronLeftIcon.html b/src/tests/__snapshots__/ChevronLeftIcon.html
index d8cbc9fd..fb58758e 100644
--- a/src/tests/__snapshots__/ChevronLeftIcon.html
+++ b/src/tests/__snapshots__/ChevronLeftIcon.html
@@ -1 +1 @@
-<span data-v-ea48150a="" class="kui-icon chevron-left-icon" data-testid="kui-icon-wrapper-chevron-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea48150a="" data-testid="kui-icon-svg-chevron-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chevron-left-icon" data-testid="kui-icon-wrapper-chevron-left-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chevron-left-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronRightIcon.html b/src/tests/__snapshots__/ChevronRightIcon.html
index 48d32d6b..6aea7ff7 100644
--- a/src/tests/__snapshots__/ChevronRightIcon.html
+++ b/src/tests/__snapshots__/ChevronRightIcon.html
@@ -1 +1 @@
-<span data-v-f268370a="" class="kui-icon chevron-right-icon" data-testid="kui-icon-wrapper-chevron-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f268370a="" data-testid="kui-icon-svg-chevron-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chevron-right-icon" data-testid="kui-icon-wrapper-chevron-right-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chevron-right-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.4 18L8 16.6L12.6 12L8 7.4L9.4 6L15.4 12L9.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ChevronUpIcon.html b/src/tests/__snapshots__/ChevronUpIcon.html
index a2466cab..5bd786a3 100644
--- a/src/tests/__snapshots__/ChevronUpIcon.html
+++ b/src/tests/__snapshots__/ChevronUpIcon.html
@@ -1 +1 @@
-<span data-v-8db12933="" class="kui-icon chevron-up-icon" data-testid="kui-icon-wrapper-chevron-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8db12933="" data-testid="kui-icon-svg-chevron-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon chevron-up-icon" data-testid="kui-icon-wrapper-chevron-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-chevron-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7.4 15.4L6 14L12 8L18 14L16.6 15.4L12 10.8L7.4 15.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClearIcon.html b/src/tests/__snapshots__/ClearIcon.html
index 23034e57..251e1ba7 100644
--- a/src/tests/__snapshots__/ClearIcon.html
+++ b/src/tests/__snapshots__/ClearIcon.html
@@ -1 +1 @@
-<span data-v-8341624b="" class="kui-icon clear-icon" data-testid="kui-icon-wrapper-clear-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8341624b="" data-testid="kui-icon-svg-clear-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon clear-icon" data-testid="kui-icon-wrapper-clear-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-clear-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClipboardIcon.html b/src/tests/__snapshots__/ClipboardIcon.html
index 9447586a..073d57fa 100644
--- a/src/tests/__snapshots__/ClipboardIcon.html
+++ b/src/tests/__snapshots__/ClipboardIcon.html
@@ -1 +1 @@
-<span data-v-1a647e84="" class="kui-icon clipboard-icon" data-testid="kui-icon-wrapper-clipboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a647e84="" data-testid="kui-icon-svg-clipboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon clipboard-icon" data-testid="kui-icon-wrapper-clipboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-clipboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H9.2C9.41667 3.4 9.77917 2.91667 10.2875 2.55C10.7958 2.18333 11.3667 2 12 2C12.6333 2 13.2042 2.18333 13.7125 2.55C14.2208 2.91667 14.5833 3.4 14.8 4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V6H5V20ZM7 18H14V16H7V18ZM7 14H17V12H7V14ZM7 10H17V8H7V10ZM12 5.25C12.2167 5.25 12.3958 5.17917 12.5375 5.0375C12.6792 4.89583 12.75 4.71667 12.75 4.5C12.75 4.28333 12.6792 4.10417 12.5375 3.9625C12.3958 3.82083 12.2167 3.75 12 3.75C11.7833 3.75 11.6042 3.82083 11.4625 3.9625C11.3208 4.10417 11.25 4.28333 11.25 4.5C11.25 4.71667 11.3208 4.89583 11.4625 5.0375C11.6042 5.17917 11.7833 5.25 12 5.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ClockIcon.html b/src/tests/__snapshots__/ClockIcon.html
index f34fb649..b3e0c7af 100644
--- a/src/tests/__snapshots__/ClockIcon.html
+++ b/src/tests/__snapshots__/ClockIcon.html
@@ -1 +1 @@
-<span data-v-8dde58e5="" class="kui-icon clock-icon" data-testid="kui-icon-wrapper-clock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dde58e5="" data-testid="kui-icon-svg-clock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon clock-icon" data-testid="kui-icon-wrapper-clock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-clock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloseIcon.html b/src/tests/__snapshots__/CloseIcon.html
index 2a46f2ed..5a6a4410 100644
--- a/src/tests/__snapshots__/CloseIcon.html
+++ b/src/tests/__snapshots__/CloseIcon.html
@@ -1 +1 @@
-<span data-v-ee153d28="" class="kui-icon close-icon" data-testid="kui-icon-wrapper-close-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ee153d28="" data-testid="kui-icon-svg-close-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon close-icon" data-testid="kui-icon-wrapper-close-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-close-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudDownloadIcon.html b/src/tests/__snapshots__/CloudDownloadIcon.html
index 99a8bc6a..dbf9fbbb 100644
--- a/src/tests/__snapshots__/CloudDownloadIcon.html
+++ b/src/tests/__snapshots__/CloudDownloadIcon.html
@@ -1 +1 @@
-<span data-v-f8ce22e8="" class="kui-icon cloud-download-icon" data-testid="kui-icon-wrapper-cloud-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f8ce22e8="" data-testid="kui-icon-svg-cloud-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.53333 7.95 6.24167 6.80833 7.375 5.725C8.50833 4.64167 9.71667 4.1 11 4.1C11.55 4.1 12.0208 4.29583 12.4125 4.6875C12.8042 5.07917 13 5.55 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1C9.73333 6.33333 8.75 6.94583 8.05 7.9375C7.35 8.92917 7 9.95 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 10.2 16.8167 9.45417 16.45 8.7625C16.0833 8.07083 15.6 7.48333 15 7V4.675C16.2333 5.25833 17.2083 6.12083 17.925 7.2625C18.6417 8.40417 19 9.65 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon cloud-download-icon" data-testid="kui-icon-wrapper-cloud-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-cloud-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.53333 7.95 6.24167 6.80833 7.375 5.725C8.50833 4.64167 9.71667 4.1 11 4.1C11.55 4.1 12.0208 4.29583 12.4125 4.6875C12.8042 5.07917 13 5.55 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1C9.73333 6.33333 8.75 6.94583 8.05 7.9375C7.35 8.92917 7 9.95 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 10.2 16.8167 9.45417 16.45 8.7625C16.0833 8.07083 15.6 7.48333 15 7V4.675C16.2333 5.25833 17.2083 6.12083 17.925 7.2625C18.6417 8.40417 19 9.65 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudIcon.html b/src/tests/__snapshots__/CloudIcon.html
index 1ec0d8d5..abcf60be 100644
--- a/src/tests/__snapshots__/CloudIcon.html
+++ b/src/tests/__snapshots__/CloudIcon.html
@@ -1 +1 @@
-<span data-v-be4a99a4="" class="kui-icon cloud-icon" data-testid="kui-icon-wrapper-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be4a99a4="" data-testid="kui-icon-svg-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon cloud-icon" data-testid="kui-icon-wrapper-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H6.5ZM6.5 18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CloudUploadIcon.html b/src/tests/__snapshots__/CloudUploadIcon.html
index ba4af36b..3338cf19 100644
--- a/src/tests/__snapshots__/CloudUploadIcon.html
+++ b/src/tests/__snapshots__/CloudUploadIcon.html
@@ -1 +1 @@
-<span data-v-3f2883af="" class="kui-icon cloud-upload-icon" data-testid="kui-icon-wrapper-cloud-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f2883af="" data-testid="kui-icon-svg-cloud-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon cloud-upload-icon" data-testid="kui-icon-wrapper-cloud-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-cloud-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.5 20C4.98333 20 3.6875 19.475 2.6125 18.425C1.5375 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.6042 4.67917 16.9625 6.0375C18.3208 7.39583 19 9.05 19 11C20.15 11.1333 21.1042 11.6292 21.8625 12.4875C22.6208 13.3458 23 14.35 23 15.5C23 16.75 22.5625 17.8125 21.6875 18.6875C20.8125 19.5625 19.75 20 18.5 20H13C12.45 20 11.9792 19.8042 11.5875 19.4125C11.1958 19.0208 11 18.55 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.7917 17.7583 20.275 17.275C20.7583 16.7917 21 16.2 21 15.5C21 14.8 20.7583 14.2083 20.275 13.725C19.7917 13.2417 19.2 13 18.5 13H17V11C17 9.61667 16.5125 8.4375 15.5375 7.4625C14.5625 6.4875 13.3833 6 12 6C10.6167 6 9.4375 6.4875 8.4625 7.4625C7.4875 8.4375 7 9.61667 7 11H6.5C5.53333 11 4.70833 11.3417 4.025 12.025C3.34167 12.7083 3 13.5333 3 14.5C3 15.4667 3.34167 16.2917 4.025 16.975C4.70833 17.6583 5.53333 18 6.5 18H9V20H6.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CodeIcon.html b/src/tests/__snapshots__/CodeIcon.html
index 73b733ed..f02fcfd6 100644
--- a/src/tests/__snapshots__/CodeIcon.html
+++ b/src/tests/__snapshots__/CodeIcon.html
@@ -1 +1 @@
-<span data-v-e0cfcce8="" class="kui-icon code-icon" data-testid="kui-icon-wrapper-code-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0cfcce8="" data-testid="kui-icon-svg-code-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.82499 12.025L8.69999 15.9C8.88332 16.0833 8.97499 16.3167 8.97499 16.6C8.97499 16.8833 8.88332 17.1167 8.69999 17.3C8.51665 17.4833 8.28332 17.575 7.99999 17.575C7.71665 17.575 7.48332 17.4833 7.29999 17.3L2.69999 12.7C2.59999 12.6 2.52915 12.4917 2.48749 12.375C2.44582 12.2583 2.42499 12.1333 2.42499 12C2.42499 11.8667 2.44582 11.7417 2.48749 11.625C2.52915 11.5083 2.59999 11.4 2.69999 11.3L7.29999 6.7C7.49999 6.5 7.73749 6.4 8.01249 6.4C8.28749 6.4 8.52499 6.5 8.72499 6.7C8.92499 6.9 9.02499 7.1375 9.02499 7.4125C9.02499 7.6875 8.92499 7.925 8.72499 8.125L4.82499 12.025ZM19.175 11.975L15.3 8.1C15.1167 7.91667 15.025 7.68333 15.025 7.4C15.025 7.11667 15.1167 6.88333 15.3 6.7C15.4833 6.51667 15.7167 6.425 16 6.425C16.2833 6.425 16.5167 6.51667 16.7 6.7L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L16.7 17.3C16.5 17.5 16.2667 17.5958 16 17.5875C15.7333 17.5792 15.5 17.475 15.3 17.275C15.1 17.075 15 16.8375 15 16.5625C15 16.2875 15.1 16.05 15.3 15.85L19.175 11.975Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon code-icon" data-testid="kui-icon-wrapper-code-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-code-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.82499 12.025L8.69999 15.9C8.88332 16.0833 8.97499 16.3167 8.97499 16.6C8.97499 16.8833 8.88332 17.1167 8.69999 17.3C8.51665 17.4833 8.28332 17.575 7.99999 17.575C7.71665 17.575 7.48332 17.4833 7.29999 17.3L2.69999 12.7C2.59999 12.6 2.52915 12.4917 2.48749 12.375C2.44582 12.2583 2.42499 12.1333 2.42499 12C2.42499 11.8667 2.44582 11.7417 2.48749 11.625C2.52915 11.5083 2.59999 11.4 2.69999 11.3L7.29999 6.7C7.49999 6.5 7.73749 6.4 8.01249 6.4C8.28749 6.4 8.52499 6.5 8.72499 6.7C8.92499 6.9 9.02499 7.1375 9.02499 7.4125C9.02499 7.6875 8.92499 7.925 8.72499 8.125L4.82499 12.025ZM19.175 11.975L15.3 8.1C15.1167 7.91667 15.025 7.68333 15.025 7.4C15.025 7.11667 15.1167 6.88333 15.3 6.7C15.4833 6.51667 15.7167 6.425 16 6.425C16.2833 6.425 16.5167 6.51667 16.7 6.7L21.3 11.3C21.4 11.4 21.4708 11.5083 21.5125 11.625C21.5542 11.7417 21.575 11.8667 21.575 12C21.575 12.1333 21.5542 12.2583 21.5125 12.375C21.4708 12.4917 21.4 12.6 21.3 12.7L16.7 17.3C16.5 17.5 16.2667 17.5958 16 17.5875C15.7333 17.5792 15.5 17.475 15.3 17.275C15.1 17.075 15 16.8375 15 16.5625C15 16.2875 15.1 16.05 15.3 15.85L19.175 11.975Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CodeblockIcon.html b/src/tests/__snapshots__/CodeblockIcon.html
index 3cb7c2d4..7080bec1 100644
--- a/src/tests/__snapshots__/CodeblockIcon.html
+++ b/src/tests/__snapshots__/CodeblockIcon.html
@@ -1 +1 @@
-<span data-v-5a8ca238="" class="kui-icon codeblock-icon" data-testid="kui-icon-wrapper-codeblock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a8ca238="" data-testid="kui-icon-svg-codeblock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.825 12L10.3 10.525C10.5 10.325 10.6 10.0917 10.6 9.825C10.6 9.55833 10.5 9.325 10.3 9.125C10.1 8.925 9.8625 8.825 9.5875 8.825C9.3125 8.825 9.075 8.925 8.875 9.125L6.7 11.3C6.6 11.4 6.52917 11.5083 6.4875 11.625C6.44583 11.7417 6.425 11.8667 6.425 12C6.425 12.1333 6.44583 12.2583 6.4875 12.375C6.52917 12.4917 6.6 12.6 6.7 12.7L8.875 14.875C9.075 15.075 9.3125 15.175 9.5875 15.175C9.8625 15.175 10.1 15.075 10.3 14.875C10.5 14.675 10.6 14.4417 10.6 14.175C10.6 13.9083 10.5 13.675 10.3 13.475L8.825 12ZM15.175 12L13.7 13.475C13.5 13.675 13.4 13.9083 13.4 14.175C13.4 14.4417 13.5 14.675 13.7 14.875C13.9 15.075 14.1375 15.175 14.4125 15.175C14.6875 15.175 14.925 15.075 15.125 14.875L17.3 12.7C17.4 12.6 17.4708 12.4917 17.5125 12.375C17.5542 12.2583 17.575 12.1333 17.575 12C17.575 11.8667 17.5542 11.7417 17.5125 11.625C17.4708 11.5083 17.4 11.4 17.3 11.3L15.125 9.125C15.025 9.025 14.9125 8.95 14.7875 8.9C14.6625 8.85 14.5375 8.825 14.4125 8.825C14.2875 8.825 14.1625 8.85 14.0375 8.9C13.9125 8.95 13.8 9.025 13.7 9.125C13.5 9.325 13.4 9.55833 13.4 9.825C13.4 10.0917 13.5 10.325 13.7 10.525L15.175 12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon codeblock-icon" data-testid="kui-icon-wrapper-codeblock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-codeblock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.825 12L10.3 10.525C10.5 10.325 10.6 10.0917 10.6 9.825C10.6 9.55833 10.5 9.325 10.3 9.125C10.1 8.925 9.8625 8.825 9.5875 8.825C9.3125 8.825 9.075 8.925 8.875 9.125L6.7 11.3C6.6 11.4 6.52917 11.5083 6.4875 11.625C6.44583 11.7417 6.425 11.8667 6.425 12C6.425 12.1333 6.44583 12.2583 6.4875 12.375C6.52917 12.4917 6.6 12.6 6.7 12.7L8.875 14.875C9.075 15.075 9.3125 15.175 9.5875 15.175C9.8625 15.175 10.1 15.075 10.3 14.875C10.5 14.675 10.6 14.4417 10.6 14.175C10.6 13.9083 10.5 13.675 10.3 13.475L8.825 12ZM15.175 12L13.7 13.475C13.5 13.675 13.4 13.9083 13.4 14.175C13.4 14.4417 13.5 14.675 13.7 14.875C13.9 15.075 14.1375 15.175 14.4125 15.175C14.6875 15.175 14.925 15.075 15.125 14.875L17.3 12.7C17.4 12.6 17.4708 12.4917 17.5125 12.375C17.5542 12.2583 17.575 12.1333 17.575 12C17.575 11.8667 17.5542 11.7417 17.5125 11.625C17.4708 11.5083 17.4 11.4 17.3 11.3L15.125 9.125C15.025 9.025 14.9125 8.95 14.7875 8.9C14.6625 8.85 14.5375 8.825 14.4125 8.825C14.2875 8.825 14.1625 8.85 14.0375 8.9C13.9125 8.95 13.8 9.025 13.7 9.125C13.5 9.325 13.4 9.55833 13.4 9.825C13.4 10.0917 13.5 10.325 13.7 10.525L15.175 12ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CogIcon.html b/src/tests/__snapshots__/CogIcon.html
index 6d119c7e..55a75a82 100644
--- a/src/tests/__snapshots__/CogIcon.html
+++ b/src/tests/__snapshots__/CogIcon.html
@@ -1 +1 @@
-<span data-v-e918e59b="" class="kui-icon cog-icon" data-testid="kui-icon-wrapper-cog-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e918e59b="" data-testid="kui-icon-svg-cog-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon cog-icon" data-testid="kui-icon-wrapper-cog-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-cog-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CogModeIcon.html b/src/tests/__snapshots__/CogModeIcon.html
index 3b1e6d7f..c32c9c97 100644
--- a/src/tests/__snapshots__/CogModeIcon.html
+++ b/src/tests/__snapshots__/CogModeIcon.html
@@ -1 +1 @@
-<span data-v-8360b86d="" class="kui-icon cog-mode-icon" data-testid="kui-icon-wrapper-cog-mode-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8360b86d="" data-testid="kui-icon-svg-cog-mode-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon cog-mode-icon" data-testid="kui-icon-wrapper-cog-mode-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-cog-mode-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CollapseIcon.html b/src/tests/__snapshots__/CollapseIcon.html
index 5f6e8106..816d4aab 100644
--- a/src/tests/__snapshots__/CollapseIcon.html
+++ b/src/tests/__snapshots__/CollapseIcon.html
@@ -1 +1 @@
-<span data-v-60022866="" class="kui-icon collapse-icon" data-testid="kui-icon-wrapper-collapse-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60022866="" data-testid="kui-icon-svg-collapse-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon collapse-icon" data-testid="kui-icon-wrapper-collapse-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-collapse-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.4 22L2 20.6L8.6 14H4V12H12V20H10V15.4L3.4 22ZM12 12V4H14V8.6L20.6 2L22 3.4L15.4 10H20V12H12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CollapsePanelIcon.html b/src/tests/__snapshots__/CollapsePanelIcon.html
index c20ccab3..c6c149be 100644
--- a/src/tests/__snapshots__/CollapsePanelIcon.html
+++ b/src/tests/__snapshots__/CollapsePanelIcon.html
@@ -1 +1 @@
-<span data-v-6308f342="" class="kui-icon collapse-panel-icon" data-testid="kui-icon-wrapper-collapse-panel-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6308f342="" data-testid="kui-icon-svg-collapse-panel-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon collapse-panel-icon" data-testid="kui-icon-wrapper-collapse-panel-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-collapse-panel-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16.5 16V8L12.5 12L16.5 16ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM8 19V5H5V19H8ZM10 19H19V5H10V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ConnectionsIcon.html b/src/tests/__snapshots__/ConnectionsIcon.html
index 0342b505..20f4554f 100644
--- a/src/tests/__snapshots__/ConnectionsIcon.html
+++ b/src/tests/__snapshots__/ConnectionsIcon.html
@@ -1 +1 @@
-<span data-v-9a90e907="" class="kui-icon connections-icon" data-testid="kui-icon-wrapper-connections-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a90e907="" data-testid="kui-icon-svg-connections-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M20.999 12H11.999V3H20.999V6.07595V12ZM9.53418 15.5342L9.53418 9L3 9V15.5342H9.53418ZM16.9971 15V20.1989H11.7982L11.7982 15H16.9971Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon connections-icon" data-testid="kui-icon-wrapper-connections-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-connections-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M20.999 12H11.999V3H20.999V6.07595V12ZM9.53418 15.5342L9.53418 9L3 9V15.5342H9.53418ZM16.9971 15V20.1989H11.7982L11.7982 15H16.9971Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/CopyIcon.html b/src/tests/__snapshots__/CopyIcon.html
index 80694b76..e1312443 100644
--- a/src/tests/__snapshots__/CopyIcon.html
+++ b/src/tests/__snapshots__/CopyIcon.html
@@ -1 +1 @@
-<span data-v-39d7139a="" class="kui-icon copy-icon" data-testid="kui-icon-wrapper-copy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-39d7139a="" data-testid="kui-icon-svg-copy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon copy-icon" data-testid="kui-icon-wrapper-copy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-copy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DangerCircleIcon.html b/src/tests/__snapshots__/DangerCircleIcon.html
index f33f11b2..ad6bd35a 100644
--- a/src/tests/__snapshots__/DangerCircleIcon.html
+++ b/src/tests/__snapshots__/DangerCircleIcon.html
@@ -1 +1 @@
-<span data-v-cbeb370e="" class="kui-icon danger-circle-icon" data-testid="kui-icon-wrapper-danger-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cbeb370e="" data-testid="kui-icon-svg-danger-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon danger-circle-icon" data-testid="kui-icon-wrapper-danger-circle-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-danger-circle-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 17C12.2833 17 12.5208 16.9042 12.7125 16.7125C12.9042 16.5208 13 16.2833 13 16C13 15.7167 12.9042 15.4792 12.7125 15.2875C12.5208 15.0958 12.2833 15 12 15C11.7167 15 11.4792 15.0958 11.2875 15.2875C11.0958 15.4792 11 15.7167 11 16C11 16.2833 11.0958 16.5208 11.2875 16.7125C11.4792 16.9042 11.7167 17 12 17ZM11 13H13V7H11V13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DangerIcon.html b/src/tests/__snapshots__/DangerIcon.html
index aa360faa..09f381de 100644
--- a/src/tests/__snapshots__/DangerIcon.html
+++ b/src/tests/__snapshots__/DangerIcon.html
@@ -1 +1 @@
-<span data-v-8823d8a4="" class="kui-icon danger-icon" data-testid="kui-icon-wrapper-danger-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8823d8a4="" data-testid="kui-icon-svg-danger-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon danger-icon" data-testid="kui-icon-wrapper-danger-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-danger-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.575 21.25C8.30833 21.25 8.05417 21.2 7.8125 21.1C7.57083 21 7.35833 20.8583 7.175 20.675L3.075 16.575C2.89167 16.3917 2.75 16.1792 2.65 15.9375C2.55 15.6958 2.5 15.4417 2.5 15.175V9.325C2.5 9.05833 2.55 8.80417 2.65 8.5625C2.75 8.32083 2.89167 8.10833 3.075 7.925L7.175 3.825C7.35833 3.64167 7.57083 3.5 7.8125 3.4C8.05417 3.3 8.30833 3.25 8.575 3.25H14.425C14.6917 3.25 14.9458 3.3 15.1875 3.4C15.4292 3.5 15.6417 3.64167 15.825 3.825L19.925 7.925C20.1083 8.10833 20.25 8.32083 20.35 8.5625C20.45 8.80417 20.5 9.05833 20.5 9.325V15.175C20.5 15.4417 20.45 15.6958 20.35 15.9375C20.25 16.1792 20.1083 16.3917 19.925 16.575L15.825 20.675C15.6417 20.8583 15.4292 21 15.1875 21.1C14.9458 21.2 14.6917 21.25 14.425 21.25H8.575ZM11.5 13.65L13.65 15.8C13.8333 15.9833 14.0667 16.075 14.35 16.075C14.6333 16.075 14.8667 15.9833 15.05 15.8C15.2333 15.6167 15.325 15.3833 15.325 15.1C15.325 14.8167 15.2333 14.5833 15.05 14.4L12.9 12.25L15.05 10.1C15.2333 9.91667 15.325 9.68333 15.325 9.4C15.325 9.11667 15.2333 8.88333 15.05 8.7C14.8667 8.51667 14.6333 8.425 14.35 8.425C14.0667 8.425 13.8333 8.51667 13.65 8.7L11.5 10.85L9.35 8.7C9.16667 8.51667 8.93333 8.425 8.65 8.425C8.36667 8.425 8.13333 8.51667 7.95 8.7C7.76667 8.88333 7.675 9.11667 7.675 9.4C7.675 9.68333 7.76667 9.91667 7.95 10.1L10.1 12.25L7.95 14.4C7.76667 14.5833 7.675 14.8167 7.675 15.1C7.675 15.3833 7.76667 15.6167 7.95 15.8C8.13333 15.9833 8.36667 16.075 8.65 16.075C8.93333 16.075 9.16667 15.9833 9.35 15.8L11.5 13.65Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DashboardIcon.html b/src/tests/__snapshots__/DashboardIcon.html
index 00cfeaea..2d7d3ae3 100644
--- a/src/tests/__snapshots__/DashboardIcon.html
+++ b/src/tests/__snapshots__/DashboardIcon.html
@@ -1 +1 @@
-<span data-v-20dc21f9="" class="kui-icon dashboard-icon" data-testid="kui-icon-wrapper-dashboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-20dc21f9="" data-testid="kui-icon-svg-dashboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.45 15.5C10.85 15.9 11.3667 16.0958 12 16.0875C12.6333 16.0792 13.1 15.85 13.4 15.4L19 7L10.6 12.6C10.15 12.9 9.9125 13.3583 9.8875 13.975C9.8625 14.5917 10.05 15.1 10.45 15.5ZM12 4C12.9833 4 13.9292 4.1375 14.8375 4.4125C15.7458 4.6875 16.6 5.1 17.4 5.65L15.5 6.85C14.95 6.56667 14.3792 6.35417 13.7875 6.2125C13.1958 6.07083 12.6 6 12 6C9.78333 6 7.89583 6.77917 6.3375 8.3375C4.77917 9.89583 4 11.7833 4 14C4 14.7 4.09583 15.3917 4.2875 16.075C4.47917 16.7583 4.75 17.4 5.1 18H18.9C19.2833 17.3667 19.5625 16.7083 19.7375 16.025C19.9125 15.3417 20 14.6333 20 13.9C20 13.3 19.9292 12.7167 19.7875 12.15C19.6458 11.5833 19.4333 11.0333 19.15 10.5L20.35 8.6C20.85 9.38333 21.2458 10.2167 21.5375 11.1C21.8292 11.9833 21.9833 12.9 22 13.85C22.0167 14.8 21.9083 15.7083 21.675 16.575C21.4417 17.4417 21.1 18.2667 20.65 19.05C20.4667 19.35 20.2167 19.5833 19.9 19.75C19.5833 19.9167 19.25 20 18.9 20H5.1C4.75 20 4.41667 19.9167 4.1 19.75C3.78333 19.5833 3.53333 19.35 3.35 19.05C2.91667 18.3 2.58333 17.5042 2.35 16.6625C2.11667 15.8208 2 14.9333 2 14C2 12.6167 2.2625 11.3208 2.7875 10.1125C3.3125 8.90417 4.02917 7.84583 4.9375 6.9375C5.84583 6.02917 6.90833 5.3125 8.125 4.7875C9.34167 4.2625 10.6333 4 12 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon dashboard-icon" data-testid="kui-icon-wrapper-dashboard-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-dashboard-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.45 15.5C10.85 15.9 11.3667 16.0958 12 16.0875C12.6333 16.0792 13.1 15.85 13.4 15.4L19 7L10.6 12.6C10.15 12.9 9.9125 13.3583 9.8875 13.975C9.8625 14.5917 10.05 15.1 10.45 15.5ZM12 4C12.9833 4 13.9292 4.1375 14.8375 4.4125C15.7458 4.6875 16.6 5.1 17.4 5.65L15.5 6.85C14.95 6.56667 14.3792 6.35417 13.7875 6.2125C13.1958 6.07083 12.6 6 12 6C9.78333 6 7.89583 6.77917 6.3375 8.3375C4.77917 9.89583 4 11.7833 4 14C4 14.7 4.09583 15.3917 4.2875 16.075C4.47917 16.7583 4.75 17.4 5.1 18H18.9C19.2833 17.3667 19.5625 16.7083 19.7375 16.025C19.9125 15.3417 20 14.6333 20 13.9C20 13.3 19.9292 12.7167 19.7875 12.15C19.6458 11.5833 19.4333 11.0333 19.15 10.5L20.35 8.6C20.85 9.38333 21.2458 10.2167 21.5375 11.1C21.8292 11.9833 21.9833 12.9 22 13.85C22.0167 14.8 21.9083 15.7083 21.675 16.575C21.4417 17.4417 21.1 18.2667 20.65 19.05C20.4667 19.35 20.2167 19.5833 19.9 19.75C19.5833 19.9167 19.25 20 18.9 20H5.1C4.75 20 4.41667 19.9167 4.1 19.75C3.78333 19.5833 3.53333 19.35 3.35 19.05C2.91667 18.3 2.58333 17.5042 2.35 16.6625C2.11667 15.8208 2 14.9333 2 14C2 12.6167 2.2625 11.3208 2.7875 10.1125C3.3125 8.90417 4.02917 7.84583 4.9375 6.9375C5.84583 6.02917 6.90833 5.3125 8.125 4.7875C9.34167 4.2625 10.6333 4 12 4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DataObjectIcon.html b/src/tests/__snapshots__/DataObjectIcon.html
index 847aaa28..e203b898 100644
--- a/src/tests/__snapshots__/DataObjectIcon.html
+++ b/src/tests/__snapshots__/DataObjectIcon.html
@@ -1 +1 @@
-<span data-v-7018b0ab="" class="kui-icon data-object-icon" data-testid="kui-icon-wrapper-data-object-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7018b0ab="" data-testid="kui-icon-svg-data-object-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 20V18H17C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17V15C18 14.3667 18.1833 13.7917 18.55 13.275C18.9167 12.7583 19.4 12.3917 20 12.175V11.825C19.4 11.6083 18.9167 11.2417 18.55 10.725C18.1833 10.2083 18 9.63333 18 9V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H14V4H17C17.8333 4 18.5417 4.29167 19.125 4.875C19.7083 5.45833 20 6.16667 20 7V9C20 9.28333 20.0958 9.52083 20.2875 9.7125C20.4792 9.90417 20.7167 10 21 10H22V14H21C20.7167 14 20.4792 14.0958 20.2875 14.2875C20.0958 14.4792 20 14.7167 20 15V17C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20H14ZM7 20C6.16667 20 5.45833 19.7083 4.875 19.125C4.29167 18.5417 4 17.8333 4 17V15C4 14.7167 3.90417 14.4792 3.7125 14.2875C3.52083 14.0958 3.28333 14 3 14H2V10H3C3.28333 10 3.52083 9.90417 3.7125 9.7125C3.90417 9.52083 4 9.28333 4 9V7C4 6.16667 4.29167 5.45833 4.875 4.875C5.45833 4.29167 6.16667 4 7 4H10V6H7C6.71667 6 6.47917 6.09583 6.2875 6.2875C6.09583 6.47917 6 6.71667 6 7V9C6 9.63333 5.81667 10.2083 5.45 10.725C5.08333 11.2417 4.6 11.6083 4 11.825V12.175C4.6 12.3917 5.08333 12.7583 5.45 13.275C5.81667 13.7917 6 14.3667 6 15V17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18H10V20H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon data-object-icon" data-testid="kui-icon-wrapper-data-object-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-data-object-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 20V18H17C17.2833 18 17.5208 17.9042 17.7125 17.7125C17.9042 17.5208 18 17.2833 18 17V15C18 14.3667 18.1833 13.7917 18.55 13.275C18.9167 12.7583 19.4 12.3917 20 12.175V11.825C19.4 11.6083 18.9167 11.2417 18.55 10.725C18.1833 10.2083 18 9.63333 18 9V7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6H14V4H17C17.8333 4 18.5417 4.29167 19.125 4.875C19.7083 5.45833 20 6.16667 20 7V9C20 9.28333 20.0958 9.52083 20.2875 9.7125C20.4792 9.90417 20.7167 10 21 10H22V14H21C20.7167 14 20.4792 14.0958 20.2875 14.2875C20.0958 14.4792 20 14.7167 20 15V17C20 17.8333 19.7083 18.5417 19.125 19.125C18.5417 19.7083 17.8333 20 17 20H14ZM7 20C6.16667 20 5.45833 19.7083 4.875 19.125C4.29167 18.5417 4 17.8333 4 17V15C4 14.7167 3.90417 14.4792 3.7125 14.2875C3.52083 14.0958 3.28333 14 3 14H2V10H3C3.28333 10 3.52083 9.90417 3.7125 9.7125C3.90417 9.52083 4 9.28333 4 9V7C4 6.16667 4.29167 5.45833 4.875 4.875C5.45833 4.29167 6.16667 4 7 4H10V6H7C6.71667 6 6.47917 6.09583 6.2875 6.2875C6.09583 6.47917 6 6.71667 6 7V9C6 9.63333 5.81667 10.2083 5.45 10.725C5.08333 11.2417 4.6 11.6083 4 11.825V12.175C4.6 12.3917 5.08333 12.7583 5.45 13.275C5.81667 13.7917 6 14.3667 6 15V17C6 17.2833 6.09583 17.5208 6.2875 17.7125C6.47917 17.9042 6.71667 18 7 18H10V20H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DataReportIcon.html b/src/tests/__snapshots__/DataReportIcon.html
index 2b30e849..118e8bdc 100644
--- a/src/tests/__snapshots__/DataReportIcon.html
+++ b/src/tests/__snapshots__/DataReportIcon.html
@@ -1 +1 @@
-<span data-v-f25bb47c="" class="kui-icon data-report-icon" data-testid="kui-icon-wrapper-data-report-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f25bb47c="" data-testid="kui-icon-svg-data-report-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V19L5 17V21H3ZM7 21V15L9 13V21H7ZM11 21V13L13 15.025V21H11ZM15 21V15.025L17 13.025V21H15ZM19 21V11L21 9V21H19ZM3 15.825V13L10 6L14 10L21 3V5.825L14 12.825L10 8.825L3 15.825Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon data-report-icon" data-testid="kui-icon-wrapper-data-report-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-data-report-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V19L5 17V21H3ZM7 21V15L9 13V21H7ZM11 21V13L13 15.025V21H11ZM15 21V15.025L17 13.025V21H15ZM19 21V11L21 9V21H19ZM3 15.825V13L10 6L14 10L21 3V5.825L14 12.825L10 8.825L3 15.825Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DecreaseIcon.html b/src/tests/__snapshots__/DecreaseIcon.html
index 112305e1..2dcea43e 100644
--- a/src/tests/__snapshots__/DecreaseIcon.html
+++ b/src/tests/__snapshots__/DecreaseIcon.html
@@ -1 +1 @@
-<span data-v-ca5184a9="" class="kui-icon decrease-icon" data-testid="kui-icon-wrapper-decrease-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca5184a9="" data-testid="kui-icon-svg-decrease-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15L7 10H17L12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon decrease-icon" data-testid="kui-icon-wrapper-decrease-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-decrease-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15L7 10H17L12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DeployIcon.html b/src/tests/__snapshots__/DeployIcon.html
index 3ee56ca5..505168ed 100644
--- a/src/tests/__snapshots__/DeployIcon.html
+++ b/src/tests/__snapshots__/DeployIcon.html
@@ -1 +1 @@
-<span data-v-be1cfb7b="" class="kui-icon deploy-icon" data-testid="kui-icon-wrapper-deploy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-be1cfb7b="" data-testid="kui-icon-svg-deploy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon deploy-icon" data-testid="kui-icon-wrapper-deploy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-deploy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 19.425V12.575L5 9.1V15.95L11 19.425ZM13 19.425L19 15.95V9.1L13 12.575V19.425ZM12 10.85L17.925 7.425L12 4L6.075 7.425L12 10.85ZM4 17.7C3.68333 17.5167 3.4375 17.275 3.2625 16.975C3.0875 16.675 3 16.3417 3 15.975V8.025C3 7.65833 3.0875 7.325 3.2625 7.025C3.4375 6.725 3.68333 6.48333 4 6.3L11 2.275C11.3167 2.09167 11.65 2 12 2C12.35 2 12.6833 2.09167 13 2.275L20 6.3C20.3167 6.48333 20.5625 6.725 20.7375 7.025C20.9125 7.325 21 7.65833 21 8.025V15.975C21 16.3417 20.9125 16.675 20.7375 16.975C20.5625 17.275 20.3167 17.5167 20 17.7L13 21.725C12.6833 21.9083 12.35 22 12 22C11.65 22 11.3167 21.9083 11 21.725L4 17.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DevPortalIcon.html b/src/tests/__snapshots__/DevPortalIcon.html
index e38c7094..f0ce6175 100644
--- a/src/tests/__snapshots__/DevPortalIcon.html
+++ b/src/tests/__snapshots__/DevPortalIcon.html
@@ -1 +1 @@
-<span data-v-fc5b2447="" class="kui-icon dev-portal-icon" data-testid="kui-icon-wrapper-dev-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fc5b2447="" data-testid="kui-icon-svg-dev-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.40002H18.7319L21.5999 5.67602V18.732L18.3239 21.6H5.2679L2.3999 18.324V5.26802L5.6759 2.40002H11.9999ZM16.2719 12C16.3026 12.5793 16.2151 13.1587 16.0146 13.703C15.8141 14.2473 15.5048 14.7451 15.1057 15.166C14.7065 15.5869 14.2258 15.9221 13.6929 16.1512C13.16 16.3802 12.586 16.4984 12.0059 16.4984C11.4258 16.4984 10.8518 16.3802 10.3189 16.1512C9.786 15.9221 9.30531 15.5869 8.90615 15.166C8.507 14.7451 8.19774 14.2473 7.99723 13.703C7.79673 13.1587 7.70917 12.5793 7.7399 12C7.82062 10.9254 8.30446 9.92105 9.09447 9.18815C9.88448 8.45526 10.9223 8.048 11.9999 8.048C13.0775 8.048 14.1153 8.45526 14.9053 9.18815C15.6953 9.92105 16.1792 10.9254 16.2599 12H16.2719Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon dev-portal-icon" data-testid="kui-icon-wrapper-dev-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-dev-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.40002H18.7319L21.5999 5.67602V18.732L18.3239 21.6H5.2679L2.3999 18.324V5.26802L5.6759 2.40002H11.9999ZM16.2719 12C16.3026 12.5793 16.2151 13.1587 16.0146 13.703C15.8141 14.2473 15.5048 14.7451 15.1057 15.166C14.7065 15.5869 14.2258 15.9221 13.6929 16.1512C13.16 16.3802 12.586 16.4984 12.0059 16.4984C11.4258 16.4984 10.8518 16.3802 10.3189 16.1512C9.786 15.9221 9.30531 15.5869 8.90615 15.166C8.507 14.7451 8.19774 14.2473 7.99723 13.703C7.79673 13.1587 7.70917 12.5793 7.7399 12C7.82062 10.9254 8.30446 9.92105 9.09447 9.18815C9.88448 8.45526 10.9223 8.048 11.9999 8.048C13.0775 8.048 14.1153 8.45526 14.9053 9.18815C15.6953 9.92105 16.1792 10.9254 16.2599 12H16.2719Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DisabledIcon.html b/src/tests/__snapshots__/DisabledIcon.html
index 063f4819..5907a3be 100644
--- a/src/tests/__snapshots__/DisabledIcon.html
+++ b/src/tests/__snapshots__/DisabledIcon.html
@@ -1 +1 @@
-<span data-v-e860db0b="" class="kui-icon disabled-icon" data-testid="kui-icon-wrapper-disabled-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e860db0b="" data-testid="kui-icon-svg-disabled-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.8542 10.2333 19.5625 9.4C19.2708 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2708 9.4 19.5625C10.2333 19.8542 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72917 14.6 4.4375C13.7667 4.14583 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.14583 13.7667 4.4375 14.6C4.72917 15.4333 5.15 16.2 5.7 16.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon disabled-icon" data-testid="kui-icon-wrapper-disabled-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-disabled-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 11.1 19.8542 10.2333 19.5625 9.4C19.2708 8.56667 18.85 7.8 18.3 7.1L7.1 18.3C7.8 18.85 8.56667 19.2708 9.4 19.5625C10.2333 19.8542 11.1 20 12 20ZM5.7 16.9L16.9 5.7C16.2 5.15 15.4333 4.72917 14.6 4.4375C13.7667 4.14583 12.9 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.9 4.14583 13.7667 4.4375 14.6C4.72917 15.4333 5.15 16.2 5.7 16.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DockerIcon.html b/src/tests/__snapshots__/DockerIcon.html
index efa303bb..011e1cae 100644
--- a/src/tests/__snapshots__/DockerIcon.html
+++ b/src/tests/__snapshots__/DockerIcon.html
@@ -1 +1 @@
-<span data-v-ea62b773="" class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea62b773="" data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon docker-icon" data-testid="kui-icon-wrapper-docker-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-docker-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.0233 9.59753C19.9081 8.76066 19.447 8.03403 18.6152 7.37756L18.1341 7.05183L17.8134 7.53792C17.4025 8.16432 17.197 9.03627 17.2622 9.87315C17.2922 10.1638 17.3874 10.695 17.6831 11.151C17.3874 11.3164 16.8011 11.5369 16.0194 11.5218H1.08595L1.05588 11.6972C0.915565 12.5341 0.915565 15.155 2.59432 17.1645C3.87218 18.6929 5.78146 19.4696 8.27704 19.4696C13.6892 19.4696 17.6881 16.949 19.5673 12.3587C20.304 12.3737 21.8925 12.3637 22.7093 10.7852C22.7294 10.7501 22.7795 10.6549 22.9198 10.3542L23 10.1889L22.544 9.87816C22.0429 9.55243 20.9053 9.42715 20.0233 9.59753ZM13.0277 4H10.7576V6.08968H13.0277V4ZM13.0277 6.51062H10.7576V8.6003H13.0277V6.51062ZM10.3417 6.51062H8.07158V8.6003H10.3417V6.51062ZM7.66066 6.51062H5.39058V8.6003H7.66066V6.51062ZM4.97465 9.02124H2.70457V11.1109H4.97465V9.02124ZM7.66066 9.02124H5.39058V11.1109H7.66066V9.02124ZM10.3417 9.02124H8.07158V11.1109H10.3417V9.02124ZM13.0277 9.02124H10.7576V11.1109H13.0277V9.02124ZM15.7137 9.02124H13.4436V11.1109H15.7137V9.02124Z" fill="#1D63ED"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DocumentIcon.html b/src/tests/__snapshots__/DocumentIcon.html
index 96b2bf87..9f4926f2 100644
--- a/src/tests/__snapshots__/DocumentIcon.html
+++ b/src/tests/__snapshots__/DocumentIcon.html
@@ -1 +1 @@
-<span data-v-548faf8a="" class="kui-icon document-icon" data-testid="kui-icon-wrapper-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-548faf8a="" data-testid="kui-icon-svg-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon document-icon" data-testid="kui-icon-wrapper-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DocumentListIcon.html b/src/tests/__snapshots__/DocumentListIcon.html
index 6c63bee9..79a91e2c 100644
--- a/src/tests/__snapshots__/DocumentListIcon.html
+++ b/src/tests/__snapshots__/DocumentListIcon.html
@@ -1 +1 @@
-<span data-v-f5a18630="" class="kui-icon document-list-icon" data-testid="kui-icon-wrapper-document-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f5a18630="" data-testid="kui-icon-svg-document-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon document-list-icon" data-testid="kui-icon-wrapper-document-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-document-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 17C8.28333 17 8.52083 16.9042 8.7125 16.7125C8.90417 16.5208 9 16.2833 9 16C9 15.7167 8.90417 15.4792 8.7125 15.2875C8.52083 15.0958 8.28333 15 8 15C7.71667 15 7.47917 15.0958 7.2875 15.2875C7.09583 15.4792 7 15.7167 7 16C7 16.2833 7.09583 16.5208 7.2875 16.7125C7.47917 16.9042 7.71667 17 8 17ZM8 13C8.28333 13 8.52083 12.9042 8.7125 12.7125C8.90417 12.5208 9 12.2833 9 12C9 11.7167 8.90417 11.4792 8.7125 11.2875C8.52083 11.0958 8.28333 11 8 11C7.71667 11 7.47917 11.0958 7.2875 11.2875C7.09583 11.4792 7 11.7167 7 12C7 12.2833 7.09583 12.5208 7.2875 12.7125C7.47917 12.9042 7.71667 13 8 13ZM8 9C8.28333 9 8.52083 8.90417 8.7125 8.7125C8.90417 8.52083 9 8.28333 9 8C9 7.71667 8.90417 7.47917 8.7125 7.2875C8.52083 7.09583 8.28333 7 8 7C7.71667 7 7.47917 7.09583 7.2875 7.2875C7.09583 7.47917 7 7.71667 7 8C7 8.28333 7.09583 8.52083 7.2875 8.7125C7.47917 8.90417 7.71667 9 8 9ZM11 17H17V15H11V17ZM11 13H17V11H11V13ZM11 9H17V7H11V9ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DownloadIcon.html b/src/tests/__snapshots__/DownloadIcon.html
index 9fda24de..08bfc830 100644
--- a/src/tests/__snapshots__/DownloadIcon.html
+++ b/src/tests/__snapshots__/DownloadIcon.html
@@ -1 +1 @@
-<span data-v-349429ea="" class="kui-icon download-icon" data-testid="kui-icon-wrapper-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-349429ea="" data-testid="kui-icon-svg-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon download-icon" data-testid="kui-icon-wrapper-download-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-download-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/DragIcon.html b/src/tests/__snapshots__/DragIcon.html
index ff04d4e0..42dbb9e6 100644
--- a/src/tests/__snapshots__/DragIcon.html
+++ b/src/tests/__snapshots__/DragIcon.html
@@ -1 +1 @@
-<span data-v-282e46eb="" class="kui-icon drag-icon" data-testid="kui-icon-wrapper-drag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-282e46eb="" data-testid="kui-icon-svg-drag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon drag-icon" data-testid="kui-icon-wrapper-drag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-drag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 20C8.45 20 7.97917 19.8042 7.5875 19.4125C7.19583 19.0208 7 18.55 7 18C7 17.45 7.19583 16.9792 7.5875 16.5875C7.97917 16.1958 8.45 16 9 16C9.55 16 10.0208 16.1958 10.4125 16.5875C10.8042 16.9792 11 17.45 11 18C11 18.55 10.8042 19.0208 10.4125 19.4125C10.0208 19.8042 9.55 20 9 20ZM15 20C14.45 20 13.9792 19.8042 13.5875 19.4125C13.1958 19.0208 13 18.55 13 18C13 17.45 13.1958 16.9792 13.5875 16.5875C13.9792 16.1958 14.45 16 15 16C15.55 16 16.0208 16.1958 16.4125 16.5875C16.8042 16.9792 17 17.45 17 18C17 18.55 16.8042 19.0208 16.4125 19.4125C16.0208 19.8042 15.55 20 15 20ZM9 14C8.45 14 7.97917 13.8042 7.5875 13.4125C7.19583 13.0208 7 12.55 7 12C7 11.45 7.19583 10.9792 7.5875 10.5875C7.97917 10.1958 8.45 10 9 10C9.55 10 10.0208 10.1958 10.4125 10.5875C10.8042 10.9792 11 11.45 11 12C11 12.55 10.8042 13.0208 10.4125 13.4125C10.0208 13.8042 9.55 14 9 14ZM15 14C14.45 14 13.9792 13.8042 13.5875 13.4125C13.1958 13.0208 13 12.55 13 12C13 11.45 13.1958 10.9792 13.5875 10.5875C13.9792 10.1958 14.45 10 15 10C15.55 10 16.0208 10.1958 16.4125 10.5875C16.8042 10.9792 17 11.45 17 12C17 12.55 16.8042 13.0208 16.4125 13.4125C16.0208 13.8042 15.55 14 15 14ZM9 8C8.45 8 7.97917 7.80417 7.5875 7.4125C7.19583 7.02083 7 6.55 7 6C7 5.45 7.19583 4.97917 7.5875 4.5875C7.97917 4.19583 8.45 4 9 4C9.55 4 10.0208 4.19583 10.4125 4.5875C10.8042 4.97917 11 5.45 11 6C11 6.55 10.8042 7.02083 10.4125 7.4125C10.0208 7.80417 9.55 8 9 8ZM15 8C14.45 8 13.9792 7.80417 13.5875 7.4125C13.1958 7.02083 13 6.55 13 6C13 5.45 13.1958 4.97917 13.5875 4.5875C13.9792 4.19583 14.45 4 15 4C15.55 4 16.0208 4.19583 16.4125 4.5875C16.8042 4.97917 17 5.45 17 6C17 6.55 16.8042 7.02083 16.4125 7.4125C16.0208 7.80417 15.55 8 15 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EditIcon.html b/src/tests/__snapshots__/EditIcon.html
index 8cfcc0de..b560c23f 100644
--- a/src/tests/__snapshots__/EditIcon.html
+++ b/src/tests/__snapshots__/EditIcon.html
@@ -1 +1 @@
-<span data-v-0aaa9f73="" class="kui-icon edit-icon" data-testid="kui-icon-wrapper-edit-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aaa9f73="" data-testid="kui-icon-svg-edit-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon edit-icon" data-testid="kui-icon-wrapper-edit-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-edit-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3042 2.75 17.8625 2.75C18.4208 2.75 18.8917 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.57083 21.275 6.1125C21.2917 6.65417 21.1083 7.11667 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EmailIcon.html b/src/tests/__snapshots__/EmailIcon.html
index c6e1304e..3e5ffe58 100644
--- a/src/tests/__snapshots__/EmailIcon.html
+++ b/src/tests/__snapshots__/EmailIcon.html
@@ -1 +1 @@
-<span data-v-7f2e61c5="" class="kui-icon email-icon" data-testid="kui-icon-wrapper-email-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f2e61c5="" data-testid="kui-icon-svg-email-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon email-icon" data-testid="kui-icon-wrapper-email-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-email-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12V13.45C22 14.4333 21.6625 15.2708 20.9875 15.9625C20.3125 16.6542 19.4833 17 18.5 17C17.9167 17 17.3667 16.875 16.85 16.625C16.3333 16.375 15.9 16.0167 15.55 15.55C15.0667 16.0333 14.5208 16.3958 13.9125 16.6375C13.3042 16.8792 12.6667 17 12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12V13.45C17 13.8833 17.1417 14.25 17.425 14.55C17.7083 14.85 18.0667 15 18.5 15C18.9333 15 19.2917 14.85 19.575 14.55C19.8583 14.25 20 13.8833 20 13.45V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H17V22H12ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/EqualIcon.html b/src/tests/__snapshots__/EqualIcon.html
index 340b6677..eec2cf6f 100644
--- a/src/tests/__snapshots__/EqualIcon.html
+++ b/src/tests/__snapshots__/EqualIcon.html
@@ -1 +1 @@
-<span data-v-c29c0c10="" class="kui-icon equal-icon" data-testid="kui-icon-wrapper-equal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c29c0c10="" data-testid="kui-icon-svg-equal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon equal-icon" data-testid="kui-icon-wrapper-equal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-equal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 17V14H20V17H4ZM4 10V7H20V10H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ExpandIcon.html b/src/tests/__snapshots__/ExpandIcon.html
index 447d54cc..f5bbf49d 100644
--- a/src/tests/__snapshots__/ExpandIcon.html
+++ b/src/tests/__snapshots__/ExpandIcon.html
@@ -1 +1 @@
-<span data-v-391ad3ed="" class="kui-icon expand-icon" data-testid="kui-icon-wrapper-expand-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-391ad3ed="" data-testid="kui-icon-svg-expand-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon expand-icon" data-testid="kui-icon-wrapper-expand-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-expand-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V13H5V17.6L17.6 5H13V3H21V11H19V6.4L6.4 19H11V21H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ExternalLinkIcon.html b/src/tests/__snapshots__/ExternalLinkIcon.html
index 7664a396..3098d033 100644
--- a/src/tests/__snapshots__/ExternalLinkIcon.html
+++ b/src/tests/__snapshots__/ExternalLinkIcon.html
@@ -1 +1 @@
-<span data-v-88beb056="" class="kui-icon external-link-icon" data-testid="kui-icon-wrapper-external-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88beb056="" data-testid="kui-icon-svg-external-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon external-link-icon" data-testid="kui-icon-wrapper-external-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-external-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FeatureRequestIcon.html b/src/tests/__snapshots__/FeatureRequestIcon.html
index f51c5c26..fab9c8e9 100644
--- a/src/tests/__snapshots__/FeatureRequestIcon.html
+++ b/src/tests/__snapshots__/FeatureRequestIcon.html
@@ -1 +1 @@
-<span data-v-55898368="" class="kui-icon feature-request-icon" data-testid="kui-icon-wrapper-feature-request-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55898368="" data-testid="kui-icon-svg-feature-request-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon feature-request-icon" data-testid="kui-icon-wrapper-feature-request-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-feature-request-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM4 17.175L5.175 16H20V4H4V17.175Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FeedbackIcon.html b/src/tests/__snapshots__/FeedbackIcon.html
index 25867189..a49e620c 100644
--- a/src/tests/__snapshots__/FeedbackIcon.html
+++ b/src/tests/__snapshots__/FeedbackIcon.html
@@ -1 +1 @@
-<span data-v-ca92c17e="" class="kui-icon feedback-icon" data-testid="kui-icon-wrapper-feedback-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ca92c17e="" data-testid="kui-icon-svg-feedback-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon feedback-icon" data-testid="kui-icon-wrapper-feedback-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-feedback-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 15C12.2833 15 12.5208 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14C13 13.7167 12.9042 13.4792 12.7125 13.2875C12.5208 13.0958 12.2833 13 12 13C11.7167 13 11.4792 13.0958 11.2875 13.2875C11.0958 13.4792 11 13.7167 11 14C11 14.2833 11.0958 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15ZM11 11H13V5H11V11ZM2 22V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H6L2 22ZM5.15 16H20V4H4V17.125L5.15 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FileEmptyIcon.html b/src/tests/__snapshots__/FileEmptyIcon.html
index 7f4f26af..c43b85f7 100644
--- a/src/tests/__snapshots__/FileEmptyIcon.html
+++ b/src/tests/__snapshots__/FileEmptyIcon.html
@@ -1 +1 @@
-<span data-v-f163d922="" class="kui-icon file-empty-icon" data-testid="kui-icon-wrapper-file-empty-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f163d922="" data-testid="kui-icon-svg-file-empty-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon file-empty-icon" data-testid="kui-icon-wrapper-file-empty-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-file-empty-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FilterIcon.html b/src/tests/__snapshots__/FilterIcon.html
index a038c976..1e6db292 100644
--- a/src/tests/__snapshots__/FilterIcon.html
+++ b/src/tests/__snapshots__/FilterIcon.html
@@ -1 +1 @@
-<span data-v-55956c00="" class="kui-icon filter-icon" data-testid="kui-icon-wrapper-filter-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-55956c00="" data-testid="kui-icon-svg-filter-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon filter-icon" data-testid="kui-icon-wrapper-filter-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-filter-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagAdIcon.html b/src/tests/__snapshots__/FlagAdIcon.html
index e96c062d..f0d9b109 100644
--- a/src/tests/__snapshots__/FlagAdIcon.html
+++ b/src/tests/__snapshots__/FlagAdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-0f127b7c="" class="kui-icon flag-ad-icon" data-testid="kui-icon-wrapper-flag-ad-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0f127b7c="" data-testid="kui-icon-svg-flag-ad-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2254)">
+<span class="kui-icon flag-ad-icon" data-testid="kui-icon-wrapper-flag-ad-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ad-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2254)">
 <path d="M6.78262 22.8093C8.36025 23.5721 10.1301 24 12 24C13.8699 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072C15.6397 0.427875 13.8699 0 12 0C10.1301 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093Z" fill="#FFDA44"></path>
 <path d="M17.2174 22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2174 1.19092V22.8086Z" fill="#D80027"></path>
 <path d="M6.78262 22.8086V1.19092C2.76867 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76867 20.8677 6.78262 22.8086Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagAeIcon.html b/src/tests/__snapshots__/FlagAeIcon.html
index 40dfe00d..c263cf46 100644
--- a/src/tests/__snapshots__/FlagAeIcon.html
+++ b/src/tests/__snapshots__/FlagAeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-02a06d80="" class="kui-icon flag-ae-icon" data-testid="kui-icon-wrapper-flag-ae-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-02a06d80="" data-testid="kui-icon-svg-flag-ae-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6279)">
+<span class="kui-icon flag-ae-icon" data-testid="kui-icon-wrapper-flag-ae-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ae-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6279)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M6.78271 16.1739L7.8262 23.2537C9.12614 23.7361 10.5322 24 12.0001 24C17.1596 24 21.5582 20.7435 23.2537 16.1739H6.78271Z" fill="black"></path>
 <path d="M6.78271 7.82611L7.8262 0.746297C9.12614 0.263906 10.5322 0 12.0001 0C17.1596 0 21.5582 3.2565 23.2537 7.82611H6.78271Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagAfIcon.html b/src/tests/__snapshots__/FlagAfIcon.html
index 0836108f..71a97f0d 100644
--- a/src/tests/__snapshots__/FlagAfIcon.html
+++ b/src/tests/__snapshots__/FlagAfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-387b2aca="" class="kui-icon flag-af-icon" data-testid="kui-icon-wrapper-flag-af-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-387b2aca="" data-testid="kui-icon-svg-flag-af-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2249)">
+<span class="kui-icon flag-af-icon" data-testid="kui-icon-wrapper-flag-af-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-af-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2249)">
 <path d="M17.2174 1.19072C15.6398 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78263 1.19072L5.73914 12L6.78263 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6398 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path>
 <path d="M6.78262 1.19092C2.76872 3.13187 0 7.24229 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="black"></path>
 <path d="M17.2174 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13187 17.2174 1.19092Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagAgIcon.html b/src/tests/__snapshots__/FlagAgIcon.html
index c7124ebf..644ae318 100644
--- a/src/tests/__snapshots__/FlagAgIcon.html
+++ b/src/tests/__snapshots__/FlagAgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b6efd573="" class="kui-icon flag-ag-icon" data-testid="kui-icon-wrapper-flag-ag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6efd573="" data-testid="kui-icon-svg-flag-ag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2257)">
+<span class="kui-icon flag-ag-icon" data-testid="kui-icon-wrapper-flag-ag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2257)">
 <path d="M0 12.0001C0 12.822 0.082875 13.6246 0.240328 14.4001L12 15.1305L23.7597 14.4001C23.9172 13.6246 24 12.822 24 12.0001C24 11.1781 23.9171 10.3755 23.7597 9.60008L12 8.86963L0.240328 9.60008C0.082875 10.3755 0 11.1781 0 12.0001H0Z" fill="#0052B4"></path>
 <path d="M23.7597 14.3999H0.240326C1.35215 19.8772 6.19458 23.9999 12 23.9999C17.8054 23.9999 22.6478 19.8772 23.7597 14.3999Z" fill="#F0F0F0"></path>
 <path d="M0.240326 9.6H23.7598C22.6478 4.12266 17.8055 0 12 0C6.19448 0 1.35215 4.12266 0.240326 9.6V9.6Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagAiIcon.html b/src/tests/__snapshots__/FlagAiIcon.html
index 79c70826..778a2e99 100644
--- a/src/tests/__snapshots__/FlagAiIcon.html
+++ b/src/tests/__snapshots__/FlagAiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-222a1002="" class="kui-icon flag-ai-icon" data-testid="kui-icon-wrapper-flag-ai-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-222a1002="" data-testid="kui-icon-svg-flag-ai-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2256)">
+<span class="kui-icon flag-ai-icon" data-testid="kui-icon-wrapper-flag-ai-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ai-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2256)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagAlIcon.html b/src/tests/__snapshots__/FlagAlIcon.html
index 1ba1a5d8..0c158357 100644
--- a/src/tests/__snapshots__/FlagAlIcon.html
+++ b/src/tests/__snapshots__/FlagAlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7825d941="" class="kui-icon flag-al-icon" data-testid="kui-icon-wrapper-flag-al-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7825d941="" data-testid="kui-icon-svg-flag-al-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2251)">
+<span class="kui-icon flag-al-icon" data-testid="kui-icon-wrapper-flag-al-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-al-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2251)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M18.7826 8.90651H14.4361C14.7044 8.62554 14.8695 8.24515 14.8695 7.82595C14.8695 6.96152 14.1688 6.26074 13.3043 6.26074C12.7598 6.26074 12.2804 6.53899 12 6.96091C11.7196 6.53899 11.2402 6.26074 10.6957 6.26074C9.83123 6.26074 9.13045 6.96152 9.13045 7.82595C9.13045 8.24515 9.29559 8.62559 9.56391 8.90651H5.21742C5.21742 10.0591 6.22134 10.9934 7.37386 10.9934H7.3043C7.3043 12.1461 8.23866 13.0804 9.39131 13.0804C9.39131 13.4538 9.4897 13.8037 9.66145 14.1067L7.93036 15.8379L9.25852 17.1659L11.1425 15.282C11.2163 15.309 11.2927 15.3307 11.3715 15.3455L10.233 17.9159L12 19.8259L13.767 17.9158L12.6285 15.3454C12.7074 15.3306 12.7837 15.309 12.8575 15.2819L14.7415 17.1658L16.0696 15.8377L14.3385 14.1066C14.5103 13.8036 14.6087 13.4536 14.6087 13.0803C15.7613 13.0803 16.6957 12.146 16.6957 10.9933H16.6261C17.7787 10.9934 18.7826 10.0591 18.7826 8.90651V8.90651Z" fill="black"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagAmIcon.html b/src/tests/__snapshots__/FlagAmIcon.html
index c5c79283..acae084a 100644
--- a/src/tests/__snapshots__/FlagAmIcon.html
+++ b/src/tests/__snapshots__/FlagAmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-35cd71f0="" class="kui-icon flag-am-icon" data-testid="kui-icon-wrapper-flag-am-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35cd71f0="" data-testid="kui-icon-svg-flag-am-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2259)">
+<span class="kui-icon flag-am-icon" data-testid="kui-icon-wrapper-flag-am-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-am-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2259)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#0052B4"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#FF9811"></path>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagAoIcon.html b/src/tests/__snapshots__/FlagAoIcon.html
index 6f9f873f..248cfe9d 100644
--- a/src/tests/__snapshots__/FlagAoIcon.html
+++ b/src/tests/__snapshots__/FlagAoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f40cb6c2="" class="kui-icon flag-ao-icon" data-testid="kui-icon-wrapper-flag-ao-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f40cb6c2="" data-testid="kui-icon-svg-flag-ao-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2255)">
+<span class="kui-icon flag-ao-icon" data-testid="kui-icon-wrapper-flag-ao-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ao-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2255)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="black"></path>
 <path d="M10.3546 9.54414L11.3719 10.2824L10.9842 11.4781L12.0007 10.7386L13.0181 11.4769L12.629 10.2816L13.6454 9.54217L12.3884 9.54292L11.9992 8.34766L11.6115 9.54334L10.3546 9.54414Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagArIcon.html b/src/tests/__snapshots__/FlagArIcon.html
index ef69294a..8474dcc2 100644
--- a/src/tests/__snapshots__/FlagArIcon.html
+++ b/src/tests/__snapshots__/FlagArIcon.html
@@ -1,4 +1,4 @@
-<span data-v-914584b9="" class="kui-icon flag-ar-icon" data-testid="kui-icon-wrapper-flag-ar-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-914584b9="" data-testid="kui-icon-svg-flag-ar-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2258)">
+<span class="kui-icon flag-ar-icon" data-testid="kui-icon-wrapper-flag-ar-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ar-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2258)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24245 0 3.1317 2.76867 1.1907 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path>
 <path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.1907C3.1317 21.2312 7.24245 23.9999 12 23.9999Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagAsIcon.html b/src/tests/__snapshots__/FlagAsIcon.html
index 9957a672..df0c2fb8 100644
--- a/src/tests/__snapshots__/FlagAsIcon.html
+++ b/src/tests/__snapshots__/FlagAsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-68d734d1="" class="kui-icon flag-as-icon" data-testid="kui-icon-wrapper-flag-as-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68d734d1="" data-testid="kui-icon-svg-flag-as-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2253)">
+<span class="kui-icon flag-as-icon" data-testid="kui-icon-wrapper-flag-as-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-as-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2253)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M17.8217 1.50525C16.0974 0.54675 14.1127 0 12 0C5.37309 0 0.00084375 5.37178 0 11.9986L8.34783 7.82611L17.8217 1.50525Z" fill="#0052B4"></path>
 <path d="M0 12.0015C0.00084375 18.6283 5.37309 24.0001 12 24.0001C14.1127 24.0001 16.0974 23.4534 17.8217 22.4948L8.34783 16.1739L0 12.0015Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagAtIcon.html b/src/tests/__snapshots__/FlagAtIcon.html
index 7c281cd7..5c179cd0 100644
--- a/src/tests/__snapshots__/FlagAtIcon.html
+++ b/src/tests/__snapshots__/FlagAtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-94b5e14f="" class="kui-icon flag-at-icon" data-testid="kui-icon-wrapper-flag-at-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-94b5e14f="" data-testid="kui-icon-svg-flag-at-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2262)">
+<span class="kui-icon flag-at-icon" data-testid="kui-icon-wrapper-flag-at-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-at-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2262)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagAuIcon.html b/src/tests/__snapshots__/FlagAuIcon.html
index 5e8f3a82..4febe51c 100644
--- a/src/tests/__snapshots__/FlagAuIcon.html
+++ b/src/tests/__snapshots__/FlagAuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aea52e2b="" class="kui-icon flag-au-icon" data-testid="kui-icon-wrapper-flag-au-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aea52e2b="" data-testid="kui-icon-svg-flag-au-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3694)">
+<span class="kui-icon flag-au-icon" data-testid="kui-icon-wrapper-flag-au-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-au-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3694)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0028 12 0.00135937 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M12.0001 0C11.9994 0 11.9987 4.6875e-05 11.998 4.6875e-05L12.0001 0Z" fill="#F0F0F0"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9891 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagAwIcon.html b/src/tests/__snapshots__/FlagAwIcon.html
index 65bf9ac4..41002372 100644
--- a/src/tests/__snapshots__/FlagAwIcon.html
+++ b/src/tests/__snapshots__/FlagAwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b8302101="" class="kui-icon flag-aw-icon" data-testid="kui-icon-wrapper-flag-aw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b8302101="" data-testid="kui-icon-svg-flag-aw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2260)">
+<span class="kui-icon flag-aw-icon" data-testid="kui-icon-wrapper-flag-aw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-aw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2260)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#338AF3"></path>
 <path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagAxIcon.html b/src/tests/__snapshots__/FlagAxIcon.html
index 964cfd51..d682b123 100644
--- a/src/tests/__snapshots__/FlagAxIcon.html
+++ b/src/tests/__snapshots__/FlagAxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-77f8816c="" class="kui-icon flag-ax-icon" data-testid="kui-icon-wrapper-flag-ax-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f8816c="" data-testid="kui-icon-svg-flag-ax-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3613)">
+<span class="kui-icon flag-ax-icon" data-testid="kui-icon-wrapper-flag-ax-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ax-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3613)">
 <path d="M23.5866 15.1305C23.8556 14.1323 24 13.0831 24 12C24 10.9169 23.8556 9.8677 23.5866 8.86955L10.9565 0.0456581C8.61178 0.247689 6.46008 1.12378 4.69566 2.47945L0.413391 8.86955C0.144375 9.8677 0 10.9169 0 12C0 13.0768 0.142641 14.1202 0.408656 15.1131L4.69561 21.5205C6.46003 22.8762 8.61173 23.7524 10.9565 23.9543L23.5866 15.1305Z" fill="#FFDA44"></path>
 <path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5205V15.1305H0.413574Z" fill="#0052B4"></path>
 <path d="M10.9565 23.9543C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9543Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagAzIcon.html b/src/tests/__snapshots__/FlagAzIcon.html
index 1d9e3368..144e8c81 100644
--- a/src/tests/__snapshots__/FlagAzIcon.html
+++ b/src/tests/__snapshots__/FlagAzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3baef04c="" class="kui-icon flag-az-icon" data-testid="kui-icon-wrapper-flag-az-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3baef04c="" data-testid="kui-icon-svg-flag-az-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2263)">
+<span class="kui-icon flag-az-icon" data-testid="kui-icon-wrapper-flag-az-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-az-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2263)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#D80027"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#6DA544"></path>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagBaIcon.html b/src/tests/__snapshots__/FlagBaIcon.html
index 34844dab..5dda2737 100644
--- a/src/tests/__snapshots__/FlagBaIcon.html
+++ b/src/tests/__snapshots__/FlagBaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c35e636f="" class="kui-icon flag-ba-icon" data-testid="kui-icon-wrapper-flag-ba-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c35e636f="" data-testid="kui-icon-svg-flag-ba-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2280)">
+<span class="kui-icon flag-ba-icon" data-testid="kui-icon-wrapper-flag-ba-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ba-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2280)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.74515 0 4.00781 2.21452 1.87706 5.5537L18.1501 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path>
 <path d="M24 12C24 8.88651 22.8142 6.0502 20.8696 3.91748V20.0827C22.8142 17.9499 24 15.1136 24 12Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagBbIcon.html b/src/tests/__snapshots__/FlagBbIcon.html
index bb42f5cc..3f3606ba 100644
--- a/src/tests/__snapshots__/FlagBbIcon.html
+++ b/src/tests/__snapshots__/FlagBbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e700414b="" class="kui-icon flag-bb-icon" data-testid="kui-icon-wrapper-flag-bb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e700414b="" data-testid="kui-icon-svg-flag-bb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2269)">
+<span class="kui-icon flag-bb-icon" data-testid="kui-icon-wrapper-flag-bb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2269)">
 <path d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#FFDA44"></path>
 <path d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#0052B4"></path>
 <path d="M17.2173 1.19092V22.8086C21.2313 20.8677 24 16.7573 24 11.9998C24 7.24229 21.2313 3.13182 17.2173 1.19092Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagBdIcon.html b/src/tests/__snapshots__/FlagBdIcon.html
index c3f7e0b6..bedce9e9 100644
--- a/src/tests/__snapshots__/FlagBdIcon.html
+++ b/src/tests/__snapshots__/FlagBdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2b3c60ab="" class="kui-icon flag-bd-icon" data-testid="kui-icon-wrapper-flag-bd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b3c60ab="" data-testid="kui-icon-svg-flag-bd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2268)">
+<span class="kui-icon flag-bd-icon" data-testid="kui-icon-wrapper-flag-bd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2268)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M9.39132 17.2175C12.2728 17.2175 14.6087 14.8816 14.6087 12.0001C14.6087 9.11861 12.2728 6.78271 9.39132 6.78271C6.50985 6.78271 4.17395 9.11861 4.17395 12.0001C4.17395 14.8816 6.50985 17.2175 9.39132 17.2175Z" fill="#D80027"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagBeIcon.html b/src/tests/__snapshots__/FlagBeIcon.html
index c34ec08c..a8a66375 100644
--- a/src/tests/__snapshots__/FlagBeIcon.html
+++ b/src/tests/__snapshots__/FlagBeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6693e895="" class="kui-icon flag-be-icon" data-testid="kui-icon-wrapper-flag-be-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6693e895="" data-testid="kui-icon-svg-flag-be-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2272)">
+<span class="kui-icon flag-be-icon" data-testid="kui-icon-wrapper-flag-be-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-be-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2272)">
 <path d="M16.1739 0.746391C14.8739 0.264047 13.4679 0 12 0C10.5322 0 9.12612 0.264047 7.82614 0.746391L6.78265 12L7.82614 23.2536C9.12612 23.736 10.5322 24 12 24C13.4679 24 14.8739 23.736 16.1739 23.2536L17.2174 12L16.1739 0.746391Z" fill="#FFDA44"></path>
 <path d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#D80027"></path>
 <path d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagBfIcon.html b/src/tests/__snapshots__/FlagBfIcon.html
index 5ee0d431..440b94c2 100644
--- a/src/tests/__snapshots__/FlagBfIcon.html
+++ b/src/tests/__snapshots__/FlagBfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bd13fecd="" class="kui-icon flag-bf-icon" data-testid="kui-icon-wrapper-flag-bf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bd13fecd="" data-testid="kui-icon-svg-flag-bf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2288)">
+<span class="kui-icon flag-bf-icon" data-testid="kui-icon-wrapper-flag-bf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2288)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#D80027"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#6DA544"></path>
 <path d="M11.9999 7.82617L12.9064 10.6161H15.8401L13.4667 12.3404L14.3732 15.1305L11.9999 13.4062L9.6266 15.1305L10.5332 12.3404L8.15979 10.6161H11.0934L11.9999 7.82617Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagBgIcon.html b/src/tests/__snapshots__/FlagBgIcon.html
index b3df0252..87ca87af 100644
--- a/src/tests/__snapshots__/FlagBgIcon.html
+++ b/src/tests/__snapshots__/FlagBgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-69d9340c="" class="kui-icon flag-bg-icon" data-testid="kui-icon-wrapper-flag-bg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-69d9340c="" data-testid="kui-icon-svg-flag-bg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2287)">
+<span class="kui-icon flag-bg-icon" data-testid="kui-icon-wrapper-flag-bg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2287)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#496E2D"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611V7.82611Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagBhIcon.html b/src/tests/__snapshots__/FlagBhIcon.html
index b02e007e..12e86535 100644
--- a/src/tests/__snapshots__/FlagBhIcon.html
+++ b/src/tests/__snapshots__/FlagBhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9252fb8b="" class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9252fb8b="" data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3170)">
+<span class="kui-icon flag-bh-icon" data-testid="kui-icon-wrapper-flag-bh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3170)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C9.59165 0 7.34953 0.709922 5.47021 1.93116L8.55642 3.9997L4.69556 5.99967L8.55642 7.99964L4.69556 9.99961L8.55642 11.9993L4.69556 13.9993L8.55642 15.9992L4.69556 17.9993L8.55642 19.9993L5.46984 22.0685C7.34924 23.29 9.59151 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0V0Z" fill="#D80027"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagBiIcon.html b/src/tests/__snapshots__/FlagBiIcon.html
index b59c1c74..4808ba24 100644
--- a/src/tests/__snapshots__/FlagBiIcon.html
+++ b/src/tests/__snapshots__/FlagBiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f0378c29="" class="kui-icon flag-bi-icon" data-testid="kui-icon-wrapper-flag-bi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0378c29="" data-testid="kui-icon-svg-flag-bi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2289)">
+<span class="kui-icon flag-bi-icon" data-testid="kui-icon-wrapper-flag-bi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2289)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z" fill="#D80027"></path>
 <path d="M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagBjIcon.html b/src/tests/__snapshots__/FlagBjIcon.html
index 70bbc443..b2a9a126 100644
--- a/src/tests/__snapshots__/FlagBjIcon.html
+++ b/src/tests/__snapshots__/FlagBjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-0b66ffa2="" class="kui-icon flag-bj-icon" data-testid="kui-icon-wrapper-flag-bj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b66ffa2="" data-testid="kui-icon-svg-flag-bj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2275)">
+<span class="kui-icon flag-bj-icon" data-testid="kui-icon-wrapper-flag-bj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2275)">
 <path d="M7.82611 10.9565L8.8696 23.5866C9.8677 23.8557 10.9169 24 12 24C18.6274 24 24 18.6274 24 12L7.82611 10.9565Z" fill="#D80027"></path>
 <path d="M7.82611 12L8.86955 0.413391C9.8677 0.144375 10.9169 0 12 0C18.6274 0 24 5.37262 24 12H7.82611Z" fill="#FFDA44"></path>
 <path d="M0 12.0002C0 17.5445 3.76036 22.2098 8.86955 23.5868V0.413574C3.76036 1.79057 0 6.45586 0 12.0002Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagBlIcon.html b/src/tests/__snapshots__/FlagBlIcon.html
index 36cda74a..aefe4c53 100644
--- a/src/tests/__snapshots__/FlagBlIcon.html
+++ b/src/tests/__snapshots__/FlagBlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-85dc8bf2="" class="kui-icon flag-bl-icon" data-testid="kui-icon-wrapper-flag-bl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85dc8bf2="" data-testid="kui-icon-svg-flag-bl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5346)">
+<span class="kui-icon flag-bl-icon" data-testid="kui-icon-wrapper-flag-bl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5346)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M21.426 9.65218H17.4782C17.4782 8.93182 16.8942 8.34784 16.1739 8.34784L15.1304 10.4348C15.1304 10.4348 16.2434 13.5652 16.2086 13.5652H17.513C18.2334 13.5652 18.8173 12.9813 18.8173 12.2609C19.5377 12.2609 20.1216 11.677 20.1216 10.9566H20.0782C20.7986 10.9565 21.426 10.3726 21.426 9.65218Z" fill="#ACABB1"></path>
 <path d="M2.57373 9.65218H6.52155C6.52155 8.93182 7.10553 8.34784 7.82588 8.34784L8.86938 10.4348C8.86938 10.4348 7.75631 13.5652 7.79112 13.5652H6.48678C5.76638 13.5652 5.18245 12.9813 5.18245 12.2609C4.46205 12.2609 3.87811 11.677 3.87811 10.9566H3.92155C3.20115 10.9565 2.57373 10.3726 2.57373 9.65218Z" fill="#ACABB1"></path>
diff --git a/src/tests/__snapshots__/FlagBmIcon.html b/src/tests/__snapshots__/FlagBmIcon.html
index a1226a0e..f34ccf52 100644
--- a/src/tests/__snapshots__/FlagBmIcon.html
+++ b/src/tests/__snapshots__/FlagBmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ab6d5c44="" class="kui-icon flag-bm-icon" data-testid="kui-icon-wrapper-flag-bm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ab6d5c44="" data-testid="kui-icon-svg-flag-bm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2276)">
+<span class="kui-icon flag-bm-icon" data-testid="kui-icon-wrapper-flag-bm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2276)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
 <path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path>
 <path d="M6.26086 12.0003H9.78637L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagBnIcon.html b/src/tests/__snapshots__/FlagBnIcon.html
index 2b594e93..72f4341c 100644
--- a/src/tests/__snapshots__/FlagBnIcon.html
+++ b/src/tests/__snapshots__/FlagBnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-52947c34="" class="kui-icon flag-bn-icon" data-testid="kui-icon-wrapper-flag-bn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-52947c34="" data-testid="kui-icon-svg-flag-bn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2286)">
+<span class="kui-icon flag-bn-icon" data-testid="kui-icon-wrapper-flag-bn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2286)">
 <path d="M12.0001 23.9984C18.6265 23.9984 23.9983 18.6266 23.9983 12.0002C23.9983 5.37375 18.6265 0.00195312 12.0001 0.00195312C5.37366 0.00195312 0.00186157 5.37375 0.00186157 12.0002C0.00186157 18.6266 5.37366 23.9984 12.0001 23.9984Z" fill="#F0F0F0"></path>
 <path d="M1.60925 6.00098C1.06769 6.93887 0.668213 7.91942 0.402191 8.91821L20.4678 20.5032C21.1998 19.7734 21.8493 18.9371 22.3907 17.9992L1.60925 6.00098Z" fill="black"></path>
 <path d="M17.9991 1.6092C13.1983 -1.16253 7.27879 -0.238742 3.53214 3.4969L23.5978 15.0818C24.9597 9.9694 22.7999 4.38098 17.9991 1.6092V1.6092Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagBoIcon.html b/src/tests/__snapshots__/FlagBoIcon.html
index 1436b439..a887c1a5 100644
--- a/src/tests/__snapshots__/FlagBoIcon.html
+++ b/src/tests/__snapshots__/FlagBoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e8447cca="" class="kui-icon flag-bo-icon" data-testid="kui-icon-wrapper-flag-bo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e8447cca="" data-testid="kui-icon-svg-flag-bo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2278)">
+<span class="kui-icon flag-bo-icon" data-testid="kui-icon-wrapper-flag-bo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2278)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264 9.1259 0 10.532 0 11.9999C0 13.4677 0.264 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#FFDA44"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#6DA544"></path>
 <path d="M0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611V7.82611Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagBrIcon.html b/src/tests/__snapshots__/FlagBrIcon.html
index 670443c7..c50498db 100644
--- a/src/tests/__snapshots__/FlagBrIcon.html
+++ b/src/tests/__snapshots__/FlagBrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-71f6867a="" class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-71f6867a="" data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3697)">
+<span class="kui-icon flag-br-icon" data-testid="kui-icon-wrapper-flag-br-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-br-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3697)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
 <path d="M11.9999 4.69556L21.913 11.9999L11.9999 19.3042L2.08691 11.9999L11.9999 4.69556Z" fill="#FFDA44"></path>
 <path d="M12.0001 16.174C14.3052 16.174 16.174 14.3052 16.174 12.0001C16.174 9.69489 14.3052 7.82617 12.0001 7.82617C9.69489 7.82617 7.82617 9.69489 7.82617 12.0001C7.82617 14.3052 9.69489 16.174 12.0001 16.174Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagBsIcon.html b/src/tests/__snapshots__/FlagBsIcon.html
index ed013482..e500deca 100644
--- a/src/tests/__snapshots__/FlagBsIcon.html
+++ b/src/tests/__snapshots__/FlagBsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-fb0112d9="" class="kui-icon flag-bs-icon" data-testid="kui-icon-wrapper-flag-bs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fb0112d9="" data-testid="kui-icon-svg-flag-bs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2265)">
+<span class="kui-icon flag-bs-icon" data-testid="kui-icon-wrapper-flag-bs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2265)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#338AF3"></path>
 <path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagBtIcon.html b/src/tests/__snapshots__/FlagBtIcon.html
index 5e45a7b0..522bdf63 100644
--- a/src/tests/__snapshots__/FlagBtIcon.html
+++ b/src/tests/__snapshots__/FlagBtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-58993545="" class="kui-icon flag-bt-icon" data-testid="kui-icon-wrapper-flag-bt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58993545="" data-testid="kui-icon-svg-flag-bt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2277)">
+<span class="kui-icon flag-bt-icon" data-testid="kui-icon-wrapper-flag-bt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2277)">
 <path d="M20.4853 20.4855C15.799 25.1718 8.20102 25.1718 3.51469 20.4855C-1.17159 15.7992 -1.17159 8.20118 3.51469 3.51485C3.51638 3.51485 14.2987 0.328894 18.985 5.01518C23.6713 9.70146 20.4885 20.4822 20.4853 20.4855Z" fill="#FFDA44"></path>
 <path d="M20.4853 20.4854C25.1715 15.7991 25.1715 8.20106 20.4853 3.51473C15.799 -1.1716 8.20102 -1.17155 3.51469 3.51473L20.4853 20.4854Z" fill="#D80027"></path>
 <path d="M15.1367 15.138C14.6437 15.3316 14.071 15.3111 13.5741 15.0322C12.6961 14.5395 12.3827 13.4241 12.8756 12.546L12.726 12.4621C14.2293 12.0996 15.3415 10.7351 15.322 9.12483C15.3099 8.12372 14.8626 7.22808 14.1629 6.61523L13.0673 7.7377C13.4814 8.0678 13.75 8.57414 13.7569 9.14381C13.7691 10.1507 12.9599 10.9798 11.9531 10.9919L11.9552 11.1633C10.8896 10.0427 9.15183 9.76181 7.76709 10.5838C6.90619 11.0949 6.35428 11.9301 6.1733 12.8425L7.69317 13.2301C7.77197 12.7064 8.07614 12.2206 8.56603 11.9298C9.43186 11.4158 10.5544 11.7021 11.0684 12.5679L11.216 12.4804C10.7782 13.9634 11.4038 15.6089 12.8081 16.3971C13.6812 16.8871 14.6804 16.9476 15.5611 16.6481L15.1367 15.138ZM11.9657 12.0352L11.9656 12.0352L11.9657 12.0352Z" fill="#FF9811"></path>
diff --git a/src/tests/__snapshots__/FlagBwIcon.html b/src/tests/__snapshots__/FlagBwIcon.html
index 1e40db5e..d04042d1 100644
--- a/src/tests/__snapshots__/FlagBwIcon.html
+++ b/src/tests/__snapshots__/FlagBwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5aa248a0="" class="kui-icon flag-bw-icon" data-testid="kui-icon-wrapper-flag-bw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5aa248a0="" data-testid="kui-icon-svg-flag-bw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2281)">
+<span class="kui-icon flag-bw-icon" data-testid="kui-icon-wrapper-flag-bw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2281)">
 <path d="M0.566671 8.34789C0.199077 9.49956 -1.09036e-06 10.7264 4.57846e-05 12.0001C-1.09036e-06 13.2736 0.199077 14.5005 0.566718 15.6522L12 16.174L23.4333 15.6522C23.8009 14.5005 24 13.2736 24 12.0001C24 10.7265 23.8009 9.49956 23.4333 8.34789L12 7.82617L0.566671 8.34789Z" fill="#F0F0F0"></path>
 <path d="M24 12.0001C24 11.2882 23.9377 10.5909 23.8187 9.91309H0.181313C0.0623437 10.5909 0 11.2881 0 12.0001C0 12.712 0.0623906 13.4092 0.181313 14.087H23.8187C23.9376 13.4092 24 12.7119 24 12.0001Z" fill="black"></path>
 <path d="M12 23.9997C17.3539 23.9997 21.8881 20.4933 23.4333 15.6519H0.566711C2.11195 20.4933 6.64621 23.9996 12 23.9997V23.9997Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagByIcon.html b/src/tests/__snapshots__/FlagByIcon.html
index 6394e289..f39973b2 100644
--- a/src/tests/__snapshots__/FlagByIcon.html
+++ b/src/tests/__snapshots__/FlagByIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7c78ffa8="" class="kui-icon flag-by-icon" data-testid="kui-icon-wrapper-flag-by-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c78ffa8="" data-testid="kui-icon-svg-flag-by-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2271)">
+<span class="kui-icon flag-by-icon" data-testid="kui-icon-wrapper-flag-by-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-by-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2271)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
 <path d="M4.9565 11.1302L3.65216 8.76384L4.9565 6.43457L6.26085 8.76384L4.9565 11.1302Z" fill="#A2001D"></path>
 <path d="M2.3478 11.1302L1.04346 8.76384L2.3478 6.43457L3.65214 8.76384L2.3478 11.1302Z" fill="#A2001D"></path>
diff --git a/src/tests/__snapshots__/FlagBzIcon.html b/src/tests/__snapshots__/FlagBzIcon.html
index f85b3ef2..7c9b1eac 100644
--- a/src/tests/__snapshots__/FlagBzIcon.html
+++ b/src/tests/__snapshots__/FlagBzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-32dddf53="" class="kui-icon flag-bz-icon" data-testid="kui-icon-wrapper-flag-bz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32dddf53="" data-testid="kui-icon-svg-flag-bz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2274)">
+<span class="kui-icon flag-bz-icon" data-testid="kui-icon-wrapper-flag-bz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-bz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2274)">
 <path d="M24 12.0002C24 7.88174 21.9249 4.24832 18.7635 2.0872L12 1.56543L5.23655 2.08715C2.07516 4.24832 0 7.88179 0 12.0002C0 16.1188 2.07516 19.7521 5.23655 21.9133L12 22.435L18.7635 21.9133C21.9249 19.7521 24 16.1188 24 12.0002Z" fill="#0052B4"></path>
 <path d="M18.7634 2.08697C16.8376 0.770437 14.5089 0 12 0C9.4911 0 7.1624 0.770437 5.23654 2.08697H18.7634Z" fill="#A2001D"></path>
 <path d="M5.23654 21.9131C7.16235 23.2296 9.4911 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7634 21.9131H5.23654Z" fill="#A2001D"></path>
diff --git a/src/tests/__snapshots__/FlagCaIcon.html b/src/tests/__snapshots__/FlagCaIcon.html
index 52cc5d93..2d4fbc58 100644
--- a/src/tests/__snapshots__/FlagCaIcon.html
+++ b/src/tests/__snapshots__/FlagCaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-cab513ae="" class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cab513ae="" data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3800)">
+<span class="kui-icon flag-ca-icon" data-testid="kui-icon-wrapper-flag-ca-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ca-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3800)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9999 12C23.9999 7.24242 21.2312 3.13167 17.2173 1.19067V22.8092C21.2312 20.8682 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 16.7575 2.76867 20.8682 6.78263 22.8092V1.19067C2.76867 3.13167 0 7.24242 0 12Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagCcIcon.html b/src/tests/__snapshots__/FlagCcIcon.html
index d7df1dc9..6e979559 100644
--- a/src/tests/__snapshots__/FlagCcIcon.html
+++ b/src/tests/__snapshots__/FlagCcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7a0bd759="" class="kui-icon flag-cc-icon" data-testid="kui-icon-wrapper-flag-cc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a0bd759="" data-testid="kui-icon-svg-flag-cc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2302)">
+<span class="kui-icon flag-cc-icon" data-testid="kui-icon-wrapper-flag-cc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2302)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
 <path d="M18.4211 17.2178L18.7504 17.9063L19.494 17.7345L19.161 18.4212L19.759 18.8954L19.0145 19.0632L19.0166 19.8265L18.4211 19.349L17.8257 19.8265L17.8278 19.0632L17.0833 18.8954L17.6812 18.4212L17.3482 17.7345L18.0918 17.9063L18.4211 17.2178Z" fill="#FFDA44"></path>
 <path d="M15.3577 9.91309L15.6871 10.6016L16.4307 10.4297L16.0977 11.1166L16.6957 11.5907L15.9511 11.7586L15.9532 12.5218L15.3577 12.0443L14.7623 12.5218L14.7644 11.7586L14.0199 11.5907L14.6179 11.1166L14.2848 10.4297L15.0285 10.6016L15.3577 9.91309Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagCdIcon.html b/src/tests/__snapshots__/FlagCdIcon.html
index c4fe295e..a6d5dde6 100644
--- a/src/tests/__snapshots__/FlagCdIcon.html
+++ b/src/tests/__snapshots__/FlagCdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bfa75b85="" class="kui-icon flag-cd-icon" data-testid="kui-icon-wrapper-flag-cd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bfa75b85="" data-testid="kui-icon-svg-flag-cd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2313)">
+<span class="kui-icon flag-cd-icon" data-testid="kui-icon-wrapper-flag-cd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2313)">
 <path d="M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z" fill="#FFDA44"></path>
 <path d="M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z" fill="#D80027"></path>
 <path d="M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagCfIcon.html b/src/tests/__snapshots__/FlagCfIcon.html
index af0c1f95..4a166d10 100644
--- a/src/tests/__snapshots__/FlagCfIcon.html
+++ b/src/tests/__snapshots__/FlagCfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6b8fb026="" class="kui-icon flag-cf-icon" data-testid="kui-icon-wrapper-flag-cf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6b8fb026="" data-testid="kui-icon-svg-flag-cf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2296)">
+<span class="kui-icon flag-cf-icon" data-testid="kui-icon-wrapper-flag-cf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2296)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z" fill="#0052B4"></path>
 <path d="M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagChIcon.html b/src/tests/__snapshots__/FlagChIcon.html
index 3ad777d0..abd6668e 100644
--- a/src/tests/__snapshots__/FlagChIcon.html
+++ b/src/tests/__snapshots__/FlagChIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d537e9e4="" class="kui-icon flag-ch-icon" data-testid="kui-icon-wrapper-flag-ch-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d537e9e4="" data-testid="kui-icon-svg-flag-ch-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6260)">
+<span class="kui-icon flag-ch-icon" data-testid="kui-icon-wrapper-flag-ch-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ch-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6260)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M18.261 9.91307H14.0871V5.73914H9.91315V9.91307H5.73926V14.087H9.91315V18.2609H14.0871V14.087H18.261V9.91307Z" fill="#F0F0F0"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagCiIcon.html b/src/tests/__snapshots__/FlagCiIcon.html
index 53e50a93..9db93afe 100644
--- a/src/tests/__snapshots__/FlagCiIcon.html
+++ b/src/tests/__snapshots__/FlagCiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-38745c45="" class="kui-icon flag-ci-icon" data-testid="kui-icon-wrapper-flag-ci-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38745c45="" data-testid="kui-icon-svg-flag-ci-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2366)">
+<span class="kui-icon flag-ci-icon" data-testid="kui-icon-wrapper-flag-ci-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ci-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2366)">
 <path d="M12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#FF9811"></path>
 <path d="M16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V0.746582Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagCkIcon.html b/src/tests/__snapshots__/FlagCkIcon.html
index e7bb8eaf..f082f886 100644
--- a/src/tests/__snapshots__/FlagCkIcon.html
+++ b/src/tests/__snapshots__/FlagCkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-93b0cf63="" class="kui-icon flag-ck-icon" data-testid="kui-icon-wrapper-flag-ck-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93b0cf63="" data-testid="kui-icon-svg-flag-ck-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2305)">
+<span class="kui-icon flag-ck-icon" data-testid="kui-icon-wrapper-flag-ck-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ck-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2305)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagClIcon.html b/src/tests/__snapshots__/FlagClIcon.html
index 1a4feb2c..e2160660 100644
--- a/src/tests/__snapshots__/FlagClIcon.html
+++ b/src/tests/__snapshots__/FlagClIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8f739682="" class="kui-icon flag-cl-icon" data-testid="kui-icon-wrapper-flag-cl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f739682="" data-testid="kui-icon-svg-flag-cl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2300)">
+<span class="kui-icon flag-cl-icon" data-testid="kui-icon-wrapper-flag-cl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2300)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 18.6276 18.6274 24.0002 12 24.0002C5.37262 24.0002 0 18.6276 0 12.0002C0 5.37281 12 12.0002 12 12.0002C12 12.0002 21.0825 12.0002 24 12.0002Z" fill="#D80027"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0V12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagCmIcon.html b/src/tests/__snapshots__/FlagCmIcon.html
index a6d40a9b..7928c6a6 100644
--- a/src/tests/__snapshots__/FlagCmIcon.html
+++ b/src/tests/__snapshots__/FlagCmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8dea81a5="" class="kui-icon flag-cm-icon" data-testid="kui-icon-wrapper-flag-cm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8dea81a5="" data-testid="kui-icon-svg-flag-cm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2291)">
+<span class="kui-icon flag-cm-icon" data-testid="kui-icon-wrapper-flag-cm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2291)">
 <path d="M17.2174 1.19072C15.6397 0.427875 13.8698 0 12 0C10.1302 0 8.36025 0.427875 6.78262 1.19072L5.73914 12L6.78262 22.8093C8.36025 23.5721 10.1302 24 12 24C13.8698 24 15.6397 23.5721 17.2174 22.8093L18.2609 12L17.2174 1.19072Z" fill="#D80027"></path>
 <path d="M11.9999 7.82617L13.0358 11.0146H16.3887L13.6763 12.9854L14.7123 16.174L11.9999 14.2033L9.28747 16.174L10.3236 12.9854L7.61127 11.0146H10.9639L11.9999 7.82617Z" fill="#FFDA44"></path>
 <path d="M6.78262 1.19092C2.76872 3.13182 0 7.24225 0 11.9998C0 16.7573 2.76872 20.8677 6.78262 22.8086V1.19092Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagCnIcon.html b/src/tests/__snapshots__/FlagCnIcon.html
index 2bacaa04..abe4960f 100644
--- a/src/tests/__snapshots__/FlagCnIcon.html
+++ b/src/tests/__snapshots__/FlagCnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d3982a16="" class="kui-icon flag-cn-icon" data-testid="kui-icon-wrapper-flag-cn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d3982a16="" data-testid="kui-icon-svg-flag-cn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2301)">
+<span class="kui-icon flag-cn-icon" data-testid="kui-icon-wrapper-flag-cn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2301)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M6.56719 7.30273L7.60312 10.4902H10.9547L8.24531 12.4637L9.28125 15.6512L6.56719 13.6824L3.85313 15.6512L4.89375 12.4637L2.17969 10.4902H5.53125L6.56719 7.30273Z" fill="#FFDA44"></path>
 <path d="M14.2266 18.5857L13.4344 17.6107L12.2625 18.0654L12.9422 17.0107L12.15 16.0311L13.3641 16.3545L14.0484 15.2998L14.1141 16.5561L15.3328 16.8795L14.1563 17.3295L14.2266 18.5857Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagCoIcon.html b/src/tests/__snapshots__/FlagCoIcon.html
index 5d6ffbab..f8c4f085 100644
--- a/src/tests/__snapshots__/FlagCoIcon.html
+++ b/src/tests/__snapshots__/FlagCoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d1f23536="" class="kui-icon flag-co-icon" data-testid="kui-icon-wrapper-flag-co-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1f23536="" data-testid="kui-icon-svg-flag-co-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2303)">
+<span class="kui-icon flag-co-icon" data-testid="kui-icon-wrapper-flag-co-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-co-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2303)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path>
 <path d="M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z" fill="#D80027"></path>
 <path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagCrIcon.html b/src/tests/__snapshots__/FlagCrIcon.html
index 456d0feb..e65c7222 100644
--- a/src/tests/__snapshots__/FlagCrIcon.html
+++ b/src/tests/__snapshots__/FlagCrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e10451ed="" class="kui-icon flag-cr-icon" data-testid="kui-icon-wrapper-flag-cr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e10451ed="" data-testid="kui-icon-svg-flag-cr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2307)">
+<span class="kui-icon flag-cr-icon" data-testid="kui-icon-wrapper-flag-cr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2307)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z" fill="#D80027"></path>
 <path d="M12 0C8.36293 0 5.10404 1.61831 2.9034 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0V0Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagCuIcon.html b/src/tests/__snapshots__/FlagCuIcon.html
index d9eeac32..66443c21 100644
--- a/src/tests/__snapshots__/FlagCuIcon.html
+++ b/src/tests/__snapshots__/FlagCuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3f83e25c="" class="kui-icon flag-cu-icon" data-testid="kui-icon-wrapper-flag-cu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f83e25c="" data-testid="kui-icon-svg-flag-cu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2309)">
+<span class="kui-icon flag-cu-icon" data-testid="kui-icon-wrapper-flag-cu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2309)">
 <path d="M4.6875e-05 2.08691H0V21.913H4.6875e-05V12V2.08691Z" fill="#FF9811"></path>
 <path d="M12 23.9999C18.6273 23.9999 23.9999 18.6273 23.9999 12C23.9999 5.37256 18.6273 0 12 0C5.37256 0 0 5.37256 0 12C0 18.6273 5.37256 23.9999 12 23.9999Z" fill="#F0F0F0"></path>
 <path d="M12.0001 0C8.07418 0 4.58883 1.88545 2.39954 4.8H21.6005C19.4113 1.88541 15.9259 0 12.0001 0V0Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagCvIcon.html b/src/tests/__snapshots__/FlagCvIcon.html
index 5d718d0a..dafb7ec5 100644
--- a/src/tests/__snapshots__/FlagCvIcon.html
+++ b/src/tests/__snapshots__/FlagCvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-62f9360d="" class="kui-icon flag-cv-icon" data-testid="kui-icon-wrapper-flag-cv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62f9360d="" data-testid="kui-icon-svg-flag-cv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2294)">
+<span class="kui-icon flag-cv-icon" data-testid="kui-icon-wrapper-flag-cv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2294)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z" fill="#0052B4"></path>
 <path d="M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagCyIcon.html b/src/tests/__snapshots__/FlagCyIcon.html
index c604e7dc..3f936b56 100644
--- a/src/tests/__snapshots__/FlagCyIcon.html
+++ b/src/tests/__snapshots__/FlagCyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6e4058cc="" class="kui-icon flag-cy-icon" data-testid="kui-icon-wrapper-flag-cy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e4058cc="" data-testid="kui-icon-svg-flag-cy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2311)">
+<span class="kui-icon flag-cy-icon" data-testid="kui-icon-wrapper-flag-cy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2311)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
 <path d="M18.7826 10.4346C18.4174 10.4346 17.9652 10.4346 17.2174 10.4346C17.2174 13.3161 14.8815 15.6519 12 15.6519C9.1185 15.6519 6.78267 13.3161 6.78267 10.4346C6.2783 10.4346 5.72175 10.4346 5.21747 10.4346C5.21747 13.5384 7.30228 16.1553 10.1481 16.9612C9.83606 17.5539 9.88359 18.3001 10.3293 18.8563C10.9147 18.3871 11.5207 17.9014 12.0348 17.4895C12.549 17.9015 13.155 18.3871 13.7404 18.8563C14.1905 18.2946 14.2348 17.5389 13.9124 16.9434C16.727 16.1176 18.7826 13.5163 18.7826 10.4346V10.4346Z" fill="#6DA544"></path>
 <path d="M7.82611 9.91291C7.82611 9.91291 7.82611 12.5216 10.4348 12.5216L10.9565 13.0433H12C12 13.0433 12.5217 11.4781 13.5652 11.4781C13.5652 11.4781 13.5652 10.4346 14.6087 10.4346C15.6522 10.4346 16.1739 10.4346 16.1739 10.4346C16.1739 10.4346 15.6522 8.34766 18.2609 6.78246L17.2174 6.26074C17.2174 6.26074 13.5652 8.86943 10.9565 8.34771V9.3912H9.91303L9.39131 8.86948L7.82611 9.91291Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagCzIcon.html b/src/tests/__snapshots__/FlagCzIcon.html
index cc17cbeb..f5458661 100644
--- a/src/tests/__snapshots__/FlagCzIcon.html
+++ b/src/tests/__snapshots__/FlagCzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-753a3403="" class="kui-icon flag-cz-icon" data-testid="kui-icon-wrapper-flag-cz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-753a3403="" data-testid="kui-icon-svg-flag-cz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2312)">
+<span class="kui-icon flag-cz-icon" data-testid="kui-icon-wrapper-flag-cz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-cz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2312)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M10.9565 12C10.9565 12 3.52171 20.487 3.51468 20.4853C5.68621 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#D80027"></path>
 <path d="M3.51468 3.51465C-1.1716 8.20093 -1.1716 15.7989 3.51468 20.4853C5.45123 18.5487 7.31371 16.6862 12 12L3.51468 3.51465Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagDeIcon.html b/src/tests/__snapshots__/FlagDeIcon.html
index 1291645b..fa34f9cc 100644
--- a/src/tests/__snapshots__/FlagDeIcon.html
+++ b/src/tests/__snapshots__/FlagDeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-da91fc87="" class="kui-icon flag-de-icon" data-testid="kui-icon-wrapper-flag-de-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-da91fc87="" data-testid="kui-icon-svg-flag-de-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2339)">
+<span class="kui-icon flag-de-icon" data-testid="kui-icon-wrapper-flag-de-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-de-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2339)">
 <path d="M0.746399 16.1738C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L12 15.1304L0.746399 16.1738Z" fill="#FFDA44"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611L12 8.86955L23.2536 7.82606C21.5581 3.2565 17.1596 0 12 0Z" fill="black"></path>
 <path d="M0.746391 7.82617C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617H0.746391Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagDjIcon.html b/src/tests/__snapshots__/FlagDjIcon.html
index 8b6e627e..e8dc8837 100644
--- a/src/tests/__snapshots__/FlagDjIcon.html
+++ b/src/tests/__snapshots__/FlagDjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2aaa6375="" class="kui-icon flag-dj-icon" data-testid="kui-icon-wrapper-flag-dj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2aaa6375="" data-testid="kui-icon-svg-flag-dj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2315)">
+<span class="kui-icon flag-dj-icon" data-testid="kui-icon-wrapper-flag-dj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-dj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2315)">
 <path d="M10.9565 13.0435C10.9565 13.0435 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#338AF3"></path>
 <path d="M10.9565 12C10.9565 12 3.52174 20.487 3.51471 20.4853C5.68624 22.6568 8.68629 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#6DA544"></path>
 <path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagDkIcon.html b/src/tests/__snapshots__/FlagDkIcon.html
index a7fb8f81..6ce0a943 100644
--- a/src/tests/__snapshots__/FlagDkIcon.html
+++ b/src/tests/__snapshots__/FlagDkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3fbce30b="" class="kui-icon flag-dk-icon" data-testid="kui-icon-wrapper-flag-dk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3fbce30b="" data-testid="kui-icon-svg-flag-dk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2314)">
+<span class="kui-icon flag-dk-icon" data-testid="kui-icon-wrapper-flag-dk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-dk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2314)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M9.39134 10.4348H23.8984C23.1314 4.54697 18.0969 0 12 0C11.104 0 10.2313 0.0990469 9.3913 0.285234V10.4348H9.39134Z" fill="#D80027"></path>
 <path d="M6.26084 10.4347V1.45898C2.96586 3.25683 0.607016 6.55453 0.101562 10.4347H6.26084V10.4347Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagDmIcon.html b/src/tests/__snapshots__/FlagDmIcon.html
index de19430b..b300b537 100644
--- a/src/tests/__snapshots__/FlagDmIcon.html
+++ b/src/tests/__snapshots__/FlagDmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-85920d32="" class="kui-icon flag-dm-icon" data-testid="kui-icon-wrapper-flag-dm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-85920d32="" data-testid="kui-icon-svg-flag-dm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2316)">
+<span class="kui-icon flag-dm-icon" data-testid="kui-icon-wrapper-flag-dm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-dm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2316)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M14.3478 23.77C19.0917 22.829 22.8287 19.092 23.7697 14.3481H14.3478V23.77Z" fill="#496E2D"></path>
 <path d="M0.230286 14.3481C1.1713 19.092 4.90827 22.829 9.65216 23.77V14.3481H0.230286Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagDoIcon.html b/src/tests/__snapshots__/FlagDoIcon.html
index 3f575b14..b71836e1 100644
--- a/src/tests/__snapshots__/FlagDoIcon.html
+++ b/src/tests/__snapshots__/FlagDoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9dc00ff8="" class="kui-icon flag-do-icon" data-testid="kui-icon-wrapper-flag-do-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9dc00ff8="" data-testid="kui-icon-svg-flag-do-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2317)">
+<span class="kui-icon flag-do-icon" data-testid="kui-icon-wrapper-flag-do-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-do-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2317)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0.413391 15.1304C1.52142 19.2414 4.75847 22.4785 8.86959 23.5866V15.1304H0.413391Z" fill="#D80027"></path>
 <path d="M8.86955 0.413574C4.75847 1.52156 1.52138 4.75865 0.413391 8.86973H8.86959V0.413574H8.86955Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagDzIcon.html b/src/tests/__snapshots__/FlagDzIcon.html
index b8bbd595..34be07c2 100644
--- a/src/tests/__snapshots__/FlagDzIcon.html
+++ b/src/tests/__snapshots__/FlagDzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eadf0e46="" class="kui-icon flag-dz-icon" data-testid="kui-icon-wrapper-flag-dz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eadf0e46="" data-testid="kui-icon-svg-flag-dz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2252)">
+<span class="kui-icon flag-dz-icon" data-testid="kui-icon-wrapper-flag-dz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-dz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2252)">
 <path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24C12 23.4783 10.4348 12 10.4348 12L12 0Z" fill="#F0F0F0"></path>
 <path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#496E2D"></path>
 <path d="M14.5783 9.69824L13.5937 11.055L11.9992 10.5379L12.9853 11.8935L12.0008 13.2503L13.5948 12.7314L14.5809 14.087L14.5799 12.4107L16.1739 11.8917L14.5794 11.3746L14.5783 9.69824Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagEcIcon.html b/src/tests/__snapshots__/FlagEcIcon.html
index 65cc97bb..8ae70f4a 100644
--- a/src/tests/__snapshots__/FlagEcIcon.html
+++ b/src/tests/__snapshots__/FlagEcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-74eb431f="" class="kui-icon flag-ec-icon" data-testid="kui-icon-wrapper-flag-ec-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-74eb431f="" data-testid="kui-icon-svg-flag-ec-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2319)">
+<span class="kui-icon flag-ec-icon" data-testid="kui-icon-wrapper-flag-ec-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ec-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2319)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"></path>
 <path d="M1.60577 17.9999C3.6807 21.5866 7.55838 23.9999 12 23.9999C16.4417 23.9999 20.3193 21.5866 22.3943 17.9999L12 17.2173L1.60577 17.9999Z" fill="#D80027"></path>
 <path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagEeIcon.html b/src/tests/__snapshots__/FlagEeIcon.html
index 03f578f8..b7f64a51 100644
--- a/src/tests/__snapshots__/FlagEeIcon.html
+++ b/src/tests/__snapshots__/FlagEeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-90039129="" class="kui-icon flag-ee-icon" data-testid="kui-icon-wrapper-flag-ee-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-90039129="" data-testid="kui-icon-svg-flag-ee-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2326)">
+<span class="kui-icon flag-ee-icon" data-testid="kui-icon-wrapper-flag-ee-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ee-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2326)">
 <path d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="black"></path>
 <path d="M12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#0052B4"></path>
 <path d="M23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagEgIcon.html b/src/tests/__snapshots__/FlagEgIcon.html
index 3cb2b7d3..0ee7291a 100644
--- a/src/tests/__snapshots__/FlagEgIcon.html
+++ b/src/tests/__snapshots__/FlagEgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7666b66e="" class="kui-icon flag-eg-icon" data-testid="kui-icon-wrapper-flag-eg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7666b66e="" data-testid="kui-icon-svg-flag-eg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2320)">
+<span class="kui-icon flag-eg-icon" data-testid="kui-icon-wrapper-flag-eg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-eg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2320)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagErIcon.html b/src/tests/__snapshots__/FlagErIcon.html
index 041a79f8..b7d7427b 100644
--- a/src/tests/__snapshots__/FlagErIcon.html
+++ b/src/tests/__snapshots__/FlagErIcon.html
@@ -1,4 +1,4 @@
-<span data-v-11ef7e3c="" class="kui-icon flag-er-icon" data-testid="kui-icon-wrapper-flag-er-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11ef7e3c="" data-testid="kui-icon-svg-flag-er-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2324)">
+<span class="kui-icon flag-er-icon" data-testid="kui-icon-wrapper-flag-er-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-er-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2324)">
 <path d="M10.9565 10.9565C10.9565 10.9565 3.52174 20.487 3.51471 20.4853C5.68624 22.6569 8.68629 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z" fill="#338AF3"></path>
 <path d="M10.9565 12C10.9565 12 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z" fill="#6DA544"></path>
 <path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C3.51438 20.4872 24 12 24 12L3.51471 3.51465Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagEsIcon.html b/src/tests/__snapshots__/FlagEsIcon.html
index 6eac1418..b1cd2d86 100644
--- a/src/tests/__snapshots__/FlagEsIcon.html
+++ b/src/tests/__snapshots__/FlagEsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-46b1b34b="" class="kui-icon flag-es-icon" data-testid="kui-icon-wrapper-flag-es-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-46b1b34b="" data-testid="kui-icon-svg-flag-es-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5334)">
+<span class="kui-icon flag-es-icon" data-testid="kui-icon-wrapper-flag-es-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-es-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5334)">
 <path d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264047 9.12612 0 10.5322 0 12H0Z" fill="#FFDA44"></path>
 <path d="M23.2538 7.82611C21.5583 3.25655 17.1598 0 12.0002 0C6.84061 0 2.4421 3.25655 0.746582 7.82611H23.2538Z" fill="#D80027"></path>
 <path d="M0.746582 16.1739C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagEtIcon.html b/src/tests/__snapshots__/FlagEtIcon.html
index 7311dadb..e61cd3e7 100644
--- a/src/tests/__snapshots__/FlagEtIcon.html
+++ b/src/tests/__snapshots__/FlagEtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-861cca33="" class="kui-icon flag-et-icon" data-testid="kui-icon-wrapper-flag-et-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-861cca33="" data-testid="kui-icon-svg-flag-et-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2327)">
+<span class="kui-icon flag-et-icon" data-testid="kui-icon-wrapper-flag-et-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-et-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2327)">
 <path d="M0 12.0001C0 13.468 0.264047 14.8741 0.746437 16.1741L12 17.2175L23.2536 16.1741C23.736 14.8741 24 13.468 24 12.0001C24 10.5524 23.7435 9.16453 23.2737 7.87954L12 6.78271L0.726281 7.87959C0.256453 9.16453 0 10.5524 0 12.0001H0Z" fill="#FFDA44"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagEuIcon.html b/src/tests/__snapshots__/FlagEuIcon.html
index 34ffd7b9..7bc12f4c 100644
--- a/src/tests/__snapshots__/FlagEuIcon.html
+++ b/src/tests/__snapshots__/FlagEuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a7882816="" class="kui-icon flag-eu-icon" data-testid="kui-icon-wrapper-flag-eu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7882816="" data-testid="kui-icon-svg-flag-eu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4298)">
+<span class="kui-icon flag-eu-icon" data-testid="kui-icon-wrapper-flag-eu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-eu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4298)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path>
 <path d="M12.0003 4.69565L12.3888 5.89138H13.646L12.6289 6.63037L13.0174 7.8261L12.0003 7.08707L10.9831 7.8261L11.3716 6.63037L10.3545 5.89138H11.6117L12.0003 4.69565Z" fill="#FFDA44"></path>
 <path d="M6.83523 6.83503L7.95554 7.40578L8.84453 6.51685L8.64779 7.75856L9.76806 8.32936L8.52629 8.52605L8.32961 9.76786L7.75881 8.6476L6.51709 8.84433L7.40607 7.95535L6.83523 6.83503Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagFiIcon.html b/src/tests/__snapshots__/FlagFiIcon.html
index 6d03dfbb..94a3d1be 100644
--- a/src/tests/__snapshots__/FlagFiIcon.html
+++ b/src/tests/__snapshots__/FlagFiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e95e5d59="" class="kui-icon flag-fi-icon" data-testid="kui-icon-wrapper-flag-fi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e95e5d59="" data-testid="kui-icon-svg-flag-fi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2332)">
+<span class="kui-icon flag-fi-icon" data-testid="kui-icon-wrapper-flag-fi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-fi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2332)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4346V10.4347H0.101578C0.0347813 10.9471 0 11.4694 0 11.9999C0 12.5304 0.0347813 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#0052B4"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagFjIcon.html b/src/tests/__snapshots__/FlagFjIcon.html
index 17f834c6..7a06822a 100644
--- a/src/tests/__snapshots__/FlagFjIcon.html
+++ b/src/tests/__snapshots__/FlagFjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3daac4c7="" class="kui-icon flag-fj-icon" data-testid="kui-icon-wrapper-flag-fj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3daac4c7="" data-testid="kui-icon-svg-flag-fj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2331)">
+<span class="kui-icon flag-fj-icon" data-testid="kui-icon-wrapper-flag-fj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-fj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2331)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path>
 <path d="M12 5.73926V9.78659L7.82611 5.73926H12Z" fill="#0052B4"></path>
 <path d="M6.26086 12.0003H9.78642L6.26086 7.30469L5.73914 10.9569L6.26086 12.0003Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagFkIcon.html b/src/tests/__snapshots__/FlagFkIcon.html
index f4053e2c..300f4135 100644
--- a/src/tests/__snapshots__/FlagFkIcon.html
+++ b/src/tests/__snapshots__/FlagFkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ea174b26="" class="kui-icon flag-fk-icon" data-testid="kui-icon-wrapper-flag-fk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea174b26="" data-testid="kui-icon-svg-flag-fk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2329)">
+<span class="kui-icon flag-fk-icon" data-testid="kui-icon-wrapper-flag-fk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-fk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2329)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagFmIcon.html b/src/tests/__snapshots__/FlagFmIcon.html
index beb81808..025745d5 100644
--- a/src/tests/__snapshots__/FlagFmIcon.html
+++ b/src/tests/__snapshots__/FlagFmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-77f74e60="" class="kui-icon flag-fm-icon" data-testid="kui-icon-wrapper-flag-fm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-77f74e60="" data-testid="kui-icon-svg-flag-fm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4797)">
+<span class="kui-icon flag-fm-icon" data-testid="kui-icon-wrapper-flag-fm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-fm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4797)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z" fill="#F0F0F0"></path>
 <path d="M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagFoIcon.html b/src/tests/__snapshots__/FlagFoIcon.html
index e7cc12a0..3bd71296 100644
--- a/src/tests/__snapshots__/FlagFoIcon.html
+++ b/src/tests/__snapshots__/FlagFoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3877d1f2="" class="kui-icon flag-fo-icon" data-testid="kui-icon-wrapper-flag-fo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3877d1f2="" data-testid="kui-icon-svg-flag-fo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2330)">
+<span class="kui-icon flag-fo-icon" data-testid="kui-icon-wrapper-flag-fo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-fo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2330)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z" fill="#0052B4"></path>
 <path d="M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagFrIcon.html b/src/tests/__snapshots__/FlagFrIcon.html
index 1c52c39c..14291aed 100644
--- a/src/tests/__snapshots__/FlagFrIcon.html
+++ b/src/tests/__snapshots__/FlagFrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3d67ed74="" class="kui-icon flag-fr-icon" data-testid="kui-icon-wrapper-flag-fr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3d67ed74="" data-testid="kui-icon-svg-flag-fr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2333)">
+<span class="kui-icon flag-fr-icon" data-testid="kui-icon-wrapper-flag-fr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-fr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2333)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
 <path d="M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagGaIcon.html b/src/tests/__snapshots__/FlagGaIcon.html
index 8cf425f8..b509b242 100644
--- a/src/tests/__snapshots__/FlagGaIcon.html
+++ b/src/tests/__snapshots__/FlagGaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-36298b54="" class="kui-icon flag-ga-icon" data-testid="kui-icon-wrapper-flag-ga-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-36298b54="" data-testid="kui-icon-svg-flag-ga-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2335)">
+<span class="kui-icon flag-ga-icon" data-testid="kui-icon-wrapper-flag-ga-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ga-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2335)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#FFDA44"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#0052B4"></path>
 <path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagGbIcon.html b/src/tests/__snapshots__/FlagGbIcon.html
index bc50128e..8405f942 100644
--- a/src/tests/__snapshots__/FlagGbIcon.html
+++ b/src/tests/__snapshots__/FlagGbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-af5a45f4="" class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af5a45f4="" data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_1325)">
+<span class="kui-icon flag-gb-icon" data-testid="kui-icon-wrapper-flag-gb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_1325)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z" fill="#0052B4"></path>
 <path d="M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagGdIcon.html b/src/tests/__snapshots__/FlagGdIcon.html
index 0e9265a2..da40d807 100644
--- a/src/tests/__snapshots__/FlagGdIcon.html
+++ b/src/tests/__snapshots__/FlagGdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5a3eda86="" class="kui-icon flag-gd-icon" data-testid="kui-icon-wrapper-flag-gd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a3eda86="" data-testid="kui-icon-svg-flag-gd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2344)">
+<span class="kui-icon flag-gd-icon" data-testid="kui-icon-wrapper-flag-gd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2344)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M5.23657 2.08697C7.16243 0.770437 9.49109 0 12 0C14.509 0 16.8376 0.770437 18.7635 2.08697L12 2.60869L5.23657 2.08697Z" fill="#A2001D"></path>
 <path d="M12 12.0002L11.2342 11.2344L11.0308 11.5986L12 12.0002Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagGeIcon.html b/src/tests/__snapshots__/FlagGeIcon.html
index 47f66bc1..71b69fbe 100644
--- a/src/tests/__snapshots__/FlagGeIcon.html
+++ b/src/tests/__snapshots__/FlagGeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c51f3493="" class="kui-icon flag-ge-icon" data-testid="kui-icon-wrapper-flag-ge-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c51f3493="" data-testid="kui-icon-svg-flag-ge-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2338)">
+<span class="kui-icon flag-ge-icon" data-testid="kui-icon-wrapper-flag-ge-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ge-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2338)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path>
 <path d="M7.30434 5.73908V4.17383H5.73914V5.73908H4.17389V7.30428H5.73914V8.86948H7.30434V7.30428H8.86954V5.73908H7.30434Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagGgIcon.html b/src/tests/__snapshots__/FlagGgIcon.html
index 77742eb4..92497afa 100644
--- a/src/tests/__snapshots__/FlagGgIcon.html
+++ b/src/tests/__snapshots__/FlagGgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a7f3ce5d="" class="kui-icon flag-gg-icon" data-testid="kui-icon-wrapper-flag-gg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a7f3ce5d="" data-testid="kui-icon-svg-flag-gg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2347)">
+<span class="kui-icon flag-gg-icon" data-testid="kui-icon-wrapper-flag-gg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2347)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8984 10.4348H13.5653H13.5652V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4695 0 10.9471 0.034875 10.4348 0.101578V10.4348H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5305 0.034875 13.0529 0.101578 13.5652H10.4347H10.4348V23.8984C10.9471 23.9651 11.4695 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5652H23.8984C23.9651 13.0529 24 12.5305 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348V10.4348Z" fill="#D80027"></path>
 <path d="M15.3913 12.5218L16.1739 13.0435V10.9566L15.3913 11.4783H12.5217V8.60875L13.0435 7.82617H10.9565L11.4783 8.60875V11.4783H8.60869L7.82611 10.9566V13.0435L8.60869 12.5218H11.4783V15.3914L10.9565 16.174H13.0435L12.5217 15.3914V12.5218H15.3913Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagGhIcon.html b/src/tests/__snapshots__/FlagGhIcon.html
index 1b999e0b..c613bc03 100644
--- a/src/tests/__snapshots__/FlagGhIcon.html
+++ b/src/tests/__snapshots__/FlagGhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6045098d="" class="kui-icon flag-gh-icon" data-testid="kui-icon-wrapper-flag-gh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6045098d="" data-testid="kui-icon-svg-flag-gh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2340)">
+<span class="kui-icon flag-gh-icon" data-testid="kui-icon-wrapper-flag-gh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2340)">
 <path d="M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z" fill="#FFDA44"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
 <path d="M23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagGiIcon.html b/src/tests/__snapshots__/FlagGiIcon.html
index 7649ef9a..68da5453 100644
--- a/src/tests/__snapshots__/FlagGiIcon.html
+++ b/src/tests/__snapshots__/FlagGiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3e55c693="" class="kui-icon flag-gi-icon" data-testid="kui-icon-wrapper-flag-gi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e55c693="" data-testid="kui-icon-svg-flag-gi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2341)">
+<span class="kui-icon flag-gi-icon" data-testid="kui-icon-wrapper-flag-gi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2341)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F9F9F9"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M16.6957 9.9128V8.3476H17.2174V7.30411H16.1739V7.82588H15.1305V7.30411H14.087V8.3476H14.6087V9.9128H13.5652V6.26072H14.087V5.21729H13.0435V5.73891H12.5217V5.21729H11.4783V5.73891H10.9565V5.21729H9.91304V6.26072H10.4348V9.9128H9.39132V8.3476H9.91304V7.30411H8.86955V7.82588H7.82611V7.30411H6.78263V8.3476H7.30435V9.9128H6.26086V14.0867H17.7391V9.9128H16.6957Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagGlIcon.html b/src/tests/__snapshots__/FlagGlIcon.html
index 45855e75..793c474c 100644
--- a/src/tests/__snapshots__/FlagGlIcon.html
+++ b/src/tests/__snapshots__/FlagGlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1413a327="" class="kui-icon flag-gl-icon" data-testid="kui-icon-wrapper-flag-gl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1413a327="" data-testid="kui-icon-svg-flag-gl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2343)">
+<span class="kui-icon flag-gl-icon" data-testid="kui-icon-wrapper-flag-gl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2343)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z" fill="#F0F0F0"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path>
 <path d="M8.34784 17.739C11.5175 17.739 14.087 15.1695 14.087 11.9999C14.087 8.83024 11.5175 6.26074 8.34784 6.26074C5.1782 6.26074 2.6087 8.83024 2.6087 11.9999C2.6087 15.1695 5.1782 17.739 8.34784 17.739Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagGmIcon.html b/src/tests/__snapshots__/FlagGmIcon.html
index c8c5330f..0f59ce04 100644
--- a/src/tests/__snapshots__/FlagGmIcon.html
+++ b/src/tests/__snapshots__/FlagGmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a2c5f8cd="" class="kui-icon flag-gm-icon" data-testid="kui-icon-wrapper-flag-gm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a2c5f8cd="" data-testid="kui-icon-svg-flag-gm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2337)">
+<span class="kui-icon flag-gm-icon" data-testid="kui-icon-wrapper-flag-gm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2337)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.039 0 2.78144 3.01059 0.953827 7.30434H23.0462C21.2186 3.01059 16.961 0 12 0Z" fill="#A2001D"></path>
 <path d="M12 24.0001C16.961 24.0001 21.2186 20.9896 23.0462 16.6958H0.953827C2.78144 20.9896 7.039 24.0001 12 24.0001Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagGnIcon.html b/src/tests/__snapshots__/FlagGnIcon.html
index 50f203dd..e86f2e6e 100644
--- a/src/tests/__snapshots__/FlagGnIcon.html
+++ b/src/tests/__snapshots__/FlagGnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f84306c0="" class="kui-icon flag-gn-icon" data-testid="kui-icon-wrapper-flag-gn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f84306c0="" data-testid="kui-icon-svg-flag-gn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2348)">
+<span class="kui-icon flag-gn-icon" data-testid="kui-icon-wrapper-flag-gn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2348)">
 <path d="M16.174 0.746437C14.874 0.264047 13.4679 0 12 0C10.5322 0 9.12615 0.264047 7.82621 0.746344L7.30444 12L7.82616 23.2537C9.12615 23.736 10.5322 24 12 24C13.4679 24 14.874 23.736 16.174 23.2536L16.6958 12L16.174 0.746437Z" fill="#FFDA44"></path>
 <path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.44214 0 6.84061 0 12.0002Z" fill="#D80027"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.44214 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagGqIcon.html b/src/tests/__snapshots__/FlagGqIcon.html
index 6aea71fc..d289cafd 100644
--- a/src/tests/__snapshots__/FlagGqIcon.html
+++ b/src/tests/__snapshots__/FlagGqIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c125e70d="" class="kui-icon flag-gq-icon" data-testid="kui-icon-wrapper-flag-gq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c125e70d="" data-testid="kui-icon-svg-flag-gq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2323)">
+<span class="kui-icon flag-gq-icon" data-testid="kui-icon-wrapper-flag-gq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2323)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path>
 <path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagGrIcon.html b/src/tests/__snapshots__/FlagGrIcon.html
index 5b74871b..b862da10 100644
--- a/src/tests/__snapshots__/FlagGrIcon.html
+++ b/src/tests/__snapshots__/FlagGrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-abd82765="" class="kui-icon flag-gr-icon" data-testid="kui-icon-wrapper-flag-gr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abd82765="" data-testid="kui-icon-svg-flag-gr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2342)">
+<span class="kui-icon flag-gr-icon" data-testid="kui-icon-wrapper-flag-gr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2342)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 8.86971H23.5866C23.2857 7.75343 22.8284 6.70151 22.2387 5.73926H12V8.86971Z" fill="#338AF3"></path>
 <path d="M4.53015 21.3912H19.4698C20.565 20.5189 21.5042 19.4595 22.2387 18.2607H1.76129C2.49587 19.4594 3.43506 20.5189 4.53015 21.3912V21.3912Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagGtIcon.html b/src/tests/__snapshots__/FlagGtIcon.html
index af53e583..6588bb22 100644
--- a/src/tests/__snapshots__/FlagGtIcon.html
+++ b/src/tests/__snapshots__/FlagGtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9b20ee1d="" class="kui-icon flag-gt-icon" data-testid="kui-icon-wrapper-flag-gt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9b20ee1d="" data-testid="kui-icon-svg-flag-gt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2346)">
+<span class="kui-icon flag-gt-icon" data-testid="kui-icon-wrapper-flag-gt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2346)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 7.24267 21.2313 3.13192 17.2173 1.19092V22.8094C21.2313 20.8685 24 16.7577 24 12.0002V12.0002Z" fill="#338AF3"></path>
 <path d="M0 12.0002C0 16.7577 2.76867 20.8685 6.78262 22.8095V1.19092C2.76867 3.13192 0 7.24267 0 12.0002Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagGuIcon.html b/src/tests/__snapshots__/FlagGuIcon.html
index 3f89f727..72c795bc 100644
--- a/src/tests/__snapshots__/FlagGuIcon.html
+++ b/src/tests/__snapshots__/FlagGuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5f231cbd="" class="kui-icon flag-gu-icon" data-testid="kui-icon-wrapper-flag-gu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5f231cbd="" data-testid="kui-icon-svg-flag-gu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2345)">
+<span class="kui-icon flag-gu-icon" data-testid="kui-icon-wrapper-flag-gu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2345)">
 <path d="M5.23657 21.9131C7.16238 23.2296 9.49113 24.0001 12 24.0001C14.5089 24.0001 16.8376 23.2296 18.7635 21.9131L12 20.8696L5.23657 21.9131Z" fill="#D80027"></path>
 <path d="M18.7635 2.08697C16.8376 0.770484 14.5089 0 12 0C9.49113 0 7.16238 0.770484 5.23657 2.08697L12 3.13045L18.7635 2.08697Z" fill="#D80027"></path>
 <path d="M24 11.9999C24 8.02916 21.6227 4.04151 18.7635 2.08691H5.23655C2.07516 4.24804 0 7.88151 0 11.9999C0 16.1185 2.07516 19.7518 5.23655 21.913H18.7635C21.9249 19.7518 24 16.1185 24 11.9999Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagGwIcon.html b/src/tests/__snapshots__/FlagGwIcon.html
index 461ca8a5..c7f23ee8 100644
--- a/src/tests/__snapshots__/FlagGwIcon.html
+++ b/src/tests/__snapshots__/FlagGwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3bbd9bc9="" class="kui-icon flag-gw-icon" data-testid="kui-icon-wrapper-flag-gw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3bbd9bc9="" data-testid="kui-icon-svg-flag-gw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2349)">
+<span class="kui-icon flag-gw-icon" data-testid="kui-icon-wrapper-flag-gw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2349)">
 <path d="M12 0C10.9169 0 9.86766 0.144375 8.86955 0.413391L7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"></path>
 <path d="M7.82611 12L8.8696 23.5866C9.86766 23.8556 10.9169 24 12 24C18.6274 24 24 18.6274 24 12H7.82611Z" fill="#6DA544"></path>
 <path d="M0 12.0004C0 16.5489 2.53078 20.5061 6.26086 22.5413V1.45947C2.53078 3.49469 0 7.45188 0 12.0004Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagGyIcon.html b/src/tests/__snapshots__/FlagGyIcon.html
index bab4b4bf..dca96f61 100644
--- a/src/tests/__snapshots__/FlagGyIcon.html
+++ b/src/tests/__snapshots__/FlagGyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-23ae34d3="" class="kui-icon flag-gy-icon" data-testid="kui-icon-wrapper-flag-gy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-23ae34d3="" data-testid="kui-icon-svg-flag-gy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2350)">
+<span class="kui-icon flag-gy-icon" data-testid="kui-icon-wrapper-flag-gy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-gy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2350)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#6DA544"></path>
 <path d="M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagHkIcon.html b/src/tests/__snapshots__/FlagHkIcon.html
index 472f83ea..df8fad75 100644
--- a/src/tests/__snapshots__/FlagHkIcon.html
+++ b/src/tests/__snapshots__/FlagHkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-35e23519="" class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-35e23519="" data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3092)">
+<span class="kui-icon flag-hk-icon" data-testid="kui-icon-wrapper-flag-hk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-hk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_3092)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z" fill="#F0F0F0"></path>
 <path d="M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagHnIcon.html b/src/tests/__snapshots__/FlagHnIcon.html
index ece68dc3..abc2da29 100644
--- a/src/tests/__snapshots__/FlagHnIcon.html
+++ b/src/tests/__snapshots__/FlagHnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b87d2825="" class="kui-icon flag-hn-icon" data-testid="kui-icon-wrapper-flag-hn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b87d2825="" data-testid="kui-icon-svg-flag-hn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2354)">
+<span class="kui-icon flag-hn-icon" data-testid="kui-icon-wrapper-flag-hn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-hn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2354)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19072C3.13172 21.2312 7.24247 23.9999 12 23.9999Z" fill="#338AF3"></path>
 <path d="M12 0C7.24247 0 3.13172 2.76867 1.19072 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagHrIcon.html b/src/tests/__snapshots__/FlagHrIcon.html
index 1daea94a..99df8ad2 100644
--- a/src/tests/__snapshots__/FlagHrIcon.html
+++ b/src/tests/__snapshots__/FlagHrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ffc00981="" class="kui-icon flag-hr-icon" data-testid="kui-icon-wrapper-flag-hr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ffc00981="" data-testid="kui-icon-svg-flag-hr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2308)">
+<span class="kui-icon flag-hr-icon" data-testid="kui-icon-wrapper-flag-hr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-hr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2308)">
 <path d="M24 11.9999C24 10.532 23.736 9.1259 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.1259 0 10.532 0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999Z" fill="#0052B4"></path>
 <path d="M0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611V7.82611Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagHtIcon.html b/src/tests/__snapshots__/FlagHtIcon.html
index 65ae3e20..98be9c7c 100644
--- a/src/tests/__snapshots__/FlagHtIcon.html
+++ b/src/tests/__snapshots__/FlagHtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-961b23a5="" class="kui-icon flag-ht-icon" data-testid="kui-icon-wrapper-flag-ht-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961b23a5="" data-testid="kui-icon-svg-flag-ht-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2352)">
+<span class="kui-icon flag-ht-icon" data-testid="kui-icon-wrapper-flag-ht-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ht-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2352)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 5.37262 12 0 12 0C12 0 24 5.37262 24 12Z" fill="#A2001D"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path>
 <path d="M16.1739 15.1305L12 14.6088L7.82611 15.1305V8.86963H16.1739V15.1305Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagHuIcon.html b/src/tests/__snapshots__/FlagHuIcon.html
index d7a1ce12..6cf5f815 100644
--- a/src/tests/__snapshots__/FlagHuIcon.html
+++ b/src/tests/__snapshots__/FlagHuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b5729ca2="" class="kui-icon flag-hu-icon" data-testid="kui-icon-wrapper-flag-hu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b5729ca2="" data-testid="kui-icon-svg-flag-hu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2356)">
+<span class="kui-icon flag-hu-icon" data-testid="kui-icon-wrapper-flag-hu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-hu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2356)">
 <path d="M0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262Z" fill="#F0F0F0"></path>
 <path d="M12 0C6.84047 0 2.44191 3.2565 0.746437 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#D80027"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2537 16.1738H0.746437C2.44191 20.7434 6.84047 23.9999 12 23.9999V23.9999Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagIcon.html b/src/tests/__snapshots__/FlagIcon.html
index c15e7ddd..c4b02a9e 100644
--- a/src/tests/__snapshots__/FlagIcon.html
+++ b/src/tests/__snapshots__/FlagIcon.html
@@ -1 +1 @@
-<span data-v-88a5f776="" class="kui-icon flag-icon" data-testid="kui-icon-wrapper-flag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88a5f776="" data-testid="kui-icon-svg-flag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20V3H13L13.4 5H19V15H12L11.6 13H6V20H4ZM13.65 13H17V7H11.75L11.35 5H6V11H13.25L13.65 13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon flag-icon" data-testid="kui-icon-wrapper-flag-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20V3H13L13.4 5H19V15H12L11.6 13H6V20H4ZM13.65 13H17V7H11.75L11.35 5H6V11H13.25L13.65 13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/FlagIdIcon.html b/src/tests/__snapshots__/FlagIdIcon.html
index 64797a3c..e87b2e54 100644
--- a/src/tests/__snapshots__/FlagIdIcon.html
+++ b/src/tests/__snapshots__/FlagIdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-abaa30a7="" class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-abaa30a7="" data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_2217)">
+<span class="kui-icon flag-id-icon" data-testid="kui-icon-wrapper-flag-id-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-id-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_2217)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#A2001D"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagIeIcon.html b/src/tests/__snapshots__/FlagIeIcon.html
index 45faef1b..209f04cc 100644
--- a/src/tests/__snapshots__/FlagIeIcon.html
+++ b/src/tests/__snapshots__/FlagIeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-532aa120="" class="kui-icon flag-ie-icon" data-testid="kui-icon-wrapper-flag-ie-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-532aa120="" data-testid="kui-icon-svg-flag-ie-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2362)">
+<span class="kui-icon flag-ie-icon" data-testid="kui-icon-wrapper-flag-ie-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ie-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2362)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0001C24 6.84061 20.7435 2.44205 16.1739 0.746582V23.2538C20.7435 21.5582 24 17.1598 24 12.0001V12.0001Z" fill="#FF9811"></path>
 <path d="M0 12.0001C0 17.1598 3.2565 21.5582 7.82611 23.2538V0.746582C3.2565 2.44205 0 6.84061 0 12.0001V12.0001Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagIlIcon.html b/src/tests/__snapshots__/FlagIlIcon.html
index a83fb9d6..c7d48bf1 100644
--- a/src/tests/__snapshots__/FlagIlIcon.html
+++ b/src/tests/__snapshots__/FlagIlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5761b125="" class="kui-icon flag-il-icon" data-testid="kui-icon-wrapper-flag-il-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5761b125="" data-testid="kui-icon-svg-flag-il-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2364)">
+<span class="kui-icon flag-il-icon" data-testid="kui-icon-wrapper-flag-il-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-il-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2364)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M16.5184 9.3914H13.5061L12 6.78271L10.494 9.3914H7.4816L8.98788 12.0001L7.4816 14.6088H10.494L12 17.2175L13.5061 14.6088H16.5184L15.0122 12.0001L16.5184 9.3914ZM13.8504 12.0001L12.9253 13.6027H11.0749L10.1496 12.0001L11.0748 10.3975H12.9252L13.8504 12.0001ZM12 8.79492L12.3444 9.39136H11.6558L12 8.79492ZM9.22436 10.3975H9.91305L9.56871 10.994L9.22436 10.3975ZM9.22436 13.6027L9.56875 13.0062L9.9131 13.6027H9.22436ZM12 15.2052L11.6557 14.6088H12.3444L12 15.2052ZM14.7757 13.6027H14.087L14.4314 13.0062L14.7757 13.6027ZM14.087 10.3975H14.7757L14.4313 10.994L14.087 10.3975Z" fill="#0052B4"></path>
 <path d="M19.4699 2.60889H4.53015C3.43501 3.48114 2.49582 4.54061 1.76129 5.73934H22.2387C21.5041 4.54065 20.565 3.48114 19.4699 2.60889V2.60889Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagImIcon.html b/src/tests/__snapshots__/FlagImIcon.html
index 80ceb29f..ef752516 100644
--- a/src/tests/__snapshots__/FlagImIcon.html
+++ b/src/tests/__snapshots__/FlagImIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e3c4b4dc="" class="kui-icon flag-im-icon" data-testid="kui-icon-wrapper-flag-im-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e3c4b4dc="" data-testid="kui-icon-svg-flag-im-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2363)">
+<span class="kui-icon flag-im-icon" data-testid="kui-icon-wrapper-flag-im-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-im-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2363)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M16.4431 8.04441L15.595 11.0712L13.0501 10.6013L11.412 7.22461L6.98672 8.79497L6.63773 7.81153L5.47992 7.66889L6.35231 10.1274L9.39773 9.34861L10.2632 11.7875L8.15793 14.8944L11.7306 17.9416L11.0535 18.7355L11.5088 19.8096L13.2018 17.8247L11.0046 15.5768L12.684 13.6079L16.4273 13.8776L17.28 9.25992L18.3061 9.44944L19.0087 8.51803L16.4431 8.04441Z" fill="#F0F0F0"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagInIcon.html b/src/tests/__snapshots__/FlagInIcon.html
index c437a50c..d5236926 100644
--- a/src/tests/__snapshots__/FlagInIcon.html
+++ b/src/tests/__snapshots__/FlagInIcon.html
@@ -1,4 +1,4 @@
-<span data-v-00541fee="" class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-00541fee="" data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_5241)">
+<span class="kui-icon flag-in-icon" data-testid="kui-icon-wrapper-flag-in-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-in-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_5241)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#FF9811"></path>
 <path d="M12 23.9999C16.7574 23.9999 20.8682 21.2312 22.8092 17.2173H1.19067C3.13167 21.2312 7.24242 23.9999 12 23.9999Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagIoIcon.html b/src/tests/__snapshots__/FlagIoIcon.html
index cd6e1e52..2b62ec35 100644
--- a/src/tests/__snapshots__/FlagIoIcon.html
+++ b/src/tests/__snapshots__/FlagIoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f595d293="" class="kui-icon flag-io-icon" data-testid="kui-icon-wrapper-flag-io-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f595d293="" data-testid="kui-icon-svg-flag-io-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2284)">
+<span class="kui-icon flag-io-icon" data-testid="kui-icon-wrapper-flag-io-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-io-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2284)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M21.9998 13.4363C20.9998 13.4363 20.9998 12.522 19.9998 12.522C18.9998 12.522 18.9998 13.4363 17.9999 13.4363C17 13.4363 16.9999 12.522 16 12.522C15 12.522 15 13.4363 14 13.4363C12.9999 13.4363 12.9999 12.522 11.9998 12.522C10.9998 12.522 10.9998 13.4363 9.99988 13.4363C9.00003 13.4363 9.00003 12.522 8.00005 12.522C6.99997 12.522 6.99997 13.4363 5.99989 13.4363C4.99981 13.4363 4.99981 12.522 3.99974 12.522C2.99989 12.522 2.99989 13.4363 1.99991 13.4363C1.00531 13.4363 0.999548 12.5321 0.0155945 12.5224C0.0432976 13.0713 0.108829 13.6102 0.207923 14.1372C1.00499 14.2542 1.07478 15.0363 2 15.0363C2.99999 15.0363 2.99999 14.122 3.99983 14.122C4.99991 14.122 4.99991 15.0363 5.99999 15.0363C7.00006 15.0363 7.00006 14.122 8.00014 14.122C9.00013 14.122 9.00013 15.0363 9.99997 15.0363C11 15.0363 11 14.122 11.9999 14.122C13 14.122 13 15.0363 14 15.0363C15.0001 15.0363 15.0001 14.122 16.0001 14.122C17 14.122 17 15.0363 18 15.0363C19 15.0363 19 14.122 19.9999 14.122C21 14.122 21 15.0363 21.9999 15.0363C22.9252 15.0363 22.995 14.2543 23.7921 14.1372C23.8912 13.6101 23.9567 13.0713 23.9845 12.5224C23.0003 12.5321 22.9945 13.4363 21.9998 13.4363V13.4363Z" fill="#0052B4"></path>
 <path d="M19.9998 15.6523C18.9998 15.6523 18.9998 16.5667 17.9999 16.5667C17 16.5667 16.9999 15.6523 16 15.6523C15 15.6523 15 16.5667 14 16.5667C12.9999 16.5667 12.9999 15.6523 11.9998 15.6523C10.9998 15.6523 10.9998 16.5667 9.99988 16.5667C9.00003 16.5667 9.00003 15.6523 8.00005 15.6523C6.99997 15.6523 6.99997 16.5667 5.99989 16.5667C4.99982 16.5667 4.99982 15.6523 3.99974 15.6523C2.99989 15.6523 2.99989 16.5667 1.99991 16.5667C1.26327 16.5667 1.06878 16.0708 0.617706 15.8097C0.890894 16.6262 1.24972 17.4033 1.68308 18.131C1.77692 18.1536 1.88127 18.1667 1.99986 18.1667C2.99985 18.1667 2.99985 17.2524 3.99969 17.2524C4.99977 17.2524 4.99977 18.1667 5.99985 18.1667C6.99993 18.1667 6.99993 17.2524 8 17.2524C8.99999 17.2524 8.99999 18.1667 9.99983 18.1667C10.9998 18.1667 10.9998 17.2524 11.9998 17.2524C12.9998 17.2524 12.9998 18.1667 13.9999 18.1667C15 18.1667 15 17.2524 15.9999 17.2524C16.9999 17.2524 16.9999 18.1667 17.9998 18.1667C18.9998 18.1667 18.9998 17.2524 19.9998 17.2524C20.9998 17.2524 20.9998 18.1667 21.9998 18.1667C22.1185 18.1667 22.2229 18.1536 22.3168 18.131C22.7502 17.4033 23.109 16.6262 23.3821 15.8097C22.931 16.0709 22.7365 16.5667 21.9998 16.5667C20.9999 16.5667 20.9999 15.6523 19.9998 15.6523V15.6523Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagIqIcon.html b/src/tests/__snapshots__/FlagIqIcon.html
index 8f445535..3a6700b1 100644
--- a/src/tests/__snapshots__/FlagIqIcon.html
+++ b/src/tests/__snapshots__/FlagIqIcon.html
@@ -1,4 +1,4 @@
-<span data-v-521be450="" class="kui-icon flag-iq-icon" data-testid="kui-icon-wrapper-flag-iq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-521be450="" data-testid="kui-icon-svg-flag-iq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2361)">
+<span class="kui-icon flag-iq-icon" data-testid="kui-icon-wrapper-flag-iq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-iq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2361)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z" fill="#A2001D"></path>
 <path d="M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagIrIcon.html b/src/tests/__snapshots__/FlagIrIcon.html
index 3986264f..e7cbbf02 100644
--- a/src/tests/__snapshots__/FlagIrIcon.html
+++ b/src/tests/__snapshots__/FlagIrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-de6e8632="" class="kui-icon flag-ir-icon" data-testid="kui-icon-wrapper-flag-ir-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-de6e8632="" data-testid="kui-icon-svg-flag-ir-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2360)">
+<span class="kui-icon flag-ir-icon" data-testid="kui-icon-wrapper-flag-ir-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ir-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2360)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M15.8975 8.86968H14.3275C14.3405 9.04222 14.3478 9.21632 14.3478 9.39139C14.3478 10.5522 14.0577 11.6773 13.5518 12.4783C13.3958 12.7253 13.1336 13.0741 12.7826 13.3094V8.86963H11.2174V13.3094C10.8664 13.0741 10.6041 12.7253 10.4481 12.4783C9.94223 11.6773 9.65212 10.5522 9.65212 9.39139C9.65212 9.21632 9.65952 9.04218 9.67246 8.86968H8.10243C8.09235 9.04138 8.08687 9.21529 8.08687 9.39139C8.08687 12.6096 9.80568 15.1305 11.9999 15.1305C14.1941 15.1305 15.9129 12.6096 15.9129 9.39139C15.913 9.21529 15.9075 9.04138 15.8975 8.86968V8.86968Z" fill="#D80027"></path>
 <path d="M4.95652 5.73914H6.52172V6.78262H8.08692V5.73914H9.65213V6.78262H11.2173V5.73914H12.7825V6.78262H14.3477V5.73914H15.9129V6.78262H17.4781V5.73914H19.0433V6.78262H22.8091C20.8683 2.76867 16.7575 0 12 0C7.24252 0 3.13172 2.76867 1.19072 6.78262H4.95652V5.73914Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagIsIcon.html b/src/tests/__snapshots__/FlagIsIcon.html
index 3f269b91..cf92c808 100644
--- a/src/tests/__snapshots__/FlagIsIcon.html
+++ b/src/tests/__snapshots__/FlagIsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3dd7640e="" class="kui-icon flag-is-icon" data-testid="kui-icon-wrapper-flag-is-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3dd7640e="" data-testid="kui-icon-svg-flag-is-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2357)">
+<span class="kui-icon flag-is-icon" data-testid="kui-icon-wrapper-flag-is-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-is-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2357)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0.413391 15.1304C1.1077 17.7066 2.63794 19.9394 4.69566 21.5205V15.1304H0.413391Z" fill="#0052B4"></path>
 <path d="M10.9565 23.9543C11.3005 23.9839 11.6483 23.9999 12 23.9999C17.5443 23.9999 22.2096 20.2396 23.5866 15.1304H10.9565V23.9543Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagItIcon.html b/src/tests/__snapshots__/FlagItIcon.html
index 4f6eb4df..55d7e1c3 100644
--- a/src/tests/__snapshots__/FlagItIcon.html
+++ b/src/tests/__snapshots__/FlagItIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1faa2c90="" class="kui-icon flag-it-icon" data-testid="kui-icon-wrapper-flag-it-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1faa2c90="" data-testid="kui-icon-svg-flag-it-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2365)">
+<span class="kui-icon flag-it-icon" data-testid="kui-icon-wrapper-flag-it-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-it-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2365)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
 <path d="M0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagJeIcon.html b/src/tests/__snapshots__/FlagJeIcon.html
index 70d429e7..4f934573 100644
--- a/src/tests/__snapshots__/FlagJeIcon.html
+++ b/src/tests/__snapshots__/FlagJeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-cb245c74="" class="kui-icon flag-je-icon" data-testid="kui-icon-wrapper-flag-je-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cb245c74="" data-testid="kui-icon-svg-flag-je-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2369)">
+<span class="kui-icon flag-je-icon" data-testid="kui-icon-wrapper-flag-je-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-je-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2369)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M21.5202 19.3068L14.2136 12.0002H14.2135L21.5202 4.69351C21.2051 4.28401 20.8604 3.89003 20.4853 3.51489C20.1102 3.13979 19.7162 2.79503 19.3067 2.47998L12.0001 9.78662L12 9.78667L4.69338 2.47998C4.28392 2.79507 3.88989 3.13975 3.51475 3.51489C3.13961 3.89003 2.79489 4.28401 2.47984 4.69351L9.78648 12.0001L9.78653 12.0002L2.4798 19.3069C2.79494 19.7164 3.13966 20.1104 3.5147 20.4855C3.88984 20.8606 4.28378 21.2054 4.69333 21.5204L12 14.2138L12.0001 14.2137L19.3067 21.5204C19.7162 21.2053 20.1102 20.8606 20.4853 20.4855C20.8605 20.1103 21.2051 19.7163 21.5202 19.3068V19.3068Z" fill="#D80027"></path>
 <path d="M9.91302 3.65214L12 4.17386L14.087 3.65214V1.87825L13.2522 2.29563L12 1.04346L10.7478 2.29563L9.91302 1.87825V3.65214Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagJmIcon.html b/src/tests/__snapshots__/FlagJmIcon.html
index de8b63a5..85a30c72 100644
--- a/src/tests/__snapshots__/FlagJmIcon.html
+++ b/src/tests/__snapshots__/FlagJmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9ff7b8fa="" class="kui-icon flag-jm-icon" data-testid="kui-icon-wrapper-flag-jm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ff7b8fa="" data-testid="kui-icon-svg-flag-jm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2367)">
+<span class="kui-icon flag-jm-icon" data-testid="kui-icon-wrapper-flag-jm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-jm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2367)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M19.3058 2.48062C17.2823 0.925266 14.7494 0 12 0C9.2506 0 6.71767 0.925312 4.69421 2.48062L12 9.78638L19.3058 2.48062Z" fill="#6DA544"></path>
 <path d="M2.48058 4.69434C0.925312 6.71779 0 9.25068 0 12.0001C0 14.7495 0.925312 17.2824 2.48062 19.3059L9.78642 12.0001L2.48058 4.69434Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagJoIcon.html b/src/tests/__snapshots__/FlagJoIcon.html
index f457b683..f4602188 100644
--- a/src/tests/__snapshots__/FlagJoIcon.html
+++ b/src/tests/__snapshots__/FlagJoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8a5ce6c5="" class="kui-icon flag-jo-icon" data-testid="kui-icon-wrapper-flag-jo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8a5ce6c5="" data-testid="kui-icon-svg-flag-jo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2370)">
+<span class="kui-icon flag-jo-icon" data-testid="kui-icon-wrapper-flag-jo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-jo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2370)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="black"></path>
 <path d="M7.30437 16.1738H23.2536C21.5581 20.7434 17.1596 23.9999 12 23.9999C8.68625 23.9999 5.68657 22.6565 3.51514 20.4848L7.30437 16.1738Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagJpIcon.html b/src/tests/__snapshots__/FlagJpIcon.html
index 7c8e00b6..6ac95424 100644
--- a/src/tests/__snapshots__/FlagJpIcon.html
+++ b/src/tests/__snapshots__/FlagJpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c1366c2e="" class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1366c2e="" data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_4034)">
+<span class="kui-icon flag-jp-icon" data-testid="kui-icon-wrapper-flag-jp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-jp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_4034)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0001 17.2175C14.8816 17.2175 17.2175 14.8816 17.2175 12.0001C17.2175 9.11861 14.8816 6.78271 12.0001 6.78271C9.11861 6.78271 6.78271 9.11861 6.78271 12.0001C6.78271 14.8816 9.11861 17.2175 12.0001 17.2175Z" fill="#D80027"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagKeIcon.html b/src/tests/__snapshots__/FlagKeIcon.html
index caf321b3..d820ddfc 100644
--- a/src/tests/__snapshots__/FlagKeIcon.html
+++ b/src/tests/__snapshots__/FlagKeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9a415f4d="" class="kui-icon flag-ke-icon" data-testid="kui-icon-wrapper-flag-ke-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9a415f4d="" data-testid="kui-icon-svg-flag-ke-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2372)">
+<span class="kui-icon flag-ke-icon" data-testid="kui-icon-wrapper-flag-ke-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ke-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2372)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="black"></path>
 <path d="M12 23.9999C7.24248 23.9999 3.13173 21.2312 1.19073 17.2173H22.8092C20.8683 21.2312 16.7575 23.9999 12 23.9999V23.9999Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagKgIcon.html b/src/tests/__snapshots__/FlagKgIcon.html
index 8848d919..40966eca 100644
--- a/src/tests/__snapshots__/FlagKgIcon.html
+++ b/src/tests/__snapshots__/FlagKgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b639eb4a="" class="kui-icon flag-kg-icon" data-testid="kui-icon-wrapper-flag-kg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b639eb4a="" data-testid="kui-icon-svg-flag-kg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2376)">
+<span class="kui-icon flag-kg-icon" data-testid="kui-icon-wrapper-flag-kg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-kg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2376)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M17.8686 12.0001L15.4707 13.128L16.7477 15.4505L14.1436 14.9523L13.8138 17.5827L12 15.6482L10.1863 17.5827L9.85633 14.9523L7.25252 15.4504L8.52939 13.1279L6.13141 12.0001L8.52939 10.8722L7.25252 8.54968L9.85624 9.04796L10.1864 6.41748L12 8.35206L13.8139 6.41748L14.1436 9.04796L16.7478 8.54968L15.4708 10.8724L17.8686 12.0001Z" fill="#FFDA44"></path>
 <path d="M12 15.652C14.017 15.652 15.6522 14.0169 15.6522 11.9998C15.6522 9.98279 14.017 8.34766 12 8.34766C9.98297 8.34766 8.34784 9.98279 8.34784 11.9998C8.34784 14.0169 9.98297 15.652 12 15.652Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagKhIcon.html b/src/tests/__snapshots__/FlagKhIcon.html
index 243127e5..c2f9fb8e 100644
--- a/src/tests/__snapshots__/FlagKhIcon.html
+++ b/src/tests/__snapshots__/FlagKhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1a845ffe="" class="kui-icon flag-kh-icon" data-testid="kui-icon-wrapper-flag-kh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a845ffe="" data-testid="kui-icon-svg-flag-kh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2290)">
+<span class="kui-icon flag-kh-icon" data-testid="kui-icon-wrapper-flag-kh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-kh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2290)">
 <path d="M0 11.9999C0 14.0788 0.528891 16.0342 1.45908 17.739L12 18.7825L22.5409 17.739C23.4711 16.0342 24 14.0788 24 11.9999C24 9.921 23.4711 7.96566 22.5409 6.26077L12 5.21729L1.45908 6.26077C0.528891 7.96566 0 9.921 0 11.9999H0Z" fill="#D80027"></path>
 <path d="M1.45911 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45151 0 3.49437 2.53073 1.45911 6.26086V6.26086Z" fill="#0052B4"></path>
 <path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45911C3.49437 21.4694 7.45151 24.0001 12 24.0001Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagKiIcon.html b/src/tests/__snapshots__/FlagKiIcon.html
index 6a686c00..531ef165 100644
--- a/src/tests/__snapshots__/FlagKiIcon.html
+++ b/src/tests/__snapshots__/FlagKiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-120a24a9="" class="kui-icon flag-ki-icon" data-testid="kui-icon-wrapper-flag-ki-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-120a24a9="" data-testid="kui-icon-svg-flag-ki-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2373)">
+<span class="kui-icon flag-ki-icon" data-testid="kui-icon-wrapper-flag-ki-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ki-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2373)">
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
 <path d="M16.1739 11.16L14.4683 11.9622L15.3766 13.614L13.5246 13.2597L13.29 15.1305L12 13.7545L10.71 15.1305L10.4754 13.2597L8.62341 13.6139L9.53161 11.9622L7.82611 11.16L9.53161 10.3577L8.62341 8.70605L10.4753 9.06023L10.71 7.18945L12 8.56537L13.29 7.18945L13.5246 9.06023L15.3766 8.70605L14.4685 10.3578L16.1739 11.16Z" fill="#FFDA44"></path>
 <path d="M15.1305 3.913H12.7826C12.7826 3.48086 12.4322 3.13037 12 3.13037C11.5678 3.13037 11.2174 3.48081 11.2174 3.913H8.86957C8.86957 4.34518 9.24607 4.69562 9.67826 4.69562H9.65215C9.65215 5.12781 10.0025 5.47825 10.4348 5.47825C10.4348 5.91043 10.7851 6.26087 11.2174 6.26087H12.7826C13.2147 6.26087 13.5652 5.91048 13.5652 5.47825C13.9974 5.47825 14.3478 5.12786 14.3478 4.69562H14.3217C14.754 4.69562 15.1305 4.34523 15.1305 3.913V3.913Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagKmIcon.html b/src/tests/__snapshots__/FlagKmIcon.html
index 922a1c72..6cb1bb8e 100644
--- a/src/tests/__snapshots__/FlagKmIcon.html
+++ b/src/tests/__snapshots__/FlagKmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eba4b2d9="" class="kui-icon flag-km-icon" data-testid="kui-icon-wrapper-flag-km-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eba4b2d9="" data-testid="kui-icon-svg-flag-km-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2304)">
+<span class="kui-icon flag-km-icon" data-testid="kui-icon-wrapper-flag-km-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-km-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2304)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9996 11.9653H10.9913C8.40862 14.5481 6.84684 16.542 5.25216 18.1367L12.0348 18.7479L22.5598 17.7044C23.4783 16.0078 24 14.0649 24 12.0001C24 11.9884 23.9996 11.977 23.9996 11.9653V11.9653Z" fill="#D80027"></path>
 <path d="M5.2522 6.22613H22.5215C20.4807 2.51513 16.5343 0 12 0C8.69508 0 5.70277 1.33645 3.53269 3.498L5.2522 6.22613Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagKpIcon.html b/src/tests/__snapshots__/FlagKpIcon.html
index 9b9e3ad4..f1634f87 100644
--- a/src/tests/__snapshots__/FlagKpIcon.html
+++ b/src/tests/__snapshots__/FlagKpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bf19dad1="" class="kui-icon flag-kp-icon" data-testid="kui-icon-wrapper-flag-kp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf19dad1="" data-testid="kui-icon-svg-flag-kp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4960)">
+<span class="kui-icon flag-kp-icon" data-testid="kui-icon-wrapper-flag-kp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-kp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4960)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#0052B4"></path>
 <path d="M21.0965 19.8261H2.90332C5.10396 22.3817 8.36285 24 11.9999 24C15.637 24 18.8959 22.3817 21.0965 19.8261Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagKrIcon.html b/src/tests/__snapshots__/FlagKrIcon.html
index 0b79ba22..0c380fe9 100644
--- a/src/tests/__snapshots__/FlagKrIcon.html
+++ b/src/tests/__snapshots__/FlagKrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7f1d34a2="" class="kui-icon flag-kr-icon" data-testid="kui-icon-wrapper-flag-kr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7f1d34a2="" data-testid="kui-icon-svg-flag-kr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_2982)">
+<span class="kui-icon flag-kr-icon" data-testid="kui-icon-wrapper-flag-kr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-kr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_2982)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M16.174 12.0001C16.174 13.0435 14.3052 15.6522 12.0001 15.6522C9.69489 15.6522 7.82617 13.0435 7.82617 12.0001C7.82617 9.69484 9.69489 7.82617 12.0001 7.82617C14.3052 7.82617 16.174 9.69484 16.174 12.0001Z" fill="#D80027"></path>
 <path d="M16.174 12C16.174 14.3052 14.3052 16.1739 12.0001 16.1739C9.69489 16.1739 7.82617 14.3052 7.82617 12" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagKwIcon.html b/src/tests/__snapshots__/FlagKwIcon.html
index 6803fa79..dd6f8e77 100644
--- a/src/tests/__snapshots__/FlagKwIcon.html
+++ b/src/tests/__snapshots__/FlagKwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d615e79a="" class="kui-icon flag-kw-icon" data-testid="kui-icon-wrapper-flag-kw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d615e79a="" data-testid="kui-icon-svg-flag-kw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2375)">
+<span class="kui-icon flag-kw-icon" data-testid="kui-icon-wrapper-flag-kw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-kw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2375)">
 <path d="M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12618 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12618 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z" fill="#F0F0F0"></path>
 <path d="M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z" fill="#D80027"></path>
 <path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagKyIcon.html b/src/tests/__snapshots__/FlagKyIcon.html
index 2d98408b..64861083 100644
--- a/src/tests/__snapshots__/FlagKyIcon.html
+++ b/src/tests/__snapshots__/FlagKyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5e0ce62c="" class="kui-icon flag-ky-icon" data-testid="kui-icon-wrapper-flag-ky-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5e0ce62c="" data-testid="kui-icon-svg-flag-ky-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2295)">
+<span class="kui-icon flag-ky-icon" data-testid="kui-icon-wrapper-flag-ky-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ky-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2295)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagKzIcon.html b/src/tests/__snapshots__/FlagKzIcon.html
index 6b2b939a..77adb808 100644
--- a/src/tests/__snapshots__/FlagKzIcon.html
+++ b/src/tests/__snapshots__/FlagKzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5a0a2383="" class="kui-icon flag-kz-icon" data-testid="kui-icon-wrapper-flag-kz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5a0a2383="" data-testid="kui-icon-svg-flag-kz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2371)">
+<span class="kui-icon flag-kz-icon" data-testid="kui-icon-wrapper-flag-kz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-kz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2371)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M18.7826 12.1304H5.21735C5.21735 13.0669 6.03302 13.826 6.96944 13.826H6.913C6.913 14.7625 7.67214 15.5217 8.60866 15.5217C8.60866 16.4582 9.3678 17.2173 10.3043 17.2173H13.6956C14.6321 17.2173 15.3913 16.4582 15.3913 15.5217C16.3278 15.5217 17.0869 14.7625 17.0869 13.826H17.0305C17.9668 13.826 18.7826 13.0669 18.7826 12.1304V12.1304Z" fill="#FFDA44"></path>
 <path d="M16.6956 9.91309C16.6956 12.5064 14.5933 14.6087 12 14.6087C9.40662 14.6087 7.30432 12.5064 7.30432 9.91309" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagLaIcon.html b/src/tests/__snapshots__/FlagLaIcon.html
index fa7c7f87..6cb4afba 100644
--- a/src/tests/__snapshots__/FlagLaIcon.html
+++ b/src/tests/__snapshots__/FlagLaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4976b082="" class="kui-icon flag-la-icon" data-testid="kui-icon-wrapper-flag-la-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4976b082="" data-testid="kui-icon-svg-flag-la-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4635)">
+<span class="kui-icon flag-la-icon" data-testid="kui-icon-wrapper-flag-la-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-la-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4635)">
 <path d="M22.8095 6.78263C20.8685 2.76867 16.7577 0 12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263L12.0002 7.82611L22.8095 6.78263Z" fill="#D80027"></path>
 <path d="M1.19092 17.2174C3.13192 21.2313 7.24267 24 12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174L12.0002 16.1739L1.19092 17.2174Z" fill="#D80027"></path>
 <path d="M22.8093 6.78262H1.19072C0.427875 8.3602 0 10.1301 0 12C0 13.8699 0.427875 15.6398 1.19072 17.2174H22.8092C23.5722 15.6398 24 13.8699 24 12C24 10.1301 23.5722 8.3602 22.8093 6.78262Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagLbIcon.html b/src/tests/__snapshots__/FlagLbIcon.html
index 02e53765..8bc02a5e 100644
--- a/src/tests/__snapshots__/FlagLbIcon.html
+++ b/src/tests/__snapshots__/FlagLbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6ff48c26="" class="kui-icon flag-lb-icon" data-testid="kui-icon-wrapper-flag-lb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6ff48c26="" data-testid="kui-icon-svg-flag-lb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4646)">
+<span class="kui-icon flag-lb-icon" data-testid="kui-icon-wrapper-flag-lb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4646)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagLcIcon.html b/src/tests/__snapshots__/FlagLcIcon.html
index c42aa406..a47d648c 100644
--- a/src/tests/__snapshots__/FlagLcIcon.html
+++ b/src/tests/__snapshots__/FlagLcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-34d27981="" class="kui-icon flag-lc-icon" data-testid="kui-icon-wrapper-flag-lc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-34d27981="" data-testid="kui-icon-svg-flag-lc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5355)">
+<span class="kui-icon flag-lc-icon" data-testid="kui-icon-wrapper-flag-lc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5355)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M7.56543 16.1739H16.435L12.0002 5.73914L7.56543 16.1739Z" fill="#F3F3F3"></path>
 <path d="M9.10645 15.1304L12 8.54877L14.8935 15.1304H9.10645Z" fill="#333333"></path>
diff --git a/src/tests/__snapshots__/FlagLiIcon.html b/src/tests/__snapshots__/FlagLiIcon.html
index 033eb1b3..4fbb9c88 100644
--- a/src/tests/__snapshots__/FlagLiIcon.html
+++ b/src/tests/__snapshots__/FlagLiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-88818abc="" class="kui-icon flag-li-icon" data-testid="kui-icon-wrapper-flag-li-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88818abc="" data-testid="kui-icon-svg-flag-li-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4681)">
+<span class="kui-icon flag-li-icon" data-testid="kui-icon-wrapper-flag-li-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-li-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4681)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#D80027"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#0052B4"></path>
 <path d="M8.86975 8.34782C8.86975 7.4834 8.16896 6.78262 7.30454 6.78262C6.90353 6.78262 6.53804 6.93355 6.26106 7.18148V6.26085H6.78278V5.21737H6.26106V4.69565H5.21757V5.21737H4.69586V6.26085H5.21757V7.18148C4.94059 6.93355 4.57511 6.78262 4.17409 6.78262C3.30967 6.78262 2.60889 7.4834 2.60889 8.34782C2.60889 8.81127 2.8105 9.22752 3.13061 9.51416V10.4348H8.34798V9.51416C8.66818 9.22752 8.86975 8.81127 8.86975 8.34782Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagLkIcon.html b/src/tests/__snapshots__/FlagLkIcon.html
index 10189b03..14443411 100644
--- a/src/tests/__snapshots__/FlagLkIcon.html
+++ b/src/tests/__snapshots__/FlagLkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d958b7c4="" class="kui-icon flag-lk-icon" data-testid="kui-icon-wrapper-flag-lk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d958b7c4="" data-testid="kui-icon-svg-flag-lk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5339)">
+<span class="kui-icon flag-lk-icon" data-testid="kui-icon-wrapper-flag-lk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5339)">
 <path d="M0.001 2.08698H0V21.913H0.001V12.0001V2.08698Z" fill="#FF9811"></path>
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37257 18.6274 0 12 0C5.37257 0 0 5.37257 0 12C0 18.6274 5.37257 24 12 24Z" fill="#FFDA44"></path>
 <path d="M9.3915 2.08698H5.23672C5.0526 2.21283 4.87241 2.34385 4.69583 2.47946L3.65234 12L4.69583 21.5205C4.87241 21.6562 5.0526 21.7872 5.23672 21.913H9.3915V2.08698Z" fill="#FF9811"></path>
diff --git a/src/tests/__snapshots__/FlagLrIcon.html b/src/tests/__snapshots__/FlagLrIcon.html
index 3f26776e..bd3dfe7e 100644
--- a/src/tests/__snapshots__/FlagLrIcon.html
+++ b/src/tests/__snapshots__/FlagLrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-604428e6="" class="kui-icon flag-lr-icon" data-testid="kui-icon-wrapper-flag-lr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-604428e6="" data-testid="kui-icon-svg-flag-lr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4657)">
+<span class="kui-icon flag-lr-icon" data-testid="kui-icon-wrapper-flag-lr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4657)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M2.74316 4.36368H21.2573C20.5735 3.53563 19.7804 2.80134 18.9006 2.18188H5.0999C4.2201 2.80124 3.42702 3.53559 2.74316 4.36368Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 12.3678 0.0174844 12.7315 0.049875 13.0909H23.9501C23.9825 12.7315 24 12.3678 24 12C24 11.6322 23.9825 11.2685 23.9501 10.9091H0.049875C0.0174844 11.2685 0 11.6322 0 12H0Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagLsIcon.html b/src/tests/__snapshots__/FlagLsIcon.html
index caf4bc0b..51ae27db 100644
--- a/src/tests/__snapshots__/FlagLsIcon.html
+++ b/src/tests/__snapshots__/FlagLsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-507df73d="" class="kui-icon flag-ls-icon" data-testid="kui-icon-wrapper-flag-ls-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-507df73d="" data-testid="kui-icon-svg-flag-ls-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4652)">
+<span class="kui-icon flag-ls-icon" data-testid="kui-icon-wrapper-flag-ls-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ls-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4652)">
 <path d="M0 12C0 13.8698 0.427828 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174C23.5722 15.6398 24 13.8698 24 12C24 10.1302 23.5722 8.36025 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427828 8.36026 0 10.1302 0 12H0Z" fill="#F0F0F0"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#6DA544"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagLtIcon.html b/src/tests/__snapshots__/FlagLtIcon.html
index e0a5fbcd..b6699221 100644
--- a/src/tests/__snapshots__/FlagLtIcon.html
+++ b/src/tests/__snapshots__/FlagLtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2d4b27fb="" class="kui-icon flag-lt-icon" data-testid="kui-icon-wrapper-flag-lt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2d4b27fb="" data-testid="kui-icon-svg-flag-lt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4685)">
+<span class="kui-icon flag-lt-icon" data-testid="kui-icon-wrapper-flag-lt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4685)">
 <path d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264 9.12605 0 10.5322 0 12C0 13.4678 0.264 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path>
 <path d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagLuIcon.html b/src/tests/__snapshots__/FlagLuIcon.html
index a27ee5da..5fcf5140 100644
--- a/src/tests/__snapshots__/FlagLuIcon.html
+++ b/src/tests/__snapshots__/FlagLuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3692d3a5="" class="kui-icon flag-lu-icon" data-testid="kui-icon-wrapper-flag-lu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3692d3a5="" data-testid="kui-icon-svg-flag-lu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4689)">
+<span class="kui-icon flag-lu-icon" data-testid="kui-icon-wrapper-flag-lu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4689)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagLvIcon.html b/src/tests/__snapshots__/FlagLvIcon.html
index 32744a3c..3632f278 100644
--- a/src/tests/__snapshots__/FlagLvIcon.html
+++ b/src/tests/__snapshots__/FlagLvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3e9115f5="" class="kui-icon flag-lv-icon" data-testid="kui-icon-wrapper-flag-lv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e9115f5="" data-testid="kui-icon-svg-flag-lv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4641)">
+<span class="kui-icon flag-lv-icon" data-testid="kui-icon-wrapper-flag-lv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-lv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4641)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C6.45586 0 1.79057 3.76036 0.413574 8.86955H23.5868C22.2098 3.76036 17.5445 0 12.0002 0Z" fill="#A2001D"></path>
 <path d="M12.0002 24C17.5445 24 22.2098 20.2396 23.5868 15.1305H0.413574C1.79057 20.2396 6.45585 24 12.0002 24Z" fill="#A2001D"></path>
diff --git a/src/tests/__snapshots__/FlagLyIcon.html b/src/tests/__snapshots__/FlagLyIcon.html
index 3b0a9d17..9b829182 100644
--- a/src/tests/__snapshots__/FlagLyIcon.html
+++ b/src/tests/__snapshots__/FlagLyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-30c56121="" class="kui-icon flag-ly-icon" data-testid="kui-icon-wrapper-flag-ly-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-30c56121="" data-testid="kui-icon-svg-flag-ly-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4674)">
+<span class="kui-icon flag-ly-icon" data-testid="kui-icon-wrapper-flag-ly-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ly-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4674)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="black"></path>
 <path d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#496E2D"></path>
 <path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagMaIcon.html b/src/tests/__snapshots__/FlagMaIcon.html
index b195d6d0..4b745a0f 100644
--- a/src/tests/__snapshots__/FlagMaIcon.html
+++ b/src/tests/__snapshots__/FlagMaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18a3969b="" class="kui-icon flag-ma-icon" data-testid="kui-icon-wrapper-flag-ma-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a3969b="" data-testid="kui-icon-svg-flag-ma-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4847)">
+<span class="kui-icon flag-ma-icon" data-testid="kui-icon-wrapper-flag-ma-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ma-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4847)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M19.0915 9.84796H13.6739L11.9998 4.69565L10.3257 9.84796H4.9082L9.29106 13.0323L7.61692 18.1847L11.9998 15.0004L16.3827 18.1848L14.7086 13.0323L19.0915 9.84796ZM10.5177 12.6337L11.0838 10.8914H12.9158L13.4819 12.6337V12.6337L11.9998 13.7105L10.5178 12.6337L10.5177 12.6337ZM12.5768 9.84796H11.4229L11.9998 8.07234L12.5768 9.84796ZM14.3695 11.9888L14.0129 10.8914H15.8799L14.3695 11.9888ZM9.98669 10.8914L9.63011 11.9888L8.11966 10.8914H9.98669ZM9.60175 15.4529L10.1787 13.6773L11.1122 14.3555L9.60175 15.4529ZM12.8875 14.3555L13.821 13.6773L14.3979 15.4529L12.8875 14.3555Z" fill="#FFDA44"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagMcIcon.html b/src/tests/__snapshots__/FlagMcIcon.html
index 1fbf2d42..d76f4148 100644
--- a/src/tests/__snapshots__/FlagMcIcon.html
+++ b/src/tests/__snapshots__/FlagMcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5fc4cd10="" class="kui-icon flag-mc-icon" data-testid="kui-icon-wrapper-flag-mc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5fc4cd10="" data-testid="kui-icon-svg-flag-mc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4811)">
+<span class="kui-icon flag-mc-icon" data-testid="kui-icon-wrapper-flag-mc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4811)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#D80027"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagMdIcon.html b/src/tests/__snapshots__/FlagMdIcon.html
index d045fadf..412d1608 100644
--- a/src/tests/__snapshots__/FlagMdIcon.html
+++ b/src/tests/__snapshots__/FlagMdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-73d4e68d="" class="kui-icon flag-md-icon" data-testid="kui-icon-wrapper-flag-md-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73d4e68d="" data-testid="kui-icon-svg-flag-md-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4804)">
+<span class="kui-icon flag-md-icon" data-testid="kui-icon-wrapper-flag-md-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-md-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4804)">
 <path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path>
 <path d="M6.78263 1.19113C2.76872 3.13208 0 7.24251 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8088V1.19113Z" fill="#0052B4"></path>
 <path d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13208 17.2173 1.19113Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagMeIcon.html b/src/tests/__snapshots__/FlagMeIcon.html
index 7d7f3a06..defcb977 100644
--- a/src/tests/__snapshots__/FlagMeIcon.html
+++ b/src/tests/__snapshots__/FlagMeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9e9cb3f2="" class="kui-icon flag-me-icon" data-testid="kui-icon-wrapper-flag-me-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e9cb3f2="" data-testid="kui-icon-svg-flag-me-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4827)">
+<span class="kui-icon flag-me-icon" data-testid="kui-icon-wrapper-flag-me-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-me-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4827)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M24 12C24 7.88152 21.9249 4.24805 18.7635 2.08698H5.23655C2.07516 4.24805 0 7.88152 0 12C0 16.1186 2.07516 19.752 5.23655 21.913H18.7635C21.9249 19.752 24 16.1186 24 12Z" fill="#A2001D"></path>
 <path d="M9.39111 8.86954H14.6085V6.78262L13.565 7.30434L11.9998 5.73914L10.4346 7.30434L9.39111 6.78262V8.86954Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagMgIcon.html b/src/tests/__snapshots__/FlagMgIcon.html
index 8799ee21..744d304c 100644
--- a/src/tests/__snapshots__/FlagMgIcon.html
+++ b/src/tests/__snapshots__/FlagMgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d6a01453="" class="kui-icon flag-mg-icon" data-testid="kui-icon-wrapper-flag-mg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d6a01453="" data-testid="kui-icon-svg-flag-mg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4705)">
+<span class="kui-icon flag-mg-icon" data-testid="kui-icon-wrapper-flag-mg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4705)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.82617 12V23.2536C9.12611 23.736 10.5322 24 12.0001 24C18.6274 24 24.0001 18.6274 24.0001 12C24.0001 5.37263 7.82617 12 7.82617 12Z" fill="#6DA544"></path>
 <path d="M12.0001 0C10.5322 0 9.12611 0.264047 7.82617 0.746391V12H24.0001C24.0001 5.37262 18.6274 0 12.0001 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagMhIcon.html b/src/tests/__snapshots__/FlagMhIcon.html
index 57168216..9f44a544 100644
--- a/src/tests/__snapshots__/FlagMhIcon.html
+++ b/src/tests/__snapshots__/FlagMhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5b969abb="" class="kui-icon flag-mh-icon" data-testid="kui-icon-wrapper-flag-mh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5b969abb="" data-testid="kui-icon-svg-flag-mh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4744)">
+<span class="kui-icon flag-mh-icon" data-testid="kui-icon-wrapper-flag-mh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4744)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 9.98611 23.5031 8.08847 22.6265 6.42188L11.9859 12.0141L17.5781 1.37353C15.9115 0.496875 14.0139 0 12 0C5.37262 0 0 5.37262 0 12C0 15.3137 1.34316 18.3137 3.51469 20.4853C5.68627 22.6569 8.68627 24 12 24Z" fill="#0052B4"></path>
 <path d="M22.6136 6.43496C22.0643 5.38946 21.3502 4.40785 20.4711 3.52876C19.592 2.64967 18.6105 1.93553 17.5649 1.38629L3.50049 20.4993L22.6136 6.43496Z" fill="#F0F0F0"></path>
 <path d="M3.50049 20.4993L22.6136 6.43495C22.0643 5.38945 21.3502 4.40784 20.4711 3.52875L3.50049 20.4993Z" fill="#FF9811"></path>
diff --git a/src/tests/__snapshots__/FlagMkIcon.html b/src/tests/__snapshots__/FlagMkIcon.html
index 1ffaa3a0..5adbc6bf 100644
--- a/src/tests/__snapshots__/FlagMkIcon.html
+++ b/src/tests/__snapshots__/FlagMkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2005c805="" class="kui-icon flag-mk-icon" data-testid="kui-icon-wrapper-flag-mk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2005c805="" data-testid="kui-icon-svg-flag-mk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5097)">
+<span class="kui-icon flag-mk-icon" data-testid="kui-icon-wrapper-flag-mk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5097)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z" fill="#D80027"></path>
 <path d="M10.1752 0.137939C8.22359 0.435689 6.42706 1.20425 4.90381 2.32311L12.0002 12L10.1752 0.137939Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagMlIcon.html b/src/tests/__snapshots__/FlagMlIcon.html
index e71ac89d..1f071060 100644
--- a/src/tests/__snapshots__/FlagMlIcon.html
+++ b/src/tests/__snapshots__/FlagMlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5ec5b6ce="" class="kui-icon flag-ml-icon" data-testid="kui-icon-wrapper-flag-ml-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5ec5b6ce="" data-testid="kui-icon-svg-flag-ml-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4736)">
+<span class="kui-icon flag-ml-icon" data-testid="kui-icon-wrapper-flag-ml-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ml-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4736)">
 <path d="M16.174 0.746391C14.874 0.264047 13.4679 0 12.0001 0C10.5322 0 9.12618 0.264047 7.8262 0.746391L6.78271 12L7.8262 23.2536C9.12618 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2175 12L16.174 0.746391Z" fill="#FFDA44"></path>
 <path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagMmIcon.html b/src/tests/__snapshots__/FlagMmIcon.html
index c330d47e..a7317060 100644
--- a/src/tests/__snapshots__/FlagMmIcon.html
+++ b/src/tests/__snapshots__/FlagMmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8f30de8a="" class="kui-icon flag-mm-icon" data-testid="kui-icon-wrapper-flag-mm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f30de8a="" data-testid="kui-icon-svg-flag-mm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4859)">
+<span class="kui-icon flag-mm-icon" data-testid="kui-icon-wrapper-flag-mm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4859)">
 <path d="M23.2536 16.1739C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#6DA544"></path>
 <path d="M23.2538 7.82611C21.5583 3.2565 17.1598 0 12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538Z" fill="#FFDA44"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagMnIcon.html b/src/tests/__snapshots__/FlagMnIcon.html
index be96e9f8..e3c71de6 100644
--- a/src/tests/__snapshots__/FlagMnIcon.html
+++ b/src/tests/__snapshots__/FlagMnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b44a4702="" class="kui-icon flag-mn-icon" data-testid="kui-icon-wrapper-flag-mn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b44a4702="" data-testid="kui-icon-svg-flag-mn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4814)">
+<span class="kui-icon flag-mn-icon" data-testid="kui-icon-wrapper-flag-mn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4814)">
 <path d="M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z" fill="#0052B4"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z" fill="#A2001D"></path>
 <path d="M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z" fill="#A2001D"></path>
diff --git a/src/tests/__snapshots__/FlagMoIcon.html b/src/tests/__snapshots__/FlagMoIcon.html
index 9efca83a..2156bdf7 100644
--- a/src/tests/__snapshots__/FlagMoIcon.html
+++ b/src/tests/__snapshots__/FlagMoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aeab534b="" class="kui-icon flag-mo-icon" data-testid="kui-icon-wrapper-flag-mo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aeab534b="" data-testid="kui-icon-svg-flag-mo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4693)">
+<span class="kui-icon flag-mo-icon" data-testid="kui-icon-wrapper-flag-mo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4693)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z" fill="#F0F0F0"></path>
 <path d="M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagMpIcon.html b/src/tests/__snapshots__/FlagMpIcon.html
index 09ce285b..87065215 100644
--- a/src/tests/__snapshots__/FlagMpIcon.html
+++ b/src/tests/__snapshots__/FlagMpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-16c7b5b5="" class="kui-icon flag-mp-icon" data-testid="kui-icon-wrapper-flag-mp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16c7b5b5="" data-testid="kui-icon-svg-flag-mp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4975)">
+<span class="kui-icon flag-mp-icon" data-testid="kui-icon-wrapper-flag-mp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4975)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z" fill="#F3F3F3"></path>
 <path d="M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagMqIcon.html b/src/tests/__snapshots__/FlagMqIcon.html
index d802ce07..8418edf7 100644
--- a/src/tests/__snapshots__/FlagMqIcon.html
+++ b/src/tests/__snapshots__/FlagMqIcon.html
@@ -1,4 +1,4 @@
-<span data-v-568d512e="" class="kui-icon flag-mq-icon" data-testid="kui-icon-wrapper-flag-mq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-568d512e="" data-testid="kui-icon-svg-flag-mq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4749)">
+<span class="kui-icon flag-mq-icon" data-testid="kui-icon-wrapper-flag-mq-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mq-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4749)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.8974 10.4347C23.5664 7.90414 22.4296 5.45886 20.4855 3.51472C18.5414 1.57058 16.096 0.433814 13.5654 0.102783L13.5655 10.4347H23.8974Z" fill="#0052B4"></path>
 <path d="M10.435 0.102783C7.90439 0.433814 5.45906 1.57053 3.51492 3.51467C1.57082 5.45886 0.434059 7.90419 0.103027 10.4348L10.435 10.4348L10.435 0.102783Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagMrIcon.html b/src/tests/__snapshots__/FlagMrIcon.html
index 23b5a551..5e2b6c00 100644
--- a/src/tests/__snapshots__/FlagMrIcon.html
+++ b/src/tests/__snapshots__/FlagMrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8d405964="" class="kui-icon flag-mr-icon" data-testid="kui-icon-wrapper-flag-mr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d405964="" data-testid="kui-icon-svg-flag-mr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4761)">
+<span class="kui-icon flag-mr-icon" data-testid="kui-icon-wrapper-flag-mr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4761)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M12.0001 13.8633C10.002 13.8633 8.33275 12.4591 7.9232 10.5838C7.8603 10.8721 7.82617 11.171 7.82617 11.4782C7.82617 13.7835 9.69484 15.6521 12.0001 15.6521C14.3053 15.6521 16.174 13.7835 16.174 11.4782C16.174 11.171 16.1398 10.8721 16.0769 10.5838C15.6674 12.4591 13.9982 13.8633 12.0001 13.8633Z" fill="#FFDA44"></path>
 <path d="M12.0002 8.34784L12.3887 9.54357H13.6461L12.6289 10.2826L13.0174 11.4783L12.0002 10.7393L10.9831 11.4783L11.3716 10.2826L10.3545 9.54357H11.6117L12.0002 8.34784Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagMsIcon.html b/src/tests/__snapshots__/FlagMsIcon.html
index 81d3694a..f3b4f999 100644
--- a/src/tests/__snapshots__/FlagMsIcon.html
+++ b/src/tests/__snapshots__/FlagMsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-8b7feeae="" class="kui-icon flag-ms-icon" data-testid="kui-icon-wrapper-flag-ms-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8b7feeae="" data-testid="kui-icon-svg-flag-ms-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4835)">
+<span class="kui-icon flag-ms-icon" data-testid="kui-icon-wrapper-flag-ms-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ms-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4835)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagMtIcon.html b/src/tests/__snapshots__/FlagMtIcon.html
index 0f0522bf..76178fcc 100644
--- a/src/tests/__snapshots__/FlagMtIcon.html
+++ b/src/tests/__snapshots__/FlagMtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-cdee2fd0="" class="kui-icon flag-mt-icon" data-testid="kui-icon-wrapper-flag-mt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-cdee2fd0="" data-testid="kui-icon-svg-flag-mt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4740)">
+<span class="kui-icon flag-mt-icon" data-testid="kui-icon-wrapper-flag-mt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4740)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C18.6274 0 24 5.37262 24 12C24 18.6274 18.6274 24 12 24" fill="#D80027"></path>
 <path d="M8.34774 4.69567V3.13046H6.78253V4.69567H5.21729V6.26087H6.78253V7.82612H8.34774V6.26087H9.91294V4.69567H8.34774Z" fill="#ACABB1"></path>
diff --git a/src/tests/__snapshots__/FlagMuIcon.html b/src/tests/__snapshots__/FlagMuIcon.html
index 176b7de8..0d403f11 100644
--- a/src/tests/__snapshots__/FlagMuIcon.html
+++ b/src/tests/__snapshots__/FlagMuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3edfda48="" class="kui-icon flag-mu-icon" data-testid="kui-icon-wrapper-flag-mu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3edfda48="" data-testid="kui-icon-svg-flag-mu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4766)">
+<span class="kui-icon flag-mu-icon" data-testid="kui-icon-wrapper-flag-mu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4766)">
 <path d="M1.45898 6.26086L11.9999 7.30434L22.5408 6.26086C20.5056 2.53073 16.5484 0 11.9999 0C7.45139 0 3.49425 2.53073 1.45898 6.26086Z" fill="#D80027"></path>
 <path d="M1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391Z" fill="#FFDA44"></path>
 <path d="M1.45908 6.26086C0.528891 7.96575 0 9.9211 0 12H24C24 9.9211 23.4711 7.96575 22.5409 6.26086H12H1.45908Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagMvIcon.html b/src/tests/__snapshots__/FlagMvIcon.html
index c3df8923..a6becb08 100644
--- a/src/tests/__snapshots__/FlagMvIcon.html
+++ b/src/tests/__snapshots__/FlagMvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-89b50a3b="" class="kui-icon flag-mv-icon" data-testid="kui-icon-wrapper-flag-mv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-89b50a3b="" data-testid="kui-icon-svg-flag-mv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4732)">
+<span class="kui-icon flag-mv-icon" data-testid="kui-icon-wrapper-flag-mv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4732)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M4.17383 6.26086H19.826V17.7391H4.17383V6.26086Z" fill="#6DA544"></path>
 <path d="M13.9323 15.3913C12.0594 15.3913 10.541 13.8729 10.541 12C10.541 10.127 12.0594 8.60867 13.9323 8.60867C14.5163 8.60867 15.0658 8.75633 15.5455 9.0163C14.793 8.28032 13.7638 7.82605 12.628 7.82605C10.3229 7.82605 8.4541 9.69477 8.4541 11.9999C8.4541 14.3051 10.3229 16.1738 12.628 16.1738C13.7638 16.1738 14.793 15.7196 15.5455 14.9836C15.0658 15.2436 14.5163 15.3913 13.9323 15.3913Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagMwIcon.html b/src/tests/__snapshots__/FlagMwIcon.html
index 1f76e6ae..a763674f 100644
--- a/src/tests/__snapshots__/FlagMwIcon.html
+++ b/src/tests/__snapshots__/FlagMwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-62eb8295="" class="kui-icon flag-mw-icon" data-testid="kui-icon-wrapper-flag-mw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-62eb8295="" data-testid="kui-icon-svg-flag-mw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4716)">
+<span class="kui-icon flag-mw-icon" data-testid="kui-icon-wrapper-flag-mw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4716)">
 <path d="M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 16.6957L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.1261 23.2536 7.82612L12 7.30435L0.746391 7.82607C0.264047 9.1261 0 10.5322 0 12H0Z" fill="#D80027"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="black"></path>
 <path d="M23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagMxIcon.html b/src/tests/__snapshots__/FlagMxIcon.html
index 23167891..dea5f0a1 100644
--- a/src/tests/__snapshots__/FlagMxIcon.html
+++ b/src/tests/__snapshots__/FlagMxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ec82f1bc="" class="kui-icon flag-mx-icon" data-testid="kui-icon-wrapper-flag-mx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ec82f1bc="" data-testid="kui-icon-svg-flag-mx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4790)">
+<span class="kui-icon flag-mx-icon" data-testid="kui-icon-wrapper-flag-mx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4790)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9999 12C23.9999 7.24245 21.2312 3.1317 17.2173 1.1907V22.8092C21.2312 20.8683 23.9999 16.7575 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 16.7575 2.76867 20.8683 6.78263 22.8093V1.1907C2.76867 3.1317 0 7.24245 0 12Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagMyIcon.html b/src/tests/__snapshots__/FlagMyIcon.html
index 2d283989..2305f7b0 100644
--- a/src/tests/__snapshots__/FlagMyIcon.html
+++ b/src/tests/__snapshots__/FlagMyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18a231bf="" class="kui-icon flag-my-icon" data-testid="kui-icon-wrapper-flag-my-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18a231bf="" data-testid="kui-icon-svg-flag-my-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4721)">
+<span class="kui-icon flag-my-icon" data-testid="kui-icon-wrapper-flag-my-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-my-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4721)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86769 23.5868 8.86954H11.4785V12Z" fill="#D80027"></path>
 <path d="M11.4785 5.73913H22.239C21.5044 4.54044 20.5652 3.48092 19.4701 2.60867H11.4785V5.73913Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagMzIcon.html b/src/tests/__snapshots__/FlagMzIcon.html
index 64940617..c35cfe9e 100644
--- a/src/tests/__snapshots__/FlagMzIcon.html
+++ b/src/tests/__snapshots__/FlagMzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3e211488="" class="kui-icon flag-mz-icon" data-testid="kui-icon-wrapper-flag-mz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e211488="" data-testid="kui-icon-svg-flag-mz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4850)">
+<span class="kui-icon flag-mz-icon" data-testid="kui-icon-wrapper-flag-mz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-mz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4850)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M6.48617 16.6956L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9608 24 21.2177 20.9893 23.0452 16.6956H6.48617Z" fill="#FFDA44"></path>
 <path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagNaIcon.html b/src/tests/__snapshots__/FlagNaIcon.html
index 561e4faa..3b7b6cdc 100644
--- a/src/tests/__snapshots__/FlagNaIcon.html
+++ b/src/tests/__snapshots__/FlagNaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7b629d8a="" class="kui-icon flag-na-icon" data-testid="kui-icon-wrapper-flag-na-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7b629d8a="" data-testid="kui-icon-svg-flag-na-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4864)">
+<span class="kui-icon flag-na-icon" data-testid="kui-icon-wrapper-flag-na-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-na-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4864)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M3.51451 20.4853C4.0179 20.9887 4.55499 21.4376 5.11838 21.8329L21.8326 5.11866C21.4374 4.55527 20.9884 4.01817 20.485 3.51478C19.9816 3.01139 19.4445 2.56252 18.8811 2.16727L2.16699 18.8815C2.5622 19.4448 3.01112 19.9819 3.51451 20.4853Z" fill="#A2001D"></path>
 <path d="M3.51477 3.51469C-0.271044 7.3005 -0.997794 12.9861 1.33297 17.5021L17.5021 1.33298C12.9861 -0.997783 7.30049 -0.27094 3.51477 3.51469Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagNeIcon.html b/src/tests/__snapshots__/FlagNeIcon.html
index 2ddd449b..e27758c5 100644
--- a/src/tests/__snapshots__/FlagNeIcon.html
+++ b/src/tests/__snapshots__/FlagNeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-56f0c86e="" class="kui-icon flag-ne-icon" data-testid="kui-icon-wrapper-flag-ne-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56f0c86e="" data-testid="kui-icon-svg-flag-ne-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4926)">
+<span class="kui-icon flag-ne-icon" data-testid="kui-icon-wrapper-flag-ne-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ne-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4926)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
 <path d="M1.19092 17.2174C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2174H1.19092Z" fill="#6DA544"></path>
 <path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24229 0 3.13182 2.76867 1.19092 6.78263Z" fill="#FF9811"></path>
diff --git a/src/tests/__snapshots__/FlagNfIcon.html b/src/tests/__snapshots__/FlagNfIcon.html
index 6d0f5334..f9968661 100644
--- a/src/tests/__snapshots__/FlagNfIcon.html
+++ b/src/tests/__snapshots__/FlagNfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-09c1dfad="" class="kui-icon flag-nf-icon" data-testid="kui-icon-wrapper-flag-nf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-09c1dfad="" data-testid="kui-icon-svg-flag-nf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4954)">
+<span class="kui-icon flag-nf-icon" data-testid="kui-icon-wrapper-flag-nf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-nf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4954)">
 <path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1302 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1302 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#F0F0F0"></path>
 <path d="M6.78263 1.19113C2.76867 3.13204 0 7.24246 0 12C0 16.7575 2.76867 20.8679 6.78263 22.8088V1.19113Z" fill="#6DA544"></path>
 <path d="M17.2173 1.19113V22.8088C21.2312 20.8679 23.9999 16.7575 23.9999 12C23.9999 7.24251 21.2312 3.13204 17.2173 1.19113Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagNgIcon.html b/src/tests/__snapshots__/FlagNgIcon.html
index ecc9633a..d6d18987 100644
--- a/src/tests/__snapshots__/FlagNgIcon.html
+++ b/src/tests/__snapshots__/FlagNgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ea747be7="" class="kui-icon flag-ng-icon" data-testid="kui-icon-wrapper-flag-ng-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ea747be7="" data-testid="kui-icon-svg-flag-ng-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4932)">
+<span class="kui-icon flag-ng-icon" data-testid="kui-icon-wrapper-flag-ng-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ng-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4932)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#6DA544"></path>
 <path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagNiIcon.html b/src/tests/__snapshots__/FlagNiIcon.html
index 20b6cc23..1c552281 100644
--- a/src/tests/__snapshots__/FlagNiIcon.html
+++ b/src/tests/__snapshots__/FlagNiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9ad3a261="" class="kui-icon flag-ni-icon" data-testid="kui-icon-wrapper-flag-ni-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9ad3a261="" data-testid="kui-icon-svg-flag-ni-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4917)">
+<span class="kui-icon flag-ni-icon" data-testid="kui-icon-wrapper-flag-ni-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ni-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4917)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#338AF3"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagNlIcon.html b/src/tests/__snapshots__/FlagNlIcon.html
index 8388e695..b8b6fed6 100644
--- a/src/tests/__snapshots__/FlagNlIcon.html
+++ b/src/tests/__snapshots__/FlagNlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-73488b41="" class="kui-icon flag-nl-icon" data-testid="kui-icon-wrapper-flag-nl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73488b41="" data-testid="kui-icon-svg-flag-nl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4900)">
+<span class="kui-icon flag-nl-icon" data-testid="kui-icon-wrapper-flag-nl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-nl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4900)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#A2001D"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagNoIcon.html b/src/tests/__snapshots__/FlagNoIcon.html
index 8570a972..bbe8d98f 100644
--- a/src/tests/__snapshots__/FlagNoIcon.html
+++ b/src/tests/__snapshots__/FlagNoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-104f7bde="" class="kui-icon flag-no-icon" data-testid="kui-icon-wrapper-flag-no-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-104f7bde="" data-testid="kui-icon-svg-flag-no-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4981)">
+<span class="kui-icon flag-no-icon" data-testid="kui-icon-wrapper-flag-no-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-no-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4981)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0.413574 15.1305C1.10789 17.7067 2.63812 19.9395 4.69584 21.5206V15.1305H0.413574Z" fill="#D80027"></path>
 <path d="M10.9565 23.9544C11.3005 23.984 11.6484 24 12 24C17.5444 24 22.2096 20.2396 23.5866 15.1305H10.9565V23.9544Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagNpIcon.html b/src/tests/__snapshots__/FlagNpIcon.html
index f6aa2e74..f2ba9978 100644
--- a/src/tests/__snapshots__/FlagNpIcon.html
+++ b/src/tests/__snapshots__/FlagNpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6aff0593="" class="kui-icon flag-np-icon" data-testid="kui-icon-wrapper-flag-np-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6aff0593="" data-testid="kui-icon-svg-flag-np-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4890)">
+<span class="kui-icon flag-np-icon" data-testid="kui-icon-wrapper-flag-np-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-np-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4890)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9295 13.3043L23.9292 13.304L23.9292 13.3043H23.9295Z" fill="#0052B4"></path>
 <path d="M23.9292 13.3043C23.9292 13.3042 23.9293 13.3041 23.9293 13.304L10.7693 0.0623779C10.1757 0.122894 9.59475 0.226675 9.02986 0.370534C3.83897 1.69217 0 12 0 12C0 12 16.7999 23.2423 18.7165 21.9452C19.1 21.6857 19.4677 21.4046 19.8177 21.1036L12.0185 13.3043H23.9292Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagNrIcon.html b/src/tests/__snapshots__/FlagNrIcon.html
index 222519f2..98512a5b 100644
--- a/src/tests/__snapshots__/FlagNrIcon.html
+++ b/src/tests/__snapshots__/FlagNrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-850861f5="" class="kui-icon flag-nr-icon" data-testid="kui-icon-wrapper-flag-nr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-850861f5="" data-testid="kui-icon-svg-flag-nr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4883)">
+<span class="kui-icon flag-nr-icon" data-testid="kui-icon-wrapper-flag-nr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-nr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4883)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#0052B4"></path>
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12.0002 0C5.72438 0 0.574789 4.81786 0.0458984 10.9565H23.9545C23.4256 4.81786 18.276 0 12.0002 0Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagNuIcon.html b/src/tests/__snapshots__/FlagNuIcon.html
index bb518444..708b27c9 100644
--- a/src/tests/__snapshots__/FlagNuIcon.html
+++ b/src/tests/__snapshots__/FlagNuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2e236494="" class="kui-icon flag-nu-icon" data-testid="kui-icon-wrapper-flag-nu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e236494="" data-testid="kui-icon-svg-flag-nu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4937)">
+<span class="kui-icon flag-nu-icon" data-testid="kui-icon-wrapper-flag-nu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-nu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4937)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#FFDA44"></path>
 <path d="M12.0001 5.73914V9.78646L7.82617 5.73914H12.0001Z" fill="#0052B4"></path>
 <path d="M6.26098 12H9.78649L6.26098 7.30435L5.73926 10.9565L6.26098 12Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagNzIcon.html b/src/tests/__snapshots__/FlagNzIcon.html
index b1c1a6ad..2074830a 100644
--- a/src/tests/__snapshots__/FlagNzIcon.html
+++ b/src/tests/__snapshots__/FlagNzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-24448f71="" class="kui-icon flag-nz-icon" data-testid="kui-icon-wrapper-flag-nz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-24448f71="" data-testid="kui-icon-svg-flag-nz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4904)">
+<span class="kui-icon flag-nz-icon" data-testid="kui-icon-wrapper-flag-nz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-nz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4904)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679C11.9786 11.9893 11.9894 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagOmIcon.html b/src/tests/__snapshots__/FlagOmIcon.html
index 9ec740f6..4b78ff7c 100644
--- a/src/tests/__snapshots__/FlagOmIcon.html
+++ b/src/tests/__snapshots__/FlagOmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-786a75d7="" class="kui-icon flag-om-icon" data-testid="kui-icon-wrapper-flag-om-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-786a75d7="" data-testid="kui-icon-svg-flag-om-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4989)">
+<span class="kui-icon flag-om-icon" data-testid="kui-icon-wrapper-flag-om-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-om-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_4989)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 16.5485 2.53078 20.5057 6.26086 22.5409V1.45908C2.53078 3.49429 0 7.45148 0 12Z" fill="#D80027"></path>
 <path d="M23.2537 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.12605 23.2537 7.82611H0.746437C0.264047 9.12605 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746437 16.1739L12 17.2174L23.2537 16.1739Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagPaIcon.html b/src/tests/__snapshots__/FlagPaIcon.html
index 57307366..4e9789f9 100644
--- a/src/tests/__snapshots__/FlagPaIcon.html
+++ b/src/tests/__snapshots__/FlagPaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-16b9076d="" class="kui-icon flag-pa-icon" data-testid="kui-icon-wrapper-flag-pa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-16b9076d="" data-testid="kui-icon-svg-flag-pa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5025)">
+<span class="kui-icon flag-pa-icon" data-testid="kui-icon-wrapper-flag-pa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5025)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 18.6274 5.37262 24 12 24C12 19.4365 12 12 12 12C12 12 4.17389 12 0 12Z" fill="#0052B4"></path>
 <path d="M12 0C18.6274 0 24 5.37262 24 12C19.4365 12 12 12 12 12C12 12 12 4.17389 12 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagPeIcon.html b/src/tests/__snapshots__/FlagPeIcon.html
index 092667d2..a6ada079 100644
--- a/src/tests/__snapshots__/FlagPeIcon.html
+++ b/src/tests/__snapshots__/FlagPeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aa159799="" class="kui-icon flag-pe-icon" data-testid="kui-icon-wrapper-flag-pe-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa159799="" data-testid="kui-icon-svg-flag-pe-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5047)">
+<span class="kui-icon flag-pe-icon" data-testid="kui-icon-wrapper-flag-pe-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pe-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5047)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.9999 12C23.9999 6.84046 20.7434 2.4419 16.1738 0.746429V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746429C3.2565 2.4419 0 6.84046 0 12Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagPfIcon.html b/src/tests/__snapshots__/FlagPfIcon.html
index 755f42c4..5d8353fa 100644
--- a/src/tests/__snapshots__/FlagPfIcon.html
+++ b/src/tests/__snapshots__/FlagPfIcon.html
@@ -1,4 +1,4 @@
-<span data-v-64a2f1a0="" class="kui-icon flag-pf-icon" data-testid="kui-icon-wrapper-flag-pf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-64a2f1a0="" data-testid="kui-icon-svg-flag-pf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2334)">
+<span class="kui-icon flag-pf-icon" data-testid="kui-icon-wrapper-flag-pf-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pf-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2334)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M1.45908 6.26086H22.5409C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086V6.26086Z" fill="#D80027"></path>
 <path d="M12 24.0001C16.5485 24.0001 20.5057 21.4694 22.5409 17.7393H1.45908C3.49434 21.4694 7.45148 24.0001 12 24.0001Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagPgIcon.html b/src/tests/__snapshots__/FlagPgIcon.html
index 4643ab4b..68b7be80 100644
--- a/src/tests/__snapshots__/FlagPgIcon.html
+++ b/src/tests/__snapshots__/FlagPgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e1fafb0e="" class="kui-icon flag-pg-icon" data-testid="kui-icon-wrapper-flag-pg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e1fafb0e="" data-testid="kui-icon-svg-flag-pg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5031)">
+<span class="kui-icon flag-pg-icon" data-testid="kui-icon-wrapper-flag-pg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5031)">
 <path d="M20.4853 20.4853C15.799 25.1715 8.20108 25.1715 3.5147 20.4853C-1.17158 15.799 -1.17158 8.20097 3.51475 3.51464C8.20103 -1.17164 15.0611 -0.433783 19.7474 4.25254C24.4337 8.93883 25.1716 15.799 20.4853 20.4853Z" fill="black"></path>
 <path d="M3.51465 3.5147C8.20093 -1.17158 15.7989 -1.17149 20.4852 3.51475C25.1715 8.20103 25.1715 15.799 20.4852 20.4853" fill="#A2001D"></path>
 <path d="M9.17055 16.1739L9.3648 16.7718H9.99344L9.48484 17.1413L9.67914 17.7392L9.17055 17.3697L8.66195 17.7392L8.8562 17.1413L8.34766 16.7718H8.97625L9.17055 16.1739Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagPhIcon.html b/src/tests/__snapshots__/FlagPhIcon.html
index fca4529b..731079be 100644
--- a/src/tests/__snapshots__/FlagPhIcon.html
+++ b/src/tests/__snapshots__/FlagPhIcon.html
@@ -1,4 +1,4 @@
-<span data-v-417603fc="" class="kui-icon flag-ph-icon" data-testid="kui-icon-wrapper-flag-ph-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-417603fc="" data-testid="kui-icon-svg-flag-ph-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5052)">
+<span class="kui-icon flag-ph-icon" data-testid="kui-icon-wrapper-flag-ph-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ph-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5052)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0V12L3.51465 20.4853C5.68623 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12C24 5.37262 12 0 12 0Z" fill="#D80027"></path>
 <path d="M12 0C8.68623 0 5.68623 1.34316 3.51465 3.51469C6.45887 6.45891 7.50404 7.50412 12 12H24C24 5.37262 18.6273 0 12 0Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagPkIcon.html b/src/tests/__snapshots__/FlagPkIcon.html
index a12c89d9..e4f495c8 100644
--- a/src/tests/__snapshots__/FlagPkIcon.html
+++ b/src/tests/__snapshots__/FlagPkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7bfb1993="" class="kui-icon flag-pk-icon" data-testid="kui-icon-wrapper-flag-pk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7bfb1993="" data-testid="kui-icon-svg-flag-pk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5009)">
+<span class="kui-icon flag-pk-icon" data-testid="kui-icon-wrapper-flag-pk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5009)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 16.5485 2.53073 20.5057 6.26086 22.5409V1.45908C2.53073 3.49434 0 7.45148 0 12Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C9.92098 0 7.96563 0.528891 6.26074 1.45908V22.5409C7.96563 23.4711 9.92098 24 11.9999 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 0 11.9999 0Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagPlIcon.html b/src/tests/__snapshots__/FlagPlIcon.html
index 7392968d..3c2e89d6 100644
--- a/src/tests/__snapshots__/FlagPlIcon.html
+++ b/src/tests/__snapshots__/FlagPlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-91684a01="" class="kui-icon flag-pl-icon" data-testid="kui-icon-wrapper-flag-pl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91684a01="" data-testid="kui-icon-svg-flag-pl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5074)">
+<span class="kui-icon flag-pl-icon" data-testid="kui-icon-wrapper-flag-pl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5074)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#D80027"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagPnIcon.html b/src/tests/__snapshots__/FlagPnIcon.html
index f57bbf01..439dae72 100644
--- a/src/tests/__snapshots__/FlagPnIcon.html
+++ b/src/tests/__snapshots__/FlagPnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bdf73d4d="" class="kui-icon flag-pn-icon" data-testid="kui-icon-wrapper-flag-pn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdf73d4d="" data-testid="kui-icon-svg-flag-pn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5061)">
+<span class="kui-icon flag-pn-icon" data-testid="kui-icon-wrapper-flag-pn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5061)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagPrIcon.html b/src/tests/__snapshots__/FlagPrIcon.html
index d77e0d5b..3ee84816 100644
--- a/src/tests/__snapshots__/FlagPrIcon.html
+++ b/src/tests/__snapshots__/FlagPrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-db492b44="" class="kui-icon flag-pr-icon" data-testid="kui-icon-wrapper-flag-pr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db492b44="" data-testid="kui-icon-svg-flag-pr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5083)">
+<span class="kui-icon flag-pr-icon" data-testid="kui-icon-wrapper-flag-pr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5083)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C8.07405 0 4.58866 1.88545 2.39941 4.8H21.6004C19.4112 1.88545 15.9258 0 11.9999 0Z" fill="#D80027"></path>
 <path d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagPtIcon.html b/src/tests/__snapshots__/FlagPtIcon.html
index 7ddd5a49..40cc20d4 100644
--- a/src/tests/__snapshots__/FlagPtIcon.html
+++ b/src/tests/__snapshots__/FlagPtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-195a32f1="" class="kui-icon flag-pt-icon" data-testid="kui-icon-wrapper-flag-pt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-195a32f1="" data-testid="kui-icon-svg-flag-pt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5077)">
+<span class="kui-icon flag-pt-icon" data-testid="kui-icon-wrapper-flag-pt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5077)">
 <path d="M0 12C0 17.1595 3.2565 21.5581 7.82602 23.2536L8.86955 12L7.82602 0.746399C3.2565 2.44196 0 6.84043 0 12Z" fill="#6DA544"></path>
 <path d="M24.0002 12C24.0002 5.37262 18.6275 0 12.0002 0C10.5323 0 9.1262 0.264047 7.82617 0.746391V23.2536C9.1262 23.736 10.5323 24 12.0002 24C18.6275 24 24.0002 18.6274 24.0002 12Z" fill="#D80027"></path>
 <path d="M7.82623 16.1739C10.1314 16.1739 12.0001 14.3052 12.0001 12C12.0001 9.69483 10.1314 7.82611 7.82623 7.82611C5.52106 7.82611 3.65234 9.69483 3.65234 12C3.65234 14.3052 5.52106 16.1739 7.82623 16.1739Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagPwIcon.html b/src/tests/__snapshots__/FlagPwIcon.html
index ffeae117..a52aa1a4 100644
--- a/src/tests/__snapshots__/FlagPwIcon.html
+++ b/src/tests/__snapshots__/FlagPwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-237319bc="" class="kui-icon flag-pw-icon" data-testid="kui-icon-wrapper-flag-pw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-237319bc="" data-testid="kui-icon-svg-flag-pw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5017)">
+<span class="kui-icon flag-pw-icon" data-testid="kui-icon-wrapper-flag-pw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-pw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5017)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M9.3912 17.2174C12.2727 17.2174 14.6086 14.8815 14.6086 12C14.6086 9.11852 12.2727 6.78262 9.3912 6.78262C6.50973 6.78262 4.17383 9.11852 4.17383 12C4.17383 14.8815 6.50973 17.2174 9.3912 17.2174Z" fill="#FFDA44"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagPyIcon.html b/src/tests/__snapshots__/FlagPyIcon.html
index 48ee8af0..ddad2614 100644
--- a/src/tests/__snapshots__/FlagPyIcon.html
+++ b/src/tests/__snapshots__/FlagPyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6259e568="" class="kui-icon flag-py-icon" data-testid="kui-icon-wrapper-flag-py-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6259e568="" data-testid="kui-icon-svg-flag-py-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5041)">
+<span class="kui-icon flag-py-icon" data-testid="kui-icon-wrapper-flag-py-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-py-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5041)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="#D80027"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2174H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagQaIcon.html b/src/tests/__snapshots__/FlagQaIcon.html
index 5e88c952..76e19037 100644
--- a/src/tests/__snapshots__/FlagQaIcon.html
+++ b/src/tests/__snapshots__/FlagQaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a02851ca="" class="kui-icon flag-qa-icon" data-testid="kui-icon-wrapper-flag-qa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a02851ca="" data-testid="kui-icon-svg-flag-qa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5091)">
+<span class="kui-icon flag-qa-icon" data-testid="kui-icon-wrapper-flag-qa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-qa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5091)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M24.0001 12C24.0001 5.37262 18.6275 0 12.0001 0C9.65264 0 7.46293 0.674766 5.61333 1.83989L8.24363 2.95744L4.6958 4.46484L8.24363 5.9722L4.6958 7.47952L8.24363 8.98678L4.6958 10.4939L8.24363 12.0008L4.6958 13.5082L8.24363 15.0154L4.6958 16.5225L8.24363 18.0297L4.6958 19.537L8.24363 21.0441L5.6145 22.161C7.46386 23.3256 9.65311 24 12.0001 24C18.6275 24 24.0001 18.6274 24.0001 12Z" fill="#751A46"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagRoIcon.html b/src/tests/__snapshots__/FlagRoIcon.html
index a9ad748d..6ce48ca9 100644
--- a/src/tests/__snapshots__/FlagRoIcon.html
+++ b/src/tests/__snapshots__/FlagRoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-49183aa8="" class="kui-icon flag-ro-icon" data-testid="kui-icon-wrapper-flag-ro-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-49183aa8="" data-testid="kui-icon-svg-flag-ro-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5114)">
+<span class="kui-icon flag-ro-icon" data-testid="kui-icon-wrapper-flag-ro-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ro-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5114)">
 <path d="M16.174 0.746344C14.8739 0.264047 13.4679 6.23894e-09 12.0001 6.23894e-09C10.5322 -4.68688e-05 9.12618 0.264047 7.8262 0.746344L6.78271 12L7.8262 23.2536C9.12614 23.736 10.5322 24 12.0001 24C13.4679 24 14.874 23.736 16.174 23.2536L17.2174 12L16.174 0.746344Z" fill="#FFDA44"></path>
 <path d="M23.9999 12C23.9999 6.84048 20.7434 2.44187 16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12Z" fill="#D80027"></path>
 <path d="M0 11.9999C0 17.1596 3.2565 21.558 7.82602 23.2536L7.82606 0.746429C3.2565 2.4419 0 6.84037 0 11.9999H0Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagRsIcon.html b/src/tests/__snapshots__/FlagRsIcon.html
index fb2dfa4a..747293d3 100644
--- a/src/tests/__snapshots__/FlagRsIcon.html
+++ b/src/tests/__snapshots__/FlagRsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d9125f40="" class="kui-icon flag-rs-icon" data-testid="kui-icon-wrapper-flag-rs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d9125f40="" data-testid="kui-icon-svg-flag-rs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5206)">
+<span class="kui-icon flag-rs-icon" data-testid="kui-icon-wrapper-flag-rs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-rs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5206)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C5.37262 0 0 5.37262 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739H23.2537C23.736 14.874 24 13.4678 24 12C24 5.37262 18.6274 0 12 0Z" fill="#0052B4"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagRuIcon.html b/src/tests/__snapshots__/FlagRuIcon.html
index ea4f66ba..a4c35d81 100644
--- a/src/tests/__snapshots__/FlagRuIcon.html
+++ b/src/tests/__snapshots__/FlagRuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-d21fc496="" class="kui-icon flag-ru-icon" data-testid="kui-icon-wrapper-flag-ru-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d21fc496="" data-testid="kui-icon-svg-flag-ru-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5118)">
+<span class="kui-icon flag-ru-icon" data-testid="kui-icon-wrapper-flag-ru-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ru-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5118)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611H0.746391C0.264047 9.1261 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#0052B4"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagRwIcon.html b/src/tests/__snapshots__/FlagRwIcon.html
index 8e41455e..f0e67b13 100644
--- a/src/tests/__snapshots__/FlagRwIcon.html
+++ b/src/tests/__snapshots__/FlagRwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e4ca4a4c="" class="kui-icon flag-rw-icon" data-testid="kui-icon-wrapper-flag-rw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e4ca4a4c="" data-testid="kui-icon-svg-flag-rw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5122)">
+<span class="kui-icon flag-rw-icon" data-testid="kui-icon-wrapper-flag-rw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-rw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5122)">
 <path d="M0 12C0 14.0789 0.528891 16.0342 1.45908 17.7391L12 18.7826L22.5409 17.7391C23.4711 16.0342 24 14.0789 24 12L12 10.9565L0 12Z" fill="#FFDA44"></path>
 <path d="M22.5409 6.26086C20.5057 2.53073 16.5485 0 12 0C7.45148 0 3.49434 2.53073 1.45908 6.26086C0.528891 7.96575 0 9.92109 0 12H24C24 9.92109 23.4711 7.96575 22.5409 6.26086Z" fill="#338AF3"></path>
 <path d="M11.9999 24C16.5484 24 20.5056 21.4693 22.5408 17.7391H1.45898C3.49425 21.4693 7.45139 24 11.9999 24Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagSaIcon.html b/src/tests/__snapshots__/FlagSaIcon.html
index b28e10e5..30bae93f 100644
--- a/src/tests/__snapshots__/FlagSaIcon.html
+++ b/src/tests/__snapshots__/FlagSaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2cc48e45="" class="kui-icon flag-sa-icon" data-testid="kui-icon-wrapper-flag-sa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2cc48e45="" data-testid="kui-icon-svg-flag-sa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5184)">
+<span class="kui-icon flag-sa-icon" data-testid="kui-icon-wrapper-flag-sa-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sa-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5184)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#6DA544"></path>
 <path d="M6.78271 14.3478C6.78271 15.2123 7.4835 15.913 8.34792 15.913H13.0436C13.0436 16.6334 13.6275 17.2174 14.3479 17.2174H15.9131C16.6335 17.2174 17.2175 16.6334 17.2175 15.913V14.3478H6.78271Z" fill="#F0F0F0"></path>
 <path d="M17.3477 6.78265V10.4348C17.3477 11.0102 16.8796 11.4783 16.3042 11.4783V13.0435C17.7427 13.0435 18.9129 11.8732 18.9129 10.4348V6.78265H17.3477Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagSbIcon.html b/src/tests/__snapshots__/FlagSbIcon.html
index 7feb46d7..98e6a36d 100644
--- a/src/tests/__snapshots__/FlagSbIcon.html
+++ b/src/tests/__snapshots__/FlagSbIcon.html
@@ -1,4 +1,4 @@
-<span data-v-80ee5364="" class="kui-icon flag-sb-icon" data-testid="kui-icon-wrapper-flag-sb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-80ee5364="" data-testid="kui-icon-svg-flag-sb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5274)">
+<span class="kui-icon flag-sb-icon" data-testid="kui-icon-wrapper-flag-sb-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sb-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5274)">
 <path d="M20.4854 20.4856C24.9859 15.9851 25.1636 8.79988 21.0203 4.08618L11.9997 11.9999L4.08594 21.0206C8.79963 25.1638 15.9848 24.9861 20.4854 20.4856Z" fill="#496E2D"></path>
 <path d="M3.51438 3.5144C8.01488 -0.986107 15.2001 -1.16381 19.9138 2.97942L12 12.0001L2.97944 19.9138C-1.16383 15.2001 -0.986083 8.01491 3.51438 3.5144Z" fill="#0052B4"></path>
 <path d="M19.9139 2.97937L2.97949 19.9138C3.15068 20.1085 3.32843 20.2996 3.51448 20.4856C3.70048 20.6716 3.89158 20.8493 4.0864 21.0206L21.0207 4.08618C20.8495 3.89137 20.6717 3.70031 20.4856 3.51426C20.2997 3.32835 20.1086 3.15056 19.9139 2.97937Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagScIcon.html b/src/tests/__snapshots__/FlagScIcon.html
index 833f2061..4e07d353 100644
--- a/src/tests/__snapshots__/FlagScIcon.html
+++ b/src/tests/__snapshots__/FlagScIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ebf4f817="" class="kui-icon flag-sc-icon" data-testid="kui-icon-wrapper-flag-sc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ebf4f817="" data-testid="kui-icon-svg-flag-sc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5216)">
+<span class="kui-icon flag-sc-icon" data-testid="kui-icon-wrapper-flag-sc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5216)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M20.1006 3.14705C17.9659 1.19273 15.1224 0 12.0001 0C11.489 0 10.9854 0.0322031 10.491 0.0942187L4.69581 6.78263L0.379883 15.0061C0.658695 16.0871 1.08498 17.1087 1.63496 18.0491L12.0001 12L20.1006 3.14705Z" fill="#FFDA44"></path>
 <path d="M21.9903 18.6487L5.20117 21.8887C7.13378 23.22 9.47556 24 11.9998 24C16.168 24 19.8392 21.8746 21.9903 18.6487Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagSdIcon.html b/src/tests/__snapshots__/FlagSdIcon.html
index dd2b37b0..d4f29ed2 100644
--- a/src/tests/__snapshots__/FlagSdIcon.html
+++ b/src/tests/__snapshots__/FlagSdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-72155741="" class="kui-icon flag-sd-icon" data-testid="kui-icon-wrapper-flag-sd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72155741="" data-testid="kui-icon-svg-flag-sd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5368)">
+<span class="kui-icon flag-sd-icon" data-testid="kui-icon-wrapper-flag-sd-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sd-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5368)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1301 0 12C0 13.8699 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8699 24 12C24 10.1301 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
 <path d="M1.19092 17.2173C3.13182 21.2313 7.24225 24 11.9998 24C16.7573 24 20.8677 21.2313 22.8086 17.2173H1.19092Z" fill="black"></path>
 <path d="M1.19092 6.78263H22.8086C20.8677 2.76867 16.7573 0 11.9998 0C7.24225 0 3.13182 2.76867 1.19092 6.78263Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagSeIcon.html b/src/tests/__snapshots__/FlagSeIcon.html
index ef098e22..ac1ae61e 100644
--- a/src/tests/__snapshots__/FlagSeIcon.html
+++ b/src/tests/__snapshots__/FlagSeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-fcc8f2f5="" class="kui-icon flag-se-icon" data-testid="kui-icon-wrapper-flag-se-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fcc8f2f5="" data-testid="kui-icon-svg-flag-se-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6259)">
+<span class="kui-icon flag-se-icon" data-testid="kui-icon-wrapper-flag-se-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-se-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6259)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M9.3914 10.4348H23.8985C23.1315 4.54697 18.0969 0 12 0C11.1041 0 10.2313 0.0990469 9.39136 0.285234V10.4348H9.3914Z" fill="#0052B4"></path>
 <path d="M6.26084 10.4348V1.45911C2.96581 3.25695 0.607016 6.55465 0.101562 10.4348H6.26084V10.4348Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagSgIcon.html b/src/tests/__snapshots__/FlagSgIcon.html
index d5f53bd7..1c9e0604 100644
--- a/src/tests/__snapshots__/FlagSgIcon.html
+++ b/src/tests/__snapshots__/FlagSgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eacdf0c3="" class="kui-icon flag-sg-icon" data-testid="kui-icon-wrapper-flag-sg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eacdf0c3="" data-testid="kui-icon-svg-flag-sg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_1421)">
+<span class="kui-icon flag-sg-icon" data-testid="kui-icon-wrapper-flag-sg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_1421)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12" fill="#D80027"></path>
 <path d="M7.30426 6.26052C7.30426 4.51218 8.533 3.05165 10.1738 2.69329C9.92162 2.63826 9.66001 2.6084 9.39119 2.6084C7.37411 2.6084 5.73901 4.24349 5.73901 6.26057C5.73901 8.27765 7.37411 9.91274 9.39119 9.91274C9.65992 9.91274 9.92158 9.88288 10.1738 9.82781C8.533 9.46945 7.30426 8.00891 7.30426 6.26052Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagSiIcon.html b/src/tests/__snapshots__/FlagSiIcon.html
index bb6f63de..a64f4e77 100644
--- a/src/tests/__snapshots__/FlagSiIcon.html
+++ b/src/tests/__snapshots__/FlagSiIcon.html
@@ -1,4 +1,4 @@
-<span data-v-080cdb77="" class="kui-icon flag-si-icon" data-testid="kui-icon-wrapper-flag-si-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-080cdb77="" data-testid="kui-icon-svg-flag-si-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5269)">
+<span class="kui-icon flag-si-icon" data-testid="kui-icon-wrapper-flag-si-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-si-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5269)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82613H10.4348V4.69568H4.17389V7.82613H0.746391C0.264047 9.12607 0 10.5322 0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12607 23.2536 7.82613Z" fill="#0052B4"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagSkIcon.html b/src/tests/__snapshots__/FlagSkIcon.html
index 8df232cf..42a73da2 100644
--- a/src/tests/__snapshots__/FlagSkIcon.html
+++ b/src/tests/__snapshots__/FlagSkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e7c3e31b="" class="kui-icon flag-sk-icon" data-testid="kui-icon-wrapper-flag-sk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7c3e31b="" data-testid="kui-icon-svg-flag-sk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5261)">
+<span class="kui-icon flag-sk-icon" data-testid="kui-icon-wrapper-flag-sk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5261)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 10.5322 23.736 9.12605 23.2536 7.82611H0.746391C0.264047 9.12605 0 10.5322 0 12C0 18.6274 5.37262 24 12 24Z" fill="#0052B4"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagSlIcon.html b/src/tests/__snapshots__/FlagSlIcon.html
index 9e9c7277..45afbb60 100644
--- a/src/tests/__snapshots__/FlagSlIcon.html
+++ b/src/tests/__snapshots__/FlagSlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-bca65d97="" class="kui-icon flag-sl-icon" data-testid="kui-icon-wrapper-flag-sl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bca65d97="" data-testid="kui-icon-svg-flag-sl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5222)">
+<span class="kui-icon flag-sl-icon" data-testid="kui-icon-wrapper-flag-sl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5222)">
 <path d="M23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264 9.12612 0 10.5322 0 12C0 13.4679 0.264 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#F0F0F0"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.44214 20.7435 6.84061 24 12.0002 24Z" fill="#338AF3"></path>
 <path d="M12.0002 0C6.84061 0 2.44214 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagSmIcon.html b/src/tests/__snapshots__/FlagSmIcon.html
index 8740f520..bcbb2fba 100644
--- a/src/tests/__snapshots__/FlagSmIcon.html
+++ b/src/tests/__snapshots__/FlagSmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-58529e31="" class="kui-icon flag-sm-icon" data-testid="kui-icon-wrapper-flag-sm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-58529e31="" data-testid="kui-icon-svg-flag-sm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5153)">
+<span class="kui-icon flag-sm-icon" data-testid="kui-icon-wrapper-flag-sm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5153)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0.521719 12 12 10.4348 12 10.4348L24 12Z" fill="#338AF3"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#F0F0F0"></path>
 <path d="M16.7631 8.28018L11.9998 13.0435L7.23659 8.28018C6.6206 9.19457 6.26074 10.2952 6.26074 11.4782V13.0434C6.26074 15.5567 7.88473 17.6976 10.1383 18.4725C9.83754 19.062 9.88826 19.7977 10.329 20.3478C10.9144 19.8786 11.5204 19.3929 12.0346 18.981C12.5487 19.393 13.1548 19.8787 13.7401 20.3478C14.186 19.7913 14.2331 19.0446 13.9204 18.4516C16.1433 17.6599 17.7389 15.5347 17.7389 13.0434V11.4783C17.739 10.2952 17.3791 9.19462 16.7631 8.28018Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagSnIcon.html b/src/tests/__snapshots__/FlagSnIcon.html
index 48899cd6..793b2d76 100644
--- a/src/tests/__snapshots__/FlagSnIcon.html
+++ b/src/tests/__snapshots__/FlagSnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18bdefff="" class="kui-icon flag-sn-icon" data-testid="kui-icon-wrapper-flag-sn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18bdefff="" data-testid="kui-icon-svg-flag-sn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5200)">
+<span class="kui-icon flag-sn-icon" data-testid="kui-icon-wrapper-flag-sn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5200)">
 <path d="M17.2175 1.19072C15.6399 0.427875 13.87 0 12.0001 0C10.1303 0 8.36037 0.427875 6.78274 1.19072L5.73926 12L6.78274 22.8093C8.36037 23.5721 10.1303 24 12.0001 24C13.87 24 15.6399 23.5721 17.2175 22.8093L18.261 12L17.2175 1.19072Z" fill="#FFDA44"></path>
 <path d="M12 7.82611L13.0359 11.0145H16.3888L13.6764 12.9853L14.7124 16.1739L12 14.2033L9.28753 16.1739L10.3237 12.9853L7.61133 11.0145H10.964L12 7.82611Z" fill="#496E2D"></path>
 <path d="M6.78263 1.19116C2.76872 3.13212 0 7.24254 0 12C0 16.7575 2.76872 20.8679 6.78263 22.8089V1.19116Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagSoIcon.html b/src/tests/__snapshots__/FlagSoIcon.html
index c19bcc30..cc356346 100644
--- a/src/tests/__snapshots__/FlagSoIcon.html
+++ b/src/tests/__snapshots__/FlagSoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-af3cbe23="" class="kui-icon flag-so-icon" data-testid="kui-icon-wrapper-flag-so-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-af3cbe23="" data-testid="kui-icon-svg-flag-so-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5284)">
+<span class="kui-icon flag-so-icon" data-testid="kui-icon-wrapper-flag-so-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-so-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5284)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M12.0001 6.26086L13.2951 10.2466H17.486L14.0955 12.7099L15.3906 16.6957L12.0001 14.2323L8.60961 16.6957L9.90468 12.7099L6.51416 10.2466H10.705L12.0001 6.26086Z" fill="#F0F0F0"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagSrIcon.html b/src/tests/__snapshots__/FlagSrIcon.html
index 59fe9782..92637bca 100644
--- a/src/tests/__snapshots__/FlagSrIcon.html
+++ b/src/tests/__snapshots__/FlagSrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-b6f82c4a="" class="kui-icon flag-sr-icon" data-testid="kui-icon-wrapper-flag-sr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b6f82c4a="" data-testid="kui-icon-svg-flag-sr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5373)">
+<span class="kui-icon flag-sr-icon" data-testid="kui-icon-wrapper-flag-sr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5373)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82611H0.746344C0.264047 9.12614 0 10.5322 0 12C0 13.4678 0.264047 14.874 0.746344 16.1739H23.2536C23.736 14.874 24 13.4678 24 12C24 10.5322 23.736 9.12614 23.2536 7.82611Z" fill="#A2001D"></path>
 <path d="M12.0345 24C16.1446 24 19.7716 21.9332 21.9343 18.7827H2.13477C4.29748 21.9332 7.92439 24 12.0345 24Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagSsIcon.html b/src/tests/__snapshots__/FlagSsIcon.html
index aabdb07e..ca8e44d9 100644
--- a/src/tests/__snapshots__/FlagSsIcon.html
+++ b/src/tests/__snapshots__/FlagSsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-21b9aeba="" class="kui-icon flag-ss-icon" data-testid="kui-icon-wrapper-flag-ss-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21b9aeba="" data-testid="kui-icon-svg-flag-ss-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5327)">
+<span class="kui-icon flag-ss-icon" data-testid="kui-icon-wrapper-flag-ss-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ss-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5327)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.0639 7.3478C21.2466 3.03103 16.9776 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L6.52029 7.3478H23.0639Z" fill="black"></path>
 <path d="M6.55437 16.6088L3.51514 20.4849C5.68657 22.6566 8.68625 24 12 24C16.9944 24 21.2756 20.9487 23.0824 16.6088H6.55437Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagStIcon.html b/src/tests/__snapshots__/FlagStIcon.html
index 2471cd37..ff2d70ad 100644
--- a/src/tests/__snapshots__/FlagStIcon.html
+++ b/src/tests/__snapshots__/FlagStIcon.html
@@ -1,4 +1,4 @@
-<span data-v-9cf6c133="" class="kui-icon flag-st-icon" data-testid="kui-icon-wrapper-flag-st-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9cf6c133="" data-testid="kui-icon-svg-flag-st-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5161)">
+<span class="kui-icon flag-st-icon" data-testid="kui-icon-wrapper-flag-st-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-st-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5161)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z" fill="#6DA544"></path>
 <path d="M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagSvIcon.html b/src/tests/__snapshots__/FlagSvIcon.html
index 2a1cc87b..739addbb 100644
--- a/src/tests/__snapshots__/FlagSvIcon.html
+++ b/src/tests/__snapshots__/FlagSvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a402ffc3="" class="kui-icon flag-sv-icon" data-testid="kui-icon-wrapper-flag-sv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a402ffc3="" data-testid="kui-icon-svg-flag-sv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2321)">
+<span class="kui-icon flag-sv-icon" data-testid="kui-icon-wrapper-flag-sv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2321)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z" fill="#0052B4"></path>
 <path d="M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagSxIcon.html b/src/tests/__snapshots__/FlagSxIcon.html
index cc062b9b..86f2fc92 100644
--- a/src/tests/__snapshots__/FlagSxIcon.html
+++ b/src/tests/__snapshots__/FlagSxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-93df8040="" class="kui-icon flag-sx-icon" data-testid="kui-icon-wrapper-flag-sx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93df8040="" data-testid="kui-icon-svg-flag-sx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5251)">
+<span class="kui-icon flag-sx-icon" data-testid="kui-icon-wrapper-flag-sx-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sx-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5251)">
 <path d="M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#D80027"></path>
 <path d="M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z" fill="#0052B4"></path>
 <path d="M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagSyIcon.html b/src/tests/__snapshots__/FlagSyIcon.html
index 4d118f6f..4fde77cf 100644
--- a/src/tests/__snapshots__/FlagSyIcon.html
+++ b/src/tests/__snapshots__/FlagSyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2efe3a0f="" class="kui-icon flag-sy-icon" data-testid="kui-icon-wrapper-flag-sy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2efe3a0f="" data-testid="kui-icon-svg-flag-sy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6261)">
+<span class="kui-icon flag-sy-icon" data-testid="kui-icon-wrapper-flag-sy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6261)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z" fill="#D80027"></path>
 <path d="M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagSzIcon.html b/src/tests/__snapshots__/FlagSzIcon.html
index 9fbcd48e..4c6f4d60 100644
--- a/src/tests/__snapshots__/FlagSzIcon.html
+++ b/src/tests/__snapshots__/FlagSzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4a09ea26="" class="kui-icon flag-sz-icon" data-testid="kui-icon-wrapper-flag-sz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4a09ea26="" data-testid="kui-icon-svg-flag-sz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5380)">
+<span class="kui-icon flag-sz-icon" data-testid="kui-icon-wrapper-flag-sz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-sz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5380)">
 <path d="M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z" fill="#FFDA44"></path>
 <path d="M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z" fill="black"></path>
 <path d="M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagTcIcon.html b/src/tests/__snapshots__/FlagTcIcon.html
index f437e6c6..66085f2c 100644
--- a/src/tests/__snapshots__/FlagTcIcon.html
+++ b/src/tests/__snapshots__/FlagTcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2e7ecd14="" class="kui-icon flag-tc-icon" data-testid="kui-icon-wrapper-flag-tc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2e7ecd14="" data-testid="kui-icon-svg-flag-tc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6275)">
+<span class="kui-icon flag-tc-icon" data-testid="kui-icon-wrapper-flag-tc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6275)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagTdIcon.html b/src/tests/__snapshots__/FlagTdIcon.html
index 7f615f7d..a78e9806 100644
--- a/src/tests/__snapshots__/FlagTdIcon.html
+++ b/src/tests/__snapshots__/FlagTdIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c996fc87="" class="kui-icon flag-td-icon" data-testid="kui-icon-wrapper-flag-td-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c996fc87="" data-testid="kui-icon-svg-flag-td-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2298)">
+<span class="kui-icon flag-td-icon" data-testid="kui-icon-wrapper-flag-td-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-td-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2298)">
 <path d="M12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0V0Z" fill="#FFDA44"></path>
 <path d="M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z" fill="#D80027"></path>
 <path d="M7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagTgIcon.html b/src/tests/__snapshots__/FlagTgIcon.html
index 77320ebe..21b732de 100644
--- a/src/tests/__snapshots__/FlagTgIcon.html
+++ b/src/tests/__snapshots__/FlagTgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-247a946a="" class="kui-icon flag-tg-icon" data-testid="kui-icon-wrapper-flag-tg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-247a946a="" data-testid="kui-icon-svg-flag-tg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6267)">
+<span class="kui-icon flag-tg-icon" data-testid="kui-icon-wrapper-flag-tg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6267)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12 0C11.9913 9.375e-05 11.4783 4.8 11.4783 4.8H21.6006C19.4113 1.88545 15.9259 0 12 0Z" fill="#496E2D"></path>
 <path d="M11.9999 24C15.9258 24 19.4112 22.1146 21.6004 19.2H2.39941C4.58866 22.1146 8.07405 24 11.9999 24Z" fill="#496E2D"></path>
diff --git a/src/tests/__snapshots__/FlagThIcon.html b/src/tests/__snapshots__/FlagThIcon.html
index 0671c1db..d7a1aedd 100644
--- a/src/tests/__snapshots__/FlagThIcon.html
+++ b/src/tests/__snapshots__/FlagThIcon.html
@@ -1,4 +1,4 @@
-<span data-v-ae5a2392="" class="kui-icon flag-th-icon" data-testid="kui-icon-wrapper-flag-th-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ae5a2392="" data-testid="kui-icon-svg-flag-th-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6265)">
+<span class="kui-icon flag-th-icon" data-testid="kui-icon-wrapper-flag-th-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-th-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6265)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M23.2536 7.82611H0.746391C0.264 9.1261 0 10.5322 0 12C0 13.4678 0.264 14.8739 0.746391 16.1739H23.2537C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.1261 23.2536 7.82611Z" fill="#0052B4"></path>
 <path d="M11.9999 0C8.36285 0 5.10396 1.61831 2.90332 4.17389H21.0965C18.8959 1.61831 15.637 0 11.9999 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagTjIcon.html b/src/tests/__snapshots__/FlagTjIcon.html
index 1e61dbaf..0e0d511b 100644
--- a/src/tests/__snapshots__/FlagTjIcon.html
+++ b/src/tests/__snapshots__/FlagTjIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2c4d6e38="" class="kui-icon flag-tj-icon" data-testid="kui-icon-wrapper-flag-tj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2c4d6e38="" data-testid="kui-icon-svg-flag-tj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6263)">
+<span class="kui-icon flag-tj-icon" data-testid="kui-icon-wrapper-flag-tj-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tj-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6263)">
 <path d="M1.19072 6.78262C0.427875 8.36025 0 10.1302 0 12C0 13.8698 0.427875 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174C23.5721 15.6397 24 13.8698 24 12C24 10.1302 23.5721 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262Z" fill="#F0F0F0"></path>
 <path d="M1.19116 17.2173C3.13212 21.2313 7.24254 24 12 24C16.7575 24 20.868 21.2313 22.8089 17.2173H1.19116Z" fill="#6DA544"></path>
 <path d="M1.19116 6.78263H22.8089C20.868 2.76872 16.7575 0 12 0C7.24254 0 3.13212 2.76872 1.19116 6.78263Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagTkIcon.html b/src/tests/__snapshots__/FlagTkIcon.html
index ac90b963..161394c8 100644
--- a/src/tests/__snapshots__/FlagTkIcon.html
+++ b/src/tests/__snapshots__/FlagTkIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1d661056="" class="kui-icon flag-tk-icon" data-testid="kui-icon-wrapper-flag-tk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1d661056="" data-testid="kui-icon-svg-flag-tk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6268)">
+<span class="kui-icon flag-tk-icon" data-testid="kui-icon-wrapper-flag-tk-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tk-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6268)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M19.3043 5.73914C19.1967 6.25641 19.1478 6.80733 19.1478 7.35652C19.1478 10.5222 21.035 13.2621 23.7394 14.4955C23.9097 13.6904 24 12.8558 24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 18.6274 5.37262 24 12 24C16.1101 24 19.7371 21.9332 21.8998 18.7826H6.78263V17.2174H22.8093C22.9733 16.8782 23.1215 16.53 23.2537 16.1739H6.78263L19.3043 5.73914Z" fill="#0052B4"></path>
 <path d="M8.81595 6.26086L9.07499 7.05802H9.91311L9.23506 7.55072L9.49409 8.34783L8.81595 7.85522L8.13791 8.34783L8.39689 7.55072L7.71875 7.05802H8.55692L8.81595 6.26086Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagTlIcon.html b/src/tests/__snapshots__/FlagTlIcon.html
index f733adf8..a03150ae 100644
--- a/src/tests/__snapshots__/FlagTlIcon.html
+++ b/src/tests/__snapshots__/FlagTlIcon.html
@@ -1,4 +1,4 @@
-<span data-v-2a898622="" class="kui-icon flag-tl-icon" data-testid="kui-icon-wrapper-flag-tl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2a898622="" data-testid="kui-icon-svg-flag-tl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2318)">
+<span class="kui-icon flag-tl-icon" data-testid="kui-icon-wrapper-flag-tl-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tl-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1_2318)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M12 0C9.06203 0 6.37113 1.05642 4.2851 2.80941L17.2174 12L4.2851 21.1906C6.37113 22.9436 9.06203 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path>
 <path d="M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z" fill="black"></path>
diff --git a/src/tests/__snapshots__/FlagTmIcon.html b/src/tests/__snapshots__/FlagTmIcon.html
index 2ceebaa9..dd041096 100644
--- a/src/tests/__snapshots__/FlagTmIcon.html
+++ b/src/tests/__snapshots__/FlagTmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-79a8b87e="" class="kui-icon flag-tm-icon" data-testid="kui-icon-wrapper-flag-tm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-79a8b87e="" data-testid="kui-icon-svg-flag-tm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6274)">
+<span class="kui-icon flag-tm-icon" data-testid="kui-icon-wrapper-flag-tm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6274)">
 <path d="M12 0C11.104 0 10.2313 0.0990469 9.39135 0.285234L8.86963 12L9.39135 23.7147C10.2313 23.9009 11.1041 24 12 24C18.6274 24 24 18.6274 24 12C23.9999 5.37258 18.6274 0 12 0V0Z" fill="#496E2D"></path>
 <path d="M3.13041 3.91742C1.18584 6.05004 0 8.88645 0 12C0 15.1135 1.18589 17.9499 3.13045 20.0826L3.65217 12L3.13041 3.91742Z" fill="#496E2D"></path>
 <path d="M17.5509 9.0515C18.1413 7.4059 17.478 5.61617 16.0546 4.72479C16.3106 4.75812 16.5669 4.8184 16.8199 4.9091C18.7185 5.59029 19.7054 7.68148 19.0242 9.58001C18.343 11.4787 16.2518 12.4655 14.3532 11.7843C14.1002 11.6936 13.864 11.5771 13.6453 11.4401C15.3107 11.6569 16.9605 10.6971 17.5509 9.0515Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagTnIcon.html b/src/tests/__snapshots__/FlagTnIcon.html
index 36e5f8ee..b7db3dc5 100644
--- a/src/tests/__snapshots__/FlagTnIcon.html
+++ b/src/tests/__snapshots__/FlagTnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-603c499d="" class="kui-icon flag-tn-icon" data-testid="kui-icon-wrapper-flag-tn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-603c499d="" data-testid="kui-icon-svg-flag-tn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6272)">
+<span class="kui-icon flag-tn-icon" data-testid="kui-icon-wrapper-flag-tn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6272)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M11.9999 17.7391C15.1695 17.7391 17.739 15.1696 17.739 12C17.739 8.83037 15.1695 6.26086 11.9999 6.26086C8.83024 6.26086 6.26074 8.83037 6.26074 12C6.26074 15.1696 8.83024 17.7391 11.9999 17.7391Z" fill="#F0F0F0"></path>
 <path d="M12.7072 9.8056L13.6918 11.1624L15.2863 10.6454L14.3002 12.001L15.2847 13.3577L13.6906 12.8387L12.7045 14.1944L12.7056 12.5181L11.1116 11.9991L12.7062 11.482L12.7072 9.8056Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagToIcon.html b/src/tests/__snapshots__/FlagToIcon.html
index cd960168..a8afa100 100644
--- a/src/tests/__snapshots__/FlagToIcon.html
+++ b/src/tests/__snapshots__/FlagToIcon.html
@@ -1,4 +1,4 @@
-<span data-v-e9f9c60c="" class="kui-icon flag-to-icon" data-testid="kui-icon-wrapper-flag-to-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e9f9c60c="" data-testid="kui-icon-svg-flag-to-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6269)">
+<span class="kui-icon flag-to-icon" data-testid="kui-icon-wrapper-flag-to-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-to-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6269)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M7.82601 6.26088V4.69568H6.26076V6.26088H4.69556V7.82613H6.26076V9.39134H7.82601V7.82613H9.39121V6.26088H7.82601Z" fill="#D80027"></path>
 <path d="M12 0V12C5.37262 12 2.73867 12 0 12C0 18.6274 5.37262 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagTrIcon.html b/src/tests/__snapshots__/FlagTrIcon.html
index 60c902e4..1a6e0cf0 100644
--- a/src/tests/__snapshots__/FlagTrIcon.html
+++ b/src/tests/__snapshots__/FlagTrIcon.html
@@ -1,4 +1,4 @@
-<span data-v-72a02180="" class="kui-icon flag-tr-icon" data-testid="kui-icon-wrapper-flag-tr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72a02180="" data-testid="kui-icon-svg-flag-tr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6273)">
+<span class="kui-icon flag-tr-icon" data-testid="kui-icon-wrapper-flag-tr-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tr-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6273)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M11.5085 9.8056L12.4931 11.1624L14.0876 10.6454L13.1015 12.001L14.0859 13.3577L12.492 12.8387L11.5058 14.1944L11.5069 12.5181L9.91284 11.9991L11.5074 11.482L11.5085 9.8056Z" fill="#F0F0F0"></path>
 <path d="M8.8215 15.3913C6.94856 15.3913 5.43018 13.8729 5.43018 12C5.43018 10.127 6.94856 8.60867 8.8215 8.60867C9.40547 8.60867 9.95493 8.75638 10.4347 9.0163C9.68207 8.28027 8.65284 7.82605 7.51715 7.82605C5.21193 7.82605 3.34326 9.69477 3.34326 11.9999C3.34326 14.3051 5.21198 16.1738 7.51715 16.1738C8.65293 16.1738 9.68212 15.7196 10.4347 14.9836C9.95493 15.2436 9.40547 15.3913 8.8215 15.3913Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagTtIcon.html b/src/tests/__snapshots__/FlagTtIcon.html
index 24d006e6..3a71dcb3 100644
--- a/src/tests/__snapshots__/FlagTtIcon.html
+++ b/src/tests/__snapshots__/FlagTtIcon.html
@@ -1,4 +1,4 @@
-<span data-v-6e7ef4fd="" class="kui-icon flag-tt-icon" data-testid="kui-icon-wrapper-flag-tt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6e7ef4fd="" data-testid="kui-icon-svg-flag-tt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6271)">
+<span class="kui-icon flag-tt-icon" data-testid="kui-icon-wrapper-flag-tt-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tt-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6271)">
 <path d="M6.49763 1.33246C5.42335 1.88694 4.41493 2.61374 3.51436 3.5143C2.61375 4.41491 1.88696 5.42333 1.33252 6.49761L9.04847 14.9515L17.5023 22.6674C18.5767 22.1129 19.5851 21.3861 20.4856 20.4856C21.3863 19.585 22.113 18.5766 22.6675 17.5023L14.9515 9.04841L6.49763 1.33246Z" fill="#F0F0F0"></path>
 <path d="M20.4856 20.4856C20.989 19.9822 21.438 19.4451 21.8332 18.8817L5.11828 2.16675C4.55489 2.56195 4.01775 3.01092 3.51436 3.51431C3.01097 4.0177 2.562 4.55484 2.16675 5.11828L18.8817 21.8332C19.445 21.4379 19.9822 20.989 20.4856 20.4856Z" fill="black"></path>
 <path d="M3.51431 20.4856C7.30026 24.2716 12.9861 24.9983 17.5023 22.6674L1.33251 6.49762C-0.998347 11.0138 -0.271457 16.6997 3.51431 20.4856Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagTvIcon.html b/src/tests/__snapshots__/FlagTvIcon.html
index 4a5e1329..d8c4b6aa 100644
--- a/src/tests/__snapshots__/FlagTvIcon.html
+++ b/src/tests/__snapshots__/FlagTvIcon.html
@@ -1,4 +1,4 @@
-<span data-v-935ff2e6="" class="kui-icon flag-tv-icon" data-testid="kui-icon-wrapper-flag-tv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-935ff2e6="" data-testid="kui-icon-svg-flag-tv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6276)">
+<span class="kui-icon flag-tv-icon" data-testid="kui-icon-wrapper-flag-tv-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tv-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6276)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37263 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"></path>
 <path d="M5.73926 12H9.78654L6.26098 7.82611L5.73926 9.39131V12Z" fill="#0052B4"></path>
 <path d="M12.0001 9.78646L7.82617 5.73914H12.0001L12.0001 9.78646Z" fill="#0052B4"></path>
diff --git a/src/tests/__snapshots__/FlagTwIcon.html b/src/tests/__snapshots__/FlagTwIcon.html
index 03156991..e3a4396c 100644
--- a/src/tests/__snapshots__/FlagTwIcon.html
+++ b/src/tests/__snapshots__/FlagTwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-658b79b0="" class="kui-icon flag-tw-icon" data-testid="kui-icon-wrapper-flag-tw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-658b79b0="" data-testid="kui-icon-svg-flag-tw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6262)">
+<span class="kui-icon flag-tw-icon" data-testid="kui-icon-wrapper-flag-tw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6262)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
 <path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
 <path d="M10.4348 7.02287L8.96921 7.7123L9.74958 9.13163L8.15822 8.82713L7.95652 10.4348L6.84811 9.25243L5.73961 10.4348L5.53801 8.82713L3.9466 9.13154L4.72697 7.71221L3.26147 7.02287L4.72702 6.33357L3.9466 4.91419L5.53796 5.21865L5.73966 3.61102L6.84811 4.7934L7.95657 3.61102L8.15822 5.21865L9.74963 4.91419L8.96921 6.33362L10.4348 7.02287Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagTzIcon.html b/src/tests/__snapshots__/FlagTzIcon.html
index 67dc8d4b..eea517ab 100644
--- a/src/tests/__snapshots__/FlagTzIcon.html
+++ b/src/tests/__snapshots__/FlagTzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4ac3e306="" class="kui-icon flag-tz-icon" data-testid="kui-icon-wrapper-flag-tz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4ac3e306="" data-testid="kui-icon-svg-flag-tz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6264)">
+<span class="kui-icon flag-tz-icon" data-testid="kui-icon-wrapper-flag-tz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-tz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6264)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M3.51471 20.4853C4.0181 20.9887 4.55519 21.4376 5.11858 21.8329L21.8328 5.11863C21.4376 4.55524 20.9887 4.01814 20.4853 3.51475C19.9818 3.01136 19.4448 2.56249 18.8814 2.16724L2.16724 18.8815C2.56239 19.4448 3.01136 19.9819 3.51471 20.4853Z" fill="black"></path>
 <path d="M3.51471 3.51472C-0.271007 7.30053 -0.997804 12.986 1.33296 17.5021L17.5021 1.33301C12.986 -0.997753 7.30048 -0.270909 3.51471 3.51472Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagUaIcon.html b/src/tests/__snapshots__/FlagUaIcon.html
index 0b1af3d4..ed10c73e 100644
--- a/src/tests/__snapshots__/FlagUaIcon.html
+++ b/src/tests/__snapshots__/FlagUaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f17bcf17="" class="kui-icon flag-ua-icon" data-testid="kui-icon-wrapper-flag-ua-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f17bcf17="" data-testid="kui-icon-svg-flag-ua-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6278)">
+<span class="kui-icon flag-ua-icon" data-testid="kui-icon-wrapper-flag-ua-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ua-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6278)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FFDA44"></path>
 <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#338AF3"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagUgIcon.html b/src/tests/__snapshots__/FlagUgIcon.html
index edb5c4a0..f1befb08 100644
--- a/src/tests/__snapshots__/FlagUgIcon.html
+++ b/src/tests/__snapshots__/FlagUgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f0452fcf="" class="kui-icon flag-ug-icon" data-testid="kui-icon-wrapper-flag-ug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0452fcf="" data-testid="kui-icon-svg-flag-ug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6277)">
+<span class="kui-icon flag-ug-icon" data-testid="kui-icon-wrapper-flag-ug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6277)">
 <path d="M20.9434 19.9999C22.8439 17.8769 24 15.0737 24 12C24 8.92629 22.8438 6.12303 20.9434 3.99996L12 3.13043L3.05662 3.99996C1.15617 6.12303 0 8.92629 0 12C0 15.0737 1.15613 17.8769 3.05658 19.9999L12 20.8695L20.9434 19.9999Z" fill="#FFDA44"></path>
 <path d="M3.05664 3.99998H20.9434C18.7462 1.54528 15.5538 0 12 0C8.44628 0 5.25386 1.54528 3.05664 3.99998Z" fill="black"></path>
 <path d="M0 12L12 13.0435L24 12C24 10.5973 23.7585 9.25113 23.3162 7.99994H0.683812C0.241453 9.25113 0 10.5973 0 12H0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagUnIcon.html b/src/tests/__snapshots__/FlagUnIcon.html
index dc05e161..6299f910 100644
--- a/src/tests/__snapshots__/FlagUnIcon.html
+++ b/src/tests/__snapshots__/FlagUnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-75c67850="" class="kui-icon flag-un-icon" data-testid="kui-icon-wrapper-flag-un-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75c67850="" data-testid="kui-icon-svg-flag-un-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6281)">
+<span class="kui-icon flag-un-icon" data-testid="kui-icon-wrapper-flag-un-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-un-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6281)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"></path>
 <path d="M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z" fill="#F0F0F0"></path>
 <path d="M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagUsIcon.html b/src/tests/__snapshots__/FlagUsIcon.html
index e5b7f266..e32fde19 100644
--- a/src/tests/__snapshots__/FlagUsIcon.html
+++ b/src/tests/__snapshots__/FlagUsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a376ae2f="" class="kui-icon flag-us-icon" data-testid="kui-icon-wrapper-flag-us-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a376ae2f="" data-testid="kui-icon-svg-flag-us-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5603)">
+<span class="kui-icon flag-us-icon" data-testid="kui-icon-wrapper-flag-us-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-us-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5603)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z" fill="#D80027"></path>
 <path d="M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagUyIcon.html b/src/tests/__snapshots__/FlagUyIcon.html
index ece1c401..27af09d5 100644
--- a/src/tests/__snapshots__/FlagUyIcon.html
+++ b/src/tests/__snapshots__/FlagUyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1099dde4="" class="kui-icon flag-uy-icon" data-testid="kui-icon-wrapper-flag-uy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1099dde4="" data-testid="kui-icon-svg-flag-uy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6283)">
+<span class="kui-icon flag-uy-icon" data-testid="kui-icon-wrapper-flag-uy-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-uy-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_247_6283)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z" fill="#338AF3"></path>
 <path d="M4.53009 21.3913H19.4698C20.5649 20.5191 21.5041 19.4596 22.2386 18.2609H1.76123C2.49581 19.4596 3.435 20.5191 4.53009 21.3913Z" fill="#338AF3"></path>
diff --git a/src/tests/__snapshots__/FlagUzIcon.html b/src/tests/__snapshots__/FlagUzIcon.html
index c8f8f058..15dc98fe 100644
--- a/src/tests/__snapshots__/FlagUzIcon.html
+++ b/src/tests/__snapshots__/FlagUzIcon.html
@@ -1,4 +1,4 @@
-<span data-v-38f29dc9="" class="kui-icon flag-uz-icon" data-testid="kui-icon-wrapper-flag-uz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-38f29dc9="" data-testid="kui-icon-svg-flag-uz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5621)">
+<span class="kui-icon flag-uz-icon" data-testid="kui-icon-wrapper-flag-uz-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-uz-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5621)">
 <path d="M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z" fill="#F0F0F0"></path>
 <path d="M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z" fill="#D80027"></path>
 <path d="M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagVaIcon.html b/src/tests/__snapshots__/FlagVaIcon.html
index 2ce1b69c..dbf3a1a7 100644
--- a/src/tests/__snapshots__/FlagVaIcon.html
+++ b/src/tests/__snapshots__/FlagVaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-5c617260="" class="kui-icon flag-va-icon" data-testid="kui-icon-wrapper-flag-va-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-5c617260="" data-testid="kui-icon-svg-flag-va-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5668)">
+<span class="kui-icon flag-va-icon" data-testid="kui-icon-wrapper-flag-va-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-va-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5668)">
 <path d="M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z" fill="#F0F0F0"></path>
 <path d="M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0" fill="#FFDA44"></path>
 <path d="M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z" fill="#ACABB1"></path>
diff --git a/src/tests/__snapshots__/FlagVcIcon.html b/src/tests/__snapshots__/FlagVcIcon.html
index 61603eb2..1c9003f2 100644
--- a/src/tests/__snapshots__/FlagVcIcon.html
+++ b/src/tests/__snapshots__/FlagVcIcon.html
@@ -1,4 +1,4 @@
-<span data-v-78d9ed18="" class="kui-icon flag-vc-icon" data-testid="kui-icon-wrapper-flag-vc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-78d9ed18="" data-testid="kui-icon-svg-flag-vc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5360)">
+<span class="kui-icon flag-vc-icon" data-testid="kui-icon-wrapper-flag-vc-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-vc-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5360)">
 <path d="M17.739 1.45908C16.0342 0.528891 14.0788 0 11.9999 0C9.921 0 7.96566 0.528891 6.26077 1.45908L5.21729 12L6.26077 22.5409C7.96566 23.4711 9.921 24 11.9999 24C14.0788 24 16.0342 23.4711 17.739 22.5409L18.7825 12L17.739 1.45908Z" fill="#FFDA44"></path>
 <path d="M6.26086 22.5408V1.45905C2.53073 3.49436 0 7.4515 0 12C0 16.5485 2.53073 20.5057 6.26086 22.5408Z" fill="#338AF3"></path>
 <path d="M24.0001 12C24.0001 7.4515 21.4694 3.49436 17.7393 1.45905V22.5408C21.4694 20.5057 24.0001 16.5485 24.0001 12Z" fill="#6DA544"></path>
diff --git a/src/tests/__snapshots__/FlagVeIcon.html b/src/tests/__snapshots__/FlagVeIcon.html
index 9c8547e6..015c7102 100644
--- a/src/tests/__snapshots__/FlagVeIcon.html
+++ b/src/tests/__snapshots__/FlagVeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c436201e="" class="kui-icon flag-ve-icon" data-testid="kui-icon-wrapper-flag-ve-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c436201e="" data-testid="kui-icon-svg-flag-ve-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5673)">
+<span class="kui-icon flag-ve-icon" data-testid="kui-icon-wrapper-flag-ve-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ve-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5673)">
 <path d="M22.8093 17.2174C23.5722 15.6397 24 13.8699 24 12C24 10.1301 23.5722 8.36025 22.8093 6.78262L12 5.73914L1.19072 6.78262C0.427828 8.36025 0 10.1301 0 12C0 13.8699 0.427828 15.6397 1.19072 17.2174L12 18.2609L22.8093 17.2174Z" fill="#0052B4"></path>
 <path d="M12.0002 24C16.7577 24 20.8685 21.2313 22.8095 17.2173H1.19092C3.13192 21.2313 7.24267 24 12.0002 24Z" fill="#D80027"></path>
 <path d="M20.7829 14.3556L20.1491 14.8509L20.4241 15.6065L19.7572 15.1569L19.1234 15.6521L19.345 14.8789L18.6782 14.429L19.4821 14.401L19.7039 13.6278L19.9791 14.3836L20.7829 14.3556Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagVgIcon.html b/src/tests/__snapshots__/FlagVgIcon.html
index aee806ea..ca69cec2 100644
--- a/src/tests/__snapshots__/FlagVgIcon.html
+++ b/src/tests/__snapshots__/FlagVgIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aa5c9ea6="" class="kui-icon flag-vg-icon" data-testid="kui-icon-wrapper-flag-vg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa5c9ea6="" data-testid="kui-icon-svg-flag-vg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3913)">
+<span class="kui-icon flag-vg-icon" data-testid="kui-icon-wrapper-flag-vg-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-vg-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_3913)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#0052B4"></path>
 <path d="M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z" fill="#F0F0F0"></path>
 <path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagViIcon.html b/src/tests/__snapshots__/FlagViIcon.html
index 9e8d09ba..aeb6c02b 100644
--- a/src/tests/__snapshots__/FlagViIcon.html
+++ b/src/tests/__snapshots__/FlagViIcon.html
@@ -1,4 +1,4 @@
-<span data-v-971b45bd="" class="kui-icon flag-vi-icon" data-testid="kui-icon-wrapper-flag-vi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-971b45bd="" data-testid="kui-icon-svg-flag-vi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5689)">
+<span class="kui-icon flag-vi-icon" data-testid="kui-icon-wrapper-flag-vi-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-vi-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5689)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FCFCFC"></path>
 <path d="M14.0383 8.38343C14.0383 7.25787 13.1258 6.3454 12.0002 6.3454C10.8746 6.3454 9.96216 7.25787 9.96216 8.38343H5.47852C5.47852 9.4916 6.44386 10.3901 7.55203 10.3901H7.48528C7.48528 11.4983 8.38359 12.3968 9.49195 12.3968C9.49195 13.3781 10.1967 14.1934 11.1274 14.3677L11.1222 14.3794H12.8783L12.8731 14.3677C13.8039 14.1933 14.5086 13.378 14.5086 12.3968C15.6169 12.3968 16.5152 11.4983 16.5152 10.3901H16.4484C17.5566 10.3901 18.522 9.4916 18.522 8.38343H14.0383Z" fill="#FFDA44"></path>
 <path d="M11.1045 14.1714L9.84082 17.0244C10.5076 17.2954 11.2363 17.4461 12.0004 17.4461C12.7646 17.4461 13.4933 17.2955 14.16 17.0244L12.8964 14.1714H11.1045Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagVnIcon.html b/src/tests/__snapshots__/FlagVnIcon.html
index ca6845e3..a46012cc 100644
--- a/src/tests/__snapshots__/FlagVnIcon.html
+++ b/src/tests/__snapshots__/FlagVnIcon.html
@@ -1,4 +1,4 @@
-<span data-v-73f02b60="" class="kui-icon flag-vn-icon" data-testid="kui-icon-wrapper-flag-vn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-73f02b60="" data-testid="kui-icon-svg-flag-vn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5686)">
+<span class="kui-icon flag-vn-icon" data-testid="kui-icon-wrapper-flag-vn-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-vn-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5686)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#D80027"></path>
 <path d="M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z" fill="#FFDA44"></path>
 </g>
diff --git a/src/tests/__snapshots__/FlagVuIcon.html b/src/tests/__snapshots__/FlagVuIcon.html
index 198fa2a0..16a0e174 100644
--- a/src/tests/__snapshots__/FlagVuIcon.html
+++ b/src/tests/__snapshots__/FlagVuIcon.html
@@ -1,4 +1,4 @@
-<span data-v-32a00c4f="" class="kui-icon flag-vu-icon" data-testid="kui-icon-wrapper-flag-vu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-32a00c4f="" data-testid="kui-icon-svg-flag-vu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5642)">
+<span class="kui-icon flag-vu-icon" data-testid="kui-icon-wrapper-flag-vu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-vu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5642)">
 <path d="M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z" fill="black"></path>
 <path d="M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z" fill="#F0F0F0"></path>
 <path d="M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagWsIcon.html b/src/tests/__snapshots__/FlagWsIcon.html
index 54c73c1a..5e08dcb4 100644
--- a/src/tests/__snapshots__/FlagWsIcon.html
+++ b/src/tests/__snapshots__/FlagWsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a4282265="" class="kui-icon flag-ws-icon" data-testid="kui-icon-wrapper-flag-ws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a4282265="" data-testid="kui-icon-svg-flag-ws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5144)">
+<span class="kui-icon flag-ws-icon" data-testid="kui-icon-wrapper-flag-ws-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ws-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5144)">
 <path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"></path>
 <path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"></path>
 <path d="M9.61195 7.82611L9.80625 8.424H10.4348L9.92625 8.79342L10.1205 9.39131L9.61195 9.0218L9.10336 9.39131L9.29766 8.79342L8.78906 8.424H9.41766L9.61195 7.82611Z" fill="#F0F0F0"></path>
diff --git a/src/tests/__snapshots__/FlagYeIcon.html b/src/tests/__snapshots__/FlagYeIcon.html
index 4489bd91..b4331f01 100644
--- a/src/tests/__snapshots__/FlagYeIcon.html
+++ b/src/tests/__snapshots__/FlagYeIcon.html
@@ -1,4 +1,4 @@
-<span data-v-f52aff07="" class="kui-icon flag-ye-icon" data-testid="kui-icon-wrapper-flag-ye-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f52aff07="" data-testid="kui-icon-svg-flag-ye-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5706)">
+<span class="kui-icon flag-ye-icon" data-testid="kui-icon-wrapper-flag-ye-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-ye-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5706)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582C2.4421 20.7435 6.84061 24 12.0002 24Z" fill="black"></path>
 <path d="M12.0002 0C6.84061 0 2.4421 3.2565 0.746582 7.82611H23.2538C21.5583 3.2565 17.1598 0 12.0002 0Z" fill="#D80027"></path>
diff --git a/src/tests/__snapshots__/FlagZaIcon.html b/src/tests/__snapshots__/FlagZaIcon.html
index 1075f655..4789a725 100644
--- a/src/tests/__snapshots__/FlagZaIcon.html
+++ b/src/tests/__snapshots__/FlagZaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eb0a9345="" class="kui-icon flag-za-icon" data-testid="kui-icon-wrapper-flag-za-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb0a9345="" data-testid="kui-icon-svg-flag-za-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_4786)">
+<span class="kui-icon flag-za-icon" data-testid="kui-icon-wrapper-flag-za-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-za-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_1415_4786)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M3.51471 20.4853C-1.17157 15.7989 -1.17157 8.20098 3.51471 3.51465C3.51438 3.51516 10.4348 12 10.4348 12L3.51471 20.4853Z" fill="black"></path>
 <path d="M10.4349 12.0004L1.59162 6.02441C1.31745 6.50099 1.07567 6.99843 0.86792 7.5133L5.3449 12.0004L0.868061 16.4878C1.07562 17.0023 1.31717 17.4994 1.59115 17.9756L10.4349 12.0004Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/FlagZmIcon.html b/src/tests/__snapshots__/FlagZmIcon.html
index 072f9945..2d96cccf 100644
--- a/src/tests/__snapshots__/FlagZmIcon.html
+++ b/src/tests/__snapshots__/FlagZmIcon.html
@@ -1,4 +1,4 @@
-<span data-v-aa51e1db="" class="kui-icon flag-zm-icon" data-testid="kui-icon-wrapper-flag-zm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-aa51e1db="" data-testid="kui-icon-svg-flag-zm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5710)">
+<span class="kui-icon flag-zm-icon" data-testid="kui-icon-wrapper-flag-zm-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-zm-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5710)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"></path>
 <path d="M16.6957 12H12V24C13.4027 24 14.7488 23.7585 16 23.3163L16.6957 12Z" fill="#D80027"></path>
 <path d="M19.9998 20.9434C22.4546 18.7462 23.9999 15.5537 23.9999 12H19.3042L19.9998 20.9434Z" fill="#FF9811"></path>
diff --git a/src/tests/__snapshots__/FlagZwIcon.html b/src/tests/__snapshots__/FlagZwIcon.html
index 15b76731..6500690b 100644
--- a/src/tests/__snapshots__/FlagZwIcon.html
+++ b/src/tests/__snapshots__/FlagZwIcon.html
@@ -1,4 +1,4 @@
-<span data-v-dbfd348b="" class="kui-icon flag-zw-icon" data-testid="kui-icon-wrapper-flag-zw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dbfd348b="" data-testid="kui-icon-svg-flag-zw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5716)">
+<span class="kui-icon flag-zw-icon" data-testid="kui-icon-wrapper-flag-zw-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-flag-zw-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_246_5716)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"></path>
 <path d="M22.8512 6.87203C22.2416 5.58419 21.4095 4.42248 20.4045 3.436L11.9998 2.6087L3.59512 3.43605C3.56831 3.46234 3.54216 3.48925 3.51562 3.51583L6.87188 6.87208L11.9998 7.02869L22.8512 6.87203Z" fill="#FFDA44"></path>
 <path d="M3.51562 20.4843C3.55978 20.5285 3.60384 20.5727 3.64866 20.6162L12 21.3913L20.3512 20.6162C21.3665 19.6318 22.2088 18.47 22.827 17.1802L7.30425 16.6957C5.96864 18.0313 4.42814 19.5717 3.51562 20.4843Z" fill="#FFDA44"></path>
diff --git a/src/tests/__snapshots__/ForwardIcon.html b/src/tests/__snapshots__/ForwardIcon.html
index c7ee16ce..b8704771 100644
--- a/src/tests/__snapshots__/ForwardIcon.html
+++ b/src/tests/__snapshots__/ForwardIcon.html
@@ -1 +1 @@
-<span data-v-7a18d376="" class="kui-icon forward-icon" data-testid="kui-icon-wrapper-forward-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7a18d376="" data-testid="kui-icon-svg-forward-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon forward-icon" data-testid="kui-icon-wrapper-forward-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-forward-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GatewayIcon.html b/src/tests/__snapshots__/GatewayIcon.html
index db9d885a..41bb465b 100644
--- a/src/tests/__snapshots__/GatewayIcon.html
+++ b/src/tests/__snapshots__/GatewayIcon.html
@@ -1 +1 @@
-<span data-v-578c6864="" class="kui-icon gateway-icon" data-testid="kui-icon-wrapper-gateway-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-578c6864="" data-testid="kui-icon-svg-gateway-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon gateway-icon" data-testid="kui-icon-wrapper-gateway-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-gateway-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21V19H19V5H12V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H12ZM10 17L8.625 15.55L11.175 13H3V11H11.175L8.625 8.45L10 7L15 12L10 17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GoogleCloudIcon.html b/src/tests/__snapshots__/GoogleCloudIcon.html
index c54f1674..ed2a6892 100644
--- a/src/tests/__snapshots__/GoogleCloudIcon.html
+++ b/src/tests/__snapshots__/GoogleCloudIcon.html
@@ -1,4 +1,4 @@
-<span data-v-72e06b23="" class="kui-icon google-cloud-icon" data-testid="kui-icon-wrapper-google-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-72e06b23="" data-testid="kui-icon-svg-google-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"></path>
+<span class="kui-icon google-cloud-icon" data-testid="kui-icon-wrapper-google-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-google-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14.6907 8.5684H15.3007L17.0392 6.77648L17.1246 6.0157C16.1287 5.10965 14.9251 4.48026 13.6276 4.18696C12.33 3.89366 10.9813 3.94615 9.70894 4.33947C8.43655 4.73279 7.28244 5.45395 6.35563 6.43483C5.42883 7.41571 4.75992 8.62392 4.41211 9.94534C4.60579 9.86352 4.82033 9.85025 5.02212 9.90762L8.49915 9.3166C8.49915 9.3166 8.67605 9.0148 8.76755 9.03367C9.51257 8.19031 10.5422 7.67237 11.6456 7.58588C12.749 7.49938 13.8427 7.85088 14.7029 8.5684H14.6907Z" fill="#EA4335"></path>
 <path d="M19.5162 9.94508C19.1166 8.42833 18.2962 7.06478 17.1555 6.02173L14.7155 8.5367C15.224 8.96498 15.6315 9.50669 15.9073 10.121C16.1831 10.7352 16.32 11.4061 16.3076 12.0828V12.5292C16.5928 12.5292 16.8752 12.5871 17.1386 12.6996C17.4021 12.8121 17.6415 12.977 17.8432 13.1848C18.0448 13.3927 18.2048 13.6394 18.3139 13.911C18.423 14.1825 18.4792 14.4736 18.4792 14.7675C18.4792 15.0615 18.423 15.3525 18.3139 15.6241C18.2048 15.8957 18.0448 16.1424 17.8432 16.3503C17.6415 16.5581 17.4021 16.723 17.1386 16.8355C16.8752 16.948 16.5928 17.0059 16.3076 17.0059H11.9644L11.5312 17.4586V20.1433L11.9644 20.5897H16.3076C17.5204 20.5994 18.7041 20.2065 19.6835 19.4691C20.6629 18.7317 21.386 17.689 21.7459 16.4952C22.1057 15.3013 22.0832 14.0198 21.6817 12.8402C21.2801 11.6606 20.5209 10.6455 19.5162 9.94508Z" fill="#4285F4"></path>
 <path d="M7.61501 20.5646H11.9583V16.9807H7.61501C7.30557 16.9807 6.99977 16.9121 6.7183 16.7795L6.1083 16.9745L4.35758 18.7664L4.20508 19.3951C5.18684 20.1592 6.3848 20.5701 7.61501 20.5646Z" fill="#34A853"></path>
 <path d="M7.61491 8.93912C6.4381 8.94637 5.29287 9.33228 4.33918 10.0429C3.38548 10.7536 2.67095 11.7536 2.29538 12.9031C1.91981 14.0527 1.90195 15.2944 2.24431 16.4549C2.58667 17.6154 3.27214 18.6368 4.20498 19.3763L6.7243 16.7795C6.40415 16.6305 6.12387 16.4035 5.90751 16.1183C5.69114 15.833 5.54516 15.4978 5.48208 15.1416C5.41901 14.7854 5.44072 14.4187 5.54536 14.0731C5.64999 13.7274 5.83443 13.4131 6.08285 13.157C6.33126 12.901 6.63624 12.7109 6.97161 12.603C7.30697 12.4952 7.66272 12.4728 8.00832 12.5378C8.35393 12.6028 8.67907 12.7533 8.95585 12.9763C9.23263 13.1993 9.45279 13.4882 9.59743 13.8182L12.1168 11.2215C11.588 10.5089 10.9064 9.93216 10.1255 9.53622C9.34449 9.14029 8.48524 8.93593 7.61491 8.93912Z" fill="#FBBC05"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GoogleIcon.html b/src/tests/__snapshots__/GoogleIcon.html
index 53b12dc7..88417a4a 100644
--- a/src/tests/__snapshots__/GoogleIcon.html
+++ b/src/tests/__snapshots__/GoogleIcon.html
@@ -1,4 +1,4 @@
-<span data-v-869718c8="" class="kui-icon google-icon" data-testid="kui-icon-wrapper-google-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-869718c8="" data-testid="kui-icon-svg-google-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"></path>
+<span class="kui-icon google-icon" data-testid="kui-icon-wrapper-google-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-google-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2379 12.2828C21.2379 11.5966 21.1763 10.9368 21.062 10.3034H11.9482V14.0466H17.1561C16.9318 15.2562 16.25 16.281 15.2251 16.9672V19.3952H18.3525C20.1823 17.7106 21.2379 15.2298 21.2379 12.2828Z" fill="#4285F4"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 21.7397C14.561 21.7397 16.7515 20.8731 18.3525 19.3952L15.2252 16.9673C14.3587 17.5478 13.2503 17.891 11.9483 17.891C9.42791 17.891 7.29463 16.1887 6.53369 13.9015H3.30078V16.4086C4.89305 19.5712 8.16556 21.7397 11.9483 21.7397Z" fill="#34A853"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.53366 13.9014C6.34013 13.3208 6.23016 12.7006 6.23016 12.0628C6.23016 11.4251 6.34013 10.8048 6.53366 10.2243V7.7171H3.30074C2.64536 9.02346 2.27148 10.5014 2.27148 12.0628C2.27148 13.6243 2.64536 15.1022 3.30074 16.4086L6.53366 13.9014Z" fill="#FBBC05"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9483 6.23476C13.369 6.23476 14.6446 6.723 15.6475 7.68189L18.4229 4.90641C16.7471 3.34493 14.5566 2.38605 11.9483 2.38605C8.16556 2.38605 4.89305 4.55452 3.30078 7.71705L6.53369 10.2242C7.29463 7.937 9.42791 6.23476 11.9483 6.23476Z" fill="#EA4335"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GraduationIcon.html b/src/tests/__snapshots__/GraduationIcon.html
index 1025cf27..caf7ad06 100644
--- a/src/tests/__snapshots__/GraduationIcon.html
+++ b/src/tests/__snapshots__/GraduationIcon.html
@@ -1 +1 @@
-<span data-v-96f01ca2="" class="kui-icon graduation-icon" data-testid="kui-icon-wrapper-graduation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-96f01ca2="" data-testid="kui-icon-svg-graduation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L5 17.2V11.2L1 9L12 3L23 9V17H21V10.1L19 11.2V17.2L12 21ZM12 12.7L18.85 9L12 5.3L5.15 9L12 12.7ZM12 18.725L17 16.025V12.25L12 15L7 12.25V16.025L12 18.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon graduation-icon" data-testid="kui-icon-wrapper-graduation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-graduation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L5 17.2V11.2L1 9L12 3L23 9V17H21V10.1L19 11.2V17.2L12 21ZM12 12.7L18.85 9L12 5.3L5.15 9L12 12.7ZM12 18.725L17 16.025V12.25L12 15L7 12.25V16.025L12 18.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/GridIcon.html b/src/tests/__snapshots__/GridIcon.html
index 92f13fb9..85829355 100644
--- a/src/tests/__snapshots__/GridIcon.html
+++ b/src/tests/__snapshots__/GridIcon.html
@@ -1 +1 @@
-<span data-v-29f3bac5="" class="kui-icon grid-icon" data-testid="kui-icon-wrapper-grid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-29f3bac5="" data-testid="kui-icon-svg-grid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon grid-icon" data-testid="kui-icon-wrapper-grid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-grid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 11V3H11V11H3ZM3 21V13H11V21H3ZM13 11V3H21V11H13ZM13 21V13H21V21H13ZM5 9H9V5H5V9ZM15 9H19V5H15V9ZM15 19H19V15H15V19ZM5 19H9V15H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HashicorpIcon.html b/src/tests/__snapshots__/HashicorpIcon.html
index d39478a1..6b67acb5 100644
--- a/src/tests/__snapshots__/HashicorpIcon.html
+++ b/src/tests/__snapshots__/HashicorpIcon.html
@@ -1,2 +1,2 @@
-<span data-v-daa480be="" class="kui-icon hashicorp-icon" data-testid="kui-icon-wrapper-hashicorp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-daa480be="" data-testid="kui-icon-svg-hashicorp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"></path>
+<span class="kui-icon hashicorp-icon" data-testid="kui-icon-wrapper-hashicorp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-hashicorp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14.2228 17.3167L17.5228 15.4833V2.95556L14.2228 1V10.35H10.0061V6.68333L6.64502 8.51667V21.0444L10.0061 23V13.65H14.2228V17.3167Z" fill="black"></path>
 <path d="M19.1111 3.81111V16.5222L14.2222 19.2111V23L22.1667 18.4167V5.58333L19.1111 3.81111ZM10.0056 1L2 5.58333V18.4167L5.11667 20.1889V7.47778L10.0056 4.78889V1Z" fill="black"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HelpIcon.html b/src/tests/__snapshots__/HelpIcon.html
index fd7c91f9..1294e2da 100644
--- a/src/tests/__snapshots__/HelpIcon.html
+++ b/src/tests/__snapshots__/HelpIcon.html
@@ -1 +1 @@
-<span data-v-f3fbb6ec="" class="kui-icon help-icon" data-testid="kui-icon-wrapper-help-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3fbb6ec="" data-testid="kui-icon-svg-help-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon help-icon" data-testid="kui-icon-wrapper-help-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-help-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.95 18C12.3 18 12.5958 17.8792 12.8375 17.6375C13.0792 17.3958 13.2 17.1 13.2 16.75C13.2 16.4 13.0792 16.1042 12.8375 15.8625C12.5958 15.6208 12.3 15.5 11.95 15.5C11.6 15.5 11.3042 15.6208 11.0625 15.8625C10.8208 16.1042 10.7 16.4 10.7 16.75C10.7 17.1 10.8208 17.3958 11.0625 17.6375C11.3042 17.8792 11.6 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9625 13.1667 13.0875 12.85C13.2125 12.5333 13.5667 12.1 14.15 11.55C14.5833 11.1167 14.925 10.7042 15.175 10.3125C15.425 9.92083 15.55 9.45 15.55 8.9C15.55 7.96667 15.2083 7.25 14.525 6.75C13.8417 6.25 13.0333 6 12.1 6C11.15 6 10.3792 6.25 9.7875 6.75C9.19583 7.25 8.78333 7.85 8.55 8.55L10.2 9.2C10.2833 8.9 10.4708 8.575 10.7625 8.225C11.0542 7.875 11.5 7.7 12.1 7.7C12.6333 7.7 13.0333 7.84583 13.3 8.1375C13.5667 8.42917 13.7 8.75 13.7 9.1C13.7 9.43333 13.6 9.74583 13.4 10.0375C13.2 10.3292 12.95 10.6 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HistoryIcon.html b/src/tests/__snapshots__/HistoryIcon.html
index 99212656..b321671c 100644
--- a/src/tests/__snapshots__/HistoryIcon.html
+++ b/src/tests/__snapshots__/HistoryIcon.html
@@ -1 +1 @@
-<span data-v-6f113882="" class="kui-icon history-icon" data-testid="kui-icon-wrapper-history-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-6f113882="" data-testid="kui-icon-svg-history-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon history-icon" data-testid="kui-icon-wrapper-history-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-history-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21C9.7 21 7.69583 20.2375 5.9875 18.7125C4.27917 17.1875 3.3 15.2833 3.05 13H5.1C5.33333 14.7333 6.10417 16.1667 7.4125 17.3C8.72083 18.4333 10.25 19 12 19C13.95 19 15.6042 18.3208 16.9625 16.9625C18.3208 15.6042 19 13.95 19 12C19 10.05 18.3208 8.39583 16.9625 7.0375C15.6042 5.67917 13.95 5 12 5C10.85 5 9.775 5.26667 8.775 5.8C7.775 6.33333 6.93333 7.06667 6.25 8H9V10H3V4H5V6.35C5.85 5.28333 6.8875 4.45833 8.1125 3.875C9.3375 3.29167 10.6333 3 12 3C13.25 3 14.4208 3.2375 15.5125 3.7125C16.6042 4.1875 17.5542 4.82917 18.3625 5.6375C19.1708 6.44583 19.8125 7.39583 20.2875 8.4875C20.7625 9.57917 21 10.75 21 12C21 13.25 20.7625 14.4208 20.2875 15.5125C19.8125 16.6042 19.1708 17.5542 18.3625 18.3625C17.5542 19.1708 16.6042 19.8125 15.5125 20.2875C14.4208 20.7625 13.25 21 12 21ZM14.8 16.2L11 12.4V7H13V11.6L16.2 14.8L14.8 16.2Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/HtmlIcon.html b/src/tests/__snapshots__/HtmlIcon.html
index c8986aeb..2ff4bdd9 100644
--- a/src/tests/__snapshots__/HtmlIcon.html
+++ b/src/tests/__snapshots__/HtmlIcon.html
@@ -1 +1 @@
-<span data-v-109926c4="" class="kui-icon html-icon" data-testid="kui-icon-wrapper-html-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-109926c4="" data-testid="kui-icon-svg-html-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 15V9H1.5V11H3.5V9H5V15H3.5V12.5H1.5V15H0ZM7.75 15V10.5H6V9H11V10.5H9.25V15H7.75ZM12 15V10C12 9.71667 12.0958 9.47917 12.2875 9.2875C12.4792 9.09583 12.7167 9 13 9H17.5C17.7833 9 18.0208 9.09583 18.2125 9.2875C18.4042 9.47917 18.5 9.71667 18.5 10V15H17V10.5H16V14H14.5V10.5H13.5V15H12ZM20 15V9H21.5V13.5H24V15H20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon html-icon" data-testid="kui-icon-wrapper-html-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-html-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 15V9H1.5V11H3.5V9H5V15H3.5V12.5H1.5V15H0ZM7.75 15V10.5H6V9H11V10.5H9.25V15H7.75ZM12 15V10C12 9.71667 12.0958 9.47917 12.2875 9.2875C12.4792 9.09583 12.7167 9 13 9H17.5C17.7833 9 18.0208 9.09583 18.2125 9.2875C18.4042 9.47917 18.5 9.71667 18.5 10V15H17V10.5H16V14H14.5V10.5H13.5V15H12ZM20 15V9H21.5V13.5H24V15H20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ImageIcon.html b/src/tests/__snapshots__/ImageIcon.html
index 01723e0b..30bae50b 100644
--- a/src/tests/__snapshots__/ImageIcon.html
+++ b/src/tests/__snapshots__/ImageIcon.html
@@ -1 +1 @@
-<span data-v-37d22524="" class="kui-icon image-icon" data-testid="kui-icon-wrapper-image-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-37d22524="" data-testid="kui-icon-svg-image-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.16667 22 3.45833 21.7083 2.875 21.125C2.29167 20.5417 2 19.8333 2 19V5C2 4.16667 2.29167 3.45833 2.875 2.875C3.45833 2.29167 4.16667 2 5 2H19C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5V19C22 19.8333 21.7083 20.5417 21.125 21.125C20.5417 21.7083 19.8333 22 19 22H5ZM5 20H19C19.2833 20 19.5208 19.9042 19.7125 19.7125C19.9042 19.5208 20 19.2833 20 19V5C20 4.71667 19.9042 4.47917 19.7125 4.2875C19.5208 4.09583 19.2833 4 19 4H5C4.71667 4 4.47917 4.09583 4.2875 4.2875C4.09583 4.47917 4 4.71667 4 5V19C4 19.2833 4.09583 19.5208 4.2875 19.7125C4.47917 19.9042 4.71667 20 5 20ZM6 18L10 14L11.8 15.775L14 13L18 18H6ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon image-icon" data-testid="kui-icon-wrapper-image-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-image-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 22C4.16667 22 3.45833 21.7083 2.875 21.125C2.29167 20.5417 2 19.8333 2 19V5C2 4.16667 2.29167 3.45833 2.875 2.875C3.45833 2.29167 4.16667 2 5 2H19C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5V19C22 19.8333 21.7083 20.5417 21.125 21.125C20.5417 21.7083 19.8333 22 19 22H5ZM5 20H19C19.2833 20 19.5208 19.9042 19.7125 19.7125C19.9042 19.5208 20 19.2833 20 19V5C20 4.71667 19.9042 4.47917 19.7125 4.2875C19.5208 4.09583 19.2833 4 19 4H5C4.71667 4 4.47917 4.09583 4.2875 4.2875C4.09583 4.47917 4 4.71667 4 5V19C4 19.2833 4.09583 19.5208 4.2875 19.7125C4.47917 19.9042 4.71667 20 5 20ZM6 18L10 14L11.8 15.775L14 13L18 18H6ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ImmunityIcon.html b/src/tests/__snapshots__/ImmunityIcon.html
index 9b4c6125..92151b34 100644
--- a/src/tests/__snapshots__/ImmunityIcon.html
+++ b/src/tests/__snapshots__/ImmunityIcon.html
@@ -1 +1 @@
-<span data-v-472d6ff8="" class="kui-icon immunity-icon" data-testid="kui-icon-wrapper-immunity-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-472d6ff8="" data-testid="kui-icon-svg-immunity-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 22V17H2V7H7V2H17V7H22V17H17V22H7ZM4 11H9C9.16667 11 9.325 11.0417 9.475 11.125C9.625 11.2083 9.74167 11.3167 9.825 11.45L10.7 12.75L12.05 8.7C12.1167 8.5 12.2375 8.33333 12.4125 8.2C12.5875 8.06667 12.7833 8 13 8C13.1667 8 13.325 8.04167 13.475 8.125C13.625 8.20833 13.7417 8.31667 13.825 8.45L15.525 11H20V9H15V4H9V9H4V11ZM9 20H15V15H20V13H15C14.8333 13 14.675 12.9583 14.525 12.875C14.375 12.7917 14.25 12.6833 14.15 12.55L13.3 11.25L11.95 15.3C11.8833 15.5 11.7583 15.6667 11.575 15.8C11.3917 15.9333 11.1917 16 10.975 16C10.8083 16 10.65 15.9583 10.5 15.875C10.35 15.7917 10.2333 15.6833 10.15 15.55L8.45 13H4V15H9V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon immunity-icon" data-testid="kui-icon-wrapper-immunity-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-immunity-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 22V17H2V7H7V2H17V7H22V17H17V22H7ZM4 11H9C9.16667 11 9.325 11.0417 9.475 11.125C9.625 11.2083 9.74167 11.3167 9.825 11.45L10.7 12.75L12.05 8.7C12.1167 8.5 12.2375 8.33333 12.4125 8.2C12.5875 8.06667 12.7833 8 13 8C13.1667 8 13.325 8.04167 13.475 8.125C13.625 8.20833 13.7417 8.31667 13.825 8.45L15.525 11H20V9H15V4H9V9H4V11ZM9 20H15V15H20V13H15C14.8333 13 14.675 12.9583 14.525 12.875C14.375 12.7917 14.25 12.6833 14.15 12.55L13.3 11.25L11.95 15.3C11.8833 15.5 11.7583 15.6667 11.575 15.8C11.3917 15.9333 11.1917 16 10.975 16C10.8083 16 10.65 15.9583 10.5 15.875C10.35 15.7917 10.2333 15.6833 10.15 15.55L8.45 13H4V15H9V20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InboxIcon.html b/src/tests/__snapshots__/InboxIcon.html
index fd9d82dc..5993a43a 100644
--- a/src/tests/__snapshots__/InboxIcon.html
+++ b/src/tests/__snapshots__/InboxIcon.html
@@ -1 +1 @@
-<span data-v-93e97391="" class="kui-icon inbox-icon" data-testid="kui-icon-wrapper-inbox-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-93e97391="" data-testid="kui-icon-svg-inbox-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V16H16C15.5 16.6333 14.9042 17.125 14.2125 17.475C13.5208 17.825 12.7833 18 12 18C11.2167 18 10.4792 17.825 9.7875 17.475C9.09583 17.125 8.5 16.6333 8 16H5V19ZM12 16C12.6333 16 13.2083 15.8167 13.725 15.45C14.2417 15.0833 14.6 14.6 14.8 14H19V5H5V14H9.2C9.4 14.6 9.75833 15.0833 10.275 15.45C10.7917 15.8167 11.3667 16 12 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon inbox-icon" data-testid="kui-icon-wrapper-inbox-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-inbox-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V16H16C15.5 16.6333 14.9042 17.125 14.2125 17.475C13.5208 17.825 12.7833 18 12 18C11.2167 18 10.4792 17.825 9.7875 17.475C9.09583 17.125 8.5 16.6333 8 16H5V19ZM12 16C12.6333 16 13.2083 15.8167 13.725 15.45C14.2417 15.0833 14.6 14.6 14.8 14H19V5H5V14H9.2C9.4 14.6 9.75833 15.0833 10.275 15.45C10.7917 15.8167 11.3667 16 12 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InboxNotificationIcon.html b/src/tests/__snapshots__/InboxNotificationIcon.html
index 96c404c3..8fc3849e 100644
--- a/src/tests/__snapshots__/InboxNotificationIcon.html
+++ b/src/tests/__snapshots__/InboxNotificationIcon.html
@@ -1 +1 @@
-<span data-v-84c3575f="" class="kui-icon inbox-notification-icon" data-testid="kui-icon-wrapper-inbox-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-84c3575f="" data-testid="kui-icon-svg-inbox-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H14.1C14.0333 4.33333 14 4.66667 14 5C14 5.33333 14.0333 5.66667 14.1 6H4L12 11L15.65 8.725C15.8833 8.94167 16.1375 9.12917 16.4125 9.2875C16.6875 9.44583 16.975 9.58333 17.275 9.7L12 13L4 8V18H20V9.9C20.3833 9.81667 20.7417 9.7 21.075 9.55C21.4083 9.4 21.7167 9.21667 22 9V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM19 8C18.1667 8 17.4583 7.70833 16.875 7.125C16.2917 6.54167 16 5.83333 16 5C16 4.16667 16.2917 3.45833 16.875 2.875C17.4583 2.29167 18.1667 2 19 2C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5C22 5.83333 21.7083 6.54167 21.125 7.125C20.5417 7.70833 19.8333 8 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon inbox-notification-icon" data-testid="kui-icon-wrapper-inbox-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-inbox-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H14.1C14.0333 4.33333 14 4.66667 14 5C14 5.33333 14.0333 5.66667 14.1 6H4L12 11L15.65 8.725C15.8833 8.94167 16.1375 9.12917 16.4125 9.2875C16.6875 9.44583 16.975 9.58333 17.275 9.7L12 13L4 8V18H20V9.9C20.3833 9.81667 20.7417 9.7 21.075 9.55C21.4083 9.4 21.7167 9.21667 22 9V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM19 8C18.1667 8 17.4583 7.70833 16.875 7.125C16.2917 6.54167 16 5.83333 16 5C16 4.16667 16.2917 3.45833 16.875 2.875C17.4583 2.29167 18.1667 2 19 2C19.8333 2 20.5417 2.29167 21.125 2.875C21.7083 3.45833 22 4.16667 22 5C22 5.83333 21.7083 6.54167 21.125 7.125C20.5417 7.70833 19.8333 8 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/IncreaseIcon.html b/src/tests/__snapshots__/IncreaseIcon.html
index 1f3ce337..b4e5e70a 100644
--- a/src/tests/__snapshots__/IncreaseIcon.html
+++ b/src/tests/__snapshots__/IncreaseIcon.html
@@ -1 +1 @@
-<span data-v-fdbf7bec="" class="kui-icon increase-icon" data-testid="kui-icon-wrapper-increase-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdbf7bec="" data-testid="kui-icon-svg-increase-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 14L12 9L17 14H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon increase-icon" data-testid="kui-icon-wrapper-increase-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-increase-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 14L12 9L17 14H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/IndeterminateSmallIcon.html b/src/tests/__snapshots__/IndeterminateSmallIcon.html
index e809593e..f662e9cc 100644
--- a/src/tests/__snapshots__/IndeterminateSmallIcon.html
+++ b/src/tests/__snapshots__/IndeterminateSmallIcon.html
@@ -1 +1 @@
-<span data-v-bf9606e9="" class="kui-icon indeterminate-small-icon" data-testid="kui-icon-wrapper-indeterminate-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bf9606e9="" data-testid="kui-icon-svg-indeterminate-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 11V9H15V11H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon indeterminate-small-icon" data-testid="kui-icon-wrapper-indeterminate-small-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-indeterminate-small-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 11V9H15V11H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InfoIcon.html b/src/tests/__snapshots__/InfoIcon.html
index 9a6c977f..e229c37e 100644
--- a/src/tests/__snapshots__/InfoIcon.html
+++ b/src/tests/__snapshots__/InfoIcon.html
@@ -1 +1 @@
-<span data-v-9e372523="" class="kui-icon info-icon" data-testid="kui-icon-wrapper-info-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9e372523="" data-testid="kui-icon-svg-info-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon info-icon" data-testid="kui-icon-wrapper-info-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-info-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5208 8.90417 12.7125 8.7125C12.9042 8.52083 13 8.28333 13 8C13 7.71667 12.9042 7.47917 12.7125 7.2875C12.5208 7.09583 12.2833 7 12 7C11.7167 7 11.4792 7.09583 11.2875 7.2875C11.0958 7.47917 11 7.71667 11 8C11 8.28333 11.0958 8.52083 11.2875 8.7125C11.4792 8.90417 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InsightsIcon.html b/src/tests/__snapshots__/InsightsIcon.html
index 5fc1ac7d..bd5039d1 100644
--- a/src/tests/__snapshots__/InsightsIcon.html
+++ b/src/tests/__snapshots__/InsightsIcon.html
@@ -1 +1 @@
-<span data-v-153bba4b="" class="kui-icon insights-icon" data-testid="kui-icon-wrapper-insights-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-153bba4b="" data-testid="kui-icon-svg-insights-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2L15.9546 4.04541L18 5L15.9546 5.95459L15 8L14.0454 5.95459L12 5L14.0454 4.04541L15 2ZM3 18C2.45 18 1.97917 17.8042 1.5875 17.4125C1.19583 17.0208 1 16.55 1 16C1 15.45 1.19583 14.9792 1.5875 14.5875C1.97917 14.1958 2.45 14 3 14H3.2625C3.3375 14 3.41667 14.0167 3.5 14.05L8.05 9.5C8.01667 9.41667 8 9.3375 8 9.2625V9C8 8.45 8.19583 7.97917 8.5875 7.5875C8.97917 7.19583 9.45 7 10 7C10.55 7 11.0208 7.19583 11.4125 7.5875C11.8042 7.97917 12 8.45 12 9C12 9.03333 11.9833 9.2 11.95 9.5L14.5 12.05C14.5833 12.0167 14.6625 12 14.7375 12H15.2625C15.3375 12 15.4167 12.0167 15.5 12.05L19.05 8.5C19.0167 8.41667 19 8.3375 19 8.2625V8C19 7.45 19.1958 6.97917 19.5875 6.5875C19.9792 6.19583 20.45 6 21 6C21.55 6 22.0208 6.19583 22.4125 6.5875C22.8042 6.97917 23 7.45 23 8C23 8.55 22.8042 9.02083 22.4125 9.4125C22.0208 9.80417 21.55 10 21 10H20.7375C20.6625 10 20.5833 9.98333 20.5 9.95L16.95 13.5C16.9833 13.5833 17 13.6625 17 13.7375V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16C14.45 16 13.9792 15.8042 13.5875 15.4125C13.1958 15.0208 13 14.55 13 14V13.7375C13 13.6625 13.0167 13.5833 13.05 13.5L10.5 10.95C10.4167 10.9833 10.3375 11 10.2625 11H10C9.96667 11 9.8 10.9833 9.5 10.95L4.95 15.5C4.98333 15.5833 5 15.6625 5 15.7375V16C5 16.55 4.80417 17.0208 4.4125 17.4125C4.02083 17.8042 3.55 18 3 18ZM4.6364 7.3636L4 6L3.3636 7.3636L2 8L3.3636 8.6364L4 10L4.6364 8.6364L6 8L4.6364 7.3636Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon insights-icon" data-testid="kui-icon-wrapper-insights-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-insights-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15 2L15.9546 4.04541L18 5L15.9546 5.95459L15 8L14.0454 5.95459L12 5L14.0454 4.04541L15 2ZM3 18C2.45 18 1.97917 17.8042 1.5875 17.4125C1.19583 17.0208 1 16.55 1 16C1 15.45 1.19583 14.9792 1.5875 14.5875C1.97917 14.1958 2.45 14 3 14H3.2625C3.3375 14 3.41667 14.0167 3.5 14.05L8.05 9.5C8.01667 9.41667 8 9.3375 8 9.2625V9C8 8.45 8.19583 7.97917 8.5875 7.5875C8.97917 7.19583 9.45 7 10 7C10.55 7 11.0208 7.19583 11.4125 7.5875C11.8042 7.97917 12 8.45 12 9C12 9.03333 11.9833 9.2 11.95 9.5L14.5 12.05C14.5833 12.0167 14.6625 12 14.7375 12H15.2625C15.3375 12 15.4167 12.0167 15.5 12.05L19.05 8.5C19.0167 8.41667 19 8.3375 19 8.2625V8C19 7.45 19.1958 6.97917 19.5875 6.5875C19.9792 6.19583 20.45 6 21 6C21.55 6 22.0208 6.19583 22.4125 6.5875C22.8042 6.97917 23 7.45 23 8C23 8.55 22.8042 9.02083 22.4125 9.4125C22.0208 9.80417 21.55 10 21 10H20.7375C20.6625 10 20.5833 9.98333 20.5 9.95L16.95 13.5C16.9833 13.5833 17 13.6625 17 13.7375V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16C14.45 16 13.9792 15.8042 13.5875 15.4125C13.1958 15.0208 13 14.55 13 14V13.7375C13 13.6625 13.0167 13.5833 13.05 13.5L10.5 10.95C10.4167 10.9833 10.3375 11 10.2625 11H10C9.96667 11 9.8 10.9833 9.5 10.95L4.95 15.5C4.98333 15.5833 5 15.6625 5 15.7375V16C5 16.55 4.80417 17.0208 4.4125 17.4125C4.02083 17.8042 3.55 18 3 18ZM4.6364 7.3636L4 6L3.3636 7.3636L2 8L3.3636 8.6364L4 10L4.6364 8.6364L6 8L4.6364 7.3636Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/InsomniaIcon.html b/src/tests/__snapshots__/InsomniaIcon.html
index 48d8b87f..71846f29 100644
--- a/src/tests/__snapshots__/InsomniaIcon.html
+++ b/src/tests/__snapshots__/InsomniaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-eb182fc4="" class="kui-icon insomnia-icon" data-testid="kui-icon-wrapper-insomnia-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-eb182fc4="" data-testid="kui-icon-svg-insomnia-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_55_22054)">
+<span class="kui-icon insomnia-icon" data-testid="kui-icon-wrapper-insomnia-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-insomnia-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_55_22054)">
 <path d="M12 23.3899C18.2905 23.3899 23.3899 18.2905 23.3899 12.0001C23.3899 5.70963 18.2905 0.610229 12 0.610229C5.70963 0.610229 0.610229 5.70963 0.610229 12.0001C0.610229 18.2905 5.70963 23.3899 12 23.3899Z" fill="white"></path>
 <path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6275 5.37258 24 12 24C18.6275 24 24 18.6275 24 12C24 5.37258 18.6275 0 12 0ZM12 1.22034C17.9534 1.22034 22.7797 6.04656 22.7797 12C22.7797 17.9534 17.9534 22.7797 12 22.7797C6.04656 22.7797 1.22034 17.9534 1.22034 12C1.22034 6.04656 6.04656 1.22034 12 1.22034Z" fill="#4000BF"></path>
 <path d="M12.1355 3.45764C16.8534 3.45764 20.6779 7.28219 20.6779 12C20.6779 16.7178 16.8534 20.5424 12.1355 20.5424C7.41769 20.5424 3.59314 16.7178 3.59314 12C3.59314 10.847 3.82157 9.74739 4.23566 8.74381C4.84027 9.56716 5.8153 10.1017 6.91517 10.1017C8.74992 10.1017 10.2372 8.61436 10.2372 6.77968C10.2372 5.6798 9.70272 4.70477 8.8793 4.10017C9.88287 3.68608 10.9825 3.45764 12.1355 3.45764Z" fill="url(#paint0_linear_55_22054)"></path>
diff --git a/src/tests/__snapshots__/ItalicIcon.html b/src/tests/__snapshots__/ItalicIcon.html
index 681785b3..4554453c 100644
--- a/src/tests/__snapshots__/ItalicIcon.html
+++ b/src/tests/__snapshots__/ItalicIcon.html
@@ -1 +1 @@
-<span data-v-88139c55="" class="kui-icon italic-icon" data-testid="kui-icon-wrapper-italic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-88139c55="" data-testid="kui-icon-svg-italic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.5 19.25V16.75H8.5L11.5 7.75H7.5V5.25H17.5V7.75H14L11 16.75H14.5V19.25H4.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon italic-icon" data-testid="kui-icon-wrapper-italic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-italic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.5 19.25V16.75H8.5L11.5 7.75H7.5V5.25H17.5V7.75H14L11 16.75H14.5V19.25H4.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KeyboardReturnIcon.html b/src/tests/__snapshots__/KeyboardReturnIcon.html
index 8b608ab9..2dfbebb0 100644
--- a/src/tests/__snapshots__/KeyboardReturnIcon.html
+++ b/src/tests/__snapshots__/KeyboardReturnIcon.html
@@ -1 +1 @@
-<span data-v-8ee8033f="" class="kui-icon keyboard-return-icon" data-testid="kui-icon-wrapper-keyboard-return-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8ee8033f="" data-testid="kui-icon-svg-keyboard-return-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon keyboard-return-icon" data-testid="kui-icon-wrapper-keyboard-return-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-keyboard-return-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H19V7H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/KongGradientIcon.html b/src/tests/__snapshots__/KongGradientIcon.html
index dfcf32d4..57969468 100644
--- a/src/tests/__snapshots__/KongGradientIcon.html
+++ b/src/tests/__snapshots__/KongGradientIcon.html
@@ -1,4 +1,4 @@
-<span data-v-db14c780="" class="kui-icon kong-gradient-icon" data-testid="kui-icon-wrapper-kong-gradient-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-db14c780="" data-testid="kui-icon-svg-kong-gradient-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z" fill="url(#paint0_linear_1552_5340)"></path>
+<span class="kui-icon kong-gradient-icon" data-testid="kui-icon-wrapper-kong-gradient-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-kong-gradient-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z" fill="url(#paint0_linear_1552_5340)"></path>
 <path d="M8.91553 9.66287L10.9592 6.09924L13.3333 6.09729L23.9993 18.6683L23.1721 22.4912H18.5998L18.8834 21.4138L8.91553 9.66287Z" fill="url(#paint1_linear_1552_5340)"></path>
 <path d="M7.28076 19.4594L7.86941 18.7151H12.2422L14.5147 21.5325L14.1235 22.4912H8.4737L8.61256 21.5325L7.28076 19.4594Z" fill="url(#paint2_linear_1552_5340)"></path>
 <path d="M3.54946 13.3512H4.89689L8.36815 10.3857L12.9756 15.8334L11.6673 17.8306H7.4177L4.48035 21.6202L3.80762 22.4912H0V17.8403L3.54946 13.3512Z" fill="url(#paint3_linear_1552_5340)"></path>
diff --git a/src/tests/__snapshots__/KongIcon.html b/src/tests/__snapshots__/KongIcon.html
index 36cfa410..18e8b25f 100644
--- a/src/tests/__snapshots__/KongIcon.html
+++ b/src/tests/__snapshots__/KongIcon.html
@@ -1 +1 @@
-<span data-v-bdfe5b4b="" class="kui-icon kong-icon" data-testid="kui-icon-wrapper-kong-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bdfe5b4b="" data-testid="kui-icon-svg-kong-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon kong-icon" data-testid="kui-icon-wrapper-kong-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-kong-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageBashIcon.html b/src/tests/__snapshots__/LanguageBashIcon.html
index 37ce4b15..836559c2 100644
--- a/src/tests/__snapshots__/LanguageBashIcon.html
+++ b/src/tests/__snapshots__/LanguageBashIcon.html
@@ -1,2 +1,2 @@
-<span data-v-bcd41fc7="" class="kui-icon language-bash-icon" data-testid="kui-icon-wrapper-language-bash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-bcd41fc7="" data-testid="kui-icon-svg-language-bash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"></path>
+<span class="kui-icon language-bash-icon" data-testid="kui-icon-wrapper-language-bash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-bash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"></path>
 <path d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCIcon.html b/src/tests/__snapshots__/LanguageCIcon.html
index 287f6cd5..ed73773a 100644
--- a/src/tests/__snapshots__/LanguageCIcon.html
+++ b/src/tests/__snapshots__/LanguageCIcon.html
@@ -1,3 +1,3 @@
-<span data-v-e18e8988="" class="kui-icon language-c-icon" data-testid="kui-icon-wrapper-language-c-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e18e8988="" data-testid="kui-icon-svg-language-c-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"></path>
+<span class="kui-icon language-c-icon" data-testid="kui-icon-wrapper-language-c-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-c-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#659AD3"></path>
 <path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#03599C"></path>
 <path d="M15.9938 14.2687C15.2063 15.6562 13.7063 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7063 7.40625 15.2063 8.34375 15.9938 9.75L18.4313 8.34375C17.1563 6.1125 14.7563 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9938 14.2687Z" fill="white"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageCPlusPlusIcon.html b/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
index 43772e95..49cae90c 100644
--- a/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
+++ b/src/tests/__snapshots__/LanguageCPlusPlusIcon.html
@@ -1,4 +1,4 @@
-<span data-v-41a49111="" class="kui-icon language-c-plus-plus-icon" data-testid="kui-icon-wrapper-language-c-plus-plus-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41a49111="" data-testid="kui-icon-svg-language-c-plus-plus-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1231)">
+<span class="kui-icon language-c-plus-plus-icon" data-testid="kui-icon-wrapper-language-c-plus-plus-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-c-plus-plus-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1231)">
 <path d="M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z" fill="#00599C"></path>
 <path d="M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z" fill="#004482"></path>
 <path d="M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z" fill="#659AD2"></path>
diff --git a/src/tests/__snapshots__/LanguageCSharpIcon.html b/src/tests/__snapshots__/LanguageCSharpIcon.html
index 771891c8..28ab871e 100644
--- a/src/tests/__snapshots__/LanguageCSharpIcon.html
+++ b/src/tests/__snapshots__/LanguageCSharpIcon.html
@@ -1,3 +1,3 @@
-<span data-v-8869aa37="" class="kui-icon language-c-sharp-icon" data-testid="kui-icon-wrapper-language-c-sharp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8869aa37="" data-testid="kui-icon-svg-language-c-sharp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#9B4F96"></path>
+<span class="kui-icon language-c-sharp-icon" data-testid="kui-icon-wrapper-language-c-sharp-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-c-sharp-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M21.6375 5.75623L12.5813 0.543726C12.4313 0.449976 12.225 0.412476 12 0.412476C11.775 0.412476 11.5688 0.468726 11.4188 0.543726L2.41875 5.77498C2.1 5.96248 1.875 6.43123 1.875 6.78748V17.2312C1.875 17.4375 1.9125 17.6812 2.0625 17.8875L22.0875 6.26248C21.975 6.03748 21.8063 5.86873 21.6375 5.75623Z" fill="#9B4F96"></path>
 <path d="M2.00623 17.8688C2.09998 18.0188 2.23123 18.15 2.36248 18.225L11.4 23.4563C11.55 23.55 11.7562 23.5875 11.9812 23.5875C12.2062 23.5875 12.4125 23.5313 12.5625 23.4563L21.5625 18.225C21.8812 18.0375 22.1062 17.5688 22.1062 17.2125V6.76877C22.1062 6.60002 22.0875 6.41252 21.9937 6.24377L2.00623 17.8688Z" fill="#68217A"></path>
 <path d="M15.9937 14.2687C15.2063 15.6562 13.7062 16.5938 12 16.5938C9.46875 16.5938 7.40625 14.5312 7.40625 12C7.40625 9.46875 9.46875 7.40625 12 7.40625C13.7062 7.40625 15.2063 8.34375 15.9937 9.75L18.4312 8.34375C17.1562 6.1125 14.7562 4.59375 12 4.59375C7.9125 4.59375 4.59375 7.9125 4.59375 12C4.59375 16.0875 7.9125 19.4062 12 19.4062C14.7375 19.4062 17.1375 17.9062 18.4125 15.6937L15.9937 14.2687ZM18.1875 12.4125L18.3562 11.6063H17.5687V10.725H18.525L18.75 9.5625H19.6687L19.4437 10.7062H20.1562L20.3812 9.5625H21.2812L21.0562 10.7062H21.5062V11.5875H20.8875L20.7187 12.3937H21.5062V13.275H20.55L20.325 14.4H19.4062L19.6312 13.275H18.9187L18.6937 14.4H17.7937L18.0187 13.275H17.5687V12.3937H18.1875V12.4125ZM19.0875 12.4125H19.8L19.9687 11.6063H19.2562L19.0875 12.4125Z" fill="white"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LanguageGoIcon.html b/src/tests/__snapshots__/LanguageGoIcon.html
index a6a1e55b..24fa24ae 100644
--- a/src/tests/__snapshots__/LanguageGoIcon.html
+++ b/src/tests/__snapshots__/LanguageGoIcon.html
@@ -1,4 +1,4 @@
-<span data-v-1ff9ce96="" class="kui-icon language-go-icon" data-testid="kui-icon-wrapper-language-go-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1ff9ce96="" data-testid="kui-icon-svg-language-go-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
+<span class="kui-icon language-go-icon" data-testid="kui-icon-wrapper-language-go-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-go-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><mask id="mask0_2_1240" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="0" width="18" height="24">
 <path d="M3.52502 0.1875H20.4938V23.8125H3.52502V0.1875Z" fill="white"></path>
 </mask>
 <g mask="url(#mask0_2_1240)">
diff --git a/src/tests/__snapshots__/LanguageJavaIcon.html b/src/tests/__snapshots__/LanguageJavaIcon.html
index dbddb771..47399de4 100644
--- a/src/tests/__snapshots__/LanguageJavaIcon.html
+++ b/src/tests/__snapshots__/LanguageJavaIcon.html
@@ -1,4 +1,4 @@
-<span data-v-4c55f599="" class="kui-icon language-java-icon" data-testid="kui-icon-wrapper-language-java-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4c55f599="" data-testid="kui-icon-svg-language-java-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"></path>
+<span class="kui-icon language-java-icon" data-testid="kui-icon-wrapper-language-java-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-java-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8.92824 18.3975C8.92824 18.3975 8.03443 18.9176 9.56518 19.0931C11.4199 19.305 12.3677 19.2746 14.4111 18.8884C14.4111 18.8884 14.9494 19.225 15.6998 19.5167C11.1175 21.4798 5.32956 19.4029 8.92824 18.3975ZM8.36799 15.8353C8.36799 15.8353 7.36524 16.5776 8.89731 16.7363C10.8786 16.9408 12.4429 16.9575 15.1512 16.4363C15.1512 16.4363 15.5249 16.816 16.1134 17.0233C10.5743 18.6433 4.40481 17.1508 8.36799 15.8353Z" fill="#0074BD"></path>
 <path d="M13.0879 11.4883C14.2175 12.7886 12.7916 13.9577 12.7916 13.9577C12.7916 13.9577 15.6583 12.4781 14.342 10.6245C13.1122 8.89669 12.1695 8.0385 17.2736 5.07825C17.2736 5.07843 9.26154 7.07887 13.0879 11.4883Z" fill="#EA2D2E"></path>
 <path d="M19.1481 20.2929C19.1481 20.2929 19.8098 20.8386 18.4191 21.2602C15.775 22.0612 7.4117 22.3027 5.08895 21.2923C4.25439 20.9289 5.82002 20.4251 6.31258 20.3188C6.82614 20.2076 7.11939 20.2279 7.11939 20.2279C6.1907 19.5741 1.11695 21.5122 4.54258 22.0682C13.884 23.5824 21.5708 21.3862 19.1481 20.2929ZM9.35852 13.1801C9.35852 13.1801 5.10489 14.1906 7.85233 14.5579C9.01258 14.7131 11.3245 14.6775 13.4794 14.4967C15.24 14.3488 17.0068 14.0329 17.0068 14.0329C17.0068 14.0329 16.3866 14.2989 15.9373 14.6053C11.617 15.7417 3.27283 15.2124 5.67527 14.0507C7.70627 13.0684 9.35852 13.1801 9.35852 13.1801ZM16.9892 17.4452C21.3806 15.1639 19.35 12.9714 17.9327 13.2667C17.5862 13.3389 17.4308 13.4017 17.4308 13.4017C17.4308 13.4017 17.5598 13.1994 17.8058 13.1124C20.6095 12.1271 22.7653 16.0192 16.9015 17.5609C16.9015 17.5605 16.9688 17.4996 16.9892 17.4452Z" fill="#0074BD"></path>
 <path d="M14.342 0.297607C14.342 0.297607 16.7735 2.73061 12.0352 6.47067C8.23535 9.47179 11.1688 11.1825 12.0339 13.138C9.81559 11.1368 8.18847 9.37486 9.27991 7.73517C10.8827 5.32879 15.3228 4.16161 14.342 0.297607Z" fill="#EA2D2E"></path>
diff --git a/src/tests/__snapshots__/LanguageJavascriptIcon.html b/src/tests/__snapshots__/LanguageJavascriptIcon.html
index d0e8f6a0..46452132 100644
--- a/src/tests/__snapshots__/LanguageJavascriptIcon.html
+++ b/src/tests/__snapshots__/LanguageJavascriptIcon.html
@@ -1,4 +1,4 @@
-<span data-v-31e457e3="" class="kui-icon language-javascript-icon" data-testid="kui-icon-wrapper-language-javascript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-31e457e3="" data-testid="kui-icon-svg-language-javascript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1379)">
+<span class="kui-icon language-javascript-icon" data-testid="kui-icon-wrapper-language-javascript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-javascript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1379)">
 <path d="M0.264038 0.264038H23.736V23.7362H0.264038V0.264038Z" fill="#F0DB4F"></path>
 <path d="M21.815 18.138C21.6431 17.0672 20.9449 16.1678 18.8765 15.3291C18.158 14.9989 17.357 14.7625 17.1184 14.218C17.0336 13.9011 17.0224 13.7226 17.076 13.5308C17.2299 12.9083 17.973 12.7142 18.5619 12.8927C18.9412 13.0199 19.3003 13.3122 19.5169 13.7785C20.5297 13.1226 20.5277 13.1269 21.2349 12.6762C20.976 12.2747 20.8378 12.0895 20.6683 11.9177C20.0591 11.2373 19.229 10.8869 17.9015 10.9137L17.21 11.0031C16.5474 11.1705 15.9159 11.5184 15.5456 11.9847C14.4345 13.2454 14.7514 15.4519 16.1034 16.36C17.4354 17.3597 19.3922 17.5872 19.6421 18.522C19.8853 19.6665 18.801 20.037 17.7232 19.9054C16.929 19.7402 16.4872 19.3365 16.0097 18.6025C15.1307 19.1112 15.1307 19.1112 14.2269 19.6309C14.4412 20.0995 14.6664 20.3115 15.0257 20.7175C16.7259 22.4421 20.9807 22.3574 21.7438 19.747C21.7747 19.6574 21.9802 19.0596 21.815 18.138ZM13.0241 11.0519H10.8287L10.8197 16.7278C10.8197 17.935 10.8821 19.0416 10.6858 19.3808C10.3646 20.0479 9.53229 19.9652 9.15298 19.8358C8.76692 19.6461 8.57061 19.3763 8.34317 18.9949C8.28073 18.8854 8.23386 18.8007 8.21811 18.7941L6.43311 19.8872C6.72992 20.4964 7.16717 21.0252 7.72723 21.3687C8.56386 21.8708 9.68829 22.0247 10.8643 21.7547C11.6297 21.5318 12.29 21.07 12.6358 20.367C13.1357 19.4455 13.0284 18.33 13.0239 17.0963C13.0352 15.0835 13.0241 13.071 13.0241 11.0519Z" fill="#323330"></path>
 </g>
diff --git a/src/tests/__snapshots__/LanguageJsonIcon.html b/src/tests/__snapshots__/LanguageJsonIcon.html
index f14e0d0a..a8337f14 100644
--- a/src/tests/__snapshots__/LanguageJsonIcon.html
+++ b/src/tests/__snapshots__/LanguageJsonIcon.html
@@ -1,4 +1,4 @@
-<span data-v-75862afc="" class="kui-icon language-json-icon" data-testid="kui-icon-wrapper-language-json-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-75862afc="" data-testid="kui-icon-svg-language-json-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1382)">
+<span class="kui-icon language-json-icon" data-testid="kui-icon-wrapper-language-json-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-json-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1382)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9803 17.6818C17.124 24.6939 22.158 15.7247 22.1505 10.3308C22.1419 3.95359 15.6784 0.389404 11.9762 0.389404C6.03413 0.389404 0.375 5.30041 0.375 12.0197C0.375 19.4882 6.86175 23.625 11.9762 23.625C10.8189 23.4583 6.96206 22.632 6.91012 13.7486C6.87525 7.74034 8.87006 5.33997 11.9677 6.39597C12.0371 6.42165 15.3846 7.74222 15.3846 12.056C15.3846 16.3513 11.9803 17.6818 11.9803 17.6818Z" fill="url(#paint0_linear_2_1382)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9743 6.39109C8.57549 5.21959 4.41187 8.02084 4.41187 13.6318C4.41187 22.7934 11.2011 23.625 12.024 23.625C17.9659 23.625 23.625 18.714 23.625 11.9947C23.625 4.52621 17.1382 0.389399 12.0238 0.389399C13.4404 0.193274 19.6586 1.9224 19.6586 10.4214C19.6586 15.9637 15.0154 18.981 11.9955 17.6919C11.9261 17.6662 8.57868 16.3456 8.57868 12.0318C8.57868 7.73621 11.9743 6.3909 11.9743 6.39109Z" fill="url(#paint1_linear_2_1382)"></path>
 </g>
diff --git a/src/tests/__snapshots__/LanguageNodejsIcon.html b/src/tests/__snapshots__/LanguageNodejsIcon.html
index 89220565..79e86861 100644
--- a/src/tests/__snapshots__/LanguageNodejsIcon.html
+++ b/src/tests/__snapshots__/LanguageNodejsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-18f739f7="" class="kui-icon language-nodejs-icon" data-testid="kui-icon-wrapper-language-nodejs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-18f739f7="" data-testid="kui-icon-svg-language-nodejs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1385)">
+<span class="kui-icon language-nodejs-icon" data-testid="kui-icon-wrapper-language-nodejs-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-nodejs-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1385)">
 <path d="M12.5547 0.154743C12.3824 0.0560657 12.1874 0.00415039 11.9889 0.00415039C11.7904 0.00415039 11.5953 0.0560657 11.4231 0.154743L2.08186 5.58006C1.72654 5.78106 1.52686 6.16037 1.52686 6.56256V17.4353C1.52686 17.8371 1.74867 18.2166 2.08148 18.4178L11.4227 23.8429C11.595 23.9416 11.7901 23.9936 11.9886 23.9936C12.1871 23.9936 12.3822 23.9416 12.5545 23.8429L21.8957 18.4176C22.2509 18.2166 22.4504 17.8371 22.4504 17.4351V6.56256C22.4504 6.16056 22.2285 5.78124 21.8957 5.58006L12.5547 0.154743Z" fill="url(#paint0_linear_2_1385)"></path>
 <path d="M21.9182 5.57997L12.5327 0.154653C12.4406 0.107813 12.3439 0.0704341 12.2442 0.0430908L1.72693 18.1496C1.81392 18.2565 1.91909 18.3473 2.03762 18.4177L11.4233 23.8428C11.6896 23.999 12.0001 24.0438 12.2886 23.9544L22.1624 5.78097C22.0975 5.69608 22.014 5.62729 21.9182 5.57997Z" fill="url(#paint1_linear_2_1385)"></path>
 <path d="M21.9184 18.4172C22.1847 18.261 22.3843 17.9931 22.473 17.7029L12.1999 0.0202985C11.9337 -0.0243265 11.6451 -0.00201398 11.4012 0.154361L2.08203 5.55736L12.1332 23.9989C12.2663 23.9764 12.4219 23.9318 12.555 23.8649L21.9184 18.4172Z" fill="url(#paint2_linear_2_1385)"></path>
diff --git a/src/tests/__snapshots__/LanguagePhpIcon.html b/src/tests/__snapshots__/LanguagePhpIcon.html
index 8712d158..c7e024df 100644
--- a/src/tests/__snapshots__/LanguagePhpIcon.html
+++ b/src/tests/__snapshots__/LanguagePhpIcon.html
@@ -1,4 +1,4 @@
-<span data-v-c1f0d698="" class="kui-icon language-php-icon" data-testid="kui-icon-wrapper-language-php-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c1f0d698="" data-testid="kui-icon-svg-language-php-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"></path>
+<span class="kui-icon language-php-icon" data-testid="kui-icon-wrapper-language-php-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-php-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 11.9999C0 15.4861 5.37262 18.3125 12 18.3125C18.6274 18.3125 24 15.4861 24 11.9999C24 8.51375 18.6272 5.68738 12 5.68738C5.37262 5.68738 0 8.51375 0 11.9999Z" fill="url(#paint0_radial_2_1389)"></path>
 <path d="M12 17.8438C18.3684 17.8438 23.5312 15.2272 23.5312 11.9999C23.5312 8.77232 18.3684 6.15613 12 6.15613C5.63156 6.15613 0.46875 8.77232 0.46875 11.9999C0.46875 15.2272 5.63156 17.8438 12 17.8438Z" fill="#777BB3"></path>
 <path d="M6.51973 12.7245C7.04341 12.7245 7.43416 12.6279 7.68148 12.4376C7.92635 12.249 8.09529 11.9225 8.18398 11.4673C8.26648 11.0417 8.23498 10.7447 8.09023 10.5842C7.94248 10.4203 7.62279 10.3372 7.14016 10.3372H6.30316L5.83948 12.7245H6.51973ZM3.78241 15.665C3.76321 15.665 3.74425 15.6607 3.7269 15.6525C3.70954 15.6443 3.69422 15.6323 3.68203 15.6175C3.66984 15.6027 3.66109 15.5853 3.6564 15.5667C3.65172 15.5481 3.65121 15.5286 3.65491 15.5098L4.88435 9.18392C4.89016 9.15435 4.90604 9.12771 4.92929 9.10853C4.95254 9.08935 4.98171 9.07882 5.01185 9.07874H7.66198C8.49485 9.07874 9.11473 9.30486 9.50454 9.75092C9.89604 10.199 10.0172 10.826 9.86398 11.6137C9.80154 11.9345 9.69429 12.2325 9.54523 12.4995C9.39006 12.7741 9.19207 13.0222 8.95873 13.2345C8.67166 13.503 8.34673 13.698 7.99366 13.8125C7.64641 13.9258 7.20016 13.9832 6.66804 13.9832H5.59479L5.28841 15.5597C5.28263 15.5893 5.26671 15.6161 5.24338 15.6353C5.22005 15.6545 5.19077 15.665 5.16054 15.665H3.78241Z" fill="black"></path>
 <path d="M6.41067 10.4674H7.14024C7.7228 10.4674 7.92511 10.5953 7.99392 10.6716C8.10774 10.798 8.12949 11.0648 8.05599 11.4426C7.97367 11.8658 7.82105 12.166 7.60224 12.3344C7.37836 12.5069 7.01386 12.5942 6.5198 12.5942H5.99742L6.41086 10.4676L6.41067 10.4674ZM7.66205 8.94867H5.01211C4.95168 8.94868 4.89313 8.96968 4.84648 9.00809C4.79983 9.0465 4.76797 9.09993 4.75636 9.15924L3.52692 15.4853C3.51966 15.523 3.52081 15.5618 3.53029 15.599C3.53977 15.6362 3.55735 15.6708 3.58176 15.7004C3.60617 15.73 3.63682 15.7539 3.67152 15.7703C3.70622 15.7867 3.74411 15.7952 3.78249 15.7952H5.16061C5.22104 15.7952 5.27956 15.7741 5.32618 15.7357C5.3728 15.6972 5.40461 15.6438 5.41617 15.5845L5.70211 14.1134H6.66792C7.21392 14.1134 7.67367 14.0537 8.03424 13.9364C8.40492 13.816 8.74599 13.6118 9.04786 13.3294C9.29092 13.108 9.49719 12.8494 9.65892 12.5631C9.81474 12.2843 9.92686 11.973 9.99174 11.6385C10.153 10.8092 10.0219 10.1453 9.60249 9.6653C9.18699 9.18961 8.53411 8.94849 7.66205 8.94849V8.94867ZM5.68149 12.8545H6.5198C7.07536 12.8545 7.48917 12.75 7.76105 12.5404C8.03311 12.3312 8.2163 11.9817 8.31192 11.4921C8.40286 11.0219 8.36142 10.6902 8.18724 10.4969C8.01267 10.3037 7.66393 10.207 7.14024 10.207H6.19599L5.68149 12.8545ZM7.66224 9.20855C8.45949 9.20855 9.04092 9.41799 9.40655 9.8363C9.77217 10.2548 9.88205 10.8389 9.73655 11.5887C9.67617 11.8977 9.57474 12.18 9.43186 12.4358C9.28861 12.6919 9.10186 12.9259 8.87105 13.1384C8.5958 13.3958 8.29036 13.5794 7.9538 13.6887C7.61742 13.7982 7.1888 13.8527 6.66811 13.8527H5.48761L5.1608 15.5346H3.78267L5.0123 9.20855H7.66224Z" fill="white"></path>
diff --git a/src/tests/__snapshots__/LanguagePythonIcon.html b/src/tests/__snapshots__/LanguagePythonIcon.html
index 04c9971f..214042c4 100644
--- a/src/tests/__snapshots__/LanguagePythonIcon.html
+++ b/src/tests/__snapshots__/LanguagePythonIcon.html
@@ -1,4 +1,4 @@
-<span data-v-431d13a0="" class="kui-icon language-python-icon" data-testid="kui-icon-wrapper-language-python-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-431d13a0="" data-testid="kui-icon-svg-language-python-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"></path>
+<span class="kui-icon language-python-icon" data-testid="kui-icon-wrapper-language-python-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-python-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.8858 2.29654C11.0942 2.30029 10.3386 2.3676 9.67335 2.48535C7.71398 2.83147 7.35848 3.55597 7.35848 4.89229V6.65685H11.9884V7.24504H5.62073C4.27523 7.24504 3.09698 8.05372 2.72835 9.59272C2.3031 11.3562 2.28435 12.4568 2.72835 14.2982C3.05741 15.669 3.84341 16.6455 5.1891 16.6455H6.78116V14.5302C6.78116 13.0018 8.10323 11.6539 9.67354 11.6539H14.2982C15.5856 11.6539 16.6131 10.5938 16.6131 9.30116V4.89247C16.6131 3.63754 15.5545 2.69497 14.2982 2.48554C13.5025 2.35316 12.6773 2.29297 11.8858 2.29654ZM9.38198 3.71572C9.8601 3.71572 10.2509 4.11266 10.2509 4.60091C10.2509 5.0871 9.86029 5.48029 9.38198 5.48029C8.90198 5.48029 8.51329 5.0871 8.51329 4.60091C8.5131 4.11266 8.90198 3.71572 9.38198 3.71572Z" fill="url(#paint0_linear_2_1403)"></path>
 <path d="M17.1903 7.24506V9.30119C17.1903 10.8949 15.8388 12.2365 14.298 12.2365H9.67327C8.40652 12.2365 7.3584 13.3208 7.3584 14.5894V18.9985C7.3584 20.2531 8.44927 20.9912 9.67327 21.3511C11.1388 21.7817 12.5443 21.8597 14.298 21.3511C15.4635 21.0134 16.6128 20.3342 16.6128 18.9985V17.2337H11.9883V16.6454H18.9281C20.2736 16.6454 20.7753 15.7069 21.2433 14.2981C21.7267 12.8477 21.7059 11.4529 21.2433 9.59256C20.9107 8.25287 20.2756 7.24487 18.9281 7.24487L17.1903 7.24506ZM14.5891 18.4101C15.0693 18.4101 15.458 18.8033 15.458 19.2899C15.458 19.7777 15.0691 20.1747 14.5891 20.1747C14.111 20.1747 13.7205 19.7777 13.7205 19.2899C13.7205 18.8033 14.111 18.4101 14.5891 18.4101Z" fill="url(#paint1_linear_2_1403)"></path>
 <path opacity="0.444" d="M18.2455 22.4244C18.2455 23.0887 15.4675 23.6274 12.0409 23.6274C8.61418 23.6274 5.83618 23.0887 5.83618 22.4244C5.83618 21.7599 8.61399 21.2212 12.0409 21.2212C15.4675 21.2212 18.2455 21.7597 18.2455 22.4244Z" fill="url(#paint2_radial_2_1403)"></path>
 <defs>
diff --git a/src/tests/__snapshots__/LanguageRIcon.html b/src/tests/__snapshots__/LanguageRIcon.html
index 76b27d85..50bd7822 100644
--- a/src/tests/__snapshots__/LanguageRIcon.html
+++ b/src/tests/__snapshots__/LanguageRIcon.html
@@ -1,4 +1,4 @@
-<span data-v-3c766700="" class="kui-icon language-r-icon" data-testid="kui-icon-wrapper-language-r-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3c766700="" data-testid="kui-icon-svg-language-r-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"></path>
+<span class="kui-icon language-r-icon" data-testid="kui-icon-wrapper-language-r-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-r-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.8213C5.37262 18.8213 0 15.2232 0 10.7845C0 6.34599 5.37262 2.74768 12 2.74768C18.6274 2.74768 24 6.34581 24 10.7845C24 15.223 18.6274 18.8213 12 18.8213ZM13.8368 5.88999C8.79937 5.88999 4.71562 8.34981 4.71562 11.3843C4.71562 14.4186 8.79937 16.8786 13.8368 16.8786C18.8741 16.8786 22.5917 15.1967 22.5917 11.3843C22.5917 7.57299 18.8741 5.88999 13.8368 5.88999Z" fill="url(#paint0_linear_2_1407)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2754 15.1936C18.2754 15.1936 19.0018 15.4128 19.4237 15.6264C19.5699 15.7005 19.8234 15.8482 20.0061 16.0425C20.1133 16.156 20.203 16.2849 20.2723 16.425L23.1347 21.2512L18.5083 21.2531L16.3451 17.1907C16.3451 17.1907 15.9021 16.4295 15.6294 16.2088C15.402 16.0246 15.3051 15.9592 15.0802 15.9592H13.9811L13.9819 21.2503L9.88818 21.252V7.73621H18.1089C18.1089 7.73621 21.8533 7.80371 21.8533 11.366C21.8533 14.9283 18.2754 15.1936 18.2754 15.1936ZM16.4947 10.668L14.0164 10.6663L14.0152 12.9646L16.4947 12.9637C16.4947 12.9637 17.643 12.9601 17.643 11.7946C17.643 10.6059 16.4947 10.668 16.4947 10.668Z" fill="url(#paint1_linear_2_1407)"></path>
 <defs>
 <linearGradient id="paint0_linear_2_1407" x1="0.000135372" y1="2.74591" x2="14.8636" y2="24.9385" gradientUnits="userSpaceOnUse">
diff --git a/src/tests/__snapshots__/LanguageRubyIcon.html b/src/tests/__snapshots__/LanguageRubyIcon.html
index 1856dcb2..82f75a61 100644
--- a/src/tests/__snapshots__/LanguageRubyIcon.html
+++ b/src/tests/__snapshots__/LanguageRubyIcon.html
@@ -1,4 +1,4 @@
-<span data-v-a63e86d6="" class="kui-icon language-ruby-icon" data-testid="kui-icon-wrapper-language-ruby-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a63e86d6="" data-testid="kui-icon-svg-language-ruby-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1410)">
+<span class="kui-icon language-ruby-icon" data-testid="kui-icon-wrapper-language-ruby-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-ruby-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1410)">
 <path d="M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z" fill="url(#paint0_linear_2_1410)"></path>
 <path d="M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z" fill="url(#paint1_linear_2_1410)"></path>
 <path d="M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z" fill="url(#paint2_linear_2_1410)"></path>
diff --git a/src/tests/__snapshots__/LanguageShellIcon.html b/src/tests/__snapshots__/LanguageShellIcon.html
index 830af00e..439bad67 100644
--- a/src/tests/__snapshots__/LanguageShellIcon.html
+++ b/src/tests/__snapshots__/LanguageShellIcon.html
@@ -1,4 +1,4 @@
-<span data-v-21053b5a="" class="kui-icon language-shell-icon" data-testid="kui-icon-wrapper-language-shell-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-21053b5a="" data-testid="kui-icon-svg-language-shell-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"></path>
+<span class="kui-icon language-shell-icon" data-testid="kui-icon-wrapper-language-shell-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-shell-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z" fill="url(#paint1_linear_2_1398)"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z" fill="#2C5591"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z" fill="white"></path>
diff --git a/src/tests/__snapshots__/LanguageSwiftIcon.html b/src/tests/__snapshots__/LanguageSwiftIcon.html
index fb956301..074d8bbc 100644
--- a/src/tests/__snapshots__/LanguageSwiftIcon.html
+++ b/src/tests/__snapshots__/LanguageSwiftIcon.html
@@ -1,4 +1,4 @@
-<span data-v-76136a3c="" class="kui-icon language-swift-icon" data-testid="kui-icon-wrapper-language-swift-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-76136a3c="" data-testid="kui-icon-svg-language-swift-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1429)">
+<span class="kui-icon language-swift-icon" data-testid="kui-icon-wrapper-language-swift-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-language-swift-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><g clip-path="url(#clip0_2_1429)">
 <path d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"></path>
 <path d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"></path>
 </g>
diff --git a/src/tests/__snapshots__/LinkIcon.html b/src/tests/__snapshots__/LinkIcon.html
index 5af4f6c5..7f6aac06 100644
--- a/src/tests/__snapshots__/LinkIcon.html
+++ b/src/tests/__snapshots__/LinkIcon.html
@@ -1 +1 @@
-<span data-v-c9f15c59="" class="kui-icon link-icon" data-testid="kui-icon-wrapper-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c9f15c59="" data-testid="kui-icon-svg-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H10C10.2833 7 10.5208 7.09583 10.7125 7.2875C10.9042 7.47917 11 7.71667 11 8C11 8.28333 10.9042 8.52083 10.7125 8.7125C10.5208 8.90417 10.2833 9 10 9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H10C10.2833 15 10.5208 15.0958 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2833 10.9042 16.5208 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H7ZM9 13C8.71667 13 8.47917 12.9042 8.2875 12.7125C8.09583 12.5208 8 12.2833 8 12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H15C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H9ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon link-icon" data-testid="kui-icon-wrapper-link-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-link-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 17C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H10C10.2833 7 10.5208 7.09583 10.7125 7.2875C10.9042 7.47917 11 7.71667 11 8C11 8.28333 10.9042 8.52083 10.7125 8.7125C10.5208 8.90417 10.2833 9 10 9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H10C10.2833 15 10.5208 15.0958 10.7125 15.2875C10.9042 15.4792 11 15.7167 11 16C11 16.2833 10.9042 16.5208 10.7125 16.7125C10.5208 16.9042 10.2833 17 10 17H7ZM9 13C8.71667 13 8.47917 12.9042 8.2875 12.7125C8.09583 12.5208 8 12.2833 8 12C8 11.7167 8.09583 11.4792 8.2875 11.2875C8.47917 11.0958 8.71667 11 9 11H15C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12C16 12.2833 15.9042 12.5208 15.7125 12.7125C15.5208 12.9042 15.2833 13 15 13H9ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H14C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinkedServicesIcon.html b/src/tests/__snapshots__/LinkedServicesIcon.html
index 2eb7aeea..bc172284 100644
--- a/src/tests/__snapshots__/LinkedServicesIcon.html
+++ b/src/tests/__snapshots__/LinkedServicesIcon.html
@@ -1 +1 @@
-<span data-v-1a525e3d="" class="kui-icon linked-services-icon" data-testid="kui-icon-wrapper-linked-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1a525e3d="" data-testid="kui-icon-svg-linked-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon linked-services-icon" data-testid="kui-icon-wrapper-linked-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-linked-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LinuxIcon.html b/src/tests/__snapshots__/LinuxIcon.html
index 4ccad0f6..3f67e0ee 100644
--- a/src/tests/__snapshots__/LinuxIcon.html
+++ b/src/tests/__snapshots__/LinuxIcon.html
@@ -1,4 +1,4 @@
-<span data-v-92e08b29="" class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-92e08b29="" data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path>
+<span class="kui-icon linux-icon" data-testid="kui-icon-wrapper-linux-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-linux-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.53693 7.07369L9.60009 8.52632L8.58956 10.4211L7.01061 13.5158L6.69482 16.1053L7.83167 19.7684L10.4211 21.2211H14.3369L18.0001 18.4421L19.6422 14.0842L15.8527 9.47369L14.779 6.88422L9.53693 7.07369Z" fill="#ECEFF1"></path>
 <path d="M18.5051 10.6737C17.4946 9.22111 16.6735 8.3369 16.2314 6.50532C15.7893 4.67374 16.3577 5.179 15.9788 3.60005C15.7893 2.779 15.4735 2.21058 15.1577 1.76848C14.7788 1.32637 14.3367 1.07374 14.0841 1.01058C13.5156 0.694792 12.1893 0.189528 10.5472 1.07374C8.84195 1.95795 9.03143 3.85269 9.34722 7.70532C9.34722 7.95795 9.28406 8.27374 9.15774 8.52637C8.90511 9.09479 8.46301 9.60005 8.08406 10.0422C7.64195 10.6737 7.19985 11.3053 6.88406 12.0001C6.12616 13.4527 5.43143 15.2843 5.6209 15.979C5.93669 15.9158 9.91564 21.979 9.91564 22.1053C10.1683 22.0422 11.242 22.0422 12.1893 22.0422C13.5156 21.979 14.2735 21.9158 15.3472 22.1685C15.3472 21.979 15.2841 21.7895 15.2841 21.6001C15.2841 21.2211 15.3472 20.9053 15.4104 20.4632C15.4735 20.1474 15.5367 19.8316 15.5998 19.4527C14.9683 20.0211 13.8314 20.6527 12.7577 20.8422C11.8104 21.0316 10.2314 20.7158 9.47353 19.7685C9.53669 19.7685 9.66301 19.7685 9.72616 19.7053C9.91564 19.6422 10.1051 19.579 10.1683 19.4527C10.3577 19.1369 10.2314 18.8211 10.1051 18.6316C9.9788 18.4422 9.03143 17.7474 8.58932 17.3685C8.14722 16.9895 7.89458 16.8001 7.64195 16.5474C7.64195 16.5474 7.26301 16.1685 7.13669 16.0422C7.01037 15.9158 6.94722 15.7895 6.88406 15.7264C6.75774 15.4106 6.69458 15.0316 6.75774 14.5264C6.8209 13.8316 7.07353 13.2632 7.38932 12.6316C7.51564 12.379 7.83143 11.8737 7.83143 11.8737C7.83143 11.8737 6.75774 14.5264 7.32616 15.3474C7.32616 15.3474 7.38932 14.5264 7.64195 13.7053C7.83143 13.1369 8.14722 12.3158 8.52616 11.8737C8.90511 11.4316 9.85248 9.78953 9.91564 8.779C9.91564 8.3369 9.97879 7.89479 9.97879 7.579C9.72616 7.32637 14.1472 6.69479 14.3998 7.38953C14.463 7.64216 15.3472 9.91584 15.8525 11.1158C16.1051 11.6843 16.4209 12.1895 16.6104 12.8211C16.7998 13.5158 16.9262 14.4632 16.9262 15.4106C16.9262 15.6001 16.9262 15.9158 16.863 16.2316C16.9893 16.2316 19.4525 13.579 16.5472 11.3685C16.5472 11.3685 18.3156 12.1895 18.3788 13.8316C18.442 15.158 17.8735 16.2316 17.7472 16.4211C17.8104 16.4211 19.0735 16.9895 19.1367 16.9895C19.3893 16.9895 19.8946 16.8001 19.8946 16.8001C19.9577 16.6106 20.1472 16.1053 20.1472 15.9158C20.5893 14.4632 19.5156 12.1264 18.5051 10.6737Z" fill="#263238"></path>
 <path d="M10.4841 6.50532C10.9376 6.50532 11.3052 5.93978 11.3052 5.24216C11.3052 4.54454 10.9376 3.979 10.4841 3.979C10.0307 3.979 9.66309 4.54454 9.66309 5.24216C9.66309 5.93978 10.0307 6.50532 10.4841 6.50532Z" fill="#ECEFF1"></path>
 <path d="M13.3261 6.63158C13.9191 6.63158 14.3998 5.98122 14.3998 5.17895C14.3998 4.37668 13.9191 3.72632 13.3261 3.72632C12.7331 3.72632 12.2524 4.37668 12.2524 5.17895C12.2524 5.98122 12.7331 6.63158 13.3261 6.63158Z" fill="#ECEFF1"></path>
diff --git a/src/tests/__snapshots__/ListIcon.html b/src/tests/__snapshots__/ListIcon.html
index 6cefc848..db9cb493 100644
--- a/src/tests/__snapshots__/ListIcon.html
+++ b/src/tests/__snapshots__/ListIcon.html
@@ -1 +1 @@
-<span data-v-40223f99="" class="kui-icon list-icon" data-testid="kui-icon-wrapper-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-40223f99="" data-testid="kui-icon-svg-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM7 17V15H21V17H7ZM7 13V11H21V13H7ZM7 9V7H21V9H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon list-icon" data-testid="kui-icon-wrapper-list-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-list-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 17C3.71667 17 3.47917 16.9042 3.2875 16.7125C3.09583 16.5208 3 16.2833 3 16C3 15.7167 3.09583 15.4792 3.2875 15.2875C3.47917 15.0958 3.71667 15 4 15C4.28333 15 4.52083 15.0958 4.7125 15.2875C4.90417 15.4792 5 15.7167 5 16C5 16.2833 4.90417 16.5208 4.7125 16.7125C4.52083 16.9042 4.28333 17 4 17ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13ZM4 9C3.71667 9 3.47917 8.90417 3.2875 8.7125C3.09583 8.52083 3 8.28333 3 8C3 7.71667 3.09583 7.47917 3.2875 7.2875C3.47917 7.09583 3.71667 7 4 7C4.28333 7 4.52083 7.09583 4.7125 7.2875C4.90417 7.47917 5 7.71667 5 8C5 8.28333 4.90417 8.52083 4.7125 8.7125C4.52083 8.90417 4.28333 9 4 9ZM7 17V15H21V17H7ZM7 13V11H21V13H7ZM7 9V7H21V9H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListOrderedIcon.html b/src/tests/__snapshots__/ListOrderedIcon.html
index 21806f32..9a752ec6 100644
--- a/src/tests/__snapshots__/ListOrderedIcon.html
+++ b/src/tests/__snapshots__/ListOrderedIcon.html
@@ -1 +1 @@
-<span data-v-3f765bc9="" class="kui-icon list-ordered-icon" data-testid="kui-icon-wrapper-list-ordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3f765bc9="" data-testid="kui-icon-svg-list-ordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon list-ordered-icon" data-testid="kui-icon-wrapper-list-ordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-list-ordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ListUnorderedIcon.html b/src/tests/__snapshots__/ListUnorderedIcon.html
index da879802..afdc845e 100644
--- a/src/tests/__snapshots__/ListUnorderedIcon.html
+++ b/src/tests/__snapshots__/ListUnorderedIcon.html
@@ -1 +1 @@
-<span data-v-2b538ed8="" class="kui-icon list-unordered-icon" data-testid="kui-icon-wrapper-list-unordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2b538ed8="" data-testid="kui-icon-svg-list-unordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon list-unordered-icon" data-testid="kui-icon-wrapper-list-unordered-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-list-unordered-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18C3 17.45 3.19583 16.9792 3.5875 16.5875C3.97917 16.1958 4.45 16 5 16C5.55 16 6.02083 16.1958 6.4125 16.5875C6.80417 16.9792 7 17.45 7 18C7 18.55 6.80417 19.0208 6.4125 19.4125C6.02083 19.8042 5.55 20 5 20ZM5 14C4.45 14 3.97917 13.8042 3.5875 13.4125C3.19583 13.0208 3 12.55 3 12C3 11.45 3.19583 10.9792 3.5875 10.5875C3.97917 10.1958 4.45 10 5 10C5.55 10 6.02083 10.1958 6.4125 10.5875C6.80417 10.9792 7 11.45 7 12C7 12.55 6.80417 13.0208 6.4125 13.4125C6.02083 13.8042 5.55 14 5 14ZM5 8C4.45 8 3.97917 7.80417 3.5875 7.4125C3.19583 7.02083 3 6.55 3 6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4C5.55 4 6.02083 4.19583 6.4125 4.5875C6.80417 4.97917 7 5.45 7 6C7 6.55 6.80417 7.02083 6.4125 7.4125C6.02083 7.80417 5.55 8 5 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/LockIcon.html b/src/tests/__snapshots__/LockIcon.html
index 1f502b00..c33a212d 100644
--- a/src/tests/__snapshots__/LockIcon.html
+++ b/src/tests/__snapshots__/LockIcon.html
@@ -1 +1 @@
-<span data-v-0c8ab230="" class="kui-icon lock-icon" data-testid="kui-icon-wrapper-lock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0c8ab230="" data-testid="kui-icon-svg-lock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon lock-icon" data-testid="kui-icon-wrapper-lock-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-lock-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V10C4 9.45 4.19583 8.97917 4.5875 8.5875C4.97917 8.19583 5.45 8 6 8H7V6C7 4.61667 7.4875 3.4375 8.4625 2.4625C9.4375 1.4875 10.6167 1 12 1C13.3833 1 14.5625 1.4875 15.5375 2.4625C16.5125 3.4375 17 4.61667 17 6V8H18C18.55 8 19.0208 8.19583 19.4125 8.5875C19.8042 8.97917 20 9.45 20 10V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM6 20H18V10H6V20ZM12 17C12.55 17 13.0208 16.8042 13.4125 16.4125C13.8042 16.0208 14 15.55 14 15C14 14.45 13.8042 13.9792 13.4125 13.5875C13.0208 13.1958 12.55 13 12 13C11.45 13 10.9792 13.1958 10.5875 13.5875C10.1958 13.9792 10 14.45 10 15C10 15.55 10.1958 16.0208 10.5875 16.4125C10.9792 16.8042 11.45 17 12 17ZM9 8H15V6C15 5.16667 14.7083 4.45833 14.125 3.875C13.5417 3.29167 12.8333 3 12 3C11.1667 3 10.4583 3.29167 9.875 3.875C9.29167 4.45833 9 5.16667 9 6V8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MarkIcon.html b/src/tests/__snapshots__/MarkIcon.html
index 31f049ef..0f978973 100644
--- a/src/tests/__snapshots__/MarkIcon.html
+++ b/src/tests/__snapshots__/MarkIcon.html
@@ -1 +1 @@
-<span data-v-a16a05ea="" class="kui-icon mark-icon" data-testid="kui-icon-wrapper-mark-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a16a05ea="" data-testid="kui-icon-svg-mark-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.79999 21.4L5.84999 20.45L4.79999 21.5C4.48333 21.8167 4.09583 21.9792 3.63749 21.9875C3.17916 21.9958 2.79999 21.8333 2.49999 21.5C2.18333 21.1833 2.02499 20.8 2.02499 20.35C2.02499 19.9 2.18333 19.5167 2.49999 19.2L3.54999 18.15L2.59999 17.15L16.45 3.3C16.65 3.1 16.8917 3 17.175 3C17.4583 3 17.7 3.1 17.9 3.3L20.7 6.1C20.9 6.3 21 6.54167 21 6.825C21 7.10833 20.9 7.35 20.7 7.55L6.79999 21.4ZM11.1 11.5L5.39999 17.15L6.84999 18.6L12.5 12.9L11.1 11.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon mark-icon" data-testid="kui-icon-wrapper-mark-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-mark-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6.79999 21.4L5.84999 20.45L4.79999 21.5C4.48333 21.8167 4.09583 21.9792 3.63749 21.9875C3.17916 21.9958 2.79999 21.8333 2.49999 21.5C2.18333 21.1833 2.02499 20.8 2.02499 20.35C2.02499 19.9 2.18333 19.5167 2.49999 19.2L3.54999 18.15L2.59999 17.15L16.45 3.3C16.65 3.1 16.8917 3 17.175 3C17.4583 3 17.7 3.1 17.9 3.3L20.7 6.1C20.9 6.3 21 6.54167 21 6.825C21 7.10833 20.9 7.35 20.7 7.55L6.79999 21.4ZM11.1 11.5L5.39999 17.15L6.84999 18.6L12.5 12.9L11.1 11.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MarkdownIcon.html b/src/tests/__snapshots__/MarkdownIcon.html
index c696be8e..16bf9075 100644
--- a/src/tests/__snapshots__/MarkdownIcon.html
+++ b/src/tests/__snapshots__/MarkdownIcon.html
@@ -1 +1 @@
-<span data-v-0aeb14e7="" class="kui-icon markdown-icon" data-testid="kui-icon-wrapper-markdown-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0aeb14e7="" data-testid="kui-icon-svg-markdown-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon markdown-icon" data-testid="kui-icon-wrapper-markdown-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-markdown-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 15L19 12L17.95 10.925L16.75 12.125V9H15.25V12.125L14.05 10.925L13 12L16 15ZM4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V6H4V18ZM5.5 15H7V10.5H8V13.5H9.5V10.5H10.5V15H12V10C12 9.71667 11.9042 9.47917 11.7125 9.2875C11.5208 9.09583 11.2833 9 11 9H6.5C6.21667 9 5.97917 9.09583 5.7875 9.2875C5.59583 9.47917 5.5 9.71667 5.5 10V15Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MenuIcon.html b/src/tests/__snapshots__/MenuIcon.html
index 8eada4d7..e032621d 100644
--- a/src/tests/__snapshots__/MenuIcon.html
+++ b/src/tests/__snapshots__/MenuIcon.html
@@ -1 +1 @@
-<span data-v-b60ce07c="" class="kui-icon menu-icon" data-testid="kui-icon-wrapper-menu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b60ce07c="" data-testid="kui-icon-svg-menu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon menu-icon" data-testid="kui-icon-wrapper-menu-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-menu-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MeshIcon.html b/src/tests/__snapshots__/MeshIcon.html
index c532b2ea..023ab72d 100644
--- a/src/tests/__snapshots__/MeshIcon.html
+++ b/src/tests/__snapshots__/MeshIcon.html
@@ -1 +1 @@
-<span data-v-3e5f89b3="" class="kui-icon mesh-icon" data-testid="kui-icon-wrapper-mesh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-3e5f89b3="" data-testid="kui-icon-svg-mesh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 20C5.16667 20 4.45833 19.7083 3.875 19.125C3.29167 18.5417 3 17.8333 3 17C3 16.1667 3.29167 15.4583 3.875 14.875C4.45833 14.2917 5.16667 14 6 14C6.83333 14 7.54167 14.2917 8.125 14.875C8.70833 15.4583 9 16.1667 9 17C9 17.8333 8.70833 18.5417 8.125 19.125C7.54167 19.7083 6.83333 20 6 20ZM18 20C17.1667 20 16.4583 19.7083 15.875 19.125C15.2917 18.5417 15 17.8333 15 17C15 16.1667 15.2917 15.4583 15.875 14.875C16.4583 14.2917 17.1667 14 18 14C18.8333 14 19.5417 14.2917 20.125 14.875C20.7083 15.4583 21 16.1667 21 17C21 17.8333 20.7083 18.5417 20.125 19.125C19.5417 19.7083 18.8333 20 18 20ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.16667 9.29167 5.45833 9.875 4.875C10.4583 4.29167 11.1667 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon mesh-icon" data-testid="kui-icon-wrapper-mesh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-mesh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 20C5.16667 20 4.45833 19.7083 3.875 19.125C3.29167 18.5417 3 17.8333 3 17C3 16.1667 3.29167 15.4583 3.875 14.875C4.45833 14.2917 5.16667 14 6 14C6.83333 14 7.54167 14.2917 8.125 14.875C8.70833 15.4583 9 16.1667 9 17C9 17.8333 8.70833 18.5417 8.125 19.125C7.54167 19.7083 6.83333 20 6 20ZM18 20C17.1667 20 16.4583 19.7083 15.875 19.125C15.2917 18.5417 15 17.8333 15 17C15 16.1667 15.2917 15.4583 15.875 14.875C16.4583 14.2917 17.1667 14 18 14C18.8333 14 19.5417 14.2917 20.125 14.875C20.7083 15.4583 21 16.1667 21 17C21 17.8333 20.7083 18.5417 20.125 19.125C19.5417 19.7083 18.8333 20 18 20ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.16667 9.29167 5.45833 9.875 4.875C10.4583 4.29167 11.1667 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MoreHorizontalIcon.html b/src/tests/__snapshots__/MoreHorizontalIcon.html
index 401b9c84..4242a6d5 100644
--- a/src/tests/__snapshots__/MoreHorizontalIcon.html
+++ b/src/tests/__snapshots__/MoreHorizontalIcon.html
@@ -1 +1 @@
-<span data-v-9c41ff0c="" class="kui-icon more-horizontal-icon" data-testid="kui-icon-wrapper-more-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9c41ff0c="" data-testid="kui-icon-svg-more-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon more-horizontal-icon" data-testid="kui-icon-wrapper-more-horizontal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-more-horizontal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M6 14C5.45 14 4.97917 13.8042 4.5875 13.4125C4.19583 13.0208 4 12.55 4 12C4 11.45 4.19583 10.9792 4.5875 10.5875C4.97917 10.1958 5.45 10 6 10C6.55 10 7.02083 10.1958 7.4125 10.5875C7.80417 10.9792 8 11.45 8 12C8 12.55 7.80417 13.0208 7.4125 13.4125C7.02083 13.8042 6.55 14 6 14ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM18 14C17.45 14 16.9792 13.8042 16.5875 13.4125C16.1958 13.0208 16 12.55 16 12C16 11.45 16.1958 10.9792 16.5875 10.5875C16.9792 10.1958 17.45 10 18 10C18.55 10 19.0208 10.1958 19.4125 10.5875C19.8042 10.9792 20 11.45 20 12C20 12.55 19.8042 13.0208 19.4125 13.4125C19.0208 13.8042 18.55 14 18 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/MoreIcon.html b/src/tests/__snapshots__/MoreIcon.html
index 2fb0f570..3f793277 100644
--- a/src/tests/__snapshots__/MoreIcon.html
+++ b/src/tests/__snapshots__/MoreIcon.html
@@ -1 +1 @@
-<span data-v-86091694="" class="kui-icon more-icon" data-testid="kui-icon-wrapper-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-86091694="" data-testid="kui-icon-svg-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon more-icon" data-testid="kui-icon-wrapper-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14ZM12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/NetworkIcon.html b/src/tests/__snapshots__/NetworkIcon.html
index 51cf0c85..6587694f 100644
--- a/src/tests/__snapshots__/NetworkIcon.html
+++ b/src/tests/__snapshots__/NetworkIcon.html
@@ -1 +1 @@
-<span data-v-e7751ca4="" class="kui-icon network-icon" data-testid="kui-icon-wrapper-network-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e7751ca4="" data-testid="kui-icon-svg-network-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon network-icon" data-testid="kui-icon-wrapper-network-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-network-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 19.95C12.4333 19.35 12.8083 18.725 13.125 18.075C13.4417 17.425 13.7 16.7333 13.9 16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95ZM9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM14.6 19.55C15.5333 19.25 16.3625 18.7917 17.0875 18.175C17.8125 17.5583 18.4167 16.8333 18.9 16H15.95C15.8 16.6333 15.6125 17.2458 15.3875 17.8375C15.1625 18.4292 14.9 19 14.6 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM9.65 14H14.35C14.4 13.6667 14.4375 13.3375 14.4625 13.0125C14.4875 12.6875 14.5 12.35 14.5 12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14ZM16.35 14H19.75C19.8333 13.6667 19.8958 13.3375 19.9375 13.0125C19.9792 12.6875 20 12.35 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12C16.5 12.35 16.4875 12.6875 16.4625 13.0125C16.4375 13.3375 16.4 13.6667 16.35 14ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/NotificationIcon.html b/src/tests/__snapshots__/NotificationIcon.html
index 4dbd0b9e..6f8c77ab 100644
--- a/src/tests/__snapshots__/NotificationIcon.html
+++ b/src/tests/__snapshots__/NotificationIcon.html
@@ -1 +1 @@
-<span data-v-2be60e68="" class="kui-icon notification-icon" data-testid="kui-icon-wrapper-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-2be60e68="" data-testid="kui-icon-svg-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon notification-icon" data-testid="kui-icon-wrapper-notification-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-notification-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4 19V17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H20V19H4ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM8 17H16V10C16 8.9 15.6083 7.95833 14.825 7.175C14.0417 6.39167 13.1 6 12 6C10.9 6 9.95833 6.39167 9.175 7.175C8.39167 7.95833 8 8.9 8 10V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/OrganizationIcon.html b/src/tests/__snapshots__/OrganizationIcon.html
index 71d472ff..98726282 100644
--- a/src/tests/__snapshots__/OrganizationIcon.html
+++ b/src/tests/__snapshots__/OrganizationIcon.html
@@ -1 +1 @@
-<span data-v-56b7b4e6="" class="kui-icon organization-icon" data-testid="kui-icon-wrapper-organization-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-56b7b4e6="" data-testid="kui-icon-svg-organization-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon organization-icon" data-testid="kui-icon-wrapper-organization-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-organization-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2 21V3H12V7H22V21H2ZM4 19H10V17H4V19ZM4 15H10V13H4V15ZM4 11H10V9H4V11ZM4 7H10V5H4V7ZM12 19H20V9H12V19ZM14 13V11H18V13H14ZM14 17V15H18V17H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/OverviewIcon.html b/src/tests/__snapshots__/OverviewIcon.html
index bcd12aca..d43bcd15 100644
--- a/src/tests/__snapshots__/OverviewIcon.html
+++ b/src/tests/__snapshots__/OverviewIcon.html
@@ -1 +1 @@
-<span data-v-7ef661f5="" class="kui-icon overview-icon" data-testid="kui-icon-wrapper-overview-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7ef661f5="" data-testid="kui-icon-svg-overview-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M9.92421 2.40002L5.76021 9.60002H18.2402L12.0002 20.4L5.76021 9.60002L1.51221 16.968L3.67221 20.4H21.2402L22.8482 17.592L14.0882 2.40002H9.91221H9.92421Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon overview-icon" data-testid="kui-icon-wrapper-overview-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-overview-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M9.92421 2.40002L5.76021 9.60002H18.2402L12.0002 20.4L5.76021 9.60002L1.51221 16.968L3.67221 20.4H21.2402L22.8482 17.592L14.0882 2.40002H9.91221H9.92421Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PeopleIcon.html b/src/tests/__snapshots__/PeopleIcon.html
index 9ca5b610..8e7c3c55 100644
--- a/src/tests/__snapshots__/PeopleIcon.html
+++ b/src/tests/__snapshots__/PeopleIcon.html
@@ -1 +1 @@
-<span data-v-a1f2927c="" class="kui-icon people-icon" data-testid="kui-icon-wrapper-people-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1f2927c="" data-testid="kui-icon-svg-people-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon people-icon" data-testid="kui-icon-wrapper-people-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-people-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM19 20V17C19 16.2667 18.7958 15.5625 18.3875 14.8875C17.9792 14.2125 17.4 13.6333 16.65 13.15C17.5 13.25 18.3 13.4208 19.05 13.6625C19.8 13.9042 20.5 14.2 21.15 14.55C21.75 14.8833 22.2083 15.2542 22.525 15.6625C22.8417 16.0708 23 16.5167 23 17V20H19ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM19 8C19 9.1 18.6083 10.0417 17.825 10.825C17.0417 11.6083 16.1 12 15 12C14.8167 12 14.5833 11.9792 14.3 11.9375C14.0167 11.8958 13.7833 11.85 13.6 11.8C14.05 11.2667 14.3958 10.675 14.6375 10.025C14.8792 9.375 15 8.7 15 8C15 7.3 14.8792 6.625 14.6375 5.975C14.3958 5.325 14.05 4.73333 13.6 4.2C13.8333 4.11667 14.0667 4.0625 14.3 4.0375C14.5333 4.0125 14.7667 4 15 4C16.1 4 17.0417 4.39167 17.825 5.175C18.6083 5.95833 19 6.9 19 8Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PlugIcon.html b/src/tests/__snapshots__/PlugIcon.html
index 9eece42a..22c711e9 100644
--- a/src/tests/__snapshots__/PlugIcon.html
+++ b/src/tests/__snapshots__/PlugIcon.html
@@ -1 +1 @@
-<span data-v-8d329f2c="" class="kui-icon plug-icon" data-testid="kui-icon-wrapper-plug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8d329f2c="" data-testid="kui-icon-svg-plug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon plug-icon" data-testid="kui-icon-wrapper-plug-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-plug-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11.5 19H12.5V17.15L16 13.65V9H8V13.65L11.5 17.15V19ZM9.5 21V18L6 14.5V9C6 8.45 6.19583 7.97917 6.5875 7.5875C6.97917 7.19583 7.45 7 8 7H9L8 8V3H10V7H14V3H16V8L15 7H16C16.55 7 17.0208 7.19583 17.4125 7.5875C17.8042 7.97917 18 8.45 18 9V14.5L14.5 18V21H9.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PortalIcon.html b/src/tests/__snapshots__/PortalIcon.html
index bc7b543e..8f26f864 100644
--- a/src/tests/__snapshots__/PortalIcon.html
+++ b/src/tests/__snapshots__/PortalIcon.html
@@ -1 +1 @@
-<span data-v-a8b2332d="" class="kui-icon portal-icon" data-testid="kui-icon-wrapper-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a8b2332d="" data-testid="kui-icon-svg-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon portal-icon" data-testid="kui-icon-wrapper-portal-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-portal-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.4 19.55C9.1 19 8.8375 18.4292 8.6125 17.8375C8.3875 17.2458 8.2 16.6333 8.05 16H5.1C5.58333 16.8333 6.1875 17.5583 6.9125 18.175C7.6375 18.7917 8.46667 19.25 9.4 19.55ZM4.25 14H7.65C7.6 13.6667 7.5625 13.3375 7.5375 13.0125C7.5125 12.6875 7.5 12.35 7.5 12C7.5 11.65 7.5125 11.3125 7.5375 10.9875C7.5625 10.6625 7.6 10.3333 7.65 10H4.25C4.16667 10.3333 4.10417 10.6625 4.0625 10.9875C4.02083 11.3125 4 11.65 4 12C4 12.35 4.02083 12.6875 4.0625 13.0125C4.10417 13.3375 4.16667 13.6667 4.25 14ZM5.1 8H8.05C8.2 7.36667 8.3875 6.75417 8.6125 6.1625C8.8375 5.57083 9.1 5 9.4 4.45C8.46667 4.75 7.6375 5.20833 6.9125 5.825C6.1875 6.44167 5.58333 7.16667 5.1 8ZM10.1 8H13.9C13.7 7.26667 13.4417 6.575 13.125 5.925C12.8083 5.275 12.4333 4.65 12 4.05C11.5667 4.65 11.1917 5.275 10.875 5.925C10.5583 6.575 10.3 7.26667 10.1 8ZM15.95 8H18.9C18.4167 7.16667 17.8125 6.44167 17.0875 5.825C16.3625 5.20833 15.5333 4.75 14.6 4.45C14.9 5 15.1625 5.57083 15.3875 6.1625C15.6125 6.75417 15.8 7.36667 15.95 8ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 12.1667 21.9958 12.3333 21.9875 12.5C21.9792 12.6667 21.9667 12.8333 21.95 13H19.925C19.9583 12.8333 19.9792 12.6708 19.9875 12.5125C19.9958 12.3542 20 12.1833 20 12C20 11.65 19.9792 11.3125 19.9375 10.9875C19.8958 10.6625 19.8333 10.3333 19.75 10H16.35C16.4 10.3333 16.4375 10.6625 16.4625 10.9875C16.4875 11.3125 16.5 11.65 16.5 12V12.5125C16.5 12.6708 16.4917 12.8333 16.475 13H14.475C14.4917 12.8333 14.5 12.6708 14.5 12.5125V12C14.5 11.65 14.4875 11.3125 14.4625 10.9875C14.4375 10.6625 14.4 10.3333 14.35 10H9.65C9.6 10.3333 9.5625 10.6625 9.5375 10.9875C9.5125 11.3125 9.5 11.65 9.5 12C9.5 12.35 9.5125 12.6875 9.5375 13.0125C9.5625 13.3375 9.6 13.6667 9.65 14H13V16H10.1C10.3 16.7333 10.5583 17.425 10.875 18.075C11.1917 18.725 11.5667 19.35 12 19.95C12.1833 19.6833 12.3583 19.4125 12.525 19.1375C12.6917 18.8625 12.85 18.5833 13 18.3V21.95C12.8333 21.9667 12.6708 21.9792 12.5125 21.9875C12.3542 21.9958 12.1833 22 12 22ZM19.95 21.375L17 18.425V20.65H15V15H20.65V17H18.4L21.35 19.95L19.95 21.375Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/PresentationIcon.html b/src/tests/__snapshots__/PresentationIcon.html
index 2f88a80f..836ac7b9 100644
--- a/src/tests/__snapshots__/PresentationIcon.html
+++ b/src/tests/__snapshots__/PresentationIcon.html
@@ -1 +1 @@
-<span data-v-45effb9b="" class="kui-icon presentation-icon" data-testid="kui-icon-wrapper-presentation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-45effb9b="" data-testid="kui-icon-svg-presentation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon presentation-icon" data-testid="kui-icon-wrapper-presentation-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-presentation-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.5 16.5L16.5 12L9.5 7.5V16.5ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProfileIcon.html b/src/tests/__snapshots__/ProfileIcon.html
index 8aef1476..d28069e8 100644
--- a/src/tests/__snapshots__/ProfileIcon.html
+++ b/src/tests/__snapshots__/ProfileIcon.html
@@ -1 +1 @@
-<span data-v-d1b567fd="" class="kui-icon profile-icon" data-testid="kui-icon-wrapper-profile-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d1b567fd="" data-testid="kui-icon-svg-profile-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon profile-icon" data-testid="kui-icon-wrapper-profile-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-profile-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProfileTeamIcon.html b/src/tests/__snapshots__/ProfileTeamIcon.html
index 84a3b28f..4532180d 100644
--- a/src/tests/__snapshots__/ProfileTeamIcon.html
+++ b/src/tests/__snapshots__/ProfileTeamIcon.html
@@ -1 +1 @@
-<span data-v-9883273a="" class="kui-icon profile-team-icon" data-testid="kui-icon-wrapper-profile-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9883273a="" data-testid="kui-icon-svg-profile-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.3 19.8C11.05 18.2833 12.05 17.2708 13.3 16.7625C14.55 16.2542 15.6167 16 16.5 16C16.8833 16 17.2583 16.0333 17.625 16.1C17.9917 16.1667 18.35 16.25 18.7 16.35C19.1 15.7167 19.4167 15.0333 19.65 14.3C19.8833 13.5667 20 12.8 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.75 4.09583 13.4667 4.2875 14.15C4.47917 14.8333 4.76667 15.4667 5.15 16.05C5.83333 15.7167 6.54167 15.4583 7.275 15.275C8.00833 15.0917 8.75 15 9.5 15C10.0333 15 10.5458 15.0458 11.0375 15.1375C11.5292 15.2292 12.0167 15.35 12.5 15.5C12.1167 15.7 11.7542 15.9333 11.4125 16.2C11.0708 16.4667 10.75 16.75 10.45 17.05C10.25 17.0167 10.0792 17 9.9375 17H9.5C8.96667 17 8.4375 17.0583 7.9125 17.175C7.3875 17.2917 6.88333 17.4667 6.4 17.7C6.93333 18.2333 7.52917 18.6792 8.1875 19.0375C8.84583 19.3958 9.55 19.65 10.3 19.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.5 13.5C8.53333 13.5 7.70833 13.1583 7.025 12.475C6.34167 11.7917 6 10.9667 6 10C6 9.03333 6.34167 8.20833 7.025 7.525C7.70833 6.84167 8.53333 6.5 9.5 6.5C10.4667 6.5 11.2917 6.84167 11.975 7.525C12.6583 8.20833 13 9.03333 13 10C13 10.9667 12.6583 11.7917 11.975 12.475C11.2917 13.1583 10.4667 13.5 9.5 13.5ZM9.5 11.5C9.91667 11.5 10.2708 11.3542 10.5625 11.0625C10.8542 10.7708 11 10.4167 11 10C11 9.58333 10.8542 9.22917 10.5625 8.9375C10.2708 8.64583 9.91667 8.5 9.5 8.5C9.08333 8.5 8.72917 8.64583 8.4375 8.9375C8.14583 9.22917 8 9.58333 8 10C8 10.4167 8.14583 10.7708 8.4375 11.0625C8.72917 11.3542 9.08333 11.5 9.5 11.5ZM16.5 14.5C15.8 14.5 15.2083 14.2583 14.725 13.775C14.2417 13.2917 14 12.7 14 12C14 11.3 14.2417 10.7083 14.725 10.225C15.2083 9.74167 15.8 9.5 16.5 9.5C17.2 9.5 17.7917 9.74167 18.275 10.225C18.7583 10.7083 19 11.3 19 12C19 12.7 18.7583 13.2917 18.275 13.775C17.7917 14.2583 17.2 14.5 16.5 14.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon profile-team-icon" data-testid="kui-icon-wrapper-profile-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-profile-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.3 19.8C11.05 18.2833 12.05 17.2708 13.3 16.7625C14.55 16.2542 15.6167 16 16.5 16C16.8833 16 17.2583 16.0333 17.625 16.1C17.9917 16.1667 18.35 16.25 18.7 16.35C19.1 15.7167 19.4167 15.0333 19.65 14.3C19.8833 13.5667 20 12.8 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 12.75 4.09583 13.4667 4.2875 14.15C4.47917 14.8333 4.76667 15.4667 5.15 16.05C5.83333 15.7167 6.54167 15.4583 7.275 15.275C8.00833 15.0917 8.75 15 9.5 15C10.0333 15 10.5458 15.0458 11.0375 15.1375C11.5292 15.2292 12.0167 15.35 12.5 15.5C12.1167 15.7 11.7542 15.9333 11.4125 16.2C11.0708 16.4667 10.75 16.75 10.45 17.05C10.25 17.0167 10.0792 17 9.9375 17H9.5C8.96667 17 8.4375 17.0583 7.9125 17.175C7.3875 17.2917 6.88333 17.4667 6.4 17.7C6.93333 18.2333 7.52917 18.6792 8.1875 19.0375C8.84583 19.3958 9.55 19.65 10.3 19.8ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.5 13.5C8.53333 13.5 7.70833 13.1583 7.025 12.475C6.34167 11.7917 6 10.9667 6 10C6 9.03333 6.34167 8.20833 7.025 7.525C7.70833 6.84167 8.53333 6.5 9.5 6.5C10.4667 6.5 11.2917 6.84167 11.975 7.525C12.6583 8.20833 13 9.03333 13 10C13 10.9667 12.6583 11.7917 11.975 12.475C11.2917 13.1583 10.4667 13.5 9.5 13.5ZM9.5 11.5C9.91667 11.5 10.2708 11.3542 10.5625 11.0625C10.8542 10.7708 11 10.4167 11 10C11 9.58333 10.8542 9.22917 10.5625 8.9375C10.2708 8.64583 9.91667 8.5 9.5 8.5C9.08333 8.5 8.72917 8.64583 8.4375 8.9375C8.14583 9.22917 8 9.58333 8 10C8 10.4167 8.14583 10.7708 8.4375 11.0625C8.72917 11.3542 9.08333 11.5 9.5 11.5ZM16.5 14.5C15.8 14.5 15.2083 14.2583 14.725 13.775C14.2417 13.2917 14 12.7 14 12C14 11.3 14.2417 10.7083 14.725 10.225C15.2083 9.74167 15.8 9.5 16.5 9.5C17.2 9.5 17.7917 9.74167 18.275 10.225C18.7583 10.7083 19 11.3 19 12C19 12.7 18.7583 13.2917 18.275 13.775C17.7917 14.2583 17.2 14.5 16.5 14.5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ProgressIcon.html b/src/tests/__snapshots__/ProgressIcon.html
index f5eefd6f..fd12a52b 100644
--- a/src/tests/__snapshots__/ProgressIcon.html
+++ b/src/tests/__snapshots__/ProgressIcon.html
@@ -1,2 +1,2 @@
-<span data-v-c7351aba="" class="kui-icon progress-icon" data-testid="kui-icon-wrapper-progress-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7351aba="" data-testid="kui-icon-svg-progress-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" transform-origin="center"></path>
+<span class="kui-icon progress-icon" data-testid="kui-icon-wrapper-progress-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-progress-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" transform-origin="center"></path>
 <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" dur="1.5s" repeatCount="indefinite"></animateTransform></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RedoIcon.html b/src/tests/__snapshots__/RedoIcon.html
index 01430739..061915c7 100644
--- a/src/tests/__snapshots__/RedoIcon.html
+++ b/src/tests/__snapshots__/RedoIcon.html
@@ -1 +1 @@
-<span data-v-28e93034="" class="kui-icon redo-icon" data-testid="kui-icon-wrapper-redo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-28e93034="" data-testid="kui-icon-svg-redo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.9 19C8.28333 19 6.89583 18.475 5.7375 17.425C4.57917 16.375 4 15.0667 4 13.5C4 11.9333 4.57917 10.625 5.7375 9.575C6.89583 8.525 8.28333 8 9.9 8H16.2L13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H9.9C8.85 10 7.9375 10.3333 7.1625 11C6.3875 11.6667 6 12.5 6 13.5C6 14.5 6.3875 15.3333 7.1625 16C7.9375 16.6667 8.85 17 9.9 17H17V19H9.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon redo-icon" data-testid="kui-icon-wrapper-redo-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-redo-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.9 19C8.28333 19 6.89583 18.475 5.7375 17.425C4.57917 16.375 4 15.0667 4 13.5C4 11.9333 4.57917 10.625 5.7375 9.575C6.89583 8.525 8.28333 8 9.9 8H16.2L13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H9.9C8.85 10 7.9375 10.3333 7.1625 11C6.3875 11.6667 6 12.5 6 13.5C6 14.5 6.3875 15.3333 7.1625 16C7.9375 16.6667 8.85 17 9.9 17H17V19H9.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RefreshIcon.html b/src/tests/__snapshots__/RefreshIcon.html
index 850a8c2f..2faefeba 100644
--- a/src/tests/__snapshots__/RefreshIcon.html
+++ b/src/tests/__snapshots__/RefreshIcon.html
@@ -1 +1 @@
-<span data-v-68a6c665="" class="kui-icon refresh-icon" data-testid="kui-icon-wrapper-refresh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-68a6c665="" data-testid="kui-icon-svg-refresh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V4H20V11H13V9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.2833 18 14.4417 17.6333 15.475 16.9C16.5083 16.1667 17.2333 15.2 17.65 14H19.75C19.2833 15.7667 18.3333 17.2083 16.9 18.325C15.4667 19.4417 13.8333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon refresh-icon" data-testid="kui-icon-wrapper-refresh-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-refresh-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 20C9.76667 20 7.875 19.225 6.325 17.675C4.775 16.125 4 14.2333 4 12C4 9.76667 4.775 7.875 6.325 6.325C7.875 4.775 9.76667 4 12 4C13.15 4 14.25 4.2375 15.3 4.7125C16.35 5.1875 17.25 5.86667 18 6.75V4H20V11H13V9H17.2C16.6667 8.06667 15.9375 7.33333 15.0125 6.8C14.0875 6.26667 13.0833 6 12 6C10.3333 6 8.91667 6.58333 7.75 7.75C6.58333 8.91667 6 10.3333 6 12C6 13.6667 6.58333 15.0833 7.75 16.25C8.91667 17.4167 10.3333 18 12 18C13.2833 18 14.4417 17.6333 15.475 16.9C16.5083 16.1667 17.2333 15.2 17.65 14H19.75C19.2833 15.7667 18.3333 17.2083 16.9 18.325C15.4667 19.4417 13.8333 20 12 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RegexIcon.html b/src/tests/__snapshots__/RegexIcon.html
index d39f4d9a..0322075a 100644
--- a/src/tests/__snapshots__/RegexIcon.html
+++ b/src/tests/__snapshots__/RegexIcon.html
@@ -1 +1 @@
-<span data-v-41f98a05="" class="kui-icon regex-icon" data-testid="kui-icon-wrapper-regex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-41f98a05="" data-testid="kui-icon-svg-regex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon regex-icon" data-testid="kui-icon-wrapper-regex-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-regex-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.30937 19.025C3.49271 18.075 2.86198 16.9917 2.41719 15.775C1.9724 14.5583 1.75 13.2833 1.75 11.95C1.75 10.6167 1.96875 9.34167 2.40625 8.125C2.84375 6.90833 3.47812 5.825 4.30937 4.875L5.55625 6.3C4.88542 7.05 4.375 7.9125 4.025 8.8875C3.675 9.8625 3.5 10.8833 3.5 11.95C3.5 13.0167 3.67865 14.0375 4.03594 15.0125C4.39323 15.9875 4.9 16.85 5.55625 17.6L4.30937 19.025ZM8.3125 18C7.94792 18 7.63802 17.8542 7.38281 17.5625C7.1276 17.2708 7 16.9167 7 16.5C7 16.0833 7.1276 15.7292 7.38281 15.4375C7.63802 15.1458 7.94792 15 8.3125 15C8.67708 15 8.98698 15.1458 9.24219 15.4375C9.49739 15.7292 9.625 16.0833 9.625 16.5C9.625 16.9167 9.49739 17.2708 9.24219 17.5625C8.98698 17.8542 8.67708 18 8.3125 18ZM11.3531 13V11.225L10.0187 12.125L9.14375 10.375L10.4781 9.5L9.14375 8.625L10.0187 6.875L11.3531 7.775V6H13.1031V7.775L14.4375 6.875L15.3125 8.625L13.9781 9.5L15.3125 10.375L14.4375 12.125L13.1031 11.225V13H11.3531ZM16.6906 19.025L15.4437 17.6C16.1146 16.85 16.625 15.9875 16.975 15.0125C17.325 14.0375 17.5 13.0167 17.5 11.95C17.5 10.8833 17.3214 9.8625 16.9641 8.8875C16.6068 7.9125 16.1 7.05 15.4437 6.3L16.6906 4.875C17.5073 5.825 18.138 6.90833 18.5828 8.125C19.0276 9.34167 19.25 10.6167 19.25 11.95C19.25 13.2833 19.0312 14.5583 18.5937 15.775C18.1562 16.9917 17.5219 18.075 16.6906 19.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RemoveIcon.html b/src/tests/__snapshots__/RemoveIcon.html
index 3b709a39..8e99d65d 100644
--- a/src/tests/__snapshots__/RemoveIcon.html
+++ b/src/tests/__snapshots__/RemoveIcon.html
@@ -1 +1 @@
-<span data-v-12efbb51="" class="kui-icon remove-icon" data-testid="kui-icon-wrapper-remove-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-12efbb51="" data-testid="kui-icon-svg-remove-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 13V11H19V13H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon remove-icon" data-testid="kui-icon-wrapper-remove-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-remove-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 13V11H19V13H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ResponseIcon.html b/src/tests/__snapshots__/ResponseIcon.html
index 9b6de56a..07ec36c6 100644
--- a/src/tests/__snapshots__/ResponseIcon.html
+++ b/src/tests/__snapshots__/ResponseIcon.html
@@ -1 +1 @@
-<span data-v-15276fd2="" class="kui-icon response-icon" data-testid="kui-icon-wrapper-response-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-15276fd2="" data-testid="kui-icon-svg-response-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon response-icon" data-testid="kui-icon-wrapper-response-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-response-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.25 5C14.9 5 14.6042 4.87917 14.3625 4.6375C14.1208 4.39583 14 4.1 14 3.75C14 3.4 14.1208 3.10417 14.3625 2.8625C14.6042 2.62083 14.9 2.5 15.25 2.5C15.6 2.5 15.8958 2.62083 16.1375 2.8625C16.3792 3.10417 16.5 3.4 16.5 3.75C16.5 4.1 16.3792 4.39583 16.1375 4.6375C15.8958 4.87917 15.6 5 15.25 5ZM15.25 21.5C14.9 21.5 14.6042 21.3792 14.3625 21.1375C14.1208 20.8958 14 20.6 14 20.25C14 19.9 14.1208 19.6042 14.3625 19.3625C14.6042 19.1208 14.9 19 15.25 19C15.6 19 15.8958 19.1208 16.1375 19.3625C16.3792 19.6042 16.5 19.9 16.5 20.25C16.5 20.6 16.3792 20.8958 16.1375 21.1375C15.8958 21.3792 15.6 21.5 15.25 21.5ZM19.25 8.5C18.9 8.5 18.6042 8.37917 18.3625 8.1375C18.1208 7.89583 18 7.6 18 7.25C18 6.9 18.1208 6.60417 18.3625 6.3625C18.6042 6.12083 18.9 6 19.25 6C19.6 6 19.8958 6.12083 20.1375 6.3625C20.3792 6.60417 20.5 6.9 20.5 7.25C20.5 7.6 20.3792 7.89583 20.1375 8.1375C19.8958 8.37917 19.6 8.5 19.25 8.5ZM19.25 18C18.9 18 18.6042 17.8792 18.3625 17.6375C18.1208 17.3958 18 17.1 18 16.75C18 16.4 18.1208 16.1042 18.3625 15.8625C18.6042 15.6208 18.9 15.5 19.25 15.5C19.6 15.5 19.8958 15.6208 20.1375 15.8625C20.3792 16.1042 20.5 16.4 20.5 16.75C20.5 17.1 20.3792 17.3958 20.1375 17.6375C19.8958 17.8792 19.6 18 19.25 18ZM20.75 13.25C20.4 13.25 20.1042 13.1292 19.8625 12.8875C19.6208 12.6458 19.5 12.35 19.5 12C19.5 11.65 19.6208 11.3542 19.8625 11.1125C20.1042 10.8708 20.4 10.75 20.75 10.75C21.1 10.75 21.3958 10.8708 21.6375 11.1125C21.8792 11.3542 22 11.65 22 12C22 12.35 21.8792 12.6458 21.6375 12.8875C21.3958 13.1292 21.1 13.25 20.75 13.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2V4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20V22ZM12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.9167 10.0042 11.8292 10.0125 11.7375C10.0208 11.6458 10.0417 11.5583 10.075 11.475L8 9.4L9.4 8L11.475 10.075C11.5417 10.0583 11.7167 10.0333 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RocketIcon.html b/src/tests/__snapshots__/RocketIcon.html
index d4ed2ac6..342e1328 100644
--- a/src/tests/__snapshots__/RocketIcon.html
+++ b/src/tests/__snapshots__/RocketIcon.html
@@ -1 +1 @@
-<span data-v-27a8d9a3="" class="kui-icon rocket-icon" data-testid="kui-icon-wrapper-rocket-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-27a8d9a3="" data-testid="kui-icon-svg-rocket-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon rocket-icon" data-testid="kui-icon-wrapper-rocket-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-rocket-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M2.4498 10.575L6.6498 6.37504C6.88314 6.1417 7.15814 5.97504 7.4748 5.87504C7.79147 5.77504 8.11647 5.75837 8.4498 5.82504L9.7498 6.10004C8.8498 7.1667 8.14147 8.13337 7.6248 9.00004C7.10814 9.8667 6.60814 10.9167 6.1248 12.15L2.4498 10.575ZM7.5748 12.85C7.95814 11.65 8.47897 10.5167 9.1373 9.45004C9.79564 8.38337 10.5915 7.38337 11.5248 6.45004C12.9915 4.98337 14.6665 3.88754 16.5498 3.16254C18.4331 2.43754 20.1915 2.2167 21.8248 2.50004C22.1081 4.13337 21.8915 5.8917 21.1748 7.77504C20.4581 9.65837 19.3665 11.3334 17.8998 12.8C16.9831 13.7167 15.9831 14.5125 14.8998 15.1875C13.8165 15.8625 12.6748 16.3917 11.4748 16.775L7.5748 12.85ZM14.4748 9.85004C14.8581 10.2334 15.329 10.425 15.8873 10.425C16.4456 10.425 16.9165 10.2334 17.2998 9.85004C17.6831 9.4667 17.8748 8.99587 17.8748 8.43754C17.8748 7.8792 17.6831 7.40837 17.2998 7.02504C16.9165 6.6417 16.4456 6.45004 15.8873 6.45004C15.329 6.45004 14.8581 6.6417 14.4748 7.02504C14.0915 7.40837 13.8998 7.8792 13.8998 8.43754C13.8998 8.99587 14.0915 9.4667 14.4748 9.85004ZM13.7748 21.875L12.1748 18.2C13.4081 17.7167 14.4623 17.2167 15.3373 16.7C16.2123 16.1834 17.1831 15.475 18.2498 14.575L18.4998 15.875C18.5665 16.2084 18.5498 16.5375 18.4498 16.8625C18.3498 17.1875 18.1831 17.4667 17.9498 17.7L13.7748 21.875ZM4.0498 16.05C4.63314 15.4667 5.34147 15.1709 6.1748 15.1625C7.00814 15.1542 7.71647 15.4417 8.2998 16.025C8.88314 16.6084 9.1748 17.3167 9.1748 18.15C9.1748 18.9834 8.88314 19.6917 8.2998 20.275C7.88314 20.6917 7.1873 21.05 6.2123 21.35C5.2373 21.65 3.89147 21.9167 2.1748 22.15C2.40814 20.4334 2.6748 19.0917 2.9748 18.125C3.2748 17.1584 3.63314 16.4667 4.0498 16.05Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeCompositeIcon.html b/src/tests/__snapshots__/RuntimeCompositeIcon.html
index bcdb6c5d..b89367fb 100644
--- a/src/tests/__snapshots__/RuntimeCompositeIcon.html
+++ b/src/tests/__snapshots__/RuntimeCompositeIcon.html
@@ -1 +1 @@
-<span data-v-961fb0b3="" class="kui-icon runtime-composite-icon" data-testid="kui-icon-wrapper-runtime-composite-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-961fb0b3="" data-testid="kui-icon-svg-runtime-composite-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon runtime-composite-icon" data-testid="kui-icon-wrapper-runtime-composite-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-runtime-composite-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 19C15.5333 19 15.0792 18.9542 14.6375 18.8625C14.1958 18.7708 13.7667 18.6417 13.35 18.475C14.3333 17.575 15.1042 16.5708 15.6625 15.4625C16.2208 14.3542 16.5 13.2 16.5 12C16.5 10.8 16.2208 9.64583 15.6625 8.5375C15.1042 7.42917 14.3333 6.425 13.35 5.525C13.7667 5.35833 14.1958 5.22917 14.6375 5.1375C15.0792 5.04583 15.5333 5 16 5C17.95 5 19.6042 5.67917 20.9625 7.0375C22.3208 8.39583 23 10.05 23 12C23 13.95 22.3208 15.6042 20.9625 16.9625C19.6042 18.3208 17.95 19 16 19ZM12 17.75C11.0833 17.1167 10.3542 16.3 9.8125 15.3C9.27083 14.3 9 13.2 9 12C9 10.8 9.27083 9.7 9.8125 8.7C10.3542 7.7 11.0833 6.88333 12 6.25C12.9167 6.88333 13.6458 7.7 14.1875 8.7C14.7292 9.7 15 10.8 15 12C15 13.2 14.7292 14.3 14.1875 15.3C13.6458 16.3 12.9167 17.1167 12 17.75ZM8 19C6.05 19 4.39583 18.3208 3.0375 16.9625C1.67917 15.6042 1 13.95 1 12C1 10.05 1.67917 8.39583 3.0375 7.0375C4.39583 5.67917 6.05 5 8 5C8.46667 5 8.92083 5.04583 9.3625 5.1375C9.80417 5.22917 10.2333 5.35833 10.65 5.525C9.66667 6.425 8.89583 7.42917 8.3375 8.5375C7.77917 9.64583 7.5 10.8 7.5 12C7.5 13.3167 7.77083 14.5375 8.3125 15.6625C8.85417 16.7875 9.6 17.7417 10.55 18.525C10.15 18.675 9.7375 18.7917 9.3125 18.875C8.8875 18.9583 8.45 19 8 19Z" fill="#6F28FF"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html b/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
index 6e739f2d..f89c1bc6 100644
--- a/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
+++ b/src/tests/__snapshots__/RuntimeDedicatedCloudIcon.html
@@ -1,4 +1,4 @@
-<span data-v-7c141e4c="" class="kui-icon runtime-dedicated-cloud-icon" data-testid="kui-icon-wrapper-runtime-dedicated-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-7c141e4c="" data-testid="kui-icon-svg-runtime-dedicated-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_754_9630)"></path>
+<span class="kui-icon runtime-dedicated-cloud-icon" data-testid="kui-icon-wrapper-runtime-dedicated-cloud-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-runtime-dedicated-cloud-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="url(#paint0_linear_754_9630)"></path>
 <defs>
 <linearGradient id="paint0_linear_754_9630" x1="1" y1="2" x2="23" y2="22" gradientUnits="userSpaceOnUse">
 <stop stop-color="#0044F4"></stop>
diff --git a/src/tests/__snapshots__/RuntimeHybridIcon.html b/src/tests/__snapshots__/RuntimeHybridIcon.html
index 81b4b450..78ddc753 100644
--- a/src/tests/__snapshots__/RuntimeHybridIcon.html
+++ b/src/tests/__snapshots__/RuntimeHybridIcon.html
@@ -1 +1 @@
-<span data-v-91f00892="" class="kui-icon runtime-hybrid-icon" data-testid="kui-icon-wrapper-runtime-hybrid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-91f00892="" data-testid="kui-icon-svg-runtime-hybrid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon runtime-hybrid-icon" data-testid="kui-icon-wrapper-runtime-hybrid-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-runtime-hybrid-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 16.0002H17V18.0002H17.5C18.2661 17.9997 19.0237 17.8392 19.7242 17.529C20.4247 17.2187 21.0527 16.7655 21.5678 16.1984C22.083 15.6313 22.474 14.9629 22.7158 14.2359C22.9575 13.5089 23.0448 12.7395 22.9719 11.9768C22.899 11.2142 22.6676 10.4751 22.2924 9.80713C21.9173 9.13912 21.4067 8.55685 20.7935 8.09764C20.1802 7.63843 19.4778 7.3124 18.7312 7.14046C17.9846 6.96852 17.2103 6.95445 16.458 7.09916C15.7826 5.35879 14.5197 3.90944 12.8882 3.00211C11.2567 2.09477 9.35922 1.78659 7.5244 2.13093C5.68959 2.47527 4.03297 3.45045 2.84144 4.88758C1.6499 6.32472 0.998489 8.13331 1 10.0002V10.0072H3V10.0002C3 8.40886 3.63214 6.88273 4.75736 5.75751C5.88258 4.6323 7.4087 4.00016 9 4.00016C10.5913 4.00016 12.1174 4.6323 13.2426 5.75751C14.3679 6.88273 15 8.40886 15 10.0002V10.0502C15.4039 9.63807 15.9035 9.33224 16.4542 9.1599C17.0049 8.98756 17.5896 8.95405 18.1564 9.06236C18.7232 9.17067 19.2544 9.41743 19.7028 9.78068C20.1511 10.1439 20.5027 10.6124 20.7262 11.1444C20.9498 11.6764 21.0383 12.2554 20.9839 12.8298C20.9296 13.4043 20.734 13.9564 20.4147 14.4371C20.0954 14.9177 19.6622 15.3119 19.1536 15.5846C18.6451 15.8573 18.077 16.0001 17.5 16.0002ZM1 16C1 15.4477 1.44772 15 2 15H16C16.5523 15 17 15.4477 17 16V21C17 21.5523 16.5523 22 16 22H2C1.44772 22 1 21.5523 1 21V16ZM8 17.5H3V19.5H8V17.5ZM12 18.5C12 19.0523 11.5523 19.5 11 19.5C10.4477 19.5 10 19.0523 10 18.5C10 17.9477 10.4477 17.5 11 17.5C11.5523 17.5 12 17.9477 12 18.5ZM15 18.5C15 19.0523 14.5523 19.5 14 19.5C13.4477 19.5 13 19.0523 13 18.5C13 17.9477 13.4477 17.5 14 17.5C14.5523 17.5 15 17.9477 15 18.5Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeKicIcon.html b/src/tests/__snapshots__/RuntimeKicIcon.html
index a0a88b61..0ce40e39 100644
--- a/src/tests/__snapshots__/RuntimeKicIcon.html
+++ b/src/tests/__snapshots__/RuntimeKicIcon.html
@@ -1,3 +1,3 @@
-<span data-v-fdd4148d="" class="kui-icon runtime-kic-icon" data-testid="kui-icon-wrapper-runtime-kic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-fdd4148d="" data-testid="kui-icon-svg-runtime-kic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"></path>
+<span class="kui-icon runtime-kic-icon" data-testid="kui-icon-wrapper-runtime-kic-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-runtime-kic-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M13.9146 13.5007C13.8866 13.495 13.8581 13.4928 13.8296 13.4941C13.7803 13.4968 13.7321 13.5097 13.6878 13.532C13.6019 13.5747 13.5353 13.65 13.5018 13.7421C13.4684 13.8342 13.4708 13.9361 13.5085 14.0264L13.5059 14.0302L14.3541 16.1414C15.1657 15.6079 15.7815 14.811 16.1042 13.8766L13.9184 13.496L13.9146 13.5007ZM10.5135 13.7999C10.4951 13.7167 10.4502 13.6423 10.3858 13.5885C10.3215 13.5347 10.2415 13.5048 10.1586 13.5034C10.1342 13.5031 10.1097 13.5053 10.0857 13.5101L10.082 13.5054L7.91521 13.8844C8.2406 14.8114 8.85385 15.6019 9.65982 16.1332L10.4995 14.0428L10.4929 14.0346C10.5239 13.9606 10.5311 13.8784 10.5135 13.7999V13.7999ZM12.3282 14.6197C12.2966 14.5589 12.2495 14.5081 12.1921 14.4728C12.1346 14.4374 12.0689 14.4187 12.0019 14.4188C11.935 14.4189 11.8693 14.4377 11.8119 14.4732C11.7545 14.5088 11.7076 14.5597 11.6761 14.6205H11.6743L10.6087 16.6056C11.3717 16.8732 12.1919 16.9166 12.9775 16.7311C13.1231 16.6969 13.2654 16.656 13.4044 16.6081L12.3363 14.6196L12.3282 14.6197ZM15.7015 10.0085L14.062 11.5203L14.0629 11.5251C14.0125 11.5705 13.975 11.629 13.9544 11.6946C13.9337 11.7601 13.9307 11.8302 13.9456 11.8974C13.9604 11.9646 13.9927 12.0264 14.0389 12.0762C14.0852 12.1261 14.1436 12.1621 14.2081 12.1804L14.2101 12.1895L16.3337 12.8197C16.4255 11.8368 16.2035 10.8499 15.7015 10.0088V10.0085ZM12.6556 10.1779C12.6587 10.2468 12.6798 10.3135 12.7167 10.371C12.7536 10.4284 12.805 10.4746 12.8653 10.5044C12.9256 10.5342 12.9926 10.5467 13.0593 10.5405C13.1259 10.5342 13.1896 10.5095 13.2437 10.4689L13.2502 10.4717L15.0441 9.16132C14.3613 8.47226 13.4776 8.0334 12.529 7.91221L12.6536 10.1773L12.6556 10.1779ZM10.7558 10.4772C10.8099 10.5178 10.8737 10.5424 10.9403 10.5486C11.007 10.5547 11.074 10.5422 11.1342 10.5122C11.1945 10.4822 11.2457 10.436 11.2825 10.3784C11.3193 10.3208 11.3402 10.2541 11.3431 10.1852L11.3522 10.1808L11.4768 7.91211C11.3264 7.93073 11.177 7.95728 11.0291 7.99163C10.2428 8.17372 9.52147 8.57865 8.94666 9.16071L10.7523 10.4794L10.7558 10.4772ZM9.7932 12.1915C9.85783 12.1733 9.91646 12.1374 9.96284 12.0876C10.0092 12.0378 10.0416 11.9759 10.0565 11.9087C10.0715 11.8414 10.0684 11.7712 10.0476 11.7056C10.0268 11.6399 9.98917 11.5814 9.93862 11.5361L9.94041 11.5271L8.29188 10.008C7.78896 10.8513 7.5731 11.8432 7.67838 12.827L9.79151 12.1988L9.7932 12.1915ZM11.3944 12.8588L12.0025 13.16L12.6088 12.8594L12.7594 12.185L12.3398 11.6444H11.6644L11.2436 12.1842L11.3944 12.8588Z" fill="#326CE5"></path>
 <path d="M22.056 14.1874L20.3231 6.433C20.2765 6.23239 20.1873 6.04493 20.0619 5.88416C19.9364 5.72338 19.7779 5.5933 19.5977 5.50329L12.5834 2.05312C12.4016 1.96374 12.2027 1.91736 12.0013 1.91736C11.7999 1.91736 11.601 1.96374 11.4192 2.05312L4.40624 5.50513C4.22604 5.59508 4.06748 5.72514 3.942 5.8859C3.81652 6.04666 3.72725 6.23412 3.68065 6.43474L1.95056 14.189C1.90789 14.385 1.90775 14.5883 1.95016 14.7843C1.96265 14.844 1.97897 14.9029 1.999 14.9604C2.03286 15.0585 2.07769 15.1522 2.13258 15.2397C2.15635 15.2771 2.18142 15.3135 2.20867 15.3487L7.06293 21.5664C7.08412 21.5935 7.10749 21.6181 7.13067 21.6433C7.20684 21.7268 7.29284 21.8002 7.38669 21.8618C7.50539 21.9388 7.63474 21.9967 7.77033 22.0337C7.88151 22.0651 7.9962 22.0814 8.11149 22.0821H8.18698L15.8959 22.0803C15.9427 22.0801 15.9896 22.0772 16.0361 22.0718C16.1029 22.064 16.169 22.0511 16.234 22.0331C16.2805 22.0204 16.3263 22.0053 16.3713 21.9878C16.4064 21.9739 16.4414 21.9601 16.4753 21.9434C16.5259 21.9184 16.575 21.8903 16.6224 21.8592C16.7445 21.78 16.8533 21.6809 16.9443 21.5656L17.0923 21.376L21.7969 15.3467C21.8871 15.2302 21.9579 15.0991 22.0066 14.9588C22.0269 14.9011 22.0435 14.8421 22.0563 14.7822C22.0988 14.5861 22.0987 14.3828 22.0559 14.1868L22.056 14.1874ZM14.7805 17.2033C14.8002 17.263 14.8235 17.3212 14.8504 17.3778C14.8075 17.4552 14.7958 17.5468 14.8179 17.633C14.9199 17.8738 15.0446 18.1037 15.1901 18.3195C15.2715 18.4299 15.3467 18.545 15.4152 18.6642C15.4321 18.6965 15.4542 18.7465 15.4702 18.7806C15.5004 18.8327 15.5197 18.8906 15.5269 18.9508C15.534 19.011 15.5289 19.072 15.5118 19.13C15.4947 19.1881 15.466 19.2417 15.4275 19.2876C15.3891 19.3335 15.3417 19.3706 15.2885 19.3965C15.2353 19.4224 15.1774 19.4366 15.1186 19.4381C15.0598 19.4396 15.0013 19.4283 14.9469 19.4052C14.8926 19.382 14.8435 19.3473 14.8029 19.3034C14.7623 19.2595 14.7311 19.2073 14.7113 19.1503C14.6952 19.1164 14.673 19.0714 14.6593 19.0394C14.6114 18.9098 14.5707 18.7774 14.5375 18.643C14.4647 18.3915 14.3682 18.148 14.2494 17.9158C14.1978 17.844 14.1209 17.7959 14.0352 17.7819C14.0218 17.758 13.972 17.664 13.9454 17.6156C12.6967 18.1027 11.3176 18.0991 10.0714 17.6053L9.97645 17.7826C9.90864 17.7934 9.84558 17.8251 9.79552 17.8735C9.65237 18.1155 9.54295 18.377 9.47047 18.6504C9.43758 18.7848 9.39713 18.9172 9.34932 19.0468C9.3359 19.0785 9.31342 19.123 9.2974 19.1567V19.1576L9.29671 19.1585C9.27689 19.2156 9.24567 19.2679 9.20506 19.3118C9.16444 19.3558 9.11534 19.3905 9.0609 19.4137C9.00647 19.4369 8.94792 19.4481 8.88903 19.4465C8.83014 19.445 8.77221 19.4308 8.71899 19.4047C8.66577 19.3787 8.61844 19.3415 8.58004 19.2955C8.54164 19.2494 8.51304 19.1956 8.49607 19.1375C8.4791 19.0794 8.47414 19.0183 8.48151 18.958C8.48889 18.8978 8.50843 18.8399 8.53889 18.7879C8.5547 18.7536 8.57589 18.7039 8.5926 18.6716C8.66107 18.552 8.73619 18.4366 8.81759 18.326C8.96569 18.1045 9.09292 17.8689 9.19754 17.6224C9.20867 17.5389 9.19566 17.4538 9.16014 17.3778L9.23653 17.1893C8.08762 16.4907 7.22656 15.3832 6.81576 14.0755L6.63285 14.1076C6.56188 14.0557 6.47822 14.0254 6.39135 14.02C6.14106 14.0693 5.89602 14.1436 5.65969 14.2418C5.53698 14.2987 5.41121 14.3483 5.28302 14.3904C5.25268 14.399 5.20892 14.4076 5.1743 14.4154C5.17152 14.4164 5.16913 14.4177 5.16635 14.4184C5.1642 14.4187 5.16205 14.4189 5.15988 14.419C5.10416 14.4379 5.04523 14.4446 4.98686 14.4386C4.92849 14.4327 4.87196 14.4143 4.8209 14.3845C4.76984 14.3548 4.72537 14.3144 4.69033 14.266C4.65529 14.2175 4.63046 14.162 4.61743 14.1031C4.6044 14.0442 4.60345 13.9831 4.61465 13.9238C4.62585 13.8645 4.64895 13.8082 4.68246 13.7587C4.71598 13.7091 4.75917 13.6672 4.80929 13.6358C4.8594 13.6044 4.91533 13.5841 4.97348 13.5763L4.97955 13.5748L4.98323 13.5737C5.01834 13.5652 5.0633 13.5532 5.09533 13.5469C5.22887 13.5278 5.36337 13.5166 5.49816 13.5135C5.75236 13.4964 6.00434 13.4537 6.25051 13.3862C6.32346 13.3383 6.38511 13.2743 6.43094 13.1987L6.60669 13.1458C6.41598 11.781 6.72104 10.3918 7.46338 9.24447L7.3288 9.12089C7.3239 9.0312 7.29467 8.94472 7.24446 8.87128C7.05112 8.70006 6.84202 8.54871 6.62012 8.41938C6.5003 8.35643 6.3841 8.28643 6.27209 8.20973C6.24663 8.19016 6.21281 8.16075 6.18516 8.13759L6.17889 8.13308C6.08341 8.06242 6.01895 7.9557 5.99961 7.83624C5.98026 7.71677 6.0076 7.59428 6.07565 7.49551C6.11586 7.44481 6.16709 7.40458 6.22521 7.37809C6.28333 7.3516 6.34669 7.33959 6.41015 7.34304C6.51698 7.34776 6.61954 7.38762 6.70277 7.45678C6.73132 7.47983 6.77041 7.51068 6.79577 7.53312C6.89349 7.62833 6.98582 7.72926 7.07228 7.8354C7.24385 8.02959 7.4334 8.20606 7.63824 8.36231C7.71499 8.40389 7.80451 8.41283 7.88759 8.38721C7.93759 8.42478 7.98805 8.46174 8.03898 8.49808C8.77664 7.69028 9.73183 7.12808 10.7819 6.88366C11.0318 6.82535 11.2854 6.78519 11.5408 6.76346L11.5508 6.58066C11.616 6.52097 11.6632 6.44332 11.687 6.35686C11.6962 6.09448 11.6805 5.83181 11.6403 5.57256C11.6136 5.43669 11.5945 5.29936 11.583 5.16124C11.5819 5.12978 11.5836 5.08634 11.584 5.05047C11.584 5.04637 11.583 5.04227 11.583 5.03838C11.577 4.97792 11.5834 4.91685 11.6018 4.8591C11.6202 4.80135 11.6501 4.74822 11.6896 4.70312C11.7292 4.65802 11.7775 4.62196 11.8314 4.59728C11.8853 4.57259 11.9436 4.55982 12.0026 4.55979C12.0616 4.55976 12.1199 4.57247 12.1738 4.59711C12.2277 4.62174 12.276 4.65775 12.3156 4.70281C12.3552 4.74787 12.3852 4.80098 12.4036 4.85871C12.422 4.91644 12.4285 4.97751 12.4226 5.03797C12.4226 5.07588 12.4248 5.12609 12.4235 5.16093C12.412 5.29903 12.3928 5.43633 12.3659 5.57215C12.3254 5.83144 12.3095 6.09418 12.3183 6.35666C12.3349 6.4444 12.3842 6.52199 12.4555 6.57287C12.457 6.60412 12.462 6.70844 12.4656 6.76592C13.7927 6.89026 15.0308 7.50659 15.9501 8.50044L16.1098 8.3829C16.1956 8.39807 16.2838 8.3882 16.3645 8.35442C16.5693 8.1979 16.7588 8.02123 16.9304 7.8269C17.0171 7.7207 17.1096 7.61977 17.2076 7.52461C17.2334 7.50186 17.2723 7.47133 17.3007 7.44817C17.3428 7.40538 17.3932 7.3722 17.4486 7.35077C17.504 7.32934 17.5631 7.32015 17.6222 7.32379C17.6812 7.32743 17.7389 7.34383 17.7914 7.37191C17.8439 7.39999 17.89 7.43913 17.9269 7.48679C17.9638 7.53445 17.9905 7.58957 18.0054 7.64856C18.0202 7.70755 18.0229 7.7691 18.0131 7.82922C18.0034 7.88933 17.9815 7.94666 17.9489 7.99749C17.9162 8.04832 17.8736 8.09152 17.8237 8.12427C17.7955 8.14773 17.7583 8.18042 17.7313 8.20112C17.619 8.27788 17.5026 8.34788 17.3825 8.41077C17.1606 8.54018 16.9515 8.69152 16.7581 8.86267C16.7018 8.93057 16.6736 9.01847 16.6794 9.10757C16.656 9.1297 16.5739 9.20461 16.5305 9.24519C17.2749 10.3884 17.5861 11.7734 17.4049 13.1373L17.5744 13.1881C17.6168 13.2667 17.6795 13.3316 17.7555 13.3757C18.0018 13.4433 18.2539 13.4861 18.5082 13.5033C18.6429 13.5065 18.7772 13.5176 18.9106 13.5365C18.946 13.5432 18.997 13.5577 19.033 13.5663C19.0911 13.5741 19.1471 13.5944 19.1972 13.6259C19.2473 13.6573 19.2905 13.6991 19.324 13.7487C19.3574 13.7984 19.3805 13.8546 19.3917 13.9139C19.4029 13.9733 19.4019 14.0343 19.3888 14.0933C19.3758 14.1522 19.3509 14.2076 19.3158 14.2561C19.2808 14.3045 19.2363 14.3449 19.1852 14.3746C19.1341 14.4043 19.0776 14.4227 19.0192 14.4286C18.9608 14.4345 18.9019 14.4278 18.8462 14.4089L18.8401 14.408C18.8373 14.4073 18.8348 14.4058 18.8319 14.405C18.7973 14.3973 18.7538 14.3895 18.7234 14.3813C18.5953 14.3389 18.4696 14.2889 18.347 14.2315C18.1104 14.1332 17.8652 14.0589 17.6146 14.0096C17.5279 14.0068 17.4436 14.0391 17.3797 14.0995C17.32 14.0878 17.2602 14.077 17.2003 14.0671C16.7944 15.3829 15.9332 16.499 14.7805 17.2032V17.2033Z" fill="#326CE5"></path>
 <path d="M19.0331 13.5665C18.9973 13.558 18.9462 13.5435 18.9111 13.5368C18.7777 13.5178 18.6433 13.5067 18.5087 13.5034C18.2543 13.4863 18.0021 13.4436 17.7557 13.3761C17.6797 13.332 17.617 13.267 17.5747 13.1884L17.4052 13.1376C17.5864 11.7737 17.2753 10.3887 16.5309 9.24546C16.5743 9.20488 16.6564 9.12998 16.6796 9.10794C16.6738 9.01885 16.7021 8.93095 16.7584 8.86304C16.9518 8.6919 17.1609 8.54055 17.3827 8.41115C17.5028 8.34826 17.6193 8.27825 17.7315 8.20149C17.7586 8.18079 17.7956 8.148 17.8239 8.12464C17.8738 8.0919 17.9165 8.04871 17.9491 7.99789C17.9817 7.94708 18.0036 7.88976 18.0134 7.82966C18.0231 7.76956 18.0205 7.70802 18.0056 7.64904C17.9908 7.59006 17.9641 7.53495 17.9272 7.48729C17.8904 7.43962 17.8442 7.40047 17.7918 7.37237C17.7393 7.34427 17.6817 7.32786 17.6226 7.32418C17.5636 7.32051 17.5045 7.32967 17.4491 7.35106C17.3937 7.37244 17.3433 7.40559 17.3012 7.44834C17.2725 7.4716 17.2335 7.50214 17.2081 7.52488C17.11 7.62003 17.0174 7.72096 16.9307 7.82717C16.7591 8.0215 16.5695 8.19817 16.3647 8.35469C16.2841 8.38847 16.1959 8.39834 16.1101 8.38317L15.9503 8.50071C15.0311 7.50686 13.793 6.89053 12.4659 6.76619C12.462 6.70871 12.4572 6.6046 12.4558 6.57314C12.3845 6.52222 12.3353 6.44464 12.3188 6.35693C12.3099 6.09446 12.3258 5.83171 12.3663 5.57242C12.3931 5.43663 12.4122 5.29936 12.4235 5.16131C12.4248 5.12647 12.4228 5.07585 12.4228 5.03824C12.4287 4.97778 12.4223 4.91671 12.4038 4.85898C12.3854 4.80125 12.3555 4.74814 12.3159 4.70308C12.2763 4.65802 12.228 4.62201 12.1741 4.59738C12.1201 4.57274 12.0618 4.56003 12.0028 4.56006C11.9438 4.56009 11.8855 4.57286 11.8316 4.59755C11.7777 4.62223 11.7294 4.65829 11.6899 4.70339C11.6504 4.74849 11.6204 4.80162 11.6021 4.85937C11.5837 4.91712 11.5773 4.97819 11.5833 5.03865C11.5833 5.04275 11.5841 5.04664 11.5842 5.05074C11.5838 5.08661 11.5822 5.13005 11.5833 5.16141C11.5947 5.29956 11.6138 5.43693 11.6405 5.57283C11.6808 5.83208 11.6965 6.09475 11.6873 6.35713C11.6635 6.44351 11.6162 6.52108 11.551 6.58072L11.5411 6.76373C11.2857 6.78546 11.0321 6.82562 10.7822 6.88393C9.7322 7.12838 8.77712 7.69054 8.03953 8.49825C7.98847 8.46197 7.93788 8.42502 7.88775 8.38737C7.8047 8.41297 7.71522 8.40403 7.63849 8.36247C7.43365 8.20626 7.24411 8.02982 7.07254 7.83568C6.98617 7.72954 6.89394 7.62861 6.79633 7.53339C6.77076 7.51084 6.73167 7.4801 6.70303 7.45654C6.61979 7.38738 6.51724 7.34752 6.4104 7.34279C6.34692 7.33937 6.28355 7.35141 6.22544 7.37794C6.16732 7.40447 6.11609 7.44473 6.0759 7.49547C6.00786 7.59424 5.98052 7.71673 5.99986 7.8362C6.01921 7.95566 6.08366 8.06239 6.17915 8.13304L6.18561 8.13776C6.21307 8.16092 6.24688 8.19053 6.27235 8.20969C6.38435 8.28646 6.50055 8.35653 6.62037 8.41955C6.84224 8.54895 7.05132 8.70037 7.24461 8.87165C7.29482 8.94503 7.32407 9.03143 7.32906 9.12106L7.46343 9.24484C6.72117 10.3922 6.41617 11.7814 6.60694 13.1462L6.43119 13.1989C6.38533 13.2743 6.32369 13.3383 6.25076 13.3861C6.00458 13.4538 5.75257 13.4966 5.49831 13.5139C5.36356 13.517 5.22909 13.5282 5.09558 13.5473C5.06336 13.5534 5.0186 13.5651 4.98349 13.5741L4.97981 13.5749L4.97384 13.5768C4.91569 13.5846 4.85978 13.6049 4.80969 13.6364C4.75959 13.6678 4.71642 13.7096 4.68292 13.7592C4.64942 13.8088 4.62634 13.865 4.61516 13.9243C4.60397 13.9837 4.60493 14.0447 4.61796 14.1036C4.631 14.1625 4.65583 14.218 4.69086 14.2664C4.72589 14.3149 4.77036 14.3553 4.82141 14.385C4.87246 14.4147 4.92898 14.4332 4.98734 14.4391C5.0457 14.445 5.10462 14.4384 5.16033 14.4195L5.1666 14.4185C5.16939 14.4178 5.17177 14.4164 5.17456 14.4159C5.20917 14.4077 5.25274 14.3992 5.28317 14.3907C5.41134 14.3485 5.53707 14.2989 5.65974 14.242C5.89614 14.1438 6.14125 14.0695 6.3916 14.0202C6.47842 14.0256 6.56202 14.0561 6.63291 14.108L6.81592 14.0757C7.22676 15.3834 8.0879 16.4909 9.23688 17.1895L9.1604 17.378C9.19595 17.454 9.209 17.539 9.19789 17.6226C9.09326 17.869 8.96603 18.1045 8.81794 18.326C8.73652 18.4366 8.66136 18.5519 8.59285 18.6715C8.57614 18.7041 8.55496 18.754 8.53894 18.7881C8.50864 18.8401 8.48924 18.898 8.48197 18.9581C8.47471 19.0183 8.47974 19.0793 8.49676 19.1373C8.51377 19.1954 8.54239 19.2491 8.58076 19.295C8.61914 19.3409 8.66642 19.3781 8.71958 19.4041C8.77273 19.4301 8.83058 19.4443 8.88939 19.4459C8.9482 19.4474 9.00668 19.4363 9.06107 19.4132C9.11545 19.3901 9.16454 19.3555 9.20516 19.3116C9.24579 19.2678 9.27706 19.2157 9.29696 19.1586L9.29766 19.1578V19.1568C9.31357 19.123 9.33615 19.0786 9.34958 19.0469C9.39738 18.9173 9.43783 18.785 9.47073 18.6506C9.54321 18.3772 9.65263 18.1157 9.79578 17.8737C9.84583 17.8253 9.90888 17.7935 9.9767 17.7827L10.0719 17.6054C11.3181 18.0991 12.697 18.1027 13.9456 17.6155C13.9723 17.6645 14.022 17.7582 14.0351 17.7818C14.1209 17.796 14.1979 17.8441 14.2495 17.9161C14.3683 18.1482 14.4649 18.3917 14.5377 18.6432C14.5709 18.7776 14.6116 18.91 14.6596 19.0396C14.6732 19.0715 14.6954 19.1164 14.7115 19.1504C14.7314 19.2075 14.7626 19.2597 14.8032 19.3036C14.8438 19.3475 14.8928 19.3821 14.9472 19.4053C15.0016 19.4285 15.06 19.4397 15.1189 19.4382C15.1777 19.4368 15.2356 19.4226 15.2888 19.3967C15.342 19.3708 15.3893 19.3337 15.4278 19.2878C15.4662 19.2419 15.4949 19.1882 15.512 19.1302C15.5292 19.0722 15.5343 19.0112 15.5271 18.951C15.52 18.8908 15.5006 18.8328 15.4704 18.7808C15.4544 18.7467 15.4323 18.6968 15.4157 18.6644C15.3472 18.5451 15.272 18.43 15.1906 18.3197C15.0452 18.1039 14.9205 17.8739 14.8184 17.6332C14.7963 17.547 14.8078 17.4554 14.8507 17.378C14.8238 17.3214 14.8004 17.2631 14.7807 17.2035C15.9334 16.4993 16.7946 15.3832 17.2005 14.0674C17.2548 14.0763 17.3494 14.0933 17.3801 14.0998C17.444 14.0394 17.5282 14.0071 17.6149 14.0099C17.8653 14.0592 18.1105 14.1335 18.3469 14.2318C18.4696 14.2891 18.5954 14.3392 18.7237 14.3816C18.754 14.3898 18.7973 14.3976 18.8321 14.4054C18.835 14.4063 18.8376 14.4075 18.8404 14.4083L18.8463 14.4092C18.902 14.4281 18.9609 14.4347 19.0193 14.4288C19.0776 14.4228 19.1341 14.4044 19.1851 14.3747C19.2361 14.3449 19.2806 14.3046 19.3156 14.2562C19.3506 14.2077 19.3754 14.1523 19.3885 14.0934C19.4015 14.0346 19.4025 13.9735 19.3914 13.9143C19.3802 13.855 19.3572 13.7987 19.3237 13.7492C19.2903 13.6996 19.2472 13.6577 19.1971 13.6263C19.1471 13.5948 19.0912 13.5745 19.0331 13.5665V13.5665ZM15.0446 9.16164L13.2506 10.4719L13.2443 10.4689C13.1902 10.5095 13.1265 10.5342 13.0599 10.5405C12.9932 10.5468 12.9262 10.5344 12.8659 10.5046C12.8055 10.4747 12.7542 10.4286 12.7173 10.3711C12.6803 10.3136 12.6592 10.2469 12.6562 10.178L12.6542 10.177L12.5296 7.91212C13.4781 8.03346 14.3617 8.47247 15.0445 9.16164H15.0446ZM11.665 11.6443H12.3402L12.7599 12.1849L12.6094 12.8592L12.0031 13.1598L11.395 12.8586L11.2442 12.184L11.665 11.6443ZM11.0298 7.99143C11.1777 7.95714 11.3272 7.93067 11.4777 7.91212L11.3529 10.1805L11.3437 10.185C11.3409 10.2539 11.32 10.3207 11.2833 10.3783C11.2465 10.4359 11.1953 10.4822 11.135 10.5122C11.0747 10.5421 11.0077 10.5547 10.9411 10.5486C10.8744 10.5424 10.8106 10.5178 10.7565 10.4773L10.753 10.4793L8.94734 9.16031C9.52218 8.57833 10.2435 8.17347 11.0298 7.99143V7.99143ZM8.29257 10.008L9.94109 11.5271L9.9393 11.5363C9.98983 11.5816 10.0275 11.6401 10.0482 11.7058C10.069 11.7714 10.0721 11.8415 10.0571 11.9088C10.0422 11.9761 10.0098 12.0379 9.96347 12.0877C9.91711 12.1375 9.8585 12.1734 9.79389 12.1916L9.79219 12.199L7.67907 12.8271C7.57378 11.8433 7.78965 10.8514 8.29257 10.0081V10.008ZM10.4998 14.0433L9.66021 16.1334C8.85435 15.602 8.24125 14.8114 7.916 13.8844L10.0826 13.5052L10.0863 13.5103C10.1102 13.5055 10.1346 13.5033 10.1589 13.5036C10.2197 13.5045 10.2793 13.5209 10.3325 13.5512C10.3856 13.5814 10.4308 13.6248 10.4638 13.6773C10.4969 13.7298 10.5169 13.7899 10.5221 13.8523C10.5273 13.9146 10.5175 13.9774 10.4935 14.0349L10.4998 14.0433ZM12.978 16.7311C12.1925 16.9167 11.3723 16.8733 10.6093 16.6058L11.6749 14.6207H11.6766C11.7083 14.5601 11.7554 14.5094 11.8127 14.474C11.8701 14.4387 11.9357 14.42 12.0026 14.4199C12.0694 14.4199 12.135 14.4384 12.1925 14.4737C12.2499 14.5089 12.297 14.5595 12.3288 14.6201H12.3368L13.405 16.6085C13.2664 16.6561 13.1241 16.6971 12.978 16.7313V16.7311ZM14.3547 16.1418L13.5065 14.0304L13.5091 14.0266C13.4715 13.9363 13.4691 13.8345 13.5025 13.7424C13.5359 13.6504 13.6025 13.5751 13.6884 13.5324C13.7327 13.5101 13.7809 13.4972 13.8302 13.4945C13.8586 13.4931 13.8872 13.4953 13.9152 13.5009L13.9189 13.4962L16.1048 13.8768C15.7821 14.8113 15.1663 15.6083 14.3547 16.1419V16.1418ZM16.3344 12.8197L14.2106 12.1895L14.2086 12.1803C14.1441 12.162 14.0857 12.126 14.0394 12.0761C13.9932 12.0263 13.9609 11.9645 13.946 11.8973C13.9312 11.8301 13.9342 11.76 13.9549 11.6945C13.9755 11.6289 14.013 11.5704 14.0634 11.525L14.0626 11.5206L15.702 10.0091C16.204 10.8502 16.426 11.837 16.3343 12.8198L16.3344 12.8197Z" fill="white"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimeServerlessIcon.html b/src/tests/__snapshots__/RuntimeServerlessIcon.html
index 41b2e640..dd24bb6c 100644
--- a/src/tests/__snapshots__/RuntimeServerlessIcon.html
+++ b/src/tests/__snapshots__/RuntimeServerlessIcon.html
@@ -1 +1 @@
-<span data-v-566264c8="" class="kui-icon runtime-serverless-icon" data-testid="kui-icon-wrapper-runtime-serverless-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-566264c8="" data-testid="kui-icon-svg-runtime-serverless-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon runtime-serverless-icon" data-testid="kui-icon-wrapper-runtime-serverless-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-runtime-serverless-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M14 18V16H17.5C18.077 16 18.6451 15.8572 19.1536 15.5845C19.6622 15.3118 20.0954 14.9176 20.4147 14.4369C20.734 13.9563 20.9296 13.4042 20.9839 12.8297C21.0383 12.2552 20.9498 11.6762 20.7262 11.1443C20.5027 10.6123 20.1511 10.1438 19.7028 9.78055C19.2544 9.4173 18.7232 9.17054 18.1564 9.06224C17.5896 8.95393 17.0049 8.98744 16.4542 9.15978C15.9035 9.33212 15.4039 9.63795 15 10.05V10C15 8.40873 14.3679 6.88261 13.2426 5.75739C12.1174 4.63217 10.5913 4.00003 9 4.00003C7.4087 4.00003 5.88258 4.63217 4.75736 5.75739C3.63214 6.88261 3 8.40873 3 10V10.007H1V10C0.998489 8.13319 1.6499 6.3246 2.84144 4.88746C4.03297 3.45032 5.68959 2.47515 7.5244 2.13081C9.35922 1.78647 11.2567 2.09465 12.8882 3.00199C14.5197 3.90932 15.7826 5.35867 16.458 7.09903C17.2103 6.95433 17.9846 6.9684 18.7312 7.14034C19.4778 7.31228 20.1802 7.63831 20.7935 8.09752C21.4067 8.55673 21.9173 9.139 22.2924 9.80701C22.6676 10.475 22.899 11.214 22.9719 11.9767C23.0448 12.7393 22.9575 13.5088 22.7158 14.2358C22.474 14.9628 22.083 15.6312 21.5678 16.1983C21.0527 16.7654 20.4247 17.2186 19.7242 17.5288C19.0237 17.8391 18.2661 17.9996 17.5 18H14ZM6 20H16V22H6V20ZM6 12H14V14H6V12ZM2 16H12V18H2V16Z" fill="#828A9E"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/RuntimesIcon.html b/src/tests/__snapshots__/RuntimesIcon.html
index b3f1bed5..d665094b 100644
--- a/src/tests/__snapshots__/RuntimesIcon.html
+++ b/src/tests/__snapshots__/RuntimesIcon.html
@@ -1 +1 @@
-<span data-v-e202beae="" class="kui-icon runtimes-icon" data-testid="kui-icon-wrapper-runtimes-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e202beae="" data-testid="kui-icon-svg-runtimes-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon runtimes-icon" data-testid="kui-icon-wrapper-runtimes-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-runtimes-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4802 1.19995H9.6002H4.0562L1.2002 3.71995V15.144L3.6002 17.88V6.83995L7.2722 3.59995H17.5922L15.4802 1.19995ZM8.86824 6H20.2802L22.8002 8.868V20.28L19.9442 22.8H8.52024L6.00024 19.944V8.52L8.86824 6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SearchIcon.html b/src/tests/__snapshots__/SearchIcon.html
index 76a34ab8..9b80480e 100644
--- a/src/tests/__snapshots__/SearchIcon.html
+++ b/src/tests/__snapshots__/SearchIcon.html
@@ -1 +1 @@
-<span data-v-1b44ac50="" class="kui-icon search-icon" data-testid="kui-icon-wrapper-search-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-1b44ac50="" data-testid="kui-icon-svg-search-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon search-icon" data-testid="kui-icon-wrapper-search-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-search-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SecurityIcon.html b/src/tests/__snapshots__/SecurityIcon.html
index 76f433e8..74a0ec86 100644
--- a/src/tests/__snapshots__/SecurityIcon.html
+++ b/src/tests/__snapshots__/SecurityIcon.html
@@ -1 +1 @@
-<span data-v-789cb16c="" class="kui-icon security-icon" data-testid="kui-icon-wrapper-security-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-789cb16c="" data-testid="kui-icon-svg-security-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.2 15.6L12 13.5L14.75 15.6L13.7 12.2L16.5 10H13.1L12 6.6L10.9 10H7.5L10.25 12.2L9.2 15.6ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 19.9C13.7333 19.35 15.1667 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.375L12 4.125L6 6.375V11.1C6 13.1167 6.56667 14.95 7.7 16.6C8.83333 18.25 10.2667 19.35 12 19.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon security-icon" data-testid="kui-icon-wrapper-security-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-security-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9.2 15.6L12 13.5L14.75 15.6L13.7 12.2L16.5 10H13.1L12 6.6L10.9 10H7.5L10.25 12.2L9.2 15.6ZM12 22C9.68333 21.4167 7.77083 20.0875 6.2625 18.0125C4.75417 15.9375 4 13.6333 4 11.1V5L12 2L20 5V11.1C20 13.6333 19.2458 15.9375 17.7375 18.0125C16.2292 20.0875 14.3167 21.4167 12 22ZM12 19.9C13.7333 19.35 15.1667 18.25 16.3 16.6C17.4333 14.95 18 13.1167 18 11.1V6.375L12 4.125L6 6.375V11.1C6 13.1167 6.56667 14.95 7.7 16.6C8.83333 18.25 10.2667 19.35 12 19.9Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServiceDocumentIcon.html b/src/tests/__snapshots__/ServiceDocumentIcon.html
index 13a9c776..a4d5d74c 100644
--- a/src/tests/__snapshots__/ServiceDocumentIcon.html
+++ b/src/tests/__snapshots__/ServiceDocumentIcon.html
@@ -1 +1 @@
-<span data-v-d8e5dd1e="" class="kui-icon service-document-icon" data-testid="kui-icon-wrapper-service-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d8e5dd1e="" data-testid="kui-icon-svg-service-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon service-document-icon" data-testid="kui-icon-wrapper-service-document-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-service-document-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServiceHubIcon.html b/src/tests/__snapshots__/ServiceHubIcon.html
index 1fa365f5..c75cb519 100644
--- a/src/tests/__snapshots__/ServiceHubIcon.html
+++ b/src/tests/__snapshots__/ServiceHubIcon.html
@@ -1 +1 @@
-<span data-v-63900836="" class="kui-icon service-hub-icon" data-testid="kui-icon-wrapper-service-hub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-63900836="" data-testid="kui-icon-svg-service-hub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.6198 1.19995V10.02H1.7998V3.83995L4.81181 1.19995H10.6198ZM22.0198 10.02H13.1998V1.19995H19.3798L22.0198 4.21195V10.02ZM13.1998 21.42V12.6H22.0198V18.78L19.0078 21.42H13.1998ZM1.7998 12.6H10.6198V21.42H4.4398L1.7998 18.408V12.6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon service-hub-icon" data-testid="kui-icon-wrapper-service-hub-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-service-hub-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M10.6198 1.19995V10.02H1.7998V3.83995L4.81181 1.19995H10.6198ZM22.0198 10.02H13.1998V1.19995H19.3798L22.0198 4.21195V10.02ZM13.1998 21.42V12.6H22.0198V18.78L19.0078 21.42H13.1998ZM1.7998 12.6H10.6198V21.42H4.4398L1.7998 18.408V12.6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ServicesIcon.html b/src/tests/__snapshots__/ServicesIcon.html
index f3f820a6..970f545c 100644
--- a/src/tests/__snapshots__/ServicesIcon.html
+++ b/src/tests/__snapshots__/ServicesIcon.html
@@ -1 +1 @@
-<span data-v-60e5b86e="" class="kui-icon services-icon" data-testid="kui-icon-wrapper-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-60e5b86e="" data-testid="kui-icon-svg-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M18 15V13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14C21 14.2833 20.9042 14.5208 20.7125 14.7125C20.5208 14.9042 20.2833 15 20 15H18ZM18 19V17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H18ZM14 20C13.45 20 12.9792 19.8042 12.5875 19.4125C12.1958 19.0208 12 18.55 12 18H10V14H12C12 13.45 12.1958 12.9792 12.5875 12.5875C12.9792 12.1958 13.45 12 14 12H17V20H14ZM7 17C5.9 17 4.95833 16.6083 4.175 15.825C3.39167 15.0417 3 14.1 3 13C3 11.9 3.39167 10.9583 4.175 10.175C4.95833 9.39167 5.9 9 7 9H8.5C8.91667 9 9.27083 8.85417 9.5625 8.5625C9.85417 8.27083 10 7.91667 10 7.5C10 7.08333 9.85417 6.72917 9.5625 6.4375C9.27083 6.14583 8.91667 6 8.5 6H5C4.71667 6 4.47917 5.90417 4.2875 5.7125C4.09583 5.52083 4 5.28333 4 5C4 4.71667 4.09583 4.47917 4.2875 4.2875C4.47917 4.09583 4.71667 4 5 4H8.5C9.46667 4 10.2917 4.34167 10.975 5.025C11.6583 5.70833 12 6.53333 12 7.5C12 8.46667 11.6583 9.29167 10.975 9.975C10.2917 10.6583 9.46667 11 8.5 11H7C6.45 11 5.97917 11.1958 5.5875 11.5875C5.19583 11.9792 5 12.45 5 13C5 13.55 5.19583 14.0208 5.5875 14.4125C5.97917 14.8042 6.45 15 7 15H9V17H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon services-icon" data-testid="kui-icon-wrapper-services-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-services-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M18 15V13H20C20.2833 13 20.5208 13.0958 20.7125 13.2875C20.9042 13.4792 21 13.7167 21 14C21 14.2833 20.9042 14.5208 20.7125 14.7125C20.5208 14.9042 20.2833 15 20 15H18ZM18 19V17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H18ZM14 20C13.45 20 12.9792 19.8042 12.5875 19.4125C12.1958 19.0208 12 18.55 12 18H10V14H12C12 13.45 12.1958 12.9792 12.5875 12.5875C12.9792 12.1958 13.45 12 14 12H17V20H14ZM7 17C5.9 17 4.95833 16.6083 4.175 15.825C3.39167 15.0417 3 14.1 3 13C3 11.9 3.39167 10.9583 4.175 10.175C4.95833 9.39167 5.9 9 7 9H8.5C8.91667 9 9.27083 8.85417 9.5625 8.5625C9.85417 8.27083 10 7.91667 10 7.5C10 7.08333 9.85417 6.72917 9.5625 6.4375C9.27083 6.14583 8.91667 6 8.5 6H5C4.71667 6 4.47917 5.90417 4.2875 5.7125C4.09583 5.52083 4 5.28333 4 5C4 4.71667 4.09583 4.47917 4.2875 4.2875C4.47917 4.09583 4.71667 4 5 4H8.5C9.46667 4 10.2917 4.34167 10.975 5.025C11.6583 5.70833 12 6.53333 12 7.5C12 8.46667 11.6583 9.29167 10.975 9.975C10.2917 10.6583 9.46667 11 8.5 11H7C6.45 11 5.97917 11.1958 5.5875 11.5875C5.19583 11.9792 5 12.45 5 13C5 13.55 5.19583 14.0208 5.5875 14.4125C5.97917 14.8042 6.45 15 7 15H9V17H7Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SharedIcon.html b/src/tests/__snapshots__/SharedIcon.html
index 14561c3e..42d3c87c 100644
--- a/src/tests/__snapshots__/SharedIcon.html
+++ b/src/tests/__snapshots__/SharedIcon.html
@@ -1 +1 @@
-<span data-v-06228baf="" class="kui-icon shared-icon" data-testid="kui-icon-wrapper-shared-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-06228baf="" data-testid="kui-icon-svg-shared-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M18 22C17.1667 22 16.4583 21.7083 15.875 21.125C15.2917 20.5417 15 19.8333 15 19C15 18.8833 15.0083 18.7625 15.025 18.6375C15.0417 18.5125 15.0667 18.4 15.1 18.3L8.05 14.2C7.76667 14.45 7.45 14.6458 7.1 14.7875C6.75 14.9292 6.38333 15 6 15C5.16667 15 4.45833 14.7083 3.875 14.125C3.29167 13.5417 3 12.8333 3 12C3 11.1667 3.29167 10.4583 3.875 9.875C4.45833 9.29167 5.16667 9 6 9C6.38333 9 6.75 9.07083 7.1 9.2125C7.45 9.35417 7.76667 9.55 8.05 9.8L15.1 5.7C15.0667 5.6 15.0417 5.4875 15.025 5.3625C15.0083 5.2375 15 5.11667 15 5C15 4.16667 15.2917 3.45833 15.875 2.875C16.4583 2.29167 17.1667 2 18 2C18.8333 2 19.5417 2.29167 20.125 2.875C20.7083 3.45833 21 4.16667 21 5C21 5.83333 20.7083 6.54167 20.125 7.125C19.5417 7.70833 18.8333 8 18 8C17.6167 8 17.25 7.92917 16.9 7.7875C16.55 7.64583 16.2333 7.45 15.95 7.2L8.9 11.3C8.93333 11.4 8.95833 11.5125 8.975 11.6375C8.99167 11.7625 9 11.8833 9 12C9 12.1167 8.99167 12.2375 8.975 12.3625C8.95833 12.4875 8.93333 12.6 8.9 12.7L15.95 16.8C16.2333 16.55 16.55 16.3542 16.9 16.2125C17.25 16.0708 17.6167 16 18 16C18.8333 16 19.5417 16.2917 20.125 16.875C20.7083 17.4583 21 18.1667 21 19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22ZM18 6C18.2833 6 18.5208 5.90417 18.7125 5.7125C18.9042 5.52083 19 5.28333 19 5C19 4.71667 18.9042 4.47917 18.7125 4.2875C18.5208 4.09583 18.2833 4 18 4C17.7167 4 17.4792 4.09583 17.2875 4.2875C17.0958 4.47917 17 4.71667 17 5C17 5.28333 17.0958 5.52083 17.2875 5.7125C17.4792 5.90417 17.7167 6 18 6ZM6 13C6.28333 13 6.52083 12.9042 6.7125 12.7125C6.90417 12.5208 7 12.2833 7 12C7 11.7167 6.90417 11.4792 6.7125 11.2875C6.52083 11.0958 6.28333 11 6 11C5.71667 11 5.47917 11.0958 5.2875 11.2875C5.09583 11.4792 5 11.7167 5 12C5 12.2833 5.09583 12.5208 5.2875 12.7125C5.47917 12.9042 5.71667 13 6 13ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19C19 18.7167 18.9042 18.4792 18.7125 18.2875C18.5208 18.0958 18.2833 18 18 18C17.7167 18 17.4792 18.0958 17.2875 18.2875C17.0958 18.4792 17 18.7167 17 19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon shared-icon" data-testid="kui-icon-wrapper-shared-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-shared-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M18 22C17.1667 22 16.4583 21.7083 15.875 21.125C15.2917 20.5417 15 19.8333 15 19C15 18.8833 15.0083 18.7625 15.025 18.6375C15.0417 18.5125 15.0667 18.4 15.1 18.3L8.05 14.2C7.76667 14.45 7.45 14.6458 7.1 14.7875C6.75 14.9292 6.38333 15 6 15C5.16667 15 4.45833 14.7083 3.875 14.125C3.29167 13.5417 3 12.8333 3 12C3 11.1667 3.29167 10.4583 3.875 9.875C4.45833 9.29167 5.16667 9 6 9C6.38333 9 6.75 9.07083 7.1 9.2125C7.45 9.35417 7.76667 9.55 8.05 9.8L15.1 5.7C15.0667 5.6 15.0417 5.4875 15.025 5.3625C15.0083 5.2375 15 5.11667 15 5C15 4.16667 15.2917 3.45833 15.875 2.875C16.4583 2.29167 17.1667 2 18 2C18.8333 2 19.5417 2.29167 20.125 2.875C20.7083 3.45833 21 4.16667 21 5C21 5.83333 20.7083 6.54167 20.125 7.125C19.5417 7.70833 18.8333 8 18 8C17.6167 8 17.25 7.92917 16.9 7.7875C16.55 7.64583 16.2333 7.45 15.95 7.2L8.9 11.3C8.93333 11.4 8.95833 11.5125 8.975 11.6375C8.99167 11.7625 9 11.8833 9 12C9 12.1167 8.99167 12.2375 8.975 12.3625C8.95833 12.4875 8.93333 12.6 8.9 12.7L15.95 16.8C16.2333 16.55 16.55 16.3542 16.9 16.2125C17.25 16.0708 17.6167 16 18 16C18.8333 16 19.5417 16.2917 20.125 16.875C20.7083 17.4583 21 18.1667 21 19C21 19.8333 20.7083 20.5417 20.125 21.125C19.5417 21.7083 18.8333 22 18 22ZM18 6C18.2833 6 18.5208 5.90417 18.7125 5.7125C18.9042 5.52083 19 5.28333 19 5C19 4.71667 18.9042 4.47917 18.7125 4.2875C18.5208 4.09583 18.2833 4 18 4C17.7167 4 17.4792 4.09583 17.2875 4.2875C17.0958 4.47917 17 4.71667 17 5C17 5.28333 17.0958 5.52083 17.2875 5.7125C17.4792 5.90417 17.7167 6 18 6ZM6 13C6.28333 13 6.52083 12.9042 6.7125 12.7125C6.90417 12.5208 7 12.2833 7 12C7 11.7167 6.90417 11.4792 6.7125 11.2875C6.52083 11.0958 6.28333 11 6 11C5.71667 11 5.47917 11.0958 5.2875 11.2875C5.09583 11.4792 5 11.7167 5 12C5 12.2833 5.09583 12.5208 5.2875 12.7125C5.47917 12.9042 5.71667 13 6 13ZM18 20C18.2833 20 18.5208 19.9042 18.7125 19.7125C18.9042 19.5208 19 19.2833 19 19C19 18.7167 18.9042 18.4792 18.7125 18.2875C18.5208 18.0958 18.2833 18 18 18C17.7167 18 17.4792 18.0958 17.2875 18.2875C17.0958 18.4792 17 18.7167 17 19C17 19.2833 17.0958 19.5208 17.2875 19.7125C17.4792 19.9042 17.7167 20 18 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/StackIcon.html b/src/tests/__snapshots__/StackIcon.html
index aef878fc..7daba16c 100644
--- a/src/tests/__snapshots__/StackIcon.html
+++ b/src/tests/__snapshots__/StackIcon.html
@@ -1 +1 @@
-<span data-v-e0ea4e1f="" class="kui-icon stack-icon" data-testid="kui-icon-wrapper-stack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e0ea4e1f="" data-testid="kui-icon-svg-stack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 14L1 8L12 2L23 8L12 14ZM12 18L1.575 12.325L3.675 11.175L12 15.725L20.325 11.175L22.425 12.325L12 18ZM12 22L1.575 16.325L3.675 15.175L12 19.725L20.325 15.175L22.425 16.325L12 22ZM12 11.725L18.825 8L12 4.275L5.175 8L12 11.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon stack-icon" data-testid="kui-icon-wrapper-stack-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-stack-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 14L1 8L12 2L23 8L12 14ZM12 18L1.575 12.325L3.675 11.175L12 15.725L20.325 11.175L22.425 12.325L12 18ZM12 22L1.575 16.325L3.675 15.175L12 19.725L20.325 15.175L22.425 16.325L12 22ZM12 11.725L18.825 8L12 4.275L5.175 8L12 11.725Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/StrikethroughIcon.html b/src/tests/__snapshots__/StrikethroughIcon.html
index ab312b82..376cf653 100644
--- a/src/tests/__snapshots__/StrikethroughIcon.html
+++ b/src/tests/__snapshots__/StrikethroughIcon.html
@@ -1 +1 @@
-<span data-v-afadfeec="" class="kui-icon strikethrough-icon" data-testid="kui-icon-wrapper-strikethrough-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-afadfeec="" data-testid="kui-icon-svg-strikethrough-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.15 20C10.8833 20 9.75833 19.625 8.775 18.875C7.79167 18.125 7.08333 17.1 6.65 15.8L8.85 14.85C9.08333 15.65 9.4875 16.3083 10.0625 16.825C10.6375 17.3417 11.35 17.6 12.2 17.6C12.9 17.6 13.5333 17.4333 14.1 17.1C14.6667 16.7667 14.95 16.2333 14.95 15.5C14.95 15.2 14.8917 14.925 14.775 14.675C14.6583 14.425 14.5 14.2 14.3 14H17.1C17.1833 14.2333 17.2458 14.4708 17.2875 14.7125C17.3292 14.9542 17.35 15.2167 17.35 15.5C17.35 16.9333 16.8375 18.0417 15.8125 18.825C14.7875 19.6083 13.5667 20 12.15 20ZM2 12V10H22V12H2ZM12.05 3.85C13.15 3.85 14.1125 4.12083 14.9375 4.6625C15.7625 5.20417 16.4 6.03333 16.85 7.15L14.65 8.125C14.5 7.64167 14.2208 7.20833 13.8125 6.825C13.4042 6.44167 12.8333 6.25 12.1 6.25C11.4167 6.25 10.85 6.40417 10.4 6.7125C9.95 7.02083 9.7 7.45 9.65 8H7.25C7.28333 6.85 7.7375 5.87083 8.6125 5.0625C9.4875 4.25417 10.6333 3.85 12.05 3.85Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon strikethrough-icon" data-testid="kui-icon-wrapper-strikethrough-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-strikethrough-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.15 20C10.8833 20 9.75833 19.625 8.775 18.875C7.79167 18.125 7.08333 17.1 6.65 15.8L8.85 14.85C9.08333 15.65 9.4875 16.3083 10.0625 16.825C10.6375 17.3417 11.35 17.6 12.2 17.6C12.9 17.6 13.5333 17.4333 14.1 17.1C14.6667 16.7667 14.95 16.2333 14.95 15.5C14.95 15.2 14.8917 14.925 14.775 14.675C14.6583 14.425 14.5 14.2 14.3 14H17.1C17.1833 14.2333 17.2458 14.4708 17.2875 14.7125C17.3292 14.9542 17.35 15.2167 17.35 15.5C17.35 16.9333 16.8375 18.0417 15.8125 18.825C14.7875 19.6083 13.5667 20 12.15 20ZM2 12V10H22V12H2ZM12.05 3.85C13.15 3.85 14.1125 4.12083 14.9375 4.6625C15.7625 5.20417 16.4 6.03333 16.85 7.15L14.65 8.125C14.5 7.64167 14.2208 7.20833 13.8125 6.825C13.4042 6.44167 12.8333 6.25 12.1 6.25C11.4167 6.25 10.85 6.40417 10.4 6.7125C9.95 7.02083 9.7 7.45 9.65 8H7.25C7.28333 6.85 7.7375 5.87083 8.6125 5.0625C9.4875 4.25417 10.6333 3.85 12.05 3.85Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SubscriptIcon.html b/src/tests/__snapshots__/SubscriptIcon.html
index 1f6877d7..970a2f49 100644
--- a/src/tests/__snapshots__/SubscriptIcon.html
+++ b/src/tests/__snapshots__/SubscriptIcon.html
@@ -1 +1 @@
-<span data-v-b3de54ef="" class="kui-icon subscript-icon" data-testid="kui-icon-wrapper-subscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-b3de54ef="" data-testid="kui-icon-svg-subscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20 20C19.7167 20 19.4792 19.9042 19.2875 19.7125C19.0958 19.5208 19 19.2833 19 19V18C19 17.7167 19.0958 17.4792 19.2875 17.2875C19.4792 17.0958 19.7167 17 20 17H22V16H19.5C19.3667 16 19.25 15.95 19.15 15.85C19.05 15.75 19 15.6333 19 15.5C19 15.3667 19.05 15.25 19.15 15.15C19.25 15.05 19.3667 15 19.5 15H22C22.2833 15 22.5208 15.0958 22.7125 15.2875C22.9042 15.4792 23 15.7167 23 16V17C23 17.2833 22.9042 17.5208 22.7125 17.7125C22.5208 17.9042 22.2833 18 22 18H20V19H22.5C22.6333 19 22.75 19.05 22.85 19.15C22.95 19.25 23 19.3667 23 19.5C23 19.6333 22.95 19.75 22.85 19.85C22.75 19.95 22.6333 20 22.5 20H20ZM7.92501 18C7.47501 18 7.14584 17.8083 6.93751 17.425C6.72917 17.0417 6.74167 16.6583 6.97501 16.275L10.5 10.725L7.30001 5.7C7.06667 5.33333 7.05417 4.95833 7.26251 4.575C7.47084 4.19167 7.79167 4 8.22501 4C8.42501 4 8.60834 4.04583 8.77501 4.1375C8.94167 4.22917 9.07501 4.35833 9.17501 4.525L11.95 9H12.05L14.8 4.525C14.9 4.35833 15.0375 4.22917 15.2125 4.1375C15.3875 4.04583 15.5667 4 15.75 4C16.2 4 16.525 4.19167 16.725 4.575C16.925 4.95833 16.9083 5.34167 16.675 5.725L13.475 10.725L17.025 16.275C17.2583 16.6583 17.2667 17.0417 17.05 17.425C16.8333 17.8083 16.5083 18 16.075 18C15.875 18 15.6917 17.9542 15.525 17.8625C15.3583 17.7708 15.225 17.6417 15.125 17.475L12.05 12.575H11.95L8.87501 17.475C8.77501 17.6417 8.63751 17.7708 8.46251 17.8625C8.28751 17.9542 8.10834 18 7.92501 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon subscript-icon" data-testid="kui-icon-wrapper-subscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-subscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20 20C19.7167 20 19.4792 19.9042 19.2875 19.7125C19.0958 19.5208 19 19.2833 19 19V18C19 17.7167 19.0958 17.4792 19.2875 17.2875C19.4792 17.0958 19.7167 17 20 17H22V16H19.5C19.3667 16 19.25 15.95 19.15 15.85C19.05 15.75 19 15.6333 19 15.5C19 15.3667 19.05 15.25 19.15 15.15C19.25 15.05 19.3667 15 19.5 15H22C22.2833 15 22.5208 15.0958 22.7125 15.2875C22.9042 15.4792 23 15.7167 23 16V17C23 17.2833 22.9042 17.5208 22.7125 17.7125C22.5208 17.9042 22.2833 18 22 18H20V19H22.5C22.6333 19 22.75 19.05 22.85 19.15C22.95 19.25 23 19.3667 23 19.5C23 19.6333 22.95 19.75 22.85 19.85C22.75 19.95 22.6333 20 22.5 20H20ZM7.92501 18C7.47501 18 7.14584 17.8083 6.93751 17.425C6.72917 17.0417 6.74167 16.6583 6.97501 16.275L10.5 10.725L7.30001 5.7C7.06667 5.33333 7.05417 4.95833 7.26251 4.575C7.47084 4.19167 7.79167 4 8.22501 4C8.42501 4 8.60834 4.04583 8.77501 4.1375C8.94167 4.22917 9.07501 4.35833 9.17501 4.525L11.95 9H12.05L14.8 4.525C14.9 4.35833 15.0375 4.22917 15.2125 4.1375C15.3875 4.04583 15.5667 4 15.75 4C16.2 4 16.525 4.19167 16.725 4.575C16.925 4.95833 16.9083 5.34167 16.675 5.725L13.475 10.725L17.025 16.275C17.2583 16.6583 17.2667 17.0417 17.05 17.425C16.8333 17.8083 16.5083 18 16.075 18C15.875 18 15.6917 17.9542 15.525 17.8625C15.3583 17.7708 15.225 17.6417 15.125 17.475L12.05 12.575H11.95L8.87501 17.475C8.77501 17.6417 8.63751 17.7708 8.46251 17.8625C8.28751 17.9542 8.10834 18 7.92501 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SuperscriptIcon.html b/src/tests/__snapshots__/SuperscriptIcon.html
index 6aa78456..d19ab454 100644
--- a/src/tests/__snapshots__/SuperscriptIcon.html
+++ b/src/tests/__snapshots__/SuperscriptIcon.html
@@ -1 +1 @@
-<span data-v-a1b1567b="" class="kui-icon superscript-icon" data-testid="kui-icon-wrapper-superscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a1b1567b="" data-testid="kui-icon-svg-superscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20 9C19.7167 9 19.4792 8.90417 19.2875 8.7125C19.0958 8.52083 19 8.28333 19 8V7C19 6.71667 19.0958 6.47917 19.2875 6.2875C19.4792 6.09583 19.7167 6 20 6H22V5H19.5C19.3667 5 19.25 4.95 19.15 4.85C19.05 4.75 19 4.63333 19 4.5C19 4.36667 19.05 4.25 19.15 4.15C19.25 4.05 19.3667 4 19.5 4H22C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V6C23 6.28333 22.9042 6.52083 22.7125 6.7125C22.5208 6.90417 22.2833 7 22 7H20V8H22.5C22.6333 8 22.75 8.05 22.85 8.15C22.95 8.25 23 8.36667 23 8.5C23 8.63333 22.95 8.75 22.85 8.85C22.75 8.95 22.6333 9 22.5 9H20ZM7.92501 20C7.47501 20 7.14584 19.8083 6.93751 19.425C6.72917 19.0417 6.74167 18.6583 6.97501 18.275L10.5 12.725L7.30001 7.7C7.06667 7.33333 7.05417 6.95833 7.26251 6.575C7.47084 6.19167 7.79167 6 8.22501 6C8.42501 6 8.60834 6.04583 8.77501 6.1375C8.94167 6.22917 9.07501 6.35833 9.17501 6.525L11.95 11H12.05L14.8 6.525C14.9 6.35833 15.0375 6.22917 15.2125 6.1375C15.3875 6.04583 15.5667 6 15.75 6C16.2 6 16.525 6.19167 16.725 6.575C16.925 6.95833 16.9083 7.34167 16.675 7.725L13.475 12.725L17.025 18.275C17.2583 18.6583 17.2667 19.0417 17.05 19.425C16.8333 19.8083 16.5083 20 16.075 20C15.875 20 15.6917 19.9542 15.525 19.8625C15.3583 19.7708 15.225 19.6417 15.125 19.475L12.05 14.575H11.95L8.87501 19.475C8.77501 19.6417 8.63751 19.7708 8.46251 19.8625C8.28751 19.9542 8.10834 20 7.92501 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon superscript-icon" data-testid="kui-icon-wrapper-superscript-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-superscript-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M20 9C19.7167 9 19.4792 8.90417 19.2875 8.7125C19.0958 8.52083 19 8.28333 19 8V7C19 6.71667 19.0958 6.47917 19.2875 6.2875C19.4792 6.09583 19.7167 6 20 6H22V5H19.5C19.3667 5 19.25 4.95 19.15 4.85C19.05 4.75 19 4.63333 19 4.5C19 4.36667 19.05 4.25 19.15 4.15C19.25 4.05 19.3667 4 19.5 4H22C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V6C23 6.28333 22.9042 6.52083 22.7125 6.7125C22.5208 6.90417 22.2833 7 22 7H20V8H22.5C22.6333 8 22.75 8.05 22.85 8.15C22.95 8.25 23 8.36667 23 8.5C23 8.63333 22.95 8.75 22.85 8.85C22.75 8.95 22.6333 9 22.5 9H20ZM7.92501 20C7.47501 20 7.14584 19.8083 6.93751 19.425C6.72917 19.0417 6.74167 18.6583 6.97501 18.275L10.5 12.725L7.30001 7.7C7.06667 7.33333 7.05417 6.95833 7.26251 6.575C7.47084 6.19167 7.79167 6 8.22501 6C8.42501 6 8.60834 6.04583 8.77501 6.1375C8.94167 6.22917 9.07501 6.35833 9.17501 6.525L11.95 11H12.05L14.8 6.525C14.9 6.35833 15.0375 6.22917 15.2125 6.1375C15.3875 6.04583 15.5667 6 15.75 6C16.2 6 16.525 6.19167 16.725 6.575C16.925 6.95833 16.9083 7.34167 16.675 7.725L13.475 12.725L17.025 18.275C17.2583 18.6583 17.2667 19.0417 17.05 19.425C16.8333 19.8083 16.5083 20 16.075 20C15.875 20 15.6917 19.9542 15.525 19.8625C15.3583 19.7708 15.225 19.6417 15.125 19.475L12.05 14.575H11.95L8.87501 19.475C8.77501 19.6417 8.63751 19.7708 8.46251 19.8625C8.28751 19.9542 8.10834 20 7.92501 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/SupportIcon.html b/src/tests/__snapshots__/SupportIcon.html
index 0d91c3e8..2b1d4d7f 100644
--- a/src/tests/__snapshots__/SupportIcon.html
+++ b/src/tests/__snapshots__/SupportIcon.html
@@ -1 +1 @@
-<span data-v-9d00a7b5="" class="kui-icon support-icon" data-testid="kui-icon-wrapper-support-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-9d00a7b5="" data-testid="kui-icon-svg-support-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon support-icon" data-testid="kui-icon-wrapper-support-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-support-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM9.1 19.45L10.3 16.7C9.6 16.45 8.99583 16.0625 8.4875 15.5375C7.97917 15.0125 7.58333 14.4 7.3 13.7L4.55 14.85C4.93333 15.9167 5.525 16.85 6.325 17.65C7.125 18.45 8.05 19.05 9.1 19.45ZM7.3 10.3C7.58333 9.6 7.97917 8.9875 8.4875 8.4625C8.99583 7.9375 9.6 7.55 10.3 7.3L9.15 4.55C8.08333 4.95 7.15 5.55 6.35 6.35C5.55 7.15 4.95 8.08333 4.55 9.15L7.3 10.3ZM12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM14.9 19.45C15.95 19.05 16.8708 18.4542 17.6625 17.6625C18.4542 16.8708 19.05 15.95 19.45 14.9L16.7 13.7C16.45 14.4 16.0667 15.0042 15.55 15.5125C15.0333 16.0208 14.4333 16.4167 13.75 16.7L14.9 19.45ZM16.7 10.25L19.45 9.1C19.05 8.05 18.4542 7.12917 17.6625 6.3375C16.8708 5.54583 15.95 4.95 14.9 4.55L13.75 7.35C14.4333 7.6 15.025 7.97917 15.525 8.4875C16.025 8.99583 16.4167 9.58333 16.7 10.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableColumnsIcon.html b/src/tests/__snapshots__/TableColumnsIcon.html
index 08da72c2..ac277f42 100644
--- a/src/tests/__snapshots__/TableColumnsIcon.html
+++ b/src/tests/__snapshots__/TableColumnsIcon.html
@@ -1 +1 @@
-<span data-v-17a05a4f="" class="kui-icon table-columns-icon" data-testid="kui-icon-wrapper-table-columns-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17a05a4f="" data-testid="kui-icon-svg-table-columns-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon table-columns-icon" data-testid="kui-icon-wrapper-table-columns-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-table-columns-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableIcon.html b/src/tests/__snapshots__/TableIcon.html
index 0345d259..e160f835 100644
--- a/src/tests/__snapshots__/TableIcon.html
+++ b/src/tests/__snapshots__/TableIcon.html
@@ -1 +1 @@
-<span data-v-dc8236a5="" class="kui-icon table-icon" data-testid="kui-icon-wrapper-table-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-dc8236a5="" data-testid="kui-icon-svg-table-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon table-icon" data-testid="kui-icon-wrapper-table-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-table-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3 21V3H21V21H3ZM5 9H19V5H5V9ZM10.325 14H13.675V11H10.325V14ZM10.325 19H13.675V16H10.325V19ZM5 14H8.325V11H5V14ZM15.675 14H19V11H15.675V14ZM5 19H8.325V16H5V19ZM15.675 19H19V16H15.675V19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TableRowsIcon.html b/src/tests/__snapshots__/TableRowsIcon.html
index f6bfe69f..d9a7cc72 100644
--- a/src/tests/__snapshots__/TableRowsIcon.html
+++ b/src/tests/__snapshots__/TableRowsIcon.html
@@ -1 +1 @@
-<span data-v-f0fe98d8="" class="kui-icon table-rows-icon" data-testid="kui-icon-wrapper-table-rows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f0fe98d8="" data-testid="kui-icon-svg-table-rows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19 19V16H5V19H19ZM19 14V10H5V14H19ZM19 8V5H5V8H19ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon table-rows-icon" data-testid="kui-icon-wrapper-table-rows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-table-rows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M19 19V16H5V19H19ZM19 14V10H5V14H19ZM19 8V5H5V8H19ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TasklistIcon.html b/src/tests/__snapshots__/TasklistIcon.html
index 569b1ed0..8884a6c0 100644
--- a/src/tests/__snapshots__/TasklistIcon.html
+++ b/src/tests/__snapshots__/TasklistIcon.html
@@ -1 +1 @@
-<span data-v-f3bb244e="" class="kui-icon tasklist-icon" data-testid="kui-icon-wrapper-tasklist-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-f3bb244e="" data-testid="kui-icon-svg-tasklist-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5.52499 16.175L9.07499 12.625C9.27499 12.425 9.50832 12.3292 9.77499 12.3375C10.0417 12.3458 10.275 12.45 10.475 12.65C10.6583 12.85 10.75 13.0833 10.75 13.35C10.75 13.6167 10.6583 13.85 10.475 14.05L6.24999 18.3C6.04999 18.5 5.81665 18.6 5.54999 18.6C5.28332 18.6 5.04999 18.5 4.84999 18.3L2.69999 16.15C2.51665 15.9667 2.42499 15.7333 2.42499 15.45C2.42499 15.1667 2.51665 14.9333 2.69999 14.75C2.88332 14.5667 3.11665 14.475 3.39999 14.475C3.68332 14.475 3.91665 14.5667 4.09999 14.75L5.52499 16.175ZM5.52499 8.175L9.07499 4.625C9.27499 4.425 9.50832 4.32917 9.77499 4.3375C10.0417 4.34583 10.275 4.45 10.475 4.65C10.6583 4.85 10.75 5.08333 10.75 5.35C10.75 5.61667 10.6583 5.85 10.475 6.05L6.24999 10.3C6.04999 10.5 5.81665 10.6 5.54999 10.6C5.28332 10.6 5.04999 10.5 4.84999 10.3L2.69999 8.15C2.51665 7.96667 2.42499 7.73333 2.42499 7.45C2.42499 7.16667 2.51665 6.93333 2.69999 6.75C2.88332 6.56667 3.11665 6.475 3.39999 6.475C3.68332 6.475 3.91665 6.56667 4.09999 6.75L5.52499 8.175ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H21C21.2833 15 21.5208 15.0958 21.7125 15.2875C21.9042 15.4792 22 15.7167 22 16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H14ZM14 9C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8C22 8.28333 21.9042 8.52083 21.7125 8.7125C21.5208 8.90417 21.2833 9 21 9H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon tasklist-icon" data-testid="kui-icon-wrapper-tasklist-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-tasklist-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5.52499 16.175L9.07499 12.625C9.27499 12.425 9.50832 12.3292 9.77499 12.3375C10.0417 12.3458 10.275 12.45 10.475 12.65C10.6583 12.85 10.75 13.0833 10.75 13.35C10.75 13.6167 10.6583 13.85 10.475 14.05L6.24999 18.3C6.04999 18.5 5.81665 18.6 5.54999 18.6C5.28332 18.6 5.04999 18.5 4.84999 18.3L2.69999 16.15C2.51665 15.9667 2.42499 15.7333 2.42499 15.45C2.42499 15.1667 2.51665 14.9333 2.69999 14.75C2.88332 14.5667 3.11665 14.475 3.39999 14.475C3.68332 14.475 3.91665 14.5667 4.09999 14.75L5.52499 16.175ZM5.52499 8.175L9.07499 4.625C9.27499 4.425 9.50832 4.32917 9.77499 4.3375C10.0417 4.34583 10.275 4.45 10.475 4.65C10.6583 4.85 10.75 5.08333 10.75 5.35C10.75 5.61667 10.6583 5.85 10.475 6.05L6.24999 10.3C6.04999 10.5 5.81665 10.6 5.54999 10.6C5.28332 10.6 5.04999 10.5 4.84999 10.3L2.69999 8.15C2.51665 7.96667 2.42499 7.73333 2.42499 7.45C2.42499 7.16667 2.51665 6.93333 2.69999 6.75C2.88332 6.56667 3.11665 6.475 3.39999 6.475C3.68332 6.475 3.91665 6.56667 4.09999 6.75L5.52499 8.175ZM14 17C13.7167 17 13.4792 16.9042 13.2875 16.7125C13.0958 16.5208 13 16.2833 13 16C13 15.7167 13.0958 15.4792 13.2875 15.2875C13.4792 15.0958 13.7167 15 14 15H21C21.2833 15 21.5208 15.0958 21.7125 15.2875C21.9042 15.4792 22 15.7167 22 16C22 16.2833 21.9042 16.5208 21.7125 16.7125C21.5208 16.9042 21.2833 17 21 17H14ZM14 9C13.7167 9 13.4792 8.90417 13.2875 8.7125C13.0958 8.52083 13 8.28333 13 8C13 7.71667 13.0958 7.47917 13.2875 7.2875C13.4792 7.09583 13.7167 7 14 7H21C21.2833 7 21.5208 7.09583 21.7125 7.2875C21.9042 7.47917 22 7.71667 22 8C22 8.28333 21.9042 8.52083 21.7125 8.7125C21.5208 8.90417 21.2833 9 21 9H14Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TeamIcon.html b/src/tests/__snapshots__/TeamIcon.html
index 567c439e..6bfdd5ea 100644
--- a/src/tests/__snapshots__/TeamIcon.html
+++ b/src/tests/__snapshots__/TeamIcon.html
@@ -1 +1 @@
-<span data-v-99e16f10="" class="kui-icon team-icon" data-testid="kui-icon-wrapper-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-99e16f10="" data-testid="kui-icon-svg-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon team-icon" data-testid="kui-icon-wrapper-team-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-team-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0042 4.625 14.0125C4.825 14.0208 5.01667 14.0417 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.14583 15.3542 6.4375 14.9125C6.72917 14.4708 7.14167 14.0833 7.675 13.75C8.20833 13.4167 8.84583 13.1667 9.5875 13C10.3292 12.8333 11.1333 12.75 12 12.75C12.8833 12.75 13.6958 12.8333 14.4375 13C15.1792 13.1667 15.8167 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.4708 17.575 14.9125C17.8583 15.3542 18 15.8417 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4458 15.5333 19.3375 15.15C19.2292 14.7667 19.0667 14.4083 18.85 14.075C19.0333 14.0417 19.2208 14.0208 19.4125 14.0125C19.6042 14.0042 19.8 14 20 14C21.2 14 22.1667 14.2208 22.9 14.6625C23.6333 15.1042 24 15.6917 24 16.425V18H19.5ZM4 13C3.45 13 2.97917 12.8042 2.5875 12.4125C2.19583 12.0208 2 11.55 2 11C2 10.4333 2.19583 9.95833 2.5875 9.575C2.97917 9.19167 3.45 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.0208 5.425 12.4125C5.04167 12.8042 4.56667 13 4 13ZM20 13C19.45 13 18.9792 12.8042 18.5875 12.4125C18.1958 12.0208 18 11.55 18 11C18 10.4333 18.1958 9.95833 18.5875 9.575C18.9792 9.19167 19.45 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.0208 21.425 12.4125C21.0417 12.8042 20.5667 13 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.4375 9.875 6.8625C10.4583 6.2875 11.1667 6 12 6C12.85 6 13.5625 6.2875 14.1375 6.8625C14.7125 7.4375 15 8.15 15 9C15 9.83333 14.7125 10.5417 14.1375 11.125C13.5625 11.7083 12.85 12 12 12Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TeammateIcon.html b/src/tests/__snapshots__/TeammateIcon.html
index 3f0207f9..adaf321f 100644
--- a/src/tests/__snapshots__/TeammateIcon.html
+++ b/src/tests/__snapshots__/TeammateIcon.html
@@ -1 +1 @@
-<span data-v-11becae6="" class="kui-icon teammate-icon" data-testid="kui-icon-wrapper-teammate-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-11becae6="" data-testid="kui-icon-svg-teammate-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon teammate-icon" data-testid="kui-icon-wrapper-teammate-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-teammate-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ThumbDownIcon.html b/src/tests/__snapshots__/ThumbDownIcon.html
index 860725d9..8a2ad843 100644
--- a/src/tests/__snapshots__/ThumbDownIcon.html
+++ b/src/tests/__snapshots__/ThumbDownIcon.html
@@ -1 +1 @@
-<span data-v-0ed3aa38="" class="kui-icon thumb-down-icon" data-testid="kui-icon-wrapper-thumb-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0ed3aa38="" data-testid="kui-icon-svg-thumb-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon thumb-down-icon" data-testid="kui-icon-wrapper-thumb-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-thumb-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.99967 2.87057H14.1663V13.7039L8.33301 19.5372L7.29134 18.4956C7.19412 18.3984 7.11426 18.2664 7.05176 18.0997C6.98926 17.9331 6.95801 17.7734 6.95801 17.6206V17.3289L7.87467 13.7039H2.49967C2.05523 13.7039 1.66634 13.5372 1.33301 13.2039C0.999674 12.8706 0.833008 12.4817 0.833008 12.0372V10.3706C0.833008 10.2734 0.846897 10.1692 0.874674 10.0581C0.902452 9.94696 0.93023 9.8428 0.958008 9.74557L3.45801 3.87057C3.58301 3.5928 3.79134 3.35669 4.08301 3.16224C4.37467 2.9678 4.68023 2.87057 4.99967 2.87057ZM12.4997 4.53724H4.99967L2.49967 10.3706V12.0372H9.99967L8.87467 16.6206L12.4997 12.9956V4.53724ZM14.1663 13.7039V12.0372H16.6663V4.53724H14.1663V2.87057H18.333V13.7039H14.1663Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/ThumbUpIcon.html b/src/tests/__snapshots__/ThumbUpIcon.html
index 7d800a25..2ef18542 100644
--- a/src/tests/__snapshots__/ThumbUpIcon.html
+++ b/src/tests/__snapshots__/ThumbUpIcon.html
@@ -1 +1 @@
-<span data-v-e5f19fe4="" class="kui-icon thumb-up-icon" data-testid="kui-icon-wrapper-thumb-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e5f19fe4="" data-testid="kui-icon-svg-thumb-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon thumb-up-icon" data-testid="kui-icon-wrapper-thumb-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-thumb-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M15.0003 17.8706H5.83366V7.03724L11.667 1.2039L12.7087 2.24557C12.8059 2.34279 12.8857 2.47474 12.9482 2.6414C13.0107 2.80807 13.042 2.96779 13.042 3.12057V3.41224L12.1253 7.03724H17.5003C17.9448 7.03724 18.3337 7.2039 18.667 7.53724C19.0003 7.87057 19.167 8.25946 19.167 8.7039V10.3706C19.167 10.4678 19.1531 10.572 19.1253 10.6831C19.0975 10.7942 19.0698 10.8983 19.042 10.9956L16.542 16.8706C16.417 17.1483 16.2087 17.3845 15.917 17.5789C15.6253 17.7733 15.3198 17.8706 15.0003 17.8706ZM7.50033 16.2039H15.0003L17.5003 10.3706V8.7039H10.0003L11.1253 4.12057L7.50033 7.74557V16.2039ZM5.83366 7.03724V8.7039H3.33366V16.2039H5.83366V17.8706H1.66699V7.03724H5.83366Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrashIcon.html b/src/tests/__snapshots__/TrashIcon.html
index 19a9da2c..9ffcf202 100644
--- a/src/tests/__snapshots__/TrashIcon.html
+++ b/src/tests/__snapshots__/TrashIcon.html
@@ -1 +1 @@
-<span data-v-0a70bafb="" class="kui-icon trash-icon" data-testid="kui-icon-wrapper-trash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0a70bafb="" data-testid="kui-icon-svg-trash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon trash-icon" data-testid="kui-icon-wrapper-trash-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-trash-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrendDownIcon.html b/src/tests/__snapshots__/TrendDownIcon.html
index 5a2a92d8..f16dd4fd 100644
--- a/src/tests/__snapshots__/TrendDownIcon.html
+++ b/src/tests/__snapshots__/TrendDownIcon.html
@@ -1 +1 @@
-<span data-v-4157b018="" class="kui-icon trend-down-icon" data-testid="kui-icon-wrapper-trend-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4157b018="" data-testid="kui-icon-svg-trend-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon trend-down-icon" data-testid="kui-icon-wrapper-trend-down-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-trend-down-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M16 18V16H18.6L13.4 10.85L9.4 14.85L2 7.4L3.4 6L9.4 12L13.4 8L20 14.6V12H22V18H16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/TrendUpIcon.html b/src/tests/__snapshots__/TrendUpIcon.html
index 34f651e9..de821608 100644
--- a/src/tests/__snapshots__/TrendUpIcon.html
+++ b/src/tests/__snapshots__/TrendUpIcon.html
@@ -1 +1 @@
-<span data-v-e92edec9="" class="kui-icon trend-up-icon" data-testid="kui-icon-wrapper-trend-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-e92edec9="" data-testid="kui-icon-svg-trend-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon trend-up-icon" data-testid="kui-icon-wrapper-trend-up-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-trend-up-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M3.4 18L2 16.6L9.4 9.15L13.4 13.15L18.6 8H16V6H22V12H20V9.4L13.4 16L9.4 12L3.4 18Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UnderlineIcon.html b/src/tests/__snapshots__/UnderlineIcon.html
index edd666b0..577a5af6 100644
--- a/src/tests/__snapshots__/UnderlineIcon.html
+++ b/src/tests/__snapshots__/UnderlineIcon.html
@@ -1 +1 @@
-<span data-v-8f98f7d4="" class="kui-icon underline-icon" data-testid="kui-icon-wrapper-underline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8f98f7d4="" data-testid="kui-icon-svg-underline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon underline-icon" data-testid="kui-icon-wrapper-underline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-underline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M4.5 21.25V19.25H18.5V21.25H4.5ZM11.5 17.25C9.81667 17.25 8.50833 16.725 7.575 15.675C6.64167 14.625 6.175 13.2333 6.175 11.5V3.25H8.75V11.65C8.75 12.5833 8.98333 13.3417 9.45 13.925C9.91667 14.5083 10.6 14.8 11.5 14.8C12.4 14.8 13.0833 14.5083 13.55 13.925C14.0167 13.3417 14.25 12.5833 14.25 11.65V3.25H16.825V11.5C16.825 13.2333 16.3583 14.625 15.425 15.675C14.4917 16.725 13.1833 17.25 11.5 17.25Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UnfoldMoreIcon.html b/src/tests/__snapshots__/UnfoldMoreIcon.html
index 8d3e2e9b..cae028b6 100644
--- a/src/tests/__snapshots__/UnfoldMoreIcon.html
+++ b/src/tests/__snapshots__/UnfoldMoreIcon.html
@@ -1 +1 @@
-<span data-v-ddd964da="" class="kui-icon unfold-more-icon" data-testid="kui-icon-wrapper-unfold-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-ddd964da="" data-testid="kui-icon-svg-unfold-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon unfold-more-icon" data-testid="kui-icon-wrapper-unfold-more-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-unfold-more-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 21L7.5 16.5L8.95 15.05L12 18.1L15.05 15.05L16.5 16.5L12 21ZM8.95 9.04998L7.5 7.59998L12 3.09998L16.5 7.59998L15.05 9.04998L12 5.99998L8.95 9.04998Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/UploadIcon.html b/src/tests/__snapshots__/UploadIcon.html
index d23f2e69..8014fcbe 100644
--- a/src/tests/__snapshots__/UploadIcon.html
+++ b/src/tests/__snapshots__/UploadIcon.html
@@ -1 +1 @@
-<span data-v-8695e6cb="" class="kui-icon upload-icon" data-testid="kui-icon-wrapper-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-8695e6cb="" data-testid="kui-icon-svg-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon upload-icon" data-testid="kui-icon-wrapper-upload-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-upload-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/VisibilityIcon.html b/src/tests/__snapshots__/VisibilityIcon.html
index a45bbb05..19d19b37 100644
--- a/src/tests/__snapshots__/VisibilityIcon.html
+++ b/src/tests/__snapshots__/VisibilityIcon.html
@@ -1 +1 @@
-<span data-v-198b4a60="" class="kui-icon visibility-icon" data-testid="kui-icon-wrapper-visibility-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-198b4a60="" data-testid="kui-icon-svg-visibility-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon visibility-icon" data-testid="kui-icon-wrapper-visibility-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-visibility-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/VitalsIcon.html b/src/tests/__snapshots__/VitalsIcon.html
index bdef52c6..d828c8b8 100644
--- a/src/tests/__snapshots__/VitalsIcon.html
+++ b/src/tests/__snapshots__/VitalsIcon.html
@@ -1 +1 @@
-<span data-v-0abe19ca="" class="kui-icon vitals-icon" data-testid="kui-icon-wrapper-vitals-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0abe19ca="" data-testid="kui-icon-svg-vitals-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon vitals-icon" data-testid="kui-icon-wrapper-vitals-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-vitals-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M9 20C8.68333 20 8.4 19.9083 8.15 19.725C7.9 19.5417 7.71667 19.3083 7.6 19.025L5.3 13H1V11H6.7L9 17.1L13.6 4.975C13.7167 4.69167 13.9 4.45833 14.15 4.275C14.4 4.09167 14.6833 4 15 4C15.3167 4 15.6 4.09167 15.85 4.275C16.1 4.45833 16.2833 4.69167 16.4 4.975L18.7 11H23V13H17.3L15 6.9L10.4 19.025C10.2833 19.3083 10.1 19.5417 9.85 19.725C9.6 19.9083 9.31667 20 9 20Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WarningIcon.html b/src/tests/__snapshots__/WarningIcon.html
index e51fdae9..b2be9727 100644
--- a/src/tests/__snapshots__/WarningIcon.html
+++ b/src/tests/__snapshots__/WarningIcon.html
@@ -1 +1 @@
-<span data-v-a856d47b="" class="kui-icon warning-icon" data-testid="kui-icon-wrapper-warning-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-a856d47b="" data-testid="kui-icon-svg-warning-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon warning-icon" data-testid="kui-icon-wrapper-warning-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-warning-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.025 22.05C11.7583 22.05 11.5042 22 11.2625 21.9C11.0208 21.8 10.8 21.6583 10.6 21.475L2.575 13.45C2.39167 13.25 2.25 13.0292 2.15 12.7875C2.05 12.5458 2 12.2917 2 12.025C2 11.7583 2.05 11.5 2.15 11.25C2.25 11 2.39167 10.7833 2.575 10.6L10.6 2.575C10.8 2.375 11.0208 2.22917 11.2625 2.1375C11.5042 2.04583 11.7583 2 12.025 2C12.2917 2 12.55 2.04583 12.8 2.1375C13.05 2.22917 13.2667 2.375 13.45 2.575L21.475 10.6C21.675 10.7833 21.8208 11 21.9125 11.25C22.0042 11.5 22.05 11.7583 22.05 12.025C22.05 12.2917 22.0042 12.5458 21.9125 12.7875C21.8208 13.0292 21.675 13.25 21.475 13.45L13.45 21.475C13.2667 21.6583 13.05 21.8 12.8 21.9C12.55 22 12.2917 22.05 12.025 22.05ZM11.025 13.025H13.025V7.025H11.025V13.025ZM12.025 16.025C12.3083 16.025 12.5458 15.9292 12.7375 15.7375C12.9292 15.5458 13.025 15.3083 13.025 15.025C13.025 14.7417 12.9292 14.5042 12.7375 14.3125C12.5458 14.1208 12.3083 14.025 12.025 14.025C11.7417 14.025 11.5042 14.1208 11.3125 14.3125C11.1208 14.5042 11.025 14.7417 11.025 15.025C11.025 15.3083 11.1208 15.5458 11.3125 15.7375C11.5042 15.9292 11.7417 16.025 12.025 16.025Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WarningOutlineIcon.html b/src/tests/__snapshots__/WarningOutlineIcon.html
index 5bbb9f01..05df8776 100644
--- a/src/tests/__snapshots__/WarningOutlineIcon.html
+++ b/src/tests/__snapshots__/WarningOutlineIcon.html
@@ -1 +1 @@
-<span data-v-0b89ace6="" class="kui-icon warning-outline-icon" data-testid="kui-icon-wrapper-warning-outline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-0b89ace6="" data-testid="kui-icon-svg-warning-outline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon warning-outline-icon" data-testid="kui-icon-wrapper-warning-outline-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-warning-outline-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12.0001 22.025C11.7334 22.025 11.4793 21.975 11.2376 21.875C10.9959 21.775 10.7751 21.6333 10.5751 21.45L2.5501 13.425C2.36676 13.225 2.2251 13.0041 2.1251 12.7625C2.0251 12.5208 1.9751 12.2666 1.9751 12C1.9751 11.7333 2.0251 11.475 2.1251 11.225C2.2251 10.975 2.36676 10.7583 2.5501 10.575L10.5751 2.54998C10.7751 2.34998 10.9959 2.20414 11.2376 2.11248C11.4793 2.02081 11.7334 1.97498 12.0001 1.97498C12.2668 1.97498 12.5251 2.02081 12.7751 2.11248C13.0251 2.20414 13.2418 2.34998 13.4251 2.54998L21.4501 10.575C21.6501 10.7583 21.7959 10.975 21.8876 11.225C21.9793 11.475 22.0251 11.7333 22.0251 12C22.0251 12.2666 21.9793 12.5208 21.8876 12.7625C21.7959 13.0041 21.6501 13.225 21.4501 13.425L13.4251 21.45C13.2418 21.6333 13.0251 21.775 12.7751 21.875C12.5251 21.975 12.2668 22.025 12.0001 22.025ZM12.0001 20.025L20.0251 12L12.0001 3.97498L3.9751 12L12.0001 20.025ZM11.0001 13H13.0001V6.99998H11.0001V13ZM12.0001 16C12.2834 16 12.5209 15.9041 12.7126 15.7125C12.9043 15.5208 13.0001 15.2833 13.0001 15C13.0001 14.7166 12.9043 14.4791 12.7126 14.2875C12.5209 14.0958 12.2834 14 12.0001 14C11.7168 14 11.4793 14.0958 11.2876 14.2875C11.0959 14.4791 11.0001 14.7166 11.0001 15C11.0001 15.2833 11.0959 15.5208 11.2876 15.7125C11.4793 15.9041 11.7168 16 12.0001 16Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WidgetsIcon.html b/src/tests/__snapshots__/WidgetsIcon.html
index 28729106..70a79bc4 100644
--- a/src/tests/__snapshots__/WidgetsIcon.html
+++ b/src/tests/__snapshots__/WidgetsIcon.html
@@ -1,4 +1,4 @@
-<span data-v-61aed295="" class="kui-icon widgets-icon" data-testid="kui-icon-wrapper-widgets-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-61aed295="" data-testid="kui-icon-svg-widgets-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><mask id="mask0_2047_9122" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<span class="kui-icon widgets-icon" data-testid="kui-icon-wrapper-widgets-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-widgets-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><mask id="mask0_2047_9122" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
 <rect width="24" height="24" fill="#D9D9D9"></rect>
 </mask>
 <g mask="url(#mask0_2047_9122)">
diff --git a/src/tests/__snapshots__/WindowsIcon.html b/src/tests/__snapshots__/WindowsIcon.html
index 556cec85..0cb85fac 100644
--- a/src/tests/__snapshots__/WindowsIcon.html
+++ b/src/tests/__snapshots__/WindowsIcon.html
@@ -1 +1 @@
-<span data-v-d7c67b3d="" class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-d7c67b3d="" data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon windows-icon" data-testid="kui-icon-wrapper-windows-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-windows-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M1 4.15006L9.99656 2.91523V11.6094H1M11.0802 2.73883L23 1V11.5338H11.0802M1 12.5267H9.99656V21.246L1 19.986M11.0802 12.6426H23V23.0756L11.0802 21.3872" fill="#0078D6"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorkspacesIcon.html b/src/tests/__snapshots__/WorkspacesIcon.html
index a873d74f..6a86c874 100644
--- a/src/tests/__snapshots__/WorkspacesIcon.html
+++ b/src/tests/__snapshots__/WorkspacesIcon.html
@@ -1 +1 @@
-<span data-v-c7782814="" class="kui-icon workspaces-icon" data-testid="kui-icon-wrapper-workspaces-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-c7782814="" data-testid="kui-icon-svg-workspaces-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon workspaces-icon" data-testid="kui-icon-wrapper-workspaces-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-workspaces-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H11V21H5ZM13 21V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H13ZM13 10V3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V10H13Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorldIcon.html b/src/tests/__snapshots__/WorldIcon.html
index 30e88e29..6ac7e6bd 100644
--- a/src/tests/__snapshots__/WorldIcon.html
+++ b/src/tests/__snapshots__/WorldIcon.html
@@ -1 +1 @@
-<span data-v-17ec78eb="" class="kui-icon world-icon" data-testid="kui-icon-wrapper-world-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-17ec78eb="" data-testid="kui-icon-svg-world-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon world-icon" data-testid="kui-icon-wrapper-world-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-world-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0167 4.6625 15.7833 5.9875 17.3C7.3125 18.8167 8.98333 19.7 11 19.95ZM17.9 17.4C18.2333 17.0333 18.5333 16.6375 18.8 16.2125C19.0667 15.7875 19.2875 15.3458 19.4625 14.8875C19.6375 14.4292 19.7708 13.9583 19.8625 13.475C19.9542 12.9917 20 12.5 20 12C20 10.3667 19.5458 8.875 18.6375 7.525C17.7292 6.175 16.5167 5.2 15 4.6V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.4333 16 16.825 16.1292 17.175 16.3875C17.525 16.6458 17.7667 16.9833 17.9 17.4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
diff --git a/src/tests/__snapshots__/WorldPrivateIcon.html b/src/tests/__snapshots__/WorldPrivateIcon.html
index db090b23..8d5bd5be 100644
--- a/src/tests/__snapshots__/WorldPrivateIcon.html
+++ b/src/tests/__snapshots__/WorldPrivateIcon.html
@@ -1 +1 @@
-<span data-v-4b0aa218="" class="kui-icon world-private-icon" data-testid="kui-icon-wrapper-world-private-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-v-4b0aa218="" data-testid="kui-icon-svg-world-private-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file
+<span class="kui-icon world-private-icon" data-testid="kui-icon-wrapper-world-private-icon" style="box-sizing: border-box; color: rgb(0, 68, 244); display: inline-flex; flex-shrink: 0; height: 32px; line-height: 0; width: 32px;"><svg data-testid="kui-icon-svg-world-private-icon" fill="none" height="100%" role="img" viewBox="0 0 24 24" width="100%" xmlns="http://www.w3.org/2000/svg"><title data-testid="kui-icon-svg-title">My custom title</title><path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.5333 2 13.0458 2.0375 13.5375 2.1125C14.0292 2.1875 14.5167 2.3 15 2.45V5C15 5.55 14.8042 6.02083 14.4125 6.4125C14.0208 6.80417 13.55 7 13 7H11V9C11 9.28333 10.9042 9.52083 10.7125 9.7125C10.5208 9.90417 10.2833 10 10 10H8V12H14C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V16H16C16.45 16 16.8458 16.1333 17.1875 16.4C17.5292 16.6667 17.7667 17 17.9 17.4C18.55 16.6667 19.0625 15.8458 19.4375 14.9375C19.8125 14.0292 20 13.05 20 12C20 11.8167 19.9917 11.65 19.975 11.5C19.9583 11.35 19.9333 11.1833 19.9 11H21.95C21.9833 11.1833 22 11.35 22 11.5V12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM11 19.95V18C10.45 18 9.97917 17.8042 9.5875 17.4125C9.19583 17.0208 9 16.55 9 16V15L4.2 10.2C4.15 10.5 4.10417 10.8 4.0625 11.1C4.02083 11.4 4 11.7 4 12C4 14.0667 4.67083 15.8458 6.0125 17.3375C7.35417 18.8292 9.01667 19.7 11 19.95ZM18 9C17.7167 9 17.4792 8.90417 17.2875 8.7125C17.0958 8.52083 17 8.28333 17 8V5C17 4.71667 17.0958 4.47917 17.2875 4.2875C17.4792 4.09583 17.7167 4 18 4V3C18 2.45 18.1958 1.97917 18.5875 1.5875C18.9792 1.19583 19.45 1 20 1C20.55 1 21.0208 1.19583 21.4125 1.5875C21.8042 1.97917 22 2.45 22 3V4C22.2833 4 22.5208 4.09583 22.7125 4.2875C22.9042 4.47917 23 4.71667 23 5V8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18ZM19 4H21V3C21 2.71667 20.9042 2.47917 20.7125 2.2875C20.5208 2.09583 20.2833 2 20 2C19.7167 2 19.4792 2.09583 19.2875 2.2875C19.0958 2.47917 19 2.71667 19 3V4Z" fill="currentColor"></path></svg></span>
\ No newline at end of file

From 1f7f34a5355b2432bd3eccad44d71b9c8171e229 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Wed, 25 Sep 2024 08:45:44 -0400
Subject: [PATCH 21/21] refactor: html replacement

---
 src/__template__/ComponentTemplate.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/__template__/ComponentTemplate.vue b/src/__template__/ComponentTemplate.vue
index 804ed869..82bcf6a2 100644
--- a/src/__template__/ComponentTemplate.vue
+++ b/src/__template__/ComponentTemplate.vue
@@ -129,13 +129,16 @@ const prefixSvgIdsInString = (svgString: string): string => {
   return processedSvgString
 }
 
-const escapeHtml = (str: string): string => {
-  return str
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#039;')
-    .replace(/`/g, '&#039;')
+const escapeHtml = (str: string) => {
+  const htmlEntities: { [key: string]: string } = {
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#039;',
+    '`': '&#039;',
+  }
+
+  return str.replace(/[<>"'`]/g, (match) => htmlEntities[match])
 }
 
 // The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.