From e4e5f0b0ffed6a2e2a8a9e91dfea2c9f24a67b4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Szymon=20Dziewon=CC=81ski?= <szymon.dziewonski@gmail.com>
Date: Tue, 7 May 2024 14:28:01 +0200
Subject: [PATCH] chore: update icons

---
 .../react/components/SfIcons/SfIconAdd.tsx    | 15 +++++++------
 .../SfIcons/SfIconAddShoppingCart.tsx         | 15 +++++--------
 .../react/components/SfIcons/SfIconAlokai.tsx | 15 +++++++------
 .../components/SfIcons/SfIconAlokaiFull.tsx   | 15 +++++--------
 .../components/SfIcons/SfIconArrowBack.tsx    | 15 +++++++------
 .../SfIcons/SfIconArrowDownward.tsx           | 15 +++++--------
 .../components/SfIcons/SfIconArrowForward.tsx | 15 +++++--------
 .../components/SfIcons/SfIconArrowUpward.tsx  | 15 +++++--------
 .../react/components/SfIcons/SfIconBlock.tsx  | 15 +++++++------
 .../SfIcons/SfIconCalendarToday.tsx           | 15 +++++--------
 .../react/components/SfIcons/SfIconCall.tsx   | 15 +++++++------
 .../react/components/SfIcons/SfIconCancel.tsx | 19 +++++++---------
 .../react/components/SfIcons/SfIconCheck.tsx  | 15 +++++++------
 .../components/SfIcons/SfIconCheckBox.tsx     | 15 +++++++------
 .../SfIcons/SfIconCheckBoxOutlineBlank.tsx    | 19 +++++-----------
 .../components/SfIcons/SfIconCheckCircle.tsx  | 15 +++++--------
 .../components/SfIcons/SfIconChevronLeft.tsx  | 15 +++++--------
 .../components/SfIcons/SfIconChevronRight.tsx | 15 +++++--------
 .../react/components/SfIcons/SfIconCircle.tsx | 15 +++++++------
 .../react/components/SfIcons/SfIconClose.tsx  | 15 +++++++------
 .../components/SfIcons/SfIconCloseSm.tsx      | 19 +++++++---------
 .../SfIcons/SfIconCompareArrows.tsx           | 15 +++++--------
 .../SfIcons/SfIconContactSupport.tsx          | 15 +++++--------
 .../components/SfIcons/SfIconCreditCard.tsx   | 15 +++++--------
 .../react/components/SfIcons/SfIconDelete.tsx | 15 +++++++------
 .../components/SfIcons/SfIconDownload.tsx     | 15 +++++++------
 .../react/components/SfIcons/SfIconEmail.tsx  | 15 +++++++------
 .../react/components/SfIcons/SfIconError.tsx  | 19 +++++++---------
 .../components/SfIcons/SfIconExpandLess.tsx   | 15 +++++--------
 .../components/SfIcons/SfIconExpandMore.tsx   | 15 +++++--------
 .../components/SfIcons/SfIconFacebook.tsx     | 15 +++++++------
 .../components/SfIcons/SfIconFavorite.tsx     | 19 +++++++---------
 .../SfIcons/SfIconFavoriteFilled.tsx          | 15 +++++--------
 .../components/SfIcons/SfIconGridView.tsx     | 15 +++++++------
 .../react/components/SfIcons/SfIconHelp.tsx   | 15 +++++++------
 .../react/components/SfIcons/SfIconHome.tsx   | 15 +++++++------
 .../SfIcons/SfIconIndeterminateCheckBox.tsx   | 19 +++++-----------
 .../react/components/SfIcons/SfIconInfo.tsx   | 22 +++++++------------
 .../components/SfIcons/SfIconInstagram.tsx    | 15 +++++++------
 .../components/SfIcons/SfIconLanguage.tsx     | 19 +++++++---------
 .../SfIcons/SfIconLocalShipping.tsx           | 15 +++++--------
 .../SfIcons/SfIconLocal_fire_department.tsx   | 15 +++++--------
 .../components/SfIcons/SfIconLocationOn.tsx   | 22 +++++--------------
 .../SfIcons/SfIconLocationOnFilled.tsx        | 19 +++++-----------
 .../react/components/SfIcons/SfIconLock.tsx   | 15 +++++++------
 .../components/SfIcons/SfIconLockOpen.tsx     | 15 +++++++------
 .../react/components/SfIcons/SfIconLogin.tsx  | 15 +++++++------
 .../react/components/SfIcons/SfIconLogout.tsx | 15 +++++++------
 .../react/components/SfIcons/SfIconMenu.tsx   | 15 +++++++------
 .../components/SfIcons/SfIconMoreHoriz.tsx    | 15 +++++++------
 .../components/SfIcons/SfIconMoreVert.tsx     | 15 +++++++------
 .../components/SfIcons/SfIconOpenInNew.tsx    | 15 +++++++------
 .../components/SfIcons/SfIconOpenSource.tsx   | 15 +++++--------
 .../components/SfIcons/SfIconPackage.tsx      | 15 +++++++------
 .../components/SfIcons/SfIconPercent.tsx      | 15 +++++++------
 .../react/components/SfIcons/SfIconPerson.tsx | 15 +++++++------
 .../components/SfIcons/SfIconPinterest.tsx    | 15 +++++++------
 .../SfIcons/SfIconPublishedWithChanges.tsx    | 15 +++++--------
 .../SfIcons/SfIconRadioButtonChecked.tsx      | 15 +++++--------
 .../SfIcons/SfIconRadioButtonUnchecked.tsx    | 15 +++++--------
 .../react/components/SfIcons/SfIconReact.tsx  | 22 +++++++------------
 .../react/components/SfIcons/SfIconRemove.tsx | 15 +++++++------
 .../SfIcons/SfIconRemoveShoppingCart.tsx      | 15 +++++--------
 .../components/SfIcons/SfIconSafetyCheck.tsx  | 15 +++++--------
 .../components/SfIcons/SfIconSchedule.tsx     | 15 +++++++------
 .../react/components/SfIcons/SfIconSearch.tsx | 15 +++++++------
 .../react/components/SfIcons/SfIconSell.tsx   | 15 +++++++------
 .../react/components/SfIcons/SfIconShare.tsx  | 15 +++++++------
 .../components/SfIcons/SfIconShoppingCart.tsx | 15 +++++--------
 .../SfIcons/SfIconShoppingCartCheckout.tsx    | 15 +++++--------
 .../react/components/SfIcons/SfIconSort.tsx   | 15 +++++++------
 .../react/components/SfIcons/SfIconStar.tsx   | 15 +++++++------
 .../components/SfIcons/SfIconStarFilled.tsx   | 15 +++++--------
 .../components/SfIcons/SfIconStarHalf.tsx     | 15 +++++++------
 .../components/SfIcons/SfIconThumbDown.tsx    | 15 +++++++------
 .../components/SfIcons/SfIconThumbUp.tsx      | 15 +++++++------
 .../react/components/SfIcons/SfIconTune.tsx   | 15 +++++++------
 .../components/SfIcons/SfIconTwitter.tsx      | 15 +++++++------
 .../react/components/SfIcons/SfIconUndo.tsx   | 15 +++++++------
 .../components/SfIcons/SfIconUnfoldMore.tsx   | 15 +++++--------
 .../react/components/SfIcons/SfIconUpload.tsx | 15 +++++++------
 .../components/SfIcons/SfIconViewList.tsx     | 15 +++++++------
 .../components/SfIcons/SfIconVisibility.tsx   | 15 +++++--------
 .../SfIcons/SfIconVisibilityOff.tsx           | 15 +++++--------
 .../components/SfIcons/SfIconVsfDiamond.tsx   | 15 +++++--------
 .../react/components/SfIcons/SfIconVuejs.tsx  | 15 +++++++------
 .../SfIcons/SfIconVuestorefront.tsx           | 15 +++++--------
 .../components/SfIcons/SfIconWarehouse.tsx    | 15 +++++++------
 .../components/SfIcons/SfIconWarning.tsx      | 19 +++++++---------
 .../components/SfIcons/SfIconYoutube.tsx      | 15 +++++++------
 .../vue/components/SfIcons/SfIconAdd.vue      | 16 ++++++--------
 .../SfIcons/SfIconAddShoppingCart.vue         | 16 ++++++--------
 .../vue/components/SfIcons/SfIconAlokai.vue   | 16 ++++++--------
 .../components/SfIcons/SfIconAlokaiFull.vue   | 16 ++++++--------
 .../components/SfIcons/SfIconArrowBack.vue    | 16 ++++++--------
 .../SfIcons/SfIconArrowDownward.vue           | 16 ++++++--------
 .../components/SfIcons/SfIconArrowForward.vue | 16 ++++++--------
 .../components/SfIcons/SfIconArrowUpward.vue  | 16 ++++++--------
 .../vue/components/SfIcons/SfIconBlock.vue    | 16 ++++++--------
 .../SfIcons/SfIconCalendarToday.vue           | 16 ++++++--------
 .../vue/components/SfIcons/SfIconCall.vue     | 16 ++++++--------
 .../vue/components/SfIcons/SfIconCancel.vue   | 18 ++++++---------
 .../vue/components/SfIcons/SfIconCheck.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconCheckBox.vue | 16 ++++++--------
 .../SfIcons/SfIconCheckBoxOutlineBlank.vue    | 18 ++++++---------
 .../components/SfIcons/SfIconCheckCircle.vue  | 16 ++++++--------
 .../components/SfIcons/SfIconChevronLeft.vue  | 16 ++++++--------
 .../components/SfIcons/SfIconChevronRight.vue | 16 ++++++--------
 .../vue/components/SfIcons/SfIconCircle.vue   | 15 ++++++-------
 .../vue/components/SfIcons/SfIconClose.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconCloseSm.vue  | 18 ++++++---------
 .../SfIcons/SfIconCompareArrows.vue           | 16 ++++++--------
 .../SfIcons/SfIconContactSupport.vue          | 16 ++++++--------
 .../components/SfIcons/SfIconCreditCard.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconDelete.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconDownload.vue | 16 ++++++--------
 .../vue/components/SfIcons/SfIconEmail.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconError.vue    | 18 ++++++---------
 .../components/SfIcons/SfIconExpandLess.vue   | 16 ++++++--------
 .../components/SfIcons/SfIconExpandMore.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconFacebook.vue | 16 ++++++--------
 .../vue/components/SfIcons/SfIconFavorite.vue | 18 ++++++---------
 .../SfIcons/SfIconFavoriteFilled.vue          | 16 ++++++--------
 .../vue/components/SfIcons/SfIconGridView.vue | 16 ++++++--------
 .../vue/components/SfIcons/SfIconHelp.vue     | 16 ++++++--------
 .../vue/components/SfIcons/SfIconHome.vue     | 16 ++++++--------
 .../SfIcons/SfIconIndeterminateCheckBox.vue   | 18 ++++++---------
 .../vue/components/SfIcons/SfIconInfo.vue     | 18 ++++++---------
 .../components/SfIcons/SfIconInstagram.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconLanguage.vue | 18 ++++++---------
 .../SfIcons/SfIconLocalShipping.vue           | 16 ++++++--------
 .../SfIcons/SfIconLocal_fire_department.vue   | 16 ++++++--------
 .../components/SfIcons/SfIconLocationOn.vue   | 18 ++++++---------
 .../SfIcons/SfIconLocationOnFilled.vue        | 18 ++++++---------
 .../vue/components/SfIcons/SfIconLock.vue     | 16 ++++++--------
 .../vue/components/SfIcons/SfIconLockOpen.vue | 16 ++++++--------
 .../vue/components/SfIcons/SfIconLogin.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconLogout.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconMenu.vue     | 16 ++++++--------
 .../components/SfIcons/SfIconMoreHoriz.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconMoreVert.vue | 16 ++++++--------
 .../components/SfIcons/SfIconOpenInNew.vue    | 16 ++++++--------
 .../components/SfIcons/SfIconOpenSource.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconPackage.vue  | 16 ++++++--------
 .../vue/components/SfIcons/SfIconPercent.vue  | 16 ++++++--------
 .../vue/components/SfIcons/SfIconPerson.vue   | 16 ++++++--------
 .../components/SfIcons/SfIconPinterest.vue    | 16 ++++++--------
 .../SfIcons/SfIconPublishedWithChanges.vue    | 16 ++++++--------
 .../SfIcons/SfIconRadioButtonChecked.vue      | 16 ++++++--------
 .../SfIcons/SfIconRadioButtonUnchecked.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconReact.vue    | 19 ++++++----------
 .../vue/components/SfIcons/SfIconRemove.vue   | 16 ++++++--------
 .../SfIcons/SfIconRemoveShoppingCart.vue      | 16 ++++++--------
 .../components/SfIcons/SfIconSafetyCheck.vue  | 16 ++++++--------
 .../vue/components/SfIcons/SfIconSchedule.vue | 16 ++++++--------
 .../vue/components/SfIcons/SfIconSearch.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconSell.vue     | 16 ++++++--------
 .../vue/components/SfIcons/SfIconShare.vue    | 16 ++++++--------
 .../components/SfIcons/SfIconShoppingCart.vue | 16 ++++++--------
 .../SfIcons/SfIconShoppingCartCheckout.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconSort.vue     | 16 ++++++--------
 .../vue/components/SfIcons/SfIconStar.vue     | 16 ++++++--------
 .../components/SfIcons/SfIconStarFilled.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconStarHalf.vue | 16 ++++++--------
 .../components/SfIcons/SfIconThumbDown.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconThumbUp.vue  | 16 ++++++--------
 .../vue/components/SfIcons/SfIconTune.vue     | 16 ++++++--------
 .../vue/components/SfIcons/SfIconTwitter.vue  | 16 ++++++--------
 .../vue/components/SfIcons/SfIconUndo.vue     | 16 ++++++--------
 .../components/SfIcons/SfIconUnfoldMore.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconUpload.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconViewList.vue | 16 ++++++--------
 .../components/SfIcons/SfIconVisibility.vue   | 16 ++++++--------
 .../SfIcons/SfIconVisibilityOff.vue           | 16 ++++++--------
 .../components/SfIcons/SfIconVsfDiamond.vue   | 16 ++++++--------
 .../vue/components/SfIcons/SfIconVuejs.vue    | 16 ++++++--------
 .../SfIcons/SfIconVuestorefront.vue           | 16 ++++++--------
 .../components/SfIcons/SfIconWarehouse.vue    | 16 ++++++--------
 .../vue/components/SfIcons/SfIconWarning.vue  | 18 ++++++---------
 .../vue/components/SfIcons/SfIconYoutube.vue  | 16 ++++++--------
 180 files changed, 1280 insertions(+), 1591 deletions(-)

diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx
index 9ac4270443..737789f264 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconAdd({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="add" {...attributes}>
-      <path d="M12 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 18v-5H6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h5V6q0-.425.288-.713A.97.97 0 0 1 12 5a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19" />
-    </SfIconBase>
-  );
-}
+export default function SfIconAdd({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="add" {...attributes}><path d='M12 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 18v-5H6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h5V6q0-.425.288-.713A.97.97 0 0 1 12 5a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx
index 2b473d6656..66a57f96ed 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconAddShoppingCart({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="add-shopping-cart" {...attributes}>
-      <path d="M12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8V6H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 5q0-.424.287-.713A.97.97 0 0 1 9 4h2V2q0-.424.287-.712A.97.97 0 0 1 12 1q.424 0 .713.288Q13 1.575 13 2v2h2q.424 0 .713.287Q16 4.576 16 5t-.287.713A.97.97 0 0 1 15 6h-2v2q0 .424-.287.713A.97.97 0 0 1 12 9M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="add-shopping-cart" {...attributes}><path d='M12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8V6H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 5q0-.424.287-.713A.97.97 0 0 1 9 4h2V2q0-.424.287-.712A.97.97 0 0 1 12 1q.424 0 .713.288Q13 1.575 13 2v2h2q.424 0 .713.287Q16 4.576 16 5t-.287.713A.97.97 0 0 1 15 6h-2v2q0 .424-.287.713A.97.97 0 0 1 12 9M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokai.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokai.tsx
index 7a6297b2cd..38692149a9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokai.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokai.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconAlokai({ size = SfIconSize.base, viewBox = '0 0 32 32', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="alokai" {...attributes}>
-      <path d="m28.2 10.681-3.712-.014c-1.732 0-3.155 1.423-3.17 3.169v4.343a3.16 3.16 0 0 0 3.155 3.154h7.512V32H21.32v-7.512a3.16 3.16 0 0 0-3.155-3.155h-4.343a3.16 3.16 0 0 0-3.154 3.155v6.236c0 .69-.558 1.261-1.262 1.261H1.262c-.69 0-1.262-.557-1.262-1.261V22.58c0-.69.558-1.262 1.262-1.262h6.235a3.16 3.16 0 0 0 3.155-3.155V13.19a2.54 2.54 0 0 1 2.538-2.538h4.974a3.16 3.16 0 0 0 3.155-3.155V3.8a3.8 3.8 0 0 1 3.8-3.8h3.08A3.8 3.8 0 0 1 32 3.8v3.081a3.8 3.8 0 0 1-3.8 3.8M10.681 5.34a5.34 5.34 0 1 1-10.68 0 5.34 5.34 0 0 1 10.68 0" />
-    </SfIconBase>
-  );
-}
+export default function SfIconAlokai({
+    size = SfIconSize.base,
+    viewBox = '0 0 32 32',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="alokai" {...attributes}><path d='m28.2 10.681-3.712-.014c-1.732 0-3.155 1.423-3.17 3.169v4.343a3.16 3.16 0 0 0 3.155 3.154h7.512V32H21.32v-7.512a3.16 3.16 0 0 0-3.155-3.155h-4.343a3.16 3.16 0 0 0-3.154 3.155v6.236c0 .69-.558 1.261-1.262 1.261H1.262c-.69 0-1.262-.557-1.262-1.261V22.58c0-.69.558-1.262 1.262-1.262h6.235a3.16 3.16 0 0 0 3.155-3.155V13.19a2.54 2.54 0 0 1 2.538-2.538h4.974a3.16 3.16 0 0 0 3.155-3.155V3.8a3.8 3.8 0 0 1 3.8-3.8h3.08A3.8 3.8 0 0 1 32 3.8v3.081a3.8 3.8 0 0 1-3.8 3.8M10.681 5.34a5.34 5.34 0 1 1-10.68 0 5.34 5.34 0 0 1 10.68 0'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokaiFull.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokaiFull.tsx
index 78eec21548..08f905624c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokaiFull.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconAlokaiFull.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconAlokaiFull({
-  size = SfIconSize.base,
-  viewBox = '0 0 129 28',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 129 28',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="alokai-full" {...attributes}>
-      <path d="m21.427 9.333 3.248.013A3.326 3.326 0 0 0 28 6.021V3.325A3.326 3.326 0 0 0 24.675 0h-2.696a3.326 3.326 0 0 0-3.325 3.325V6.56a2.764 2.764 0 0 1-2.76 2.76H11.54a2.22 2.22 0 0 0-2.22 2.221v4.353a2.764 2.764 0 0 1-2.76 2.76H1.103c-.616 0-1.104.5-1.104 1.104v7.125c0 .616.5 1.104 1.104 1.104H8.23c.616 0 1.104-.5 1.104-1.104v-5.456a2.764 2.764 0 0 1 2.76-2.76h3.8a2.764 2.764 0 0 1 2.76 2.76V28h9.334v-9.333h-6.573a2.764 2.764 0 0 1-2.76-2.76v-3.8c.013-1.528 1.258-2.774 2.773-2.774m-16.755.013a4.673 4.673 0 1 0 0-9.346 4.673 4.673 0 0 0 0 9.346M65.012 3.12h2.555v21.76h-2.555zm63.023 6.213h-2.555V24.88h2.555zM70.276 17.1a8.054 8.054 0 0 1 8.05-8.05 8.054 8.054 0 0 1 8.049 8.05 8.054 8.054 0 0 1-8.05 8.05 8.054 8.054 0 0 1-8.049-8.05m2.208.013a5.846 5.846 0 0 0 5.842 5.842 5.846 5.846 0 0 0 5.84-5.842 5.846 5.846 0 0 0-5.84-5.841 5.846 5.846 0 0 0-5.842 5.841M127.01 6.305a1.605 1.605 0 1 0-.514-3.168 1.605 1.605 0 0 0 .514 3.168m-68.982 5.429c0-1.322 1.079-2.4 2.401-2.4V24.88h-2.555v-2.234a8 8 0 0 1-5.841 2.517c-4.558 0-8.23-3.788-8.05-8.384.167-4.16 3.557-7.548 7.73-7.715a8.01 8.01 0 0 1 6.315 2.67m-5.995 11.22c3.21 0 5.828-2.618 5.841-5.828V17.1a5.844 5.844 0 0 0-5.841-5.828 5.846 5.846 0 0 0-5.841 5.841 5.846 5.846 0 0 0 5.841 5.842m69.108-13.622a2.405 2.405 0 0 0-2.401 2.401 8.02 8.02 0 0 0-6.316-2.67c-4.173.167-7.562 3.556-7.729 7.715a8.06 8.06 0 0 0 8.05 8.384 8 8 0 0 0 5.841-2.517v2.234h2.555zm-2.542 7.793c-.013 3.21-2.632 5.829-5.842 5.829a5.846 5.846 0 0 1-5.841-5.842 5.846 5.846 0 0 1 5.841-5.841 5.844 5.844 0 0 1 5.842 5.828zm-15.881-7.793-5.854 5.97c-.103.103-.116.27-.026.41l6.997 9.18h-2.927l-5.867-7.716v-.012l-.013.012h-2.619a.29.29 0 0 0-.295.296v7.407h-2.555V3.12h2.555v11.477a.29.29 0 0 0 .295.295h1.926l5.456-5.559z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="alokai-full" {...attributes}><path d='m21.427 9.333 3.248.013A3.326 3.326 0 0 0 28 6.021V3.325A3.326 3.326 0 0 0 24.675 0h-2.696a3.326 3.326 0 0 0-3.325 3.325V6.56a2.764 2.764 0 0 1-2.76 2.76H11.54a2.22 2.22 0 0 0-2.22 2.221v4.353a2.764 2.764 0 0 1-2.76 2.76H1.103c-.616 0-1.104.5-1.104 1.104v7.125c0 .616.5 1.104 1.104 1.104H8.23c.616 0 1.104-.5 1.104-1.104v-5.456a2.764 2.764 0 0 1 2.76-2.76h3.8a2.764 2.764 0 0 1 2.76 2.76V28h9.334v-9.333h-6.573a2.764 2.764 0 0 1-2.76-2.76v-3.8c.013-1.528 1.258-2.774 2.773-2.774m-16.755.013a4.673 4.673 0 1 0 0-9.346 4.673 4.673 0 0 0 0 9.346M65.012 3.12h2.555v21.76h-2.555zm63.023 6.213h-2.555V24.88h2.555zM70.276 17.1a8.054 8.054 0 0 1 8.05-8.05 8.054 8.054 0 0 1 8.049 8.05 8.054 8.054 0 0 1-8.05 8.05 8.054 8.054 0 0 1-8.049-8.05m2.208.013a5.846 5.846 0 0 0 5.842 5.842 5.846 5.846 0 0 0 5.84-5.842 5.846 5.846 0 0 0-5.84-5.841 5.846 5.846 0 0 0-5.842 5.841M127.01 6.305a1.605 1.605 0 1 0-.514-3.168 1.605 1.605 0 0 0 .514 3.168m-68.982 5.429c0-1.322 1.079-2.4 2.401-2.4V24.88h-2.555v-2.234a8 8 0 0 1-5.841 2.517c-4.558 0-8.23-3.788-8.05-8.384.167-4.16 3.557-7.548 7.73-7.715a8.01 8.01 0 0 1 6.315 2.67m-5.995 11.22c3.21 0 5.828-2.618 5.841-5.828V17.1a5.844 5.844 0 0 0-5.841-5.828 5.846 5.846 0 0 0-5.841 5.841 5.846 5.846 0 0 0 5.841 5.842m69.108-13.622a2.405 2.405 0 0 0-2.401 2.401 8.02 8.02 0 0 0-6.316-2.67c-4.173.167-7.562 3.556-7.729 7.715a8.06 8.06 0 0 0 8.05 8.384 8 8 0 0 0 5.841-2.517v2.234h2.555zm-2.542 7.793c-.013 3.21-2.632 5.829-5.842 5.829a5.846 5.846 0 0 1-5.841-5.842 5.846 5.846 0 0 1 5.841-5.841 5.844 5.844 0 0 1 5.842 5.828zm-15.881-7.793-5.854 5.97c-.103.103-.116.27-.026.41l6.997 9.18h-2.927l-5.867-7.716v-.012l-.013.012h-2.619a.29.29 0 0 0-.295.296v7.407h-2.555V3.12h2.555v11.477a.29.29 0 0 0 .295.295h1.926l5.456-5.559z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx
index 721cd891ae..c3a84f6021 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconArrowBack({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-back" {...attributes}>
-      <path d="m10.875 19.3-6.6-6.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 4 12q0-.2.062-.375a.9.9 0 0 1 .213-.325l6.6-6.6a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288q.3.274.313.687a.93.93 0 0 1-.288.713L7.4 11h11.175a.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713q0 .424-.287.712a.97.97 0 0 1-.713.288H7.4l4.9 4.9q.275.275.288.7a.87.87 0 0 1-.288.7q-.275.3-.7.3a1 1 0 0 1-.725-.3" />
-    </SfIconBase>
-  );
-}
+export default function SfIconArrowBack({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-back" {...attributes}><path d='m10.875 19.3-6.6-6.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 4 12q0-.2.062-.375a.9.9 0 0 1 .213-.325l6.6-6.6a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288q.3.274.313.687a.93.93 0 0 1-.288.713L7.4 11h11.175a.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713q0 .424-.287.712a.97.97 0 0 1-.713.288H7.4l4.9 4.9q.275.275.288.7a.87.87 0 0 1-.288.7q-.275.3-.7.3a1 1 0 0 1-.725-.3'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx
index 21d9e25fe7..b182443092 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconArrowDownward({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-downward" {...attributes}>
-      <path d="M12 19.575a1.1 1.1 0 0 1-.375-.063.9.9 0 0 1-.325-.212l-6.6-6.6q-.3-.3-.3-.713 0-.412.3-.712t.7-.3.7.3l4.9 4.9v-11.2q0-.425.288-.7A1 1 0 0 1 12 4a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 5v11.175l4.9-4.9q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713l-6.6 6.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-downward" {...attributes}><path d='M12 19.575a1.1 1.1 0 0 1-.375-.063.9.9 0 0 1-.325-.212l-6.6-6.6q-.3-.3-.3-.713 0-.412.3-.712t.7-.3.7.3l4.9 4.9v-11.2q0-.425.288-.7A1 1 0 0 1 12 4a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 5v11.175l4.9-4.9q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713l-6.6 6.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx
index 0b31699bee..ec0736cc46 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconArrowForward({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-forward" {...attributes}>
-      <path d="M11.3 19.3a1 1 0 0 1-.288-.7.9.9 0 0 1 .263-.7l4.9-4.9H5a.97.97 0 0 1-.713-.288A.97.97 0 0 1 4 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 11h11.175l-4.9-4.9a.9.9 0 0 1-.263-.7 1 1 0 0 1 .288-.7.95.95 0 0 1 .7-.275q.425 0 .7.275l6.6 6.6q.15.125.213.312.062.188.062.388t-.062.375a.9.9 0 0 1-.213.325l-6.6 6.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-forward" {...attributes}><path d='M11.3 19.3a1 1 0 0 1-.288-.7.9.9 0 0 1 .263-.7l4.9-4.9H5a.97.97 0 0 1-.713-.288A.97.97 0 0 1 4 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 11h11.175l-4.9-4.9a.9.9 0 0 1-.263-.7 1 1 0 0 1 .288-.7.95.95 0 0 1 .7-.275q.425 0 .7.275l6.6 6.6q.15.125.213.312.062.188.062.388t-.062.375a.9.9 0 0 1-.213.325l-6.6 6.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx
index aef3717926..dbc6bff4f6 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconArrowUpward({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-upward" {...attributes}>
-      <path d="M12 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 19V7.825L6.125 12.7q-.3.3-.713.3a.97.97 0 0 1-.712-.3.96.96 0 0 1-.3-.7q0-.4.3-.7l6.6-6.6q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l6.6 6.6q.3.3.3.7t-.3.7-.713.3a.97.97 0 0 1-.712-.3L13 7.825V19q0 .424-.287.712A.97.97 0 0 1 12 20" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-upward" {...attributes}><path d='M12 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 19V7.825L6.125 12.7q-.3.3-.713.3a.97.97 0 0 1-.712-.3.96.96 0 0 1-.3-.7q0-.4.3-.7l6.6-6.6q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l6.6 6.6q.3.3.3.7t-.3.7-.713.3a.97.97 0 0 1-.712-.3L13 7.825V19q0 .424-.287.712A.97.97 0 0 1 12 20'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx
index 79ce7b8df6..f566c5ba19 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconBlock({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="block" {...attributes}>
-      <path d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.438-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7q-1.05-.824-2.3-1.262A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6.437 1.25 1.262 2.3" />
-    </SfIconBase>
-  );
-}
+export default function SfIconBlock({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="block" {...attributes}><path d='M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.438-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7q-1.05-.824-2.3-1.262A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6.437 1.25 1.262 2.3'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx
index 36fd3c9308..e02215118e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCalendarToday({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="calendar-today" {...attributes}>
-      <path d="M5 22q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 20V6q0-.824.587-1.412A1.93 1.93 0 0 1 5 4h1V2.975q0-.425.287-.7A1 1 0 0 1 7 2a.97.97 0 0 1 .713.287A.97.97 0 0 1 8 3v1h8V2.975q0-.425.288-.7A1 1 0 0 1 17 2q.424 0 .712.287Q18 2.575 18 3v1h1q.825 0 1.413.588Q21 5.175 21 6v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 22zm0-2h14V10H5z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="calendar-today" {...attributes}><path d='M5 22q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 20V6q0-.824.587-1.412A1.93 1.93 0 0 1 5 4h1V2.975q0-.425.287-.7A1 1 0 0 1 7 2a.97.97 0 0 1 .713.287A.97.97 0 0 1 8 3v1h8V2.975q0-.425.288-.7A1 1 0 0 1 17 2q.424 0 .712.287Q18 2.575 18 3v1h1q.825 0 1.413.588Q21 5.175 21 6v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 22zm0-2h14V10H5z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx
index 430b1487b3..459a9a0de5 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconCall({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="call" {...attributes}>
-      <path d="M19.95 21q-3.225 0-6.287-1.438a19 19 0 0 1-5.425-3.8 19 19 0 0 1-3.8-5.425Q3 7.275 3 4.05q0-.45.3-.75t.75-.3H8.1a.96.96 0 0 1 .625.225.88.88 0 0 1 .325.575l.65 3.5q.05.35-.012.637a1.03 1.03 0 0 1-.288.513L6.975 10.9q1.05 1.8 2.638 3.375A18.6 18.6 0 0 0 13.1 17l2.35-2.35q.225-.225.588-.338.362-.112.712-.062l3.45.7q.35.075.575.337.225.263.225.613v4.05q0 .45-.3.75t-.75.3M6.025 9l1.65-1.65L7.25 5H5.025q.125 1.024.35 2.025T6.025 9M19 18.95v-2.2l-2.35-.475-1.675 1.675q.975.424 1.988.675 1.012.25 2.037.325" />
-    </SfIconBase>
-  );
-}
+export default function SfIconCall({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="call" {...attributes}><path d='M19.95 21q-3.225 0-6.287-1.438a19 19 0 0 1-5.425-3.8 19 19 0 0 1-3.8-5.425Q3 7.275 3 4.05q0-.45.3-.75t.75-.3H8.1a.96.96 0 0 1 .625.225.88.88 0 0 1 .325.575l.65 3.5q.05.35-.012.637a1.03 1.03 0 0 1-.288.513L6.975 10.9q1.05 1.8 2.638 3.375A18.6 18.6 0 0 0 13.1 17l2.35-2.35q.225-.225.588-.338.362-.112.712-.062l3.45.7q.35.075.575.337.225.263.225.613v4.05q0 .45-.3.75t-.75.3M6.025 9l1.65-1.65L7.25 5H5.025q.125 1.024.35 2.025T6.025 9M19 18.95v-2.2l-2.35-.475-1.675 1.675q.975.424 1.988.675 1.012.25 2.037.325'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx
index dadee7c566..5b7c0473ea 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconCancel({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="cancel" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M2 12C2 6.47 6.47 2 12 2s10 4.47 10 10-4.47 10-10 10S2 17.53 2 12m14.295 4.295a.997.997 0 0 0 0-1.41L13.41 12l2.885-2.885a.997.997 0 1 0-1.41-1.41L12 10.59 9.115 7.705a.997.997 0 0 0-1.41 1.41L10.59 12l-2.885 2.885a.997.997 0 0 0 1.41 1.41L12 13.41l2.885 2.885c.39.39 1.02.39 1.41 0"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+export default function SfIconCancel({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="cancel" {...attributes}><path fillRule='evenodd' d='M2 12C2 6.47 6.47 2 12 2s10 4.47 10 10-4.47 10-10 10S2 17.53 2 12m14.295 4.295a.997.997 0 0 0 0-1.41L13.41 12l2.885-2.885a.997.997 0 1 0-1.41-1.41L12 10.59 9.115 7.705a.997.997 0 0 0-1.41 1.41L10.59 12l-2.885 2.885a.997.997 0 0 0 1.41 1.41L12 13.41l2.885 2.885c.39.39 1.02.39 1.41 0' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx
index c327d9873a..c4d6d8551e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconCheck({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="check" {...attributes}>
-      <path d="M4.535 12.705 8 16.17l9.885-9.875a.997.997 0 0 1 1.41 1.41L8.707 18.293a1 1 0 0 1-1.414 0L3.12 14.12a1 1 0 0 1 1.415-1.415" />
-    </SfIconBase>
-  );
-}
+export default function SfIconCheck({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="check" {...attributes}><path d='M4.535 12.705 8 16.17l9.885-9.875a.997.997 0 0 1 1.41 1.41L8.707 18.293a1 1 0 0 1-1.414 0L3.12 14.12a1 1 0 0 1 1.415-1.415'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx
index edb4117f31..328bb77925 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconCheckBox({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="check-box" {...attributes}>
-      <path d="M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm5.6-5.225q.2 0 .375-.062a.9.9 0 0 0 .325-.213l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L10.6 13.4l-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.5q.15.15.325.213.175.062.375.062" />
-    </SfIconBase>
-  );
-}
+export default function SfIconCheckBox({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="check-box" {...attributes}><path d='M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm5.6-5.225q.2 0 .375-.062a.9.9 0 0 0 .325-.213l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L10.6 13.4l-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.5q.15.15.325.213.175.062.375.062'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx
index 10dbfbf7c3..1ea9d09856 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx
@@ -1,18 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCheckBoxOutlineBlank({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="check-box-outline-blank" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm16 .5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5z"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="check-box-outline-blank" {...attributes}><path fillRule='evenodd' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm16 .5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5z' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx
index 75b9228f5c..0f84e1c50d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCheckCircle({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="check-circle" {...attributes}>
-      <path d="m10.6 13.8-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="check-circle" {...attributes}><path d='m10.6 13.8-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx
index 347f94ffbb..6ba430ac72 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconChevronLeft({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="chevron-left" {...attributes}>
-      <path d="M14.706 17.297a1 1 0 0 0 0-1.41l-3.876-3.885 3.877-3.885a.998.998 0 0 0-1.412-1.41l-4.588 4.588a1 1 0 0 0 0 1.414l4.588 4.588a.997.997 0 0 0 1.41 0" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="chevron-left" {...attributes}><path d='M14.706 17.297a1 1 0 0 0 0-1.41l-3.876-3.885 3.877-3.885a.998.998 0 0 0-1.412-1.41l-4.588 4.588a1 1 0 0 0 0 1.414l4.588 4.588a.997.997 0 0 0 1.41 0'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx
index 43483912d7..e2669e6fe4 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconChevronRight({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="chevron-right" {...attributes}>
-      <path d="M8.705 17.297a1 1 0 0 1-.001-1.41l3.876-3.885-3.876-3.885a.998.998 0 0 1 1.412-1.41l4.587 4.588a1 1 0 0 1 0 1.414l-4.587 4.588a.997.997 0 0 1-1.411 0" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="chevron-right" {...attributes}><path d='M8.705 17.297a1 1 0 0 1-.001-1.41l3.876-3.885-3.876-3.885a.998.998 0 0 1 1.412-1.41l4.587 4.588a1 1 0 0 1 0 1.414l-4.587 4.588a.997.997 0 0 1-1.411 0'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx
index 743f226a33..2df1cb092d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconCircle({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="circle" {...attributes}>
-      <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10" />
-    </SfIconBase>
-  );
-}
+export default function SfIconCircle({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="circle" {...attributes}><path d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx
index 61a91dde53..57ad9f8496 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconClose({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="close" {...attributes}>
-      <path d="M18.295 5.705a1 1 0 0 1 0 1.41L13.41 12l4.885 4.885a.997.997 0 1 1-1.41 1.41L12 13.41l-4.885 4.885a.997.997 0 1 1-1.41-1.41L10.59 12 5.705 7.115a.997.997 0 0 1 1.41-1.41L12 10.59l4.885-4.885a.997.997 0 0 1 1.41 0" />
-    </SfIconBase>
-  );
-}
+export default function SfIconClose({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="close" {...attributes}><path d='M18.295 5.705a1 1 0 0 1 0 1.41L13.41 12l4.885 4.885a.997.997 0 1 1-1.41 1.41L12 13.41l-4.885 4.885a.997.997 0 1 1-1.41-1.41L10.59 12 5.705 7.115a.997.997 0 0 1 1.41-1.41L12 10.59l4.885-4.885a.997.997 0 0 1 1.41 0'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx
index 07ccfabe75..dbcd5241e1 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconCloseSm({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="close-sm" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M16.615 8.564a.974.974 0 0 0-1.378-1.378L11.9 10.522 8.563 7.186a.974.974 0 1 0-1.378 1.378l3.337 3.336-3.337 3.337a.974.974 0 1 0 1.378 1.378l3.337-3.337 3.336 3.337a.974.974 0 1 0 1.379-1.378L13.278 11.9z"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+export default function SfIconCloseSm({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="close-sm" {...attributes}><path fillRule='evenodd' d='M16.615 8.564a.974.974 0 0 0-1.378-1.378L11.9 10.522 8.563 7.186a.974.974 0 1 0-1.378 1.378l3.337 3.336-3.337 3.337a.974.974 0 1 0 1.378 1.378l3.337-3.337 3.336 3.337a.974.974 0 1 0 1.379-1.378L13.278 11.9z' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx
index 286516d531..20d786ab16 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCompareArrows({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="compare-arrows" {...attributes}>
-      <path d="m15.3 13.3-3.6-3.6a.9.9 0 0 1-.212-.325A1.1 1.1 0 0 1 11.425 9q0-.2.063-.375A.9.9 0 0 1 11.7 8.3l3.6-3.6q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713L14.825 8H21q.424 0 .712.287Q22 8.575 22 9q0 .424-.288.712A.97.97 0 0 1 21 10h-6.175l1.875 1.875q.3.3.3.7t-.3.7-.687.325-.713-.3m-8 5.975q.3.3.7.312t.7-.287l3.6-3.6q.15-.15.213-.325.062-.176.062-.375 0-.2-.062-.375a.9.9 0 0 0-.213-.325l-3.6-3.6a.96.96 0 0 0-.7-.3q-.4 0-.7.3t-.3.712.3.713L9.175 14H3a.97.97 0 0 0-.712.287A.97.97 0 0 0 2 15q0 .424.288.712A.97.97 0 0 0 3 16h6.175L7.3 17.875q-.3.3-.3.7t.3.7" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="compare-arrows" {...attributes}><path d='m15.3 13.3-3.6-3.6a.9.9 0 0 1-.212-.325A1.1 1.1 0 0 1 11.425 9q0-.2.063-.375A.9.9 0 0 1 11.7 8.3l3.6-3.6q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713L14.825 8H21q.424 0 .712.287Q22 8.575 22 9q0 .424-.288.712A.97.97 0 0 1 21 10h-6.175l1.875 1.875q.3.3.3.7t-.3.7-.687.325-.713-.3m-8 5.975q.3.3.7.312t.7-.287l3.6-3.6q.15-.15.213-.325.062-.176.062-.375 0-.2-.062-.375a.9.9 0 0 0-.213-.325l-3.6-3.6a.96.96 0 0 0-.7-.3q-.4 0-.7.3t-.3.712.3.713L9.175 14H3a.97.97 0 0 0-.712.287A.97.97 0 0 0 2 15q0 .424.288.712A.97.97 0 0 0 3 16h6.175L7.3 17.875q-.3.3-.3.7t.3.7'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx
index b817a52ed4..2f09e3b828 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconContactSupport({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="contact-support" {...attributes}>
-      <path d="m13 22-.25-3h-.25q-3.55 0-6.025-2.475T4 10.5t2.475-6.025T12.5 2q1.774 0 3.312.662a8.6 8.6 0 0 1 2.701 1.825 8.6 8.6 0 0 1 1.824 2.7A8.3 8.3 0 0 1 21 10.5q0 3.8-2.275 6.812T13 22m-.525-6.025q.425 0 .725-.3t.3-.725-.3-.725-.725-.3-.725.3-.3.725.3.725.725.3M12.5 12.8q.275 0 .5-.2a1 1 0 0 0 .3-.55q.05-.326.275-.588t.775-.812q.45-.45.75-.975t.3-1.125q0-1.275-.862-1.913Q13.675 6 12.5 6q-.874 0-1.512.4t-1.038 1a.62.62 0 0 0-.063.575q.113.3.463.425a.65.65 0 0 0 .5 0q.25-.1.45-.375a1.7 1.7 0 0 1 .488-.45q.287-.175.712-.175.675 0 1.013.375t.337.825q0 .425-.25.762a6 6 0 0 1-.6.688q-.7.6-.938.975-.237.375-.287 1.025-.025.3.188.525.211.225.537.225M15 17v1.35q1.775-1.5 2.887-3.512A8.8 8.8 0 0 0 19 10.5q0-2.725-1.887-4.613Q15.225 4 12.5 4T7.888 5.887Q6 7.775 6 10.5t1.888 4.613T12.5 17z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="contact-support" {...attributes}><path d='m13 22-.25-3h-.25q-3.55 0-6.025-2.475T4 10.5t2.475-6.025T12.5 2q1.774 0 3.312.662a8.6 8.6 0 0 1 2.701 1.825 8.6 8.6 0 0 1 1.824 2.7A8.3 8.3 0 0 1 21 10.5q0 3.8-2.275 6.812T13 22m-.525-6.025q.425 0 .725-.3t.3-.725-.3-.725-.725-.3-.725.3-.3.725.3.725.725.3M12.5 12.8q.275 0 .5-.2a1 1 0 0 0 .3-.55q.05-.326.275-.588t.775-.812q.45-.45.75-.975t.3-1.125q0-1.275-.862-1.913Q13.675 6 12.5 6q-.874 0-1.512.4t-1.038 1a.62.62 0 0 0-.063.575q.113.3.463.425a.65.65 0 0 0 .5 0q.25-.1.45-.375a1.7 1.7 0 0 1 .488-.45q.287-.175.712-.175.675 0 1.013.375t.337.825q0 .425-.25.762a6 6 0 0 1-.6.688q-.7.6-.938.975-.237.375-.287 1.025-.025.3.188.525.211.225.537.225M15 17v1.35q1.775-1.5 2.887-3.512A8.8 8.8 0 0 0 19 10.5q0-2.725-1.887-4.613Q15.225 4 12.5 4T7.888 5.887Q6 7.775 6 10.5t1.888 4.613T12.5 17z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx
index 5fca58a323..6332dd5edb 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCreditCard({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="credit-card" {...attributes}>
-      <path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m0 14H4v-6h16zm0-10H4V6h16z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="credit-card" {...attributes}><path d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m0 14H4v-6h16zm0-10H4V6h16z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx
index f54bafce5b..acddd7ab1d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconDelete({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="delete" {...attributes}>
-      <path d="M7 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 18V5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 4a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 3h4q0-.425.288-.713A.97.97 0 0 1 10 2h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 15 3h4q.424 0 .712.287Q20 3.575 20 4a.97.97 0 0 1-.288.713A.97.97 0 0 1 19 5v13q0 .825-.587 1.413A1.93 1.93 0 0 1 17 20zM7 5v13h10V5zm2 10q0 .424.288.712A.97.97 0 0 0 10 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 11 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 9 8zm4 0q0 .424.288.712A.97.97 0 0 0 14 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 15 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 13 8z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconDelete({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="delete" {...attributes}><path d='M7 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 18V5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 4a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 3h4q0-.425.288-.713A.97.97 0 0 1 10 2h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 15 3h4q.424 0 .712.287Q20 3.575 20 4a.97.97 0 0 1-.288.713A.97.97 0 0 1 19 5v13q0 .825-.587 1.413A1.93 1.93 0 0 1 17 20zM7 5v13h10V5zm2 10q0 .424.288.712A.97.97 0 0 0 10 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 11 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 9 8zm4 0q0 .424.288.712A.97.97 0 0 0 14 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 15 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 13 8z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconDownload.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconDownload.tsx
index fc2d027699..20faec98b7 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconDownload.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconDownload.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconDownload({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="download" {...attributes}>
-      <path d="M12 15.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.288-.7q.014-.4.288-.7.3-.3.712-.312a.93.93 0 0 1 .713.287L11 12.15V5q0-.424.287-.713A.97.97 0 0 1 12 4q.424 0 .713.287Q13 4.576 13 5v7.15l1.875-1.875a.93.93 0 0 1 .713-.287Q16 10 16.3 10.3q.276.3.287.7a.92.92 0 0 1-.287.7l-3.6 3.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063M6 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-2q0-.424.287-.713A.97.97 0 0 1 5 15q.424 0 .713.287Q6 15.576 6 16v2h12v-2q0-.424.288-.713A.97.97 0 0 1 19 15q.424 0 .712.287.288.288.288.713v2q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconDownload({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="download" {...attributes}><path d='M12 15.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.288-.7q.014-.4.288-.7.3-.3.712-.312a.93.93 0 0 1 .713.287L11 12.15V5q0-.424.287-.713A.97.97 0 0 1 12 4q.424 0 .713.287Q13 4.576 13 5v7.15l1.875-1.875a.93.93 0 0 1 .713-.287Q16 10 16.3 10.3q.276.3.287.7a.92.92 0 0 1-.287.7l-3.6 3.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063M6 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-2q0-.424.287-.713A.97.97 0 0 1 5 15q.424 0 .713.287Q6 15.576 6 16v2h12v-2q0-.424.288-.713A.97.97 0 0 1 19 15q.424 0 .712.287.288.288.288.713v2q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx
index e6f73caaa4..35fd61799c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconEmail({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="email" {...attributes}>
-      <path d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zM20 8l-7.475 4.675a1.04 1.04 0 0 1-.525.15 1.04 1.04 0 0 1-.525-.15L4 8v10h16zm-8 3 8-5H4zM4 8.25V6.775 6.8v-.013z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconEmail({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="email" {...attributes}><path d='M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zM20 8l-7.475 4.675a1.04 1.04 0 0 1-.525.15 1.04 1.04 0 0 1-.525-.15L4 8v10h16zm-8 3 8-5H4zM4 8.25V6.775 6.8v-.013z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx
index eca6e204fa..32ca3c6ccf 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconError({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="error" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10M12 7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 7.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+export default function SfIconError({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="error" {...attributes}><path fillRule='evenodd' d='M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10M12 7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 7.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx
index 8ef51ed870..3d7c540124 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconExpandLess({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="expand-less" {...attributes}>
-      <path d="M17 15a1 1 0 0 1-1.41 0l-3.885-3.875L7.82 15a.998.998 0 0 1-1.41-1.412l4.588-4.587a1 1 0 0 1 1.414 0L17 13.589A1 1 0 0 1 17 15" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="expand-less" {...attributes}><path d='M17 15a1 1 0 0 1-1.41 0l-3.885-3.875L7.82 15a.998.998 0 0 1-1.41-1.412l4.588-4.587a1 1 0 0 1 1.414 0L17 13.589A1 1 0 0 1 17 15'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx
index dc6625e3fa..7e65a35df4 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconExpandMore({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="expand-more" {...attributes}>
-      <path d="M17 9.003a1 1 0 0 0-1.41 0l-3.885 3.876L7.82 9.003a.998.998 0 0 0-1.41 1.411l4.588 4.588a1 1 0 0 0 1.414 0L17 10.414a.997.997 0 0 0 0-1.41" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="expand-more" {...attributes}><path d='M17 9.003a1 1 0 0 0-1.41 0l-3.885 3.876L7.82 9.003a.998.998 0 0 0-1.41 1.411l4.588 4.588a1 1 0 0 0 1.414 0L17 10.414a.997.997 0 0 0 0-1.41'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx
index c2c9aa90ad..6c4a829e38 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconFacebook({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="facebook" {...attributes}>
-      <path d="m17.01 13.25.555-3.62h-3.473V7.282c0-.99.485-1.956 2.04-1.956h1.58V2.245S16.279 2 14.909 2c-2.86 0-4.73 1.734-4.73 4.872V9.63H7v3.62h3.18V22h3.912v-8.75z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconFacebook({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="facebook" {...attributes}><path d='m17.01 13.25.555-3.62h-3.473V7.282c0-.99.485-1.956 2.04-1.956h1.58V2.245S16.279 2 14.909 2c-2.86 0-4.73 1.734-4.73 4.872V9.63H7v3.62h3.18V22h3.912v-8.75z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx
index 9dfd37d310..e4da7d779c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconFavorite({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="favorite" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M19.664 4.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28m-7.56 14.56-.1.1-.1-.1c-4.76-4.31-7.9-7.16-7.9-10.05 0-2 1.5-3.5 3.5-3.5 1.54 0 3.04.99 3.57 2.36h1.87c.52-1.37 2.02-2.36 3.56-2.36 2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+export default function SfIconFavorite({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="favorite" {...attributes}><path fillRule='evenodd' d='M19.664 4.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28m-7.56 14.56-.1.1-.1-.1c-4.76-4.31-7.9-7.16-7.9-10.05 0-2 1.5-3.5 3.5-3.5 1.54 0 3.04.99 3.57 2.36h1.87c.52-1.37 2.02-2.36 3.56-2.36 2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx
index cc21d52792..600c2752c8 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconFavoriteFilled({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="favorite-filled" {...attributes}>
-      <path d="M10.67 21.133c-5.52-4.95-8.72-7.64-8.67-11.39.04-2.97 2.3-4.39 2.35-4.43 3.61-2.46 6.89.22 7.65 1.11.75-.88 3.99-3.51 7.56-1.16.52.34 2.23 1.65 2.42 4.12.32 4.28-4.14 7.76-8.65 11.76-.38.34-.86.5-1.34.5-.47 0-.94-.17-1.32-.51" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="favorite-filled" {...attributes}><path d='M10.67 21.133c-5.52-4.95-8.72-7.64-8.67-11.39.04-2.97 2.3-4.39 2.35-4.43 3.61-2.46 6.89.22 7.65 1.11.75-.88 3.99-3.51 7.56-1.16.52.34 2.23 1.65 2.42 4.12.32 4.28-4.14 7.76-8.65 11.76-.38.34-.86.5-1.34.5-.47 0-.94-.17-1.32-.51'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx
index 78d547bd2c..75220fb7ee 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconGridView({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="grid-view" {...attributes}>
-      <path d="M5 11q-.825 0-1.413-.588A1.93 1.93 0 0 1 3 9V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h4q.825 0 1.413.587Q11 4.175 11 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 9 11zm0 10q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19v-4q0-.825.587-1.413A1.93 1.93 0 0 1 5 13h4q.825 0 1.413.587Q11 14.175 11 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 9 21zm10-10q-.825 0-1.412-.588A1.92 1.92 0 0 1 13 9V5q0-.825.588-1.413A1.93 1.93 0 0 1 15 3h4q.825 0 1.413.587Q21 4.175 21 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 19 11zm0 10q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 19v-4q0-.825.588-1.413A1.93 1.93 0 0 1 15 13h4q.825 0 1.413.587Q21 14.175 21 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zM5 9h4V5H5zm10 0h4V5h-4zm0 10h4v-4h-4zM5 19h4v-4H5z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconGridView({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="grid-view" {...attributes}><path d='M5 11q-.825 0-1.413-.588A1.93 1.93 0 0 1 3 9V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h4q.825 0 1.413.587Q11 4.175 11 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 9 11zm0 10q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19v-4q0-.825.587-1.413A1.93 1.93 0 0 1 5 13h4q.825 0 1.413.587Q11 14.175 11 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 9 21zm10-10q-.825 0-1.412-.588A1.92 1.92 0 0 1 13 9V5q0-.825.588-1.413A1.93 1.93 0 0 1 15 3h4q.825 0 1.413.587Q21 4.175 21 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 19 11zm0 10q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 19v-4q0-.825.588-1.413A1.93 1.93 0 0 1 15 13h4q.825 0 1.413.587Q21 14.175 21 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zM5 9h4V5H5zm10 0h4V5h-4zm0 10h4v-4h-4zM5 19h4v-4H5z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx
index c180e34081..1726bd1aa8 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconHelp({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="help" {...attributes}>
-      <path d="M11.95 18q.525 0 .888-.363.362-.362.362-.887t-.362-.887a1.2 1.2 0 0 0-.888-.363q-.525 0-.888.363a1.2 1.2 0 0 0-.362.887q0 .525.362.887.363.363.888.363m.15-10.3q.7 0 1.125.387.425.388.425 1.013 0 .424-.287.862a5 5 0 0 1-.813.913q-.75.65-1.1 1.25t-.35 1.2q0 .35.263.587A.904.904 0 0 0 12.6 13.9q.275-.25.35-.625.075-.425.338-.787.262-.363.862-.938.776-.725 1.088-1.325T15.55 8.9q0-1.275-.962-2.088Q13.625 6 12.1 6q-1.05 0-1.862.4a2.84 2.84 0 0 0-1.263 1.225 1 1 0 0 0-.125.637q.05.314.35.513a.97.97 0 0 0 .713.125 1 1 0 0 0 .637-.425q.274-.375.663-.575.387-.2.887-.2M12 22a9.7 9.7 0 0 1-3.875-.788 10.2 10.2 0 0 1-3.187-2.137 10 10 0 0 1-2.15-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10 10 0 0 1 2.15-3.175Q6.3 3.575 8.125 2.787A9.7 9.7 0 0 1 12 2q2.1 0 3.925.787A10.1 10.1 0 0 1 19.1 4.925q1.35 1.35 2.125 3.175A9.9 9.9 0 0 1 22 12a9.9 9.9 0 0 1-.775 3.9 9.9 9.9 0 0 1-2.125 3.175q-1.35 1.35-3.175 2.137Q14.1 22 12 22" />
-    </SfIconBase>
-  );
-}
+export default function SfIconHelp({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="help" {...attributes}><path d='M11.95 18q.525 0 .888-.363.362-.362.362-.887t-.362-.887a1.2 1.2 0 0 0-.888-.363q-.525 0-.888.363a1.2 1.2 0 0 0-.362.887q0 .525.362.887.363.363.888.363m.15-10.3q.7 0 1.125.387.425.388.425 1.013 0 .424-.287.862a5 5 0 0 1-.813.913q-.75.65-1.1 1.25t-.35 1.2q0 .35.263.587A.904.904 0 0 0 12.6 13.9q.275-.25.35-.625.075-.425.338-.787.262-.363.862-.938.776-.725 1.088-1.325T15.55 8.9q0-1.275-.962-2.088Q13.625 6 12.1 6q-1.05 0-1.862.4a2.84 2.84 0 0 0-1.263 1.225 1 1 0 0 0-.125.637q.05.314.35.513a.97.97 0 0 0 .713.125 1 1 0 0 0 .637-.425q.274-.375.663-.575.387-.2.887-.2M12 22a9.7 9.7 0 0 1-3.875-.788 10.2 10.2 0 0 1-3.187-2.137 10 10 0 0 1-2.15-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10 10 0 0 1 2.15-3.175Q6.3 3.575 8.125 2.787A9.7 9.7 0 0 1 12 2q2.1 0 3.925.787A10.1 10.1 0 0 1 19.1 4.925q1.35 1.35 2.125 3.175A9.9 9.9 0 0 1 22 12a9.9 9.9 0 0 1-.775 3.9 9.9 9.9 0 0 1-2.125 3.175q-1.35 1.35-3.175 2.137Q14.1 22 12 22'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx
index 93e24b3074..7db2fc8f9b 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconHome({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="home" {...attributes}>
-      <path d="M6 19h3v-6h6v6h3v-9l-6-4.5L6 10zm0 2q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 19v-9q0-.476.213-.9.212-.425.587-.7l6-4.5a2.1 2.1 0 0 1 .575-.3q.3-.1.625-.1t.625.1.575.3l6 4.5q.375.275.588.7T20 10v9q0 .825-.587 1.413A1.93 1.93 0 0 1 18 21h-5v-6h-2v6z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconHome({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="home" {...attributes}><path d='M6 19h3v-6h6v6h3v-9l-6-4.5L6 10zm0 2q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 19v-9q0-.476.213-.9.212-.425.587-.7l6-4.5a2.1 2.1 0 0 1 .575-.3q.3-.1.625-.1t.625.1.575.3l6 4.5q.375.275.588.7T20 10v9q0 .825-.587 1.413A1.93 1.93 0 0 1 18 21h-5v-6h-2v6z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx
index 70fd2b5a08..e7ca850735 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx
@@ -1,18 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconIndeterminateCheckBox({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="indeterminate-check-box" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 7a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="indeterminate-check-box" {...attributes}><path fillRule='evenodd' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 7a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx
index d0b0fdfb50..1129b64237 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx
@@ -1,17 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconInfo({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="info" {...attributes}>
-      <>
-        <path d="M13.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M11 16a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0z" />
-        <path
-          fillRule="evenodd"
-          d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12m2 0c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8"
-          clipRule="evenodd"
-        />
-      </>
-    </SfIconBase>
-  );
-}
+export default function SfIconInfo({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="info" {...attributes}><><path d='M13.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M11 16a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0z'/><path fillRule='evenodd' d='M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12m2 0c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8' clipRule='evenodd'/></></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx
index e726870735..abfafdf5f5 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconInstagram({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="instagram" {...attributes}>
-      <path d="M12.003 6.871a5.12 5.12 0 0 0-5.127 5.127 5.12 5.12 0 0 0 5.127 5.126 5.12 5.12 0 0 0 5.126-5.126 5.12 5.12 0 0 0-5.126-5.127m0 8.46a3.34 3.34 0 0 1-3.333-3.333 3.336 3.336 0 0 1 3.333-3.333 3.336 3.336 0 0 1 3.333 3.333 3.34 3.34 0 0 1-3.333 3.333m6.532-8.67c0 .665-.536 1.196-1.196 1.196a1.196 1.196 0 1 1 1.196-1.196m3.395 1.214c-.076-1.602-.442-3.02-1.615-4.19-1.169-1.169-2.588-1.534-4.19-1.615-1.65-.093-6.599-.093-8.25 0-1.597.076-3.016.442-4.19 1.611-1.173 1.169-1.534 2.588-1.614 4.19-.094 1.65-.094 6.599 0 8.25.076 1.601.441 3.02 1.615 4.19 1.173 1.168 2.588 1.534 4.19 1.614 1.65.094 6.599.094 8.25 0 1.601-.076 3.02-.442 4.189-1.615 1.169-1.169 1.535-2.588 1.615-4.19.094-1.65.094-6.594 0-8.245m-2.133 10.017a3.38 3.38 0 0 1-1.9 1.9c-1.316.523-4.44.402-5.894.402-1.455 0-4.583.116-5.894-.401a3.37 3.37 0 0 1-1.901-1.901c-.522-1.316-.402-4.44-.402-5.894 0-1.455-.116-4.582.402-5.894a3.37 3.37 0 0 1 1.9-1.901c1.317-.522 4.44-.402 5.895-.402s4.582-.116 5.894.402a3.37 3.37 0 0 1 1.9 1.9c.523 1.317.402 4.44.402 5.895s.12 4.582-.402 5.894" />
-    </SfIconBase>
-  );
-}
+export default function SfIconInstagram({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="instagram" {...attributes}><path d='M12.003 6.871a5.12 5.12 0 0 0-5.127 5.127 5.12 5.12 0 0 0 5.127 5.126 5.12 5.12 0 0 0 5.126-5.126 5.12 5.12 0 0 0-5.126-5.127m0 8.46a3.34 3.34 0 0 1-3.333-3.333 3.336 3.336 0 0 1 3.333-3.333 3.336 3.336 0 0 1 3.333 3.333 3.34 3.34 0 0 1-3.333 3.333m6.532-8.67c0 .665-.536 1.196-1.196 1.196a1.196 1.196 0 1 1 1.196-1.196m3.395 1.214c-.076-1.602-.442-3.02-1.615-4.19-1.169-1.169-2.588-1.534-4.19-1.615-1.65-.093-6.599-.093-8.25 0-1.597.076-3.016.442-4.19 1.611-1.173 1.169-1.534 2.588-1.614 4.19-.094 1.65-.094 6.599 0 8.25.076 1.601.441 3.02 1.615 4.19 1.173 1.168 2.588 1.534 4.19 1.614 1.65.094 6.599.094 8.25 0 1.601-.076 3.02-.442 4.189-1.615 1.169-1.169 1.535-2.588 1.615-4.19.094-1.65.094-6.594 0-8.245m-2.133 10.017a3.38 3.38 0 0 1-1.9 1.9c-1.316.523-4.44.402-5.894.402-1.455 0-4.583.116-5.894-.401a3.37 3.37 0 0 1-1.901-1.901c-.522-1.316-.402-4.44-.402-5.894 0-1.455-.116-4.582.402-5.894a3.37 3.37 0 0 1 1.9-1.901c1.317-.522 4.44-.402 5.895-.402s4.582-.116 5.894.402a3.37 3.37 0 0 1 1.9 1.9c.523 1.317.402 4.44.402 5.895s.12 4.582-.402 5.894'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx
index bba125170b..b9e853a7c2 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconLanguage({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="language" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M12.534 21.98a10.032 10.032 0 0 0 8.708-13.84 9.95 9.95 0 0 0-9.661-6.132 9.8 9.8 0 0 0-9.58 9.787 10.127 10.127 0 0 0 9.412 10.177q.143.03.289.016.127.006.257.008h.017q.187 0 .373-.007.093.005.185-.009M14.81 4.493a13.4 13.4 0 0 1 1.604 3.502h2.535a7.95 7.95 0 0 0-4.139-3.502m-2.805-.421c1.063 1.236 1.83 2.553 2.31 3.923h-4.62c.48-1.37 1.247-2.687 2.31-3.923m2.8 5.923h-5.6a11 11 0 0 0-.113 1.565q-.001 1.323.319 2.696h5.188a11.8 11.8 0 0 0 .319-2.697q0-.789-.112-1.564m-.84 6.261h-3.92a17.6 17.6 0 0 0 1.96 3.571 17.8 17.8 0 0 0 1.96-3.57m-6.6-2a13.7 13.7 0 0 1-.273-2.696q0-.79.095-1.565H4.214A7.8 7.8 0 0 0 4 11.801v.006a8.1 8.1 0 0 0 .358 2.45zm-2.079 2h2.624c.38 1.101.893 2.199 1.532 3.285a8.13 8.13 0 0 1-4.156-3.285m10.813 0h2.66a8.03 8.03 0 0 1-4.21 3.315 18.2 18.2 0 0 0 1.55-3.315m3.569-2h-3.022q.271-1.354.272-2.697 0-.79-.095-1.564h2.935a8 8 0 0 1 .243 1.965v.002a8 8 0 0 1-.333 2.294M9.233 4.441a13.4 13.4 0 0 0-1.637 3.554H4.995a7.8 7.8 0 0 1 4.238-3.554M12 2h.003v.086l-.005-.002V2z"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+export default function SfIconLanguage({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="language" {...attributes}><path fillRule='evenodd' d='M12.534 21.98a10.032 10.032 0 0 0 8.708-13.84 9.95 9.95 0 0 0-9.661-6.132 9.8 9.8 0 0 0-9.58 9.787 10.127 10.127 0 0 0 9.412 10.177q.143.03.289.016.127.006.257.008h.017q.187 0 .373-.007.093.005.185-.009M14.81 4.493a13.4 13.4 0 0 1 1.604 3.502h2.535a7.95 7.95 0 0 0-4.139-3.502m-2.805-.421c1.063 1.236 1.83 2.553 2.31 3.923h-4.62c.48-1.37 1.247-2.687 2.31-3.923m2.8 5.923h-5.6a11 11 0 0 0-.113 1.565q-.001 1.323.319 2.696h5.188a11.8 11.8 0 0 0 .319-2.697q0-.789-.112-1.564m-.84 6.261h-3.92a17.6 17.6 0 0 0 1.96 3.571 17.8 17.8 0 0 0 1.96-3.57m-6.6-2a13.7 13.7 0 0 1-.273-2.696q0-.79.095-1.565H4.214A7.8 7.8 0 0 0 4 11.801v.006a8.1 8.1 0 0 0 .358 2.45zm-2.079 2h2.624c.38 1.101.893 2.199 1.532 3.285a8.13 8.13 0 0 1-4.156-3.285m10.813 0h2.66a8.03 8.03 0 0 1-4.21 3.315 18.2 18.2 0 0 0 1.55-3.315m3.569-2h-3.022q.271-1.354.272-2.697 0-.79-.095-1.564h2.935a8 8 0 0 1 .243 1.965v.002a8 8 0 0 1-.333 2.294M9.233 4.441a13.4 13.4 0 0 0-1.637 3.554H4.995a7.8 7.8 0 0 1 4.238-3.554M12 2h.003v.086l-.005-.002V2z' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx
index fdc29393a0..062e98ad3c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLocalShipping({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="local-shipping" {...attributes}>
-      <path d="M6 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 17q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 15V6q0-.824.588-1.412A1.92 1.92 0 0 1 3 4h12q.825 0 1.413.588Q17 5.175 17 6v2h2.5q.25 0 .45.1t.35.3l2.5 3.325a.9.9 0 0 1 .15.275q.05.15.05.325V16q0 .424-.288.712A.97.97 0 0 1 22 17h-1q0 1.25-.875 2.125A2.9 2.9 0 0 1 18 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 17H9q0 1.25-.875 2.125A2.9 2.9 0 0 1 6 20m0-2a.97.97 0 0 0 .713-.288A.97.97 0 0 0 7 17a.97.97 0 0 0-.287-.712A.97.97 0 0 0 6 16a.97.97 0 0 0-.713.288A.97.97 0 0 0 5 17q0 .424.287.712Q5.575 18 6 18M3 6v9h.8q.425-.45.975-.725A2.7 2.7 0 0 1 6 14q.675 0 1.225.275T8.2 15H15V6zm15 12q.424 0 .712-.288A.97.97 0 0 0 19 17a.97.97 0 0 0-.288-.712A.97.97 0 0 0 18 16a.97.97 0 0 0-.712.288A.97.97 0 0 0 17 17q0 .424.288.712A.97.97 0 0 0 18 18m-1-5h4.25L19 10h-2z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="local-shipping" {...attributes}><path d='M6 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 17q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 15V6q0-.824.588-1.412A1.92 1.92 0 0 1 3 4h12q.825 0 1.413.588Q17 5.175 17 6v2h2.5q.25 0 .45.1t.35.3l2.5 3.325a.9.9 0 0 1 .15.275q.05.15.05.325V16q0 .424-.288.712A.97.97 0 0 1 22 17h-1q0 1.25-.875 2.125A2.9 2.9 0 0 1 18 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 17H9q0 1.25-.875 2.125A2.9 2.9 0 0 1 6 20m0-2a.97.97 0 0 0 .713-.288A.97.97 0 0 0 7 17a.97.97 0 0 0-.287-.712A.97.97 0 0 0 6 16a.97.97 0 0 0-.713.288A.97.97 0 0 0 5 17q0 .424.287.712Q5.575 18 6 18M3 6v9h.8q.425-.45.975-.725A2.7 2.7 0 0 1 6 14q.675 0 1.225.275T8.2 15H15V6zm15 12q.424 0 .712-.288A.97.97 0 0 0 19 17a.97.97 0 0 0-.288-.712A.97.97 0 0 0 18 16a.97.97 0 0 0-.712.288A.97.97 0 0 0 17 17q0 .424.288.712A.97.97 0 0 0 18 18m-1-5h4.25L19 10h-2z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocal_fire_department.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocal_fire_department.tsx
index d2324640a6..ea49969959 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocal_fire_department.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocal_fire_department.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLocal_fire_department({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="local_fire_department" {...attributes}>
-      <path d="M12.359 21.42q-3.35 0-5.675-2.325T4.359 13.42q0-2.824 1.675-5.425t4.6-4.55q.55-.375 1.137-.037.588.337.588 1.012v1.3q0 .85.587 1.425.588.576 1.438.575.425 0 .812-.187t.688-.538a.85.85 0 0 1 .512-.312.72.72 0 0 1 .588.137 7.94 7.94 0 0 1 2.475 2.875q.9 1.75.9 3.725 0 3.35-2.325 5.675t-5.675 2.325m-6-8q0 1.3.525 2.463t1.5 2.037a1 1 0 0 1-.025-.225v-.225q0-.8.3-1.5t.875-1.275l2.825-2.775 2.825 2.775q.575.575.875 1.275t.3 1.5v.225q0 .1-.025.225a6.1 6.1 0 0 0 1.5-2.037q.525-1.162.525-2.463 0-1.25-.463-2.362A6.1 6.1 0 0 0 16.56 9.07q-.5.326-1.05.488a4 4 0 0 1-1.125.162q-1.55 0-2.688-1.025a3.9 3.9 0 0 1-1.312-2.525q-1.95 1.65-2.988 3.513Q6.36 11.545 6.36 13.42m6 1.3-1.425 1.4a2 2 0 0 0-.425.625q-.15.35-.15.725 0 .8.587 1.375.588.576 1.413.575.824 0 1.412-.575.588-.574.588-1.375 0-.4-.15-.737-.15-.338-.425-.613z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="local_fire_department" {...attributes}><path d='M12.359 21.42q-3.35 0-5.675-2.325T4.359 13.42q0-2.824 1.675-5.425t4.6-4.55q.55-.375 1.137-.037.588.337.588 1.012v1.3q0 .85.587 1.425.588.576 1.438.575.425 0 .812-.187t.688-.538a.85.85 0 0 1 .512-.312.72.72 0 0 1 .588.137 7.94 7.94 0 0 1 2.475 2.875q.9 1.75.9 3.725 0 3.35-2.325 5.675t-5.675 2.325m-6-8q0 1.3.525 2.463t1.5 2.037a1 1 0 0 1-.025-.225v-.225q0-.8.3-1.5t.875-1.275l2.825-2.775 2.825 2.775q.575.575.875 1.275t.3 1.5v.225q0 .1-.025.225a6.1 6.1 0 0 0 1.5-2.037q.525-1.162.525-2.463 0-1.25-.463-2.362A6.1 6.1 0 0 0 16.56 9.07q-.5.326-1.05.488a4 4 0 0 1-1.125.162q-1.55 0-2.688-1.025a3.9 3.9 0 0 1-1.312-2.525q-1.95 1.65-2.988 3.513Q6.36 11.545 6.36 13.42m6 1.3-1.425 1.4a2 2 0 0 0-.425.625q-.15.35-.15.725 0 .8.587 1.375.588.576 1.413.575.824 0 1.412-.575.588-.574.588-1.375 0-.4-.15-.737-.15-.338-.425-.613z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx
index a5e978bc51..75f9e73a81 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx
@@ -1,21 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLocationOn({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="location-on" {...attributes}>
-      <>
-        <path d="M10 10c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2" />
-        <path
-          fillRule="evenodd"
-          d="M4 10.2c0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2s-8 3.22-8 8.2m2 0C6 6.386 8.842 4 12 4s6 2.386 6 6.2c0 1.073-.416 2.424-1.51 4.097-.986 1.51-2.465 3.191-4.486 5.042-2.025-1.851-3.506-3.532-4.494-5.042C6.416 12.623 6 11.273 6 10.2"
-          clipRule="evenodd"
-        />
-      </>
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="location-on" {...attributes}><><path d='M10 10c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2'/><path fillRule='evenodd' d='M4 10.2c0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2s-8 3.22-8 8.2m2 0C6 6.386 8.842 4 12 4s6 2.386 6 6.2c0 1.073-.416 2.424-1.51 4.097-.986 1.51-2.465 3.191-4.486 5.042-2.025-1.851-3.506-3.532-4.494-5.042C6.416 12.623 6 11.273 6 10.2' clipRule='evenodd'/></></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx
index 9d1077b5c2..82e905aa99 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx
@@ -1,18 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLocationOnFilled({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="location-on-filled" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2m0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="location-on-filled" {...attributes}><path fillRule='evenodd' d='M12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2m0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx
index 2dc7ee948f..b79b228f07 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconLock({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="lock" {...attributes}>
-      <path d="M6 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 21V11q0-.825.588-1.413A1.93 1.93 0 0 1 6 9h1V7q0-2.075 1.463-3.538T12 2t3.538 1.462Q17 4.925 17 7v2h1q.825 0 1.413.587Q20 10.175 20 11v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 23zm6-5q.825 0 1.413-.587Q14 16.825 14 16t-.587-1.413A1.93 1.93 0 0 0 12 14q-.825 0-1.412.587A1.93 1.93 0 0 0 10 16q0 .825.588 1.413Q11.175 18 12 18M9 9h6V7q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 4q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 7z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconLock({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="lock" {...attributes}><path d='M6 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 21V11q0-.825.588-1.413A1.93 1.93 0 0 1 6 9h1V7q0-2.075 1.463-3.538T12 2t3.538 1.462Q17 4.925 17 7v2h1q.825 0 1.413.587Q20 10.175 20 11v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 23zm6-5q.825 0 1.413-.587Q14 16.825 14 16t-.587-1.413A1.93 1.93 0 0 0 12 14q-.825 0-1.412.587A1.93 1.93 0 0 0 10 16q0 .825.588 1.413Q11.175 18 12 18M9 9h6V7q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 4q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 7z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx
index 75c4af5330..dd1b41a0c1 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconLockOpen({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="lock-open" {...attributes}>
-      <path d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.413A1.93 1.93 0 0 1 6 8h9V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3a2.87 2.87 0 0 0-1.812.612A3 3 0 0 0 9.125 5.15q-.125.375-.387.612A.9.9 0 0 1 8.125 6q-.5 0-.8-.338a.81.81 0 0 1-.2-.762Q7.5 3.225 8.85 2.112T12 1q2.075 0 3.538 1.462Q17 3.925 17 6v2h1q.825 0 1.413.587Q20 9.175 20 10v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 22zm0-2h12V10H6zm6-3q.825 0 1.413-.587Q14 15.825 14 15t-.587-1.413A1.93 1.93 0 0 0 12 13q-.825 0-1.412.587A1.93 1.93 0 0 0 10 15q0 .825.588 1.413Q11.175 17 12 17" />
-    </SfIconBase>
-  );
-}
+export default function SfIconLockOpen({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="lock-open" {...attributes}><path d='M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.413A1.93 1.93 0 0 1 6 8h9V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3a2.87 2.87 0 0 0-1.812.612A3 3 0 0 0 9.125 5.15q-.125.375-.387.612A.9.9 0 0 1 8.125 6q-.5 0-.8-.338a.81.81 0 0 1-.2-.762Q7.5 3.225 8.85 2.112T12 1q2.075 0 3.538 1.462Q17 3.925 17 6v2h1q.825 0 1.413.587Q20 9.175 20 10v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 22zm0-2h12V10H6zm6-3q.825 0 1.413-.587Q14 15.825 14 15t-.587-1.413A1.93 1.93 0 0 0 12 13q-.825 0-1.412.587A1.93 1.93 0 0 0 10 15q0 .825.588 1.413Q11.175 17 12 17'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx
index 825171cb2f..6659ef9a7c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconLogin({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="login" {...attributes}>
-      <path d="M9.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.7.275a1 1 0 0 1-.675-.3M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.425.288-.713A.97.97 0 0 1 13 3h6q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconLogin({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="login" {...attributes}><path d='M9.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.7.275a1 1 0 0 1-.675-.3M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.425.288-.713A.97.97 0 0 1 13 3h6q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx
index 1b653a5315..f310b0e964 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconLogout({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="logout" {...attributes}>
-      <path d="M15.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.425.288-.713A.97.97 0 0 1 10 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.325.325-.712.287a1.05 1.05 0 0 1-.663-.312M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h6a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 4q0 .424-.287.712A.97.97 0 0 1 11 5H5v14h6q.425 0 .713.288A.97.97 0 0 1 12 20q0 .424-.287.712A.97.97 0 0 1 11 21z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconLogout({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="logout" {...attributes}><path d='M15.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.425.288-.713A.97.97 0 0 1 10 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.325.325-.712.287a1.05 1.05 0 0 1-.663-.312M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h6a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 4q0 .424-.287.712A.97.97 0 0 1 11 5H5v14h6q.425 0 .713.288A.97.97 0 0 1 12 20q0 .424-.287.712A.97.97 0 0 1 11 21z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx
index 4214b6ffec..a3d03f28ec 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconMenu({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="menu" {...attributes}>
-      <path d="M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1" />
-    </SfIconBase>
-  );
-}
+export default function SfIconMenu({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="menu" {...attributes}><path d='M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx
index 804072d216..c510fe1170 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconMoreHoriz({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="more-horiz" {...attributes}>
-      <path d="M12 14a2 2 0 1 1 .001-4.001A2 2 0 0 1 12 14m4-2a2 2 0 1 0 4.001-.001A2 2 0 0 0 16 12m-8 0a2 2 0 1 0-4.001.001A2 2 0 0 0 8 12" />
-    </SfIconBase>
-  );
-}
+export default function SfIconMoreHoriz({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="more-horiz" {...attributes}><path d='M12 14a2 2 0 1 1 .001-4.001A2 2 0 0 1 12 14m4-2a2 2 0 1 0 4.001-.001A2 2 0 0 0 16 12m-8 0a2 2 0 1 0-4.001.001A2 2 0 0 0 8 12'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx
index 77f1cccc23..3447dab14a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconMoreVert({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="more-vert" {...attributes}>
-      <path d="M14 12a2 2 0 1 1-4.001-.001A2 2 0 0 1 14 12m-2-4a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 8m0 8a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 16" />
-    </SfIconBase>
-  );
-}
+export default function SfIconMoreVert({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="more-vert" {...attributes}><path d='M14 12a2 2 0 1 1-4.001-.001A2 2 0 0 1 14 12m-2-4a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 8m0 8a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 16'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx
index a75b20145c..b474ad6224 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconOpenInNew({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="open-in-new" {...attributes}>
-      <path d="M19 19H5V5h6a1 1 0 1 0 0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-6a1 1 0 1 0-2 0zM15 3a1 1 0 1 0 0 2h2.59l-9.125 9.125a.997.997 0 0 0 1.41 1.41L19 6.41V9a1 1 0 1 0 2 0V3z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconOpenInNew({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="open-in-new" {...attributes}><path d='M19 19H5V5h6a1 1 0 1 0 0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-6a1 1 0 1 0-2 0zM15 3a1 1 0 1 0 0 2h2.59l-9.125 9.125a.997.997 0 0 0 1.41 1.41L19 6.41V9a1 1 0 1 0 2 0V3z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx
index d39ef7b4cd..f5e282481c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconOpenSource({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="open-source" {...attributes}>
-      <path d="M12 2C5.913 2 1 6.913 1 13c0 3.887 1.98 7.407 5.28 9.46.073.073.22.073.293.073.074 0 .147-.073.22-.146l3.447-5.647a.387.387 0 0 0-.147-.513c-1.1-.66-1.76-1.834-1.76-3.154A3.63 3.63 0 0 1 12 9.407a3.63 3.63 0 0 1 3.667 3.666c0 1.394-.807 2.64-1.98 3.3l-.22.22c0 .074 0 .22.073.294l3.447 5.646c.073.147.22.147.293.147s.147 0 .147-.073C20.873 20.627 23 16.96 23 13.073 23 6.987 18.087 2 12 2" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="open-source" {...attributes}><path d='M12 2C5.913 2 1 6.913 1 13c0 3.887 1.98 7.407 5.28 9.46.073.073.22.073.293.073.074 0 .147-.073.22-.146l3.447-5.647a.387.387 0 0 0-.147-.513c-1.1-.66-1.76-1.834-1.76-3.154A3.63 3.63 0 0 1 12 9.407a3.63 3.63 0 0 1 3.667 3.666c0 1.394-.807 2.64-1.98 3.3l-.22.22c0 .074 0 .22.073.294l3.447 5.646c.073.147.22.147.293.147s.147 0 .147-.073C20.873 20.627 23 16.96 23 13.073 23 6.987 18.087 2 12 2'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx
index a3e0b80a9d..82a655e7da 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconPackage({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="package" {...attributes}>
-      <path d="m10 9.75 1.325-.65a1.6 1.6 0 0 1 1.35 0L14 9.75V5h-4zM8 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 16a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 15h3a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 16q0 .424-.287.712A.97.97 0 0 1 11 17zm-3 4q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5h-3v6.375q0 .574-.475.862a.95.95 0 0 1-.975.038L12 11l-2.55 1.275a.95.95 0 0 1-.975-.038Q8 11.95 8 11.375V5H5z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconPackage({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="package" {...attributes}><path d='m10 9.75 1.325-.65a1.6 1.6 0 0 1 1.35 0L14 9.75V5h-4zM8 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 16a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 15h3a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 16q0 .424-.287.712A.97.97 0 0 1 11 17zm-3 4q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5h-3v6.375q0 .574-.475.862a.95.95 0 0 1-.975.038L12 11l-2.55 1.275a.95.95 0 0 1-.975-.038Q8 11.95 8 11.375V5H5z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx
index af6ce05b2e..6523dc7b73 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconPercent({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="percent" {...attributes}>
-      <path d="M8 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 4.5 7.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 8 4q1.45 0 2.475 1.025A3.37 3.37 0 0 1 11.5 7.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 8 11m0-2q.624 0 1.063-.437Q9.5 8.124 9.5 7.5t-.437-1.062A1.45 1.45 0 0 0 8 6q-.625 0-1.062.438A1.45 1.45 0 0 0 6.5 7.5q0 .624.438 1.063Q7.374 9 8 9m9 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 13.5 16.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 17 13q1.45 0 2.475 1.025A3.37 3.37 0 0 1 20.5 16.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 17 20m0-2q.625 0 1.063-.437.437-.438.437-1.063t-.437-1.062A1.45 1.45 0 0 0 17 15q-.625 0-1.062.438A1.45 1.45 0 0 0 15.5 16.5q0 .625.438 1.063Q16.375 18 17 18M5.2 19.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L18.4 4.7a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L6.6 19.3a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275" />
-    </SfIconBase>
-  );
-}
+export default function SfIconPercent({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="percent" {...attributes}><path d='M8 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 4.5 7.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 8 4q1.45 0 2.475 1.025A3.37 3.37 0 0 1 11.5 7.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 8 11m0-2q.624 0 1.063-.437Q9.5 8.124 9.5 7.5t-.437-1.062A1.45 1.45 0 0 0 8 6q-.625 0-1.062.438A1.45 1.45 0 0 0 6.5 7.5q0 .624.438 1.063Q7.374 9 8 9m9 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 13.5 16.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 17 13q1.45 0 2.475 1.025A3.37 3.37 0 0 1 20.5 16.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 17 20m0-2q.625 0 1.063-.437.437-.438.437-1.063t-.437-1.062A1.45 1.45 0 0 0 17 15q-.625 0-1.062.438A1.45 1.45 0 0 0 15.5 16.5q0 .625.438 1.063Q16.375 18 17 18M5.2 19.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L18.4 4.7a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L6.6 19.3a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx
index 1a03fef5af..e1f7215f7a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconPerson({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="person" {...attributes}>
-      <path d="M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m6 8H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-.8q0-.85.438-1.563A2.9 2.9 0 0 1 5.6 14.55a15 15 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.162 1.087T20 17.2v.8q0 .825-.587 1.413A1.93 1.93 0 0 1 18 20M6 18h12v-.8a.94.94 0 0 0-.137-.5 1 1 0 0 0-.363-.35q-1.35-.675-2.725-1.013a11.6 11.6 0 0 0-5.55 0Q7.85 15.675 6.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.413-.588Q14 8.825 14 8q0-.824-.587-1.412A1.93 1.93 0 0 0 12 6q-.825 0-1.412.588A1.92 1.92 0 0 0 10 8q0 .825.588 1.412Q11.175 10 12 10" />
-    </SfIconBase>
-  );
-}
+export default function SfIconPerson({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="person" {...attributes}><path d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m6 8H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-.8q0-.85.438-1.563A2.9 2.9 0 0 1 5.6 14.55a15 15 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.162 1.087T20 17.2v.8q0 .825-.587 1.413A1.93 1.93 0 0 1 18 20M6 18h12v-.8a.94.94 0 0 0-.137-.5 1 1 0 0 0-.363-.35q-1.35-.675-2.725-1.013a11.6 11.6 0 0 0-5.55 0Q7.85 15.675 6.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.413-.588Q14 8.825 14 8q0-.824-.587-1.412A1.93 1.93 0 0 0 12 6q-.825 0-1.412.588A1.92 1.92 0 0 0 10 8q0 .825.588 1.412Q11.175 10 12 10'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx
index 3af3aaaf0a..d08c971fae 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconPinterest({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="pinterest" {...attributes}>
-      <path d="M12.175 2C8.063 2 4 4.74 4 9.177c0 2.82 1.587 4.424 2.549 4.424.396 0 .625-1.106.625-1.419 0-.373-.95-1.166-.95-2.717 0-3.221 2.452-5.505 5.626-5.505 2.729 0 4.749 1.55 4.749 4.4 0 2.127-.854 6.118-3.619 6.118-.998 0-1.851-.721-1.851-1.755 0-1.515 1.058-2.981 1.058-4.544 0-2.653-3.763-2.172-3.763 1.034 0 .673.084 1.418.385 2.032-.553 2.38-1.683 5.926-1.683 8.378 0 .758.108 1.503.18 2.26.136.153.068.137.276.06 2.02-2.764 1.948-3.305 2.862-6.924.492.938 1.767 1.443 2.776 1.443 4.256 0 6.167-4.148 6.167-7.886C19.388 4.596 15.95 2 12.176 2" />
-    </SfIconBase>
-  );
-}
+export default function SfIconPinterest({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="pinterest" {...attributes}><path d='M12.175 2C8.063 2 4 4.74 4 9.177c0 2.82 1.587 4.424 2.549 4.424.396 0 .625-1.106.625-1.419 0-.373-.95-1.166-.95-2.717 0-3.221 2.452-5.505 5.626-5.505 2.729 0 4.749 1.55 4.749 4.4 0 2.127-.854 6.118-3.619 6.118-.998 0-1.851-.721-1.851-1.755 0-1.515 1.058-2.981 1.058-4.544 0-2.653-3.763-2.172-3.763 1.034 0 .673.084 1.418.385 2.032-.553 2.38-1.683 5.926-1.683 8.378 0 .758.108 1.503.18 2.26.136.153.068.137.276.06 2.02-2.764 1.948-3.305 2.862-6.924.492.938 1.767 1.443 2.776 1.443 4.256 0 6.167-4.148 6.167-7.886C19.388 4.596 15.95 2 12.176 2'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx
index c206a03a51..b91b3caf94 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconPublishedWithChanges({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="published-with-changes" {...attributes}>
-      <path d="M14.175 2.225q3.375.75 5.6 3.45T22 12q0 2.275-.913 4.2a10 10 0 0 1-2.487 3.3H20q.424 0 .712.288A.97.97 0 0 1 21 20.5q0 .425-.288.712A.97.97 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.713A.97.97 0 0 1 16 15.5q.424 0 .712.287.288.288.288.713v1.725a8.4 8.4 0 0 0 2.188-2.725Q20 13.9 20 12q0-2.875-1.762-5.013T13.8 4.225a1 1 0 0 1-.575-.35A.96.96 0 0 1 13 3.25q0-.5.35-.825a.83.83 0 0 1 .825-.2m-4.35 19.55q-3.375-.75-5.6-3.45T2 12q0-2.275.913-4.2A10 10 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.713A.97.97 0 0 1 4 2.5h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 3.5v4a.97.97 0 0 1-.287.713A.97.97 0 0 1 8 8.5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 7.5V5.775a8.1 8.1 0 0 0-2.188 2.713Q4 10.101 4 12q0 2.876 1.763 5.012 1.762 2.138 4.437 2.763a1 1 0 0 1 .575.35.96.96 0 0 1 .225.625q0 .5-.35.825a.83.83 0 0 1-.825.2m.75-5.6q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L7.05 13.05a.98.98 0 0 1-.287-.688.93.93 0 0 1 .287-.712.95.95 0 0 1 .7-.275q.425 0 .7.275l2.125 2.125L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.92.92 0 0 1-.288.7L11.275 15.9q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="published-with-changes" {...attributes}><path d='M14.175 2.225q3.375.75 5.6 3.45T22 12q0 2.275-.913 4.2a10 10 0 0 1-2.487 3.3H20q.424 0 .712.288A.97.97 0 0 1 21 20.5q0 .425-.288.712A.97.97 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.713A.97.97 0 0 1 16 15.5q.424 0 .712.287.288.288.288.713v1.725a8.4 8.4 0 0 0 2.188-2.725Q20 13.9 20 12q0-2.875-1.762-5.013T13.8 4.225a1 1 0 0 1-.575-.35A.96.96 0 0 1 13 3.25q0-.5.35-.825a.83.83 0 0 1 .825-.2m-4.35 19.55q-3.375-.75-5.6-3.45T2 12q0-2.275.913-4.2A10 10 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.713A.97.97 0 0 1 4 2.5h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 3.5v4a.97.97 0 0 1-.287.713A.97.97 0 0 1 8 8.5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 7.5V5.775a8.1 8.1 0 0 0-2.188 2.713Q4 10.101 4 12q0 2.876 1.763 5.012 1.762 2.138 4.437 2.763a1 1 0 0 1 .575.35.96.96 0 0 1 .225.625q0 .5-.35.825a.83.83 0 0 1-.825.2m.75-5.6q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L7.05 13.05a.98.98 0 0 1-.287-.688.93.93 0 0 1 .287-.712.95.95 0 0 1 .7-.275q.425 0 .7.275l2.125 2.125L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.92.92 0 0 1-.288.7L11.275 15.9q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx
index 25edc2f001..6b493e3325 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconRadioButtonChecked({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="radio-button-checked" {...attributes}>
-      <path d="M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7T8.463 8.462Q7 9.925 7 12t1.463 3.537T12 17m0 5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="radio-button-checked" {...attributes}><path d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7T8.463 8.462Q7 9.925 7 12t1.463 3.537T12 17m0 5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx
index adbd106250..bc30c760b5 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconRadioButtonUnchecked({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="radio-button-unchecked" {...attributes}>
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="radio-button-unchecked" {...attributes}><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx
index 17b2dc491e..78c539eccd 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx
@@ -1,17 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconReact({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="react" {...attributes}>
-      <>
-        <path d="M13.96 11.952c0 1.099-.877 1.99-1.96 1.99s-1.96-.891-1.96-1.99.877-1.989 1.96-1.989 1.96.89 1.96 1.99" />
-        <path
-          fillRule="evenodd"
-          d="M12 4.467a15 15 0 0 0-.958-.868c-.818-.674-1.63-1.17-2.388-1.418-.758-.25-1.516-.266-2.154.108S5.497 3.337 5.33 4.127c-.166.79-.149 1.752.018 2.807q.097.613.262 1.276-.649.186-1.22.407c-.985.382-1.814.847-2.405 1.389-.592.542-.985 1.199-.985 1.946 0 .748.393 1.405.985 1.947.591.542 1.42 1.007 2.404 1.388q.573.222 1.22.408-.165.661-.261 1.276c-.167 1.055-.184 2.016-.017 2.807s.53 1.464 1.169 1.838c.638.374 1.396.357 2.154.108s1.57-.744 2.388-1.418q.475-.392.958-.868.483.476.958.868c.817.674 1.63 1.17 2.388 1.418.758.249 1.516.266 2.154-.108s1.003-1.048 1.17-1.838c.166-.79.149-1.752-.018-2.807a15 15 0 0 0-.262-1.276q.649-.186 1.22-.408c.985-.38 1.814-.847 2.405-1.388.592-.542.985-1.199.985-1.947 0-.747-.393-1.404-.985-1.946-.591-.542-1.42-1.007-2.404-1.389a14 14 0 0 0-1.22-.407q.165-.663.261-1.276c.167-1.055.184-2.016.017-2.807S18.14 2.663 17.5 2.29c-.638-.374-1.396-.357-2.154-.108s-1.57.744-2.388 1.418q-.475.391-.958.868M8.36 3.104c-.607-.2-1.06-.164-1.382.025s-.579.569-.712 1.201-.13 1.464.026 2.45q.09.57.245 1.191a23 23 0 0 1 2.934-.463 23 23 0 0 1 1.862-2.346q-.453-.446-.895-.81c-.764-.63-1.472-1.05-2.078-1.248M12 5.86c-.428.472-.858.995-1.281 1.561a28 28 0 0 1 2.562 0A21 21 0 0 0 12 5.86m-3.228 2.7a21 21 0 0 0-1.974.345c.19.613.421 1.251.693 1.906a29 29 0 0 1 1.281-2.25M8 11.952a27.4 27.4 0 0 1 2-3.515 26.5 26.5 0 0 1 4.002 0 27 27 0 0 1 2 3.515 27.4 27.4 0 0 1-2 3.516 26.5 26.5 0 0 1-4.002 0 27 27 0 0 1-2-3.516m-1.058 0A23 23 0 0 1 5.87 9.144q-.607.174-1.138.38c-.92.356-1.632.769-2.105 1.202-.474.434-.67.849-.67 1.226 0 .378.196.793.67 1.226.473.434 1.185.846 2.105 1.203q.53.206 1.138.38a24 24 0 0 1 1.072-2.809M6.798 15c.19-.613.421-1.252.693-1.907a29 29 0 0 0 1.281 2.251A21 21 0 0 1 6.798 15m-.261.935q-.155.62-.245 1.19c-.156.987-.16 1.818-.026 2.45.133.633.39 1.013.712 1.202.323.188.775.224 1.382.025.606-.2 1.314-.618 2.079-1.248q.44-.364.894-.81a23 23 0 0 1-1.862-2.347 23 23 0 0 1-2.934-.462m6.13 2.809q.453.446.895.81c.764.63 1.472 1.049 2.078 1.248.607.199 1.06.163 1.382-.025.322-.19.579-.569.712-1.201s.13-1.464-.026-2.45q-.09-.57-.245-1.191a23 23 0 0 1-2.934.462 23 23 0 0 1-1.862 2.346m.614-2.26c-.423.567-.853 1.09-1.281 1.562a21 21 0 0 1-1.281-1.562 28 28 0 0 0 2.562 0m1.947-1.14A21 21 0 0 0 17.202 15a22 22 0 0 0-.693-1.907 29 29 0 0 1-1.281 2.251m1.83-3.39c.439.964.797 1.91 1.073 2.808q.607-.174 1.138-.38c.92-.357 1.632-.77 2.105-1.203s.67-.848.67-1.226c0-.377-.196-.792-.67-1.226-.473-.433-1.184-.846-2.105-1.202a13 13 0 0 0-1.138-.38 23 23 0 0 1-1.072 2.808m.405-3.982a23 23 0 0 0-2.934-.463 23 23 0 0 0-1.862-2.346q.453-.446.895-.81c.764-.63 1.472-1.049 2.078-1.248.607-.2 1.06-.164 1.382.025s.579.569.712 1.201.13 1.464-.026 2.45q-.09.57-.245 1.191m-.261.935a22 22 0 0 1-.693 1.906 29 29 0 0 0-1.281-2.25c.695.088 1.356.204 1.974.344"
-          clipRule="evenodd"
-        />
-      </>
-    </SfIconBase>
-  );
-}
+export default function SfIconReact({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="react" {...attributes}><><path d='M13.96 11.952c0 1.099-.877 1.99-1.96 1.99s-1.96-.891-1.96-1.99.877-1.989 1.96-1.989 1.96.89 1.96 1.99'/><path fillRule='evenodd' d='M12 4.467a15 15 0 0 0-.958-.868c-.818-.674-1.63-1.17-2.388-1.418-.758-.25-1.516-.266-2.154.108S5.497 3.337 5.33 4.127c-.166.79-.149 1.752.018 2.807q.097.613.262 1.276-.649.186-1.22.407c-.985.382-1.814.847-2.405 1.389-.592.542-.985 1.199-.985 1.946 0 .748.393 1.405.985 1.947.591.542 1.42 1.007 2.404 1.388q.573.222 1.22.408-.165.661-.261 1.276c-.167 1.055-.184 2.016-.017 2.807s.53 1.464 1.169 1.838c.638.374 1.396.357 2.154.108s1.57-.744 2.388-1.418q.475-.392.958-.868.483.476.958.868c.817.674 1.63 1.17 2.388 1.418.758.249 1.516.266 2.154-.108s1.003-1.048 1.17-1.838c.166-.79.149-1.752-.018-2.807a15 15 0 0 0-.262-1.276q.649-.186 1.22-.408c.985-.38 1.814-.847 2.405-1.388.592-.542.985-1.199.985-1.947 0-.747-.393-1.404-.985-1.946-.591-.542-1.42-1.007-2.404-1.389a14 14 0 0 0-1.22-.407q.165-.663.261-1.276c.167-1.055.184-2.016.017-2.807S18.14 2.663 17.5 2.29c-.638-.374-1.396-.357-2.154-.108s-1.57.744-2.388 1.418q-.475.391-.958.868M8.36 3.104c-.607-.2-1.06-.164-1.382.025s-.579.569-.712 1.201-.13 1.464.026 2.45q.09.57.245 1.191a23 23 0 0 1 2.934-.463 23 23 0 0 1 1.862-2.346q-.453-.446-.895-.81c-.764-.63-1.472-1.05-2.078-1.248M12 5.86c-.428.472-.858.995-1.281 1.561a28 28 0 0 1 2.562 0A21 21 0 0 0 12 5.86m-3.228 2.7a21 21 0 0 0-1.974.345c.19.613.421 1.251.693 1.906a29 29 0 0 1 1.281-2.25M8 11.952a27.4 27.4 0 0 1 2-3.515 26.5 26.5 0 0 1 4.002 0 27 27 0 0 1 2 3.515 27.4 27.4 0 0 1-2 3.516 26.5 26.5 0 0 1-4.002 0 27 27 0 0 1-2-3.516m-1.058 0A23 23 0 0 1 5.87 9.144q-.607.174-1.138.38c-.92.356-1.632.769-2.105 1.202-.474.434-.67.849-.67 1.226 0 .378.196.793.67 1.226.473.434 1.185.846 2.105 1.203q.53.206 1.138.38a24 24 0 0 1 1.072-2.809M6.798 15c.19-.613.421-1.252.693-1.907a29 29 0 0 0 1.281 2.251A21 21 0 0 1 6.798 15m-.261.935q-.155.62-.245 1.19c-.156.987-.16 1.818-.026 2.45.133.633.39 1.013.712 1.202.323.188.775.224 1.382.025.606-.2 1.314-.618 2.079-1.248q.44-.364.894-.81a23 23 0 0 1-1.862-2.347 23 23 0 0 1-2.934-.462m6.13 2.809q.453.446.895.81c.764.63 1.472 1.049 2.078 1.248.607.199 1.06.163 1.382-.025.322-.19.579-.569.712-1.201s.13-1.464-.026-2.45q-.09-.57-.245-1.191a23 23 0 0 1-2.934.462 23 23 0 0 1-1.862 2.346m.614-2.26c-.423.567-.853 1.09-1.281 1.562a21 21 0 0 1-1.281-1.562 28 28 0 0 0 2.562 0m1.947-1.14A21 21 0 0 0 17.202 15a22 22 0 0 0-.693-1.907 29 29 0 0 1-1.281 2.251m1.83-3.39c.439.964.797 1.91 1.073 2.808q.607-.174 1.138-.38c.92-.357 1.632-.77 2.105-1.203s.67-.848.67-1.226c0-.377-.196-.792-.67-1.226-.473-.433-1.184-.846-2.105-1.202a13 13 0 0 0-1.138-.38 23 23 0 0 1-1.072 2.808m.405-3.982a23 23 0 0 0-2.934-.463 23 23 0 0 0-1.862-2.346q.453-.446.895-.81c.764-.63 1.472-1.049 2.078-1.248.607-.2 1.06-.164 1.382.025s.579.569.712 1.201.13 1.464-.026 2.45q-.09.57-.245 1.191m-.261.935a22 22 0 0 1-.693 1.906 29 29 0 0 0-1.281-2.25c.695.088 1.356.204 1.974.344' clipRule='evenodd'/></></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx
index b7157ce289..d959db296c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconRemove({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="remove" {...attributes}>
-      <path d="M6 13a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconRemove({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="remove" {...attributes}><path d='M6 13a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx
index dec782f917..c06f7428a0 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconRemoveShoppingCart({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="remove-shopping-cart" {...attributes}>
-      <path d="m15.823 12.995-2-2h1.725l2.75-5H8.823l-2-2h13.125q.575 0 .887.488.313.487.013 1.062l-3.55 6.4a2.07 2.07 0 0 1-.712.775q-.438.275-.763.275m-8.825 9q-.824 0-1.412-.588a1.93 1.93 0 0 1-.588-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.824 0 1.413.587.587.588.587 1.413t-.587 1.412a1.93 1.93 0 0 1-1.413.588m12.8.6-5.65-5.6h-6.55q-1.1 0-1.675-.937-.575-.939-.075-1.963l1.05-2.15-1.8-4.05L1.373 4.17a.9.9 0 0 1-.262-.687.98.98 0 0 1 .287-.688.95.95 0 0 1 .7-.275q.425 0 .7.275L21.223 21.22q.274.275.262.688a.98.98 0 0 1-.287.687.93.93 0 0 1-.687.275q-.413 0-.713-.275m-7.65-7.6-2-2h-1.55l-1 2zm4.85 7q-.824 0-1.413-.588a1.93 1.93 0 0 1-.587-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.825 0 1.412.587.588.588.588 1.413t-.588 1.412a1.93 1.93 0 0 1-1.412.588" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="remove-shopping-cart" {...attributes}><path d='m15.823 12.995-2-2h1.725l2.75-5H8.823l-2-2h13.125q.575 0 .887.488.313.487.013 1.062l-3.55 6.4a2.07 2.07 0 0 1-.712.775q-.438.275-.763.275m-8.825 9q-.824 0-1.412-.588a1.93 1.93 0 0 1-.588-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.824 0 1.413.587.587.588.587 1.413t-.587 1.412a1.93 1.93 0 0 1-1.413.588m12.8.6-5.65-5.6h-6.55q-1.1 0-1.675-.937-.575-.939-.075-1.963l1.05-2.15-1.8-4.05L1.373 4.17a.9.9 0 0 1-.262-.687.98.98 0 0 1 .287-.688.95.95 0 0 1 .7-.275q.425 0 .7.275L21.223 21.22q.274.275.262.688a.98.98 0 0 1-.287.687.93.93 0 0 1-.687.275q-.413 0-.713-.275m-7.65-7.6-2-2h-1.55l-1 2zm4.85 7q-.824 0-1.413-.588a1.93 1.93 0 0 1-.587-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.825 0 1.412.587.588.588.588 1.413t-.588 1.412a1.93 1.93 0 0 1-1.412.588'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx
index b77e9f2121..29aa2ab6d9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconSafetyCheck({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="safety-check" {...attributes}>
-      <path d="M12 16.5q2.075 0 3.538-1.463Q17 13.575 17 11.5t-1.462-3.538Q14.075 6.5 12 6.5T8.463 7.962Q7 9.425 7 11.5t1.463 3.537T12 16.5m1.65-2.65L11.5 11.7V8.5h1v2.8l1.85 1.85zM12 21.5q-3.475-.875-5.737-3.988T4 10.6V4.5l8-3 8 3v6.1q0 3.8-2.262 6.912T12 21.5m0-2.1q2.6-.825 4.3-3.3t1.7-5.5V5.875l-6-2.25-6 2.25V10.6q0 3.025 1.7 5.5t4.3 3.3" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="safety-check" {...attributes}><path d='M12 16.5q2.075 0 3.538-1.463Q17 13.575 17 11.5t-1.462-3.538Q14.075 6.5 12 6.5T8.463 7.962Q7 9.425 7 11.5t1.463 3.537T12 16.5m1.65-2.65L11.5 11.7V8.5h1v2.8l1.85 1.85zM12 21.5q-3.475-.875-5.737-3.988T4 10.6V4.5l8-3 8 3v6.1q0 3.8-2.262 6.912T12 21.5m0-2.1q2.6-.825 4.3-3.3t1.7-5.5V5.875l-6-2.25-6 2.25V10.6q0 3.025 1.7 5.5t4.3 3.3'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx
index cedb4cba8a..c160497121 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconSchedule({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="schedule" {...attributes}>
-      <path d="M14.625 16.025a.92.92 0 0 0 .675.275q.4 0 .7-.3a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7l-3-3V7.975a.93.93 0 0 0-.287-.7A1 1 0 0 0 12 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 11 8v3.975a1.03 1.03 0 0 0 .3.725zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20" />
-    </SfIconBase>
-  );
-}
+export default function SfIconSchedule({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="schedule" {...attributes}><path d='M14.625 16.025a.92.92 0 0 0 .675.275q.4 0 .7-.3a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7l-3-3V7.975a.93.93 0 0 0-.287-.7A1 1 0 0 0 12 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 11 8v3.975a1.03 1.03 0 0 0 .3.725zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx
index 9762bb35d7..50ca099751 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconSearch({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="search" {...attributes}>
-      <path d="m18.9 20.3-5.6-5.6q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.613Q6.775 3 9.5 3t4.613 1.887T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.625 5.625a.92.92 0 0 1 .275.675q0 .4-.3.7a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.188Q11.375 5 9.5 5T6.312 6.312 5 9.5t1.312 3.188Q7.625 14 9.5 14" />
-    </SfIconBase>
-  );
-}
+export default function SfIconSearch({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="search" {...attributes}><path d='m18.9 20.3-5.6-5.6q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.613Q6.775 3 9.5 3t4.613 1.887T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.625 5.625a.92.92 0 0 1 .275.675q0 .4-.3.7a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.188Q11.375 5 9.5 5T6.312 6.312 5 9.5t1.312 3.188Q7.625 14 9.5 14'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx
index 985c086944..883c4b7ce1 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconSell({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="sell" {...attributes}>
-      <path d="M14.25 21.4q-.575.575-1.425.575T11.4 21.4l-8.8-8.8a2.07 2.07 0 0 1-.6-1.45V4q0-.825.588-1.413A1.93 1.93 0 0 1 4 2h7.15q.425 0 .8.162.375.163.65.438l8.8 8.825q.575.575.575 1.412a1.92 1.92 0 0 1-.575 1.413zM6.5 8q.625 0 1.062-.438Q8 7.125 8 6.5t-.438-1.062A1.44 1.44 0 0 0 6.5 5q-.625 0-1.062.438A1.44 1.44 0 0 0 5 6.5q0 .625.438 1.062Q5.875 8 6.5 8" />
-    </SfIconBase>
-  );
-}
+export default function SfIconSell({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="sell" {...attributes}><path d='M14.25 21.4q-.575.575-1.425.575T11.4 21.4l-8.8-8.8a2.07 2.07 0 0 1-.6-1.45V4q0-.825.588-1.413A1.93 1.93 0 0 1 4 2h7.15q.425 0 .8.162.375.163.65.438l8.8 8.825q.575.575.575 1.412a1.92 1.92 0 0 1-.575 1.413zM6.5 8q.625 0 1.062-.438Q8 7.125 8 6.5t-.438-1.062A1.44 1.44 0 0 0 6.5 5q-.625 0-1.062.438A1.44 1.44 0 0 0 5 6.5q0 .625.438 1.062Q5.875 8 6.5 8'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconShare.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconShare.tsx
index 7aad330e14..2c37c0dd44 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconShare.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconShare.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconShare({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="share" {...attributes}>
-      <path d="M18 22a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 19q0-.175.025-.363.025-.187.075-.337l-7.05-4.1q-.425.375-.95.588T6 15a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 12q0-1.25.875-2.125A2.9 2.9 0 0 1 6 9q.575 0 1.1.213.525.212.95.587l7.05-4.1a2 2 0 0 1-.075-.338A3 3 0 0 1 15 5q0-1.25.875-2.125A2.9 2.9 0 0 1 18 2q1.25 0 2.125.875T21 5t-.875 2.125A2.9 2.9 0 0 1 18 8q-.575 0-1.1-.213a3.3 3.3 0 0 1-.95-.587L8.9 11.3q.05.15.075.337a2.7 2.7 0 0 1 0 .726 2 2 0 0 1-.075.337l7.05 4.1q.425-.375.95-.588T18 16q1.25 0 2.125.875T21 19t-.875 2.125A2.9 2.9 0 0 1 18 22" />
-    </SfIconBase>
-  );
-}
+export default function SfIconShare({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="share" {...attributes}><path d='M18 22a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 19q0-.175.025-.363.025-.187.075-.337l-7.05-4.1q-.425.375-.95.588T6 15a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 12q0-1.25.875-2.125A2.9 2.9 0 0 1 6 9q.575 0 1.1.213.525.212.95.587l7.05-4.1a2 2 0 0 1-.075-.338A3 3 0 0 1 15 5q0-1.25.875-2.125A2.9 2.9 0 0 1 18 2q1.25 0 2.125.875T21 5t-.875 2.125A2.9 2.9 0 0 1 18 8q-.575 0-1.1-.213a3.3 3.3 0 0 1-.95-.587L8.9 11.3q.05.15.075.337a2.7 2.7 0 0 1 0 .726 2 2 0 0 1-.075.337l7.05 4.1q.425-.375.95-.588T18 16q1.25 0 2.125.875T21 19t-.875 2.125A2.9 2.9 0 0 1 18 22'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx
index 815a6f25cf..219563df50 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconShoppingCart({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="shopping-cart" {...attributes}>
-      <path d="M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M6.15 6l2.4 5h7l2.75-5zM7 17q-1.125 0-1.7-.988-.575-.987-.05-1.962L6.6 11.6 3 4H1.975a.93.93 0 0 1-.7-.288A1 1 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.625q.274 0 .525.15.25.15.375.425L5.2 4h14.75q.675 0 .925.5t-.025 1.05l-3.55 6.4a2.03 2.03 0 0 1-.725.775q-.45.275-1.025.275H8.1L7 15h11.025q.425 0 .7.287.275.288.275.713 0 .424-.288.712A.97.97 0 0 1 18 17z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="shopping-cart" {...attributes}><path d='M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M6.15 6l2.4 5h7l2.75-5zM7 17q-1.125 0-1.7-.988-.575-.987-.05-1.962L6.6 11.6 3 4H1.975a.93.93 0 0 1-.7-.288A1 1 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.625q.274 0 .525.15.25.15.375.425L5.2 4h14.75q.675 0 .925.5t-.025 1.05l-3.55 6.4a2.03 2.03 0 0 1-.725.775q-.45.275-1.025.275H8.1L7 15h11.025q.425 0 .7.287.275.288.275.713 0 .424-.288.712A.97.97 0 0 1 18 17z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx
index 49c24c0aeb..e028ae77ed 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconShoppingCartCheckout({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="shopping-cart-checkout" {...attributes}>
-      <path d="M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M11.3 9.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l.875-.9H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 6q0-.424.287-.713A.97.97 0 0 1 9 5h3.175l-.9-.9a.92.92 0 0 1-.287-.7Q11 3 11.3 2.7q.3-.275.7-.288t.7.288l2.6 2.6q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-2.6 2.6a.98.98 0 0 1-.687.287.93.93 0 0 1-.713-.287M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="shopping-cart-checkout" {...attributes}><path d='M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M11.3 9.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l.875-.9H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 6q0-.424.287-.713A.97.97 0 0 1 9 5h3.175l-.9-.9a.92.92 0 0 1-.287-.7Q11 3 11.3 2.7q.3-.275.7-.288t.7.288l2.6 2.6q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-2.6 2.6a.98.98 0 0 1-.687.287.93.93 0 0 1-.713-.287M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx
index f3f045c0ec..0c7e1bafca 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconSort({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="sort" {...attributes}>
-      <path d="M4 18a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m1 6a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconSort({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="sort" {...attributes}><path d='M4 18a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m1 6a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx
index 5fd1fd2f24..25f9564449 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconStar({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="star" {...attributes}>
-      <path d="m8.85 17.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4-1.45 3.375-3.65.325 2.775 2.425zm3.15.45-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconStar({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="star" {...attributes}><path d='m8.85 17.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4-1.45 3.375-3.65.325 2.775 2.425zm3.15.45-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx
index 0c882a7376..e565f9cc7d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconStarFilled({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="star-filled" {...attributes}>
-      <path d="m12 18.275-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="star-filled" {...attributes}><path d='m12 18.275-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx
index 1714accdb1..81e5bc9947 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconStarHalf({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="star-half" {...attributes}>
-      <path d="M12 8.125v7.8l3.15 1.925-.825-3.6 2.775-2.4-3.65-.325zm0 10.15-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconStarHalf({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="star-half" {...attributes}><path d='M12 8.125v7.8l3.15 1.925-.825-3.6 2.775-2.4-3.65-.325zm0 10.15-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx
index 8232965e22..f3c132be6d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconThumbDown({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="thumb-down" {...attributes}>
-      <path d="M3 16q-.8 0-1.4-.6T1 14v-2q0-.175.05-.375t.1-.375l3-7.05q.225-.5.75-.85T6 3h11v13l-6 5.95q-.375.375-.887.437a1.65 1.65 0 0 1-.988-.187 1.58 1.58 0 0 1-.7-.7q-.225-.45-.1-.925L9.45 16zm12-.85V5H6l-3 7v2h9l-1.35 5.5zM20 3q.825 0 1.413.587Q22 4.175 22 5v9q0 .825-.587 1.412A1.93 1.93 0 0 1 20 16h-3v-2h3V5h-3V3z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconThumbDown({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="thumb-down" {...attributes}><path d='M3 16q-.8 0-1.4-.6T1 14v-2q0-.175.05-.375t.1-.375l3-7.05q.225-.5.75-.85T6 3h11v13l-6 5.95q-.375.375-.887.437a1.65 1.65 0 0 1-.988-.187 1.58 1.58 0 0 1-.7-.7q-.225-.45-.1-.925L9.45 16zm12-.85V5H6l-3 7v2h9l-1.35 5.5zM20 3q.825 0 1.413.587Q22 4.175 22 5v9q0 .825-.587 1.412A1.93 1.93 0 0 1 20 16h-3v-2h3V5h-3V3z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx
index 40f3ed2883..9e87ae8c09 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconThumbUp({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="thumb-up" {...attributes}>
-      <path d="M7 22V9l6-5.95q.375-.375.887-.438.513-.061.988.188.475.25.7.7t.1.925L14.55 9H21q.8 0 1.4.6T23 11v2q0 .176-.05.375-.05.2-.1.375l-3 7.05q-.225.5-.75.85T18 22zM9 9.85V20h9l3-7v-2h-9l1.35-5.5zM4 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 20v-9q0-.824.588-1.413A1.93 1.93 0 0 1 4 9h3v2H4v9h3v2z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconThumbUp({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="thumb-up" {...attributes}><path d='M7 22V9l6-5.95q.375-.375.887-.438.513-.061.988.188.475.25.7.7t.1.925L14.55 9H21q.8 0 1.4.6T23 11v2q0 .176-.05.375-.05.2-.1.375l-3 7.05q-.225.5-.75.85T18 22zM9 9.85V20h9l3-7v-2h-9l1.35-5.5zM4 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 20v-9q0-.824.588-1.413A1.93 1.93 0 0 1 4 9h3v2H4v9h3v2z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx
index f9b340a220..6d04753d41 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconTune({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="tune" {...attributes}>
-      <path d="M4 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 18q0-.424.288-.712A.97.97 0 0 1 4 17h4q.425 0 .713.288A.97.97 0 0 1 9 18q0 .424-.287.712A.97.97 0 0 1 8 19zM4 7a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 6q0-.425.288-.713A.97.97 0 0 1 4 5h8a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6a.97.97 0 0 1-.287.713A.97.97 0 0 1 12 7zm8 14a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 20v-4q0-.425.288-.713A.97.97 0 0 1 12 15a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 16v1h7q.424 0 .712.288A.97.97 0 0 1 21 18q0 .424-.288.712A.97.97 0 0 1 20 19h-7v1q0 .424-.287.712A.97.97 0 0 1 12 21m-4-6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 14v-1H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h3v-1a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 9a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 10v4q0 .424-.287.712A.97.97 0 0 1 8 15m4-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 12q0-.425.288-.713A.97.97 0 0 1 12 11h8q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 20 13zm4-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8V4q0-.425.288-.713A.97.97 0 0 1 16 3q.424 0 .712.287Q17 3.575 17 4v1h3q.424 0 .712.287Q21 5.575 21 6a.97.97 0 0 1-.288.713A.97.97 0 0 1 20 7h-3v1q0 .424-.288.712A.97.97 0 0 1 16 9" />
-    </SfIconBase>
-  );
-}
+export default function SfIconTune({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="tune" {...attributes}><path d='M4 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 18q0-.424.288-.712A.97.97 0 0 1 4 17h4q.425 0 .713.288A.97.97 0 0 1 9 18q0 .424-.287.712A.97.97 0 0 1 8 19zM4 7a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 6q0-.425.288-.713A.97.97 0 0 1 4 5h8a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6a.97.97 0 0 1-.287.713A.97.97 0 0 1 12 7zm8 14a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 20v-4q0-.425.288-.713A.97.97 0 0 1 12 15a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 16v1h7q.424 0 .712.288A.97.97 0 0 1 21 18q0 .424-.288.712A.97.97 0 0 1 20 19h-7v1q0 .424-.287.712A.97.97 0 0 1 12 21m-4-6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 14v-1H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h3v-1a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 9a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 10v4q0 .424-.287.712A.97.97 0 0 1 8 15m4-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 12q0-.425.288-.713A.97.97 0 0 1 12 11h8q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 20 13zm4-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8V4q0-.425.288-.713A.97.97 0 0 1 16 3q.424 0 .712.287Q17 3.575 17 4v1h3q.424 0 .712.287Q21 5.575 21 6a.97.97 0 0 1-.288.713A.97.97 0 0 1 20 7h-3v1q0 .424-.288.712A.97.97 0 0 1 16 9'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx
index 622b1c14ea..19915c2e34 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconTwitter({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="twitter" {...attributes}>
-      <path d="M19.944 8.048c.013.178.013.356.013.533 0 5.419-4.124 11.663-11.663 11.663-2.322 0-4.48-.673-6.294-1.84.33.038.647.05.99.05 1.916 0 3.68-.647 5.089-1.75a4.11 4.11 0 0 1-3.833-2.844c.254.039.508.064.774.064.368 0 .736-.05 1.079-.14a4.1 4.1 0 0 1-3.287-4.023v-.05c.546.304 1.18.495 1.853.52a4.1 4.1 0 0 1-1.827-3.414c0-.761.203-1.46.558-2.068a11.65 11.65 0 0 0 8.452 4.29 4.6 4.6 0 0 1-.102-.94A4.097 4.097 0 0 1 15.846 4a4.1 4.1 0 0 1 2.994 1.294 8.1 8.1 0 0 0 2.602-.99 4.1 4.1 0 0 1-1.802 2.26A8.2 8.2 0 0 0 22 5.928a8.8 8.8 0 0 1-2.056 2.12" />
-    </SfIconBase>
-  );
-}
+export default function SfIconTwitter({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="twitter" {...attributes}><path d='M19.944 8.048c.013.178.013.356.013.533 0 5.419-4.124 11.663-11.663 11.663-2.322 0-4.48-.673-6.294-1.84.33.038.647.05.99.05 1.916 0 3.68-.647 5.089-1.75a4.11 4.11 0 0 1-3.833-2.844c.254.039.508.064.774.064.368 0 .736-.05 1.079-.14a4.1 4.1 0 0 1-3.287-4.023v-.05c.546.304 1.18.495 1.853.52a4.1 4.1 0 0 1-1.827-3.414c0-.761.203-1.46.558-2.068a11.65 11.65 0 0 0 8.452 4.29 4.6 4.6 0 0 1-.102-.94A4.097 4.097 0 0 1 15.846 4a4.1 4.1 0 0 1 2.994 1.294 8.1 8.1 0 0 0 2.602-.99 4.1 4.1 0 0 1-1.802 2.26A8.2 8.2 0 0 0 22 5.928a8.8 8.8 0 0 1-2.056 2.12'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconUndo.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconUndo.tsx
index 10e756e3d5..8f2ad6f60e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconUndo.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconUndo.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconUndo({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="undo" {...attributes}>
-      <path d="M8 19.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18.5q0-.425.288-.713A.97.97 0 0 1 8 17.5h6.1q1.576 0 2.737-1Q18 15.5 18 14t-1.163-2.5-2.737-1H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-3.6-3.6a.9.9 0 0 1-.212-.325 1.1 1.1 0 0 1-.063-.375q0-.201.063-.375A.9.9 0 0 1 4.7 8.8l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8.5h6.3q2.425 0 4.163 1.575Q20 11.65 20 14t-1.738 3.925Q16.526 19.5 14.1 19.5z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconUndo({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="undo" {...attributes}><path d='M8 19.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18.5q0-.425.288-.713A.97.97 0 0 1 8 17.5h6.1q1.576 0 2.737-1Q18 15.5 18 14t-1.163-2.5-2.737-1H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-3.6-3.6a.9.9 0 0 1-.212-.325 1.1 1.1 0 0 1-.063-.375q0-.201.063-.375A.9.9 0 0 1 4.7 8.8l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8.5h6.3q2.425 0 4.163 1.575Q20 11.65 20 14t-1.738 3.925Q16.526 19.5 14.1 19.5z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx
index 81a8ae9b53..fa7550c35f 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconUnfoldMore({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="unfold-more" {...attributes}>
-      <path d="M8.225 8.325Q7.95 8.05 7.95 7.6t.275-.725L11.3 3.8q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l3.1 3.1q.274.274.262.712t-.287.713-.725.275-.725-.275L12 6 9.65 8.35q-.274.274-.712.263a1 1 0 0 1-.713-.288M12 20.575a.9.9 0 0 1-.375-.075 1.3 1.3 0 0 1-.325-.2l-3.075-3.075q-.275-.275-.275-.725t.275-.725.725-.275.725.275L12 18.1l2.35-2.35q.274-.274.712-.262t.713.287.275.725-.275.725L12.7 20.3a.9.9 0 0 1-.312.2q-.188.075-.388.075" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="unfold-more" {...attributes}><path d='M8.225 8.325Q7.95 8.05 7.95 7.6t.275-.725L11.3 3.8q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l3.1 3.1q.274.274.262.712t-.287.713-.725.275-.725-.275L12 6 9.65 8.35q-.274.274-.712.263a1 1 0 0 1-.713-.288M12 20.575a.9.9 0 0 1-.375-.075 1.3 1.3 0 0 1-.325-.2l-3.075-3.075q-.275-.275-.275-.725t.275-.725.725-.275.725.275L12 18.1l2.35-2.35q.274-.274.712-.262t.713.287.275.725-.275.725L12.7 20.3a.9.9 0 0 1-.312.2q-.188.075-.388.075'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconUpload.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconUpload.tsx
index 69812b26ce..cc04c7f49d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconUpload.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconUpload.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconUpload({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="upload" {...attributes}>
-      <path d="M6 19.787q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 17.787v-2q0-.424.287-.712A.97.97 0 0 1 5 14.787q.424 0 .713.288.287.288.287.712v2h12v-2q0-.424.288-.712a.97.97 0 0 1 .712-.288q.424 0 .712.288t.288.712v2q0 .825-.587 1.413a1.93 1.93 0 0 1-1.413.587zm5-12.15L9.125 9.512a.93.93 0 0 1-.713.288 1.02 1.02 0 0 1-.712-.313q-.275-.3-.288-.7a.92.92 0 0 1 .288-.7l3.6-3.6q.15-.15.325-.212.175-.063.375-.063t.375.063a.9.9 0 0 1 .325.212l3.6 3.6q.3.3.287.7-.012.4-.287.7-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.637v7.15q0 .426-.287.713a.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconUpload({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="upload" {...attributes}><path d='M6 19.787q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 17.787v-2q0-.424.287-.712A.97.97 0 0 1 5 14.787q.424 0 .713.288.287.288.287.712v2h12v-2q0-.424.288-.712a.97.97 0 0 1 .712-.288q.424 0 .712.288t.288.712v2q0 .825-.587 1.413a1.93 1.93 0 0 1-1.413.587zm5-12.15L9.125 9.512a.93.93 0 0 1-.713.288 1.02 1.02 0 0 1-.712-.313q-.275-.3-.288-.7a.92.92 0 0 1 .288-.7l3.6-3.6q.15-.15.325-.212.175-.063.375-.063t.375.063a.9.9 0 0 1 .325.212l3.6 3.6q.3.3.287.7-.012.4-.287.7-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.637v7.15q0 .426-.287.713a.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx
index 0058743be8..369d442f0c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconViewList({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="view-list" {...attributes}>
-      <path d="M3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.825 0 1.413.588Q21 6.175 21 7v10q0 .825-.587 1.413A1.93 1.93 0 0 1 19 19H5q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 17m2-8h2V7H5zm4 0h10V7H9zm0 4h10v-2H9zm0 4h10v-2H9zm-4 0h2v-2H5zm0-4h2v-2H5z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconViewList({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="view-list" {...attributes}><path d='M3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.825 0 1.413.588Q21 6.175 21 7v10q0 .825-.587 1.413A1.93 1.93 0 0 1 19 19H5q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 17m2-8h2V7H5zm4 0h10V7H9zm0 4h10v-2H9zm0 4h10v-2H9zm-4 0h2v-2H5zm0-4h2v-2H5z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx
index 6720d853c6..94603b10b2 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconVisibility({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="visibility" {...attributes}>
-      <path d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.188Q13.875 7 12 7T8.812 8.312Q7.5 9.625 7.5 11.5t1.312 3.188Q10.125 16 12 16m0-1.8q-1.125 0-1.912-.788A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.913A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.325 1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.312q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8q.075.124.1.312a3 3 0 0 1 0 .775.8.8 0 0 1-.1.313q-1.474 3.125-4.35 4.963Q15.475 19 12 19" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="visibility" {...attributes}><path d='M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.188Q13.875 7 12 7T8.812 8.312Q7.5 9.625 7.5 11.5t1.312 3.188Q10.125 16 12 16m0-1.8q-1.125 0-1.912-.788A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.913A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.325 1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.312q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8q.075.124.1.312a3 3 0 0 1 0 .775.8.8 0 0 1-.1.313q-1.474 3.125-4.35 4.963Q15.475 19 12 19'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx
index 2032b08930..8eae7e05c9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconVisibilityOff({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="visibility-off" {...attributes}>
-      <path d="m19.3 16.5-3.2-3.2q.2-.424.3-.862t.1-.938q0-1.875-1.312-3.188Q13.875 7 12 7q-.5 0-.938.1a4.3 4.3 0 0 0-.862.3L7.65 4.85a11 11 0 0 1 2.1-.638A11.6 11.6 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8q.075.125.1.312.025.188.025.388a2 2 0 0 1-.125.7q-.574 1.275-1.437 2.375A10.5 10.5 0 0 1 19.3 16.5m-.2 5.4-3.5-3.45q-.874.275-1.762.413T12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.762.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M12 16q.275 0 .512-.025.239-.025.513-.1l-5.4-5.4a3 3 0 0 0-.1.513 5 5 0 0 0-.025.512q0 1.875 1.312 3.188Q10.125 16 12 16m2.65-4.15-3-3q1.425-.225 2.325.8t.675 2.2" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="visibility-off" {...attributes}><path d='m19.3 16.5-3.2-3.2q.2-.424.3-.862t.1-.938q0-1.875-1.312-3.188Q13.875 7 12 7q-.5 0-.938.1a4.3 4.3 0 0 0-.862.3L7.65 4.85a11 11 0 0 1 2.1-.638A11.6 11.6 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8q.075.125.1.312.025.188.025.388a2 2 0 0 1-.125.7q-.574 1.275-1.437 2.375A10.5 10.5 0 0 1 19.3 16.5m-.2 5.4-3.5-3.45q-.874.275-1.762.413T12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.762.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M12 16q.275 0 .512-.025.239-.025.513-.1l-5.4-5.4a3 3 0 0 0-.1.513 5 5 0 0 0-.025.512q0 1.875 1.312 3.188Q10.125 16 12 16m2.65-4.15-3-3q1.425-.225 2.325.8t.675 2.2'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx
index cb3eb5c77f..65e39cd33c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconVsfDiamond({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="vsf-diamond" {...attributes}>
-      <path d="M7.888 2.174c-.761.473-1.508 1.22-3 2.713-1.494 1.493-2.24 2.24-2.714 3a7.79 7.79 0 0 0 0 8.226c.473.76 1.22 1.506 2.712 2.999 1.494 1.494 2.24 2.24 3.002 2.714a7.79 7.79 0 0 0 8.224 0c.761-.474 1.508-1.22 3-2.713 1.494-1.493 2.24-2.24 2.714-3a7.79 7.79 0 0 0 0-8.225c-.474-.761-1.22-1.508-2.713-3-1.493-1.494-2.24-2.24-3-2.714a7.79 7.79 0 0 0-8.225 0" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="vsf-diamond" {...attributes}><path d='M7.888 2.174c-.761.473-1.508 1.22-3 2.713-1.494 1.493-2.24 2.24-2.714 3a7.79 7.79 0 0 0 0 8.226c.473.76 1.22 1.506 2.712 2.999 1.494 1.494 2.24 2.24 3.002 2.714a7.79 7.79 0 0 0 8.224 0c.761-.474 1.508-1.22 3-2.713 1.494-1.493 2.24-2.24 2.714-3a7.79 7.79 0 0 0 0-8.225c-.474-.761-1.22-1.508-2.713-3-1.493-1.494-2.24-2.24-3-2.714a7.79 7.79 0 0 0-8.225 0'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx
index 62dc59fb15..044ca436b2 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconVuejs({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="vuejs" {...attributes}>
-      <path d="M18.526 2.3H14.75L12 6.65 9.643 2.3H1l11 18.843L23 2.3zM3.736 3.871h2.641L12 13.605l5.618-9.734h2.642L12 18.024z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconVuejs({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="vuejs" {...attributes}><path d='M18.526 2.3H14.75L12 6.65 9.643 2.3H1l11 18.843L23 2.3zM3.736 3.871h2.641L12 13.605l5.618-9.734h2.642L12 18.024z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx
index fad3ed1a0e..99ce7d6b87 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconVuestorefront({
-  size = SfIconSize.base,
-  viewBox = '0 0 24 24',
-  ...attributes
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
 }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="vuestorefront" {...attributes}>
-      <path d="m9.747 2.824.839-.838a2 2 0 0 1 2.828 0l.838.838a2 2 0 0 1 0 2.828l-.838.839a2 2 0 0 1-2.828 0l-.839-.839a2 2 0 0 1 0-2.828m3.69 10.978 4.482-4.483a2 2 0 0 1 2.829 0L23 11.571l-11 11-11-11 2.276-2.276a2 2 0 0 1 2.827 0l4.506 4.507a2 2 0 0 0 2.828 0" />
-    </SfIconBase>
-  );
-}
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="vuestorefront" {...attributes}><path d='m9.747 2.824.839-.838a2 2 0 0 1 2.828 0l.838.838a2 2 0 0 1 0 2.828l-.838.839a2 2 0 0 1-2.828 0l-.839-.839a2 2 0 0 1 0-2.828m3.69 10.978 4.482-4.483a2 2 0 0 1 2.829 0L23 11.571l-11 11-11-11 2.276-2.276a2 2 0 0 1 2.827 0l4.506 4.507a2 2 0 0 0 2.828 0'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx
index bf7bc74631..9af6b46bde 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconWarehouse({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="warehouse" {...attributes}>
-      <path d="m12 5.15-8 3.2V19h2v-6q0-.824.588-1.413A1.93 1.93 0 0 1 8 11h8q.825 0 1.413.587Q18 12.175 18 13v6h2V8.35zM8 21H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 19V8.35A1.96 1.96 0 0 1 3.25 6.5l8-3.2q.35-.15.75-.15t.75.15l8 3.2q.575.225.913.725.337.5.337 1.125V19q0 .825-.587 1.413A1.93 1.93 0 0 1 20 21h-4v-8H8zm1 0v-2h2v2zm2-3v-2h2v2zm2 3v-2h2v2z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconWarehouse({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="warehouse" {...attributes}><path d='m12 5.15-8 3.2V19h2v-6q0-.824.588-1.413A1.93 1.93 0 0 1 8 11h8q.825 0 1.413.587Q18 12.175 18 13v6h2V8.35zM8 21H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 19V8.35A1.96 1.96 0 0 1 3.25 6.5l8-3.2q.35-.15.75-.15t.75.15l8 3.2q.575.225.913.725.337.5.337 1.125V19q0 .825-.587 1.413A1.93 1.93 0 0 1 20 21h-4v-8H8zm1 0v-2h2v2zm2-3v-2h2v2zm2 3v-2h2v2z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx
index f9546bd9f7..51f9764543 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx
@@ -1,14 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconWarning({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="warning" {...attributes}>
-      <path
-        fillRule="evenodd"
-        d="M10.258 4.067c.764-1.363 2.725-1.363 3.49 0l7.818 13.95c.748 1.333-.216 2.978-1.744 2.978H4.183c-1.528 0-2.492-1.645-1.745-2.978zM12 8a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 7.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
-        clipRule="evenodd"
-      />
-    </SfIconBase>
-  );
-}
+export default function SfIconWarning({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="warning" {...attributes}><path fillRule='evenodd' d='M10.258 4.067c.764-1.363 2.725-1.363 3.49 0l7.818 13.95c.748 1.333-.216 2.978-1.744 2.978H4.183c-1.528 0-2.492-1.645-1.745-2.978zM12 8a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 7.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5' clipRule='evenodd'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx
index fa60c13716..56adfb0fbc 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx
@@ -1,10 +1,11 @@
+
 import type { SfIconProps } from '@storefront-ui/react';
 import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
-export default function SfIconYoutube({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
-  return (
-    <SfIconBase size={size} viewBox={viewBox} data-testid="youtube" {...attributes}>
-      <path d="M22.54 6.42a2.76 2.76 0 0 0-1.944-1.957C18.88 4 12 4 12 4s-6.88 0-8.596.463A2.76 2.76 0 0 0 1.46 6.42C1 8.147 1 11.75 1 11.75s0 3.603.46 5.33a2.72 2.72 0 0 0 1.945 1.926c1.716.463 8.596.463 8.596.463s6.879 0 8.595-.463a2.72 2.72 0 0 0 1.945-1.926c.46-1.727.46-5.33.46-5.33s0-3.603-.46-5.33M9.75 15.021V8.48l5.75 3.271z" />
-    </SfIconBase>
-  );
-}
+export default function SfIconYoutube({
+    size = SfIconSize.base,
+    viewBox = '0 0 24 24',
+    ...attributes
+}: SfIconProps) {
+    return <SfIconBase size={size} viewBox={viewBox} data-testid="youtube" {...attributes}><path d='M22.54 6.42a2.76 2.76 0 0 0-1.944-1.957C18.88 4 12 4 12 4s-6.88 0-8.596.463A2.76 2.76 0 0 0 1.46 6.42C1 8.147 1 11.75 1 11.75s0 3.603.46 5.33a2.72 2.72 0 0 0 1.945 1.926c1.716.463 8.596.463 8.596.463s6.879 0 8.595-.463a2.72 2.72 0 0 0 1.945-1.926c.46-1.727.46-5.33.46-5.33s0-3.603-.46-5.33M9.75 15.021V8.48l5.75 3.271z'/></SfIconBase>;
+}
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue
index f13c1740a1..16016e993d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="add"
-    ><path
-      d="M12 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 18v-5H6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h5V6q0-.425.288-.713A.97.97 0 0 1 12 5a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="add"><path d='M12 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 18v-5H6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h5V6q0-.425.288-.713A.97.97 0 0 1 12 5a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue
index 686a34c244..8883204d4c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="add-shopping-cart"
-    ><path
-      d="M12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8V6H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 5q0-.424.287-.713A.97.97 0 0 1 9 4h2V2q0-.424.287-.712A.97.97 0 0 1 12 1q.424 0 .713.288Q13 1.575 13 2v2h2q.424 0 .713.287Q16 4.576 16 5t-.287.713A.97.97 0 0 1 15 6h-2v2q0 .424-.287.713A.97.97 0 0 1 12 9M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="add-shopping-cart"><path d='M12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8V6H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 5q0-.424.287-.713A.97.97 0 0 1 9 4h2V2q0-.424.287-.712A.97.97 0 0 1 12 1q.424 0 .713.288Q13 1.575 13 2v2h2q.424 0 .713.287Q16 4.576 16 5t-.287.713A.97.97 0 0 1 15 6h-2v2q0 .424-.287.713A.97.97 0 0 1 12 9M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokai.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokai.vue
index 7ec2e9060b..39c59b62c7 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokai.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokai.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 32 32" data-testid="alokai"
-    ><path
-      d="m28.2 10.681-3.712-.014c-1.732 0-3.155 1.423-3.17 3.169v4.343a3.16 3.16 0 0 0 3.155 3.154h7.512V32H21.32v-7.512a3.16 3.16 0 0 0-3.155-3.155h-4.343a3.16 3.16 0 0 0-3.154 3.155v6.236c0 .69-.558 1.261-1.262 1.261H1.262c-.69 0-1.262-.557-1.262-1.261V22.58c0-.69.558-1.262 1.262-1.262h6.235a3.16 3.16 0 0 0 3.155-3.155V13.19a2.54 2.54 0 0 1 2.538-2.538h4.974a3.16 3.16 0 0 0 3.155-3.155V3.8a3.8 3.8 0 0 1 3.8-3.8h3.08A3.8 3.8 0 0 1 32 3.8v3.081a3.8 3.8 0 0 1-3.8 3.8M10.681 5.34a5.34 5.34 0 1 1-10.68 0 5.34 5.34 0 0 1 10.68 0"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 32 32" data-testid="alokai"><path d='m28.2 10.681-3.712-.014c-1.732 0-3.155 1.423-3.17 3.169v4.343a3.16 3.16 0 0 0 3.155 3.154h7.512V32H21.32v-7.512a3.16 3.16 0 0 0-3.155-3.155h-4.343a3.16 3.16 0 0 0-3.154 3.155v6.236c0 .69-.558 1.261-1.262 1.261H1.262c-.69 0-1.262-.557-1.262-1.261V22.58c0-.69.558-1.262 1.262-1.262h6.235a3.16 3.16 0 0 0 3.155-3.155V13.19a2.54 2.54 0 0 1 2.538-2.538h4.974a3.16 3.16 0 0 0 3.155-3.155V3.8a3.8 3.8 0 0 1 3.8-3.8h3.08A3.8 3.8 0 0 1 32 3.8v3.081a3.8 3.8 0 0 1-3.8 3.8M10.681 5.34a5.34 5.34 0 1 1-10.68 0 5.34 5.34 0 0 1 10.68 0'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokaiFull.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokaiFull.vue
index 232a67f740..501e703032 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokaiFull.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAlokaiFull.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 129 28" data-testid="alokai-full"
-    ><path
-      d="m21.427 9.333 3.248.013A3.326 3.326 0 0 0 28 6.021V3.325A3.326 3.326 0 0 0 24.675 0h-2.696a3.326 3.326 0 0 0-3.325 3.325V6.56a2.764 2.764 0 0 1-2.76 2.76H11.54a2.22 2.22 0 0 0-2.22 2.221v4.353a2.764 2.764 0 0 1-2.76 2.76H1.103c-.616 0-1.104.5-1.104 1.104v7.125c0 .616.5 1.104 1.104 1.104H8.23c.616 0 1.104-.5 1.104-1.104v-5.456a2.764 2.764 0 0 1 2.76-2.76h3.8a2.764 2.764 0 0 1 2.76 2.76V28h9.334v-9.333h-6.573a2.764 2.764 0 0 1-2.76-2.76v-3.8c.013-1.528 1.258-2.774 2.773-2.774m-16.755.013a4.673 4.673 0 1 0 0-9.346 4.673 4.673 0 0 0 0 9.346M65.012 3.12h2.555v21.76h-2.555zm63.023 6.213h-2.555V24.88h2.555zM70.276 17.1a8.054 8.054 0 0 1 8.05-8.05 8.054 8.054 0 0 1 8.049 8.05 8.054 8.054 0 0 1-8.05 8.05 8.054 8.054 0 0 1-8.049-8.05m2.208.013a5.846 5.846 0 0 0 5.842 5.842 5.846 5.846 0 0 0 5.84-5.842 5.846 5.846 0 0 0-5.84-5.841 5.846 5.846 0 0 0-5.842 5.841M127.01 6.305a1.605 1.605 0 1 0-.514-3.168 1.605 1.605 0 0 0 .514 3.168m-68.982 5.429c0-1.322 1.079-2.4 2.401-2.4V24.88h-2.555v-2.234a8 8 0 0 1-5.841 2.517c-4.558 0-8.23-3.788-8.05-8.384.167-4.16 3.557-7.548 7.73-7.715a8.01 8.01 0 0 1 6.315 2.67m-5.995 11.22c3.21 0 5.828-2.618 5.841-5.828V17.1a5.844 5.844 0 0 0-5.841-5.828 5.846 5.846 0 0 0-5.841 5.841 5.846 5.846 0 0 0 5.841 5.842m69.108-13.622a2.405 2.405 0 0 0-2.401 2.401 8.02 8.02 0 0 0-6.316-2.67c-4.173.167-7.562 3.556-7.729 7.715a8.06 8.06 0 0 0 8.05 8.384 8 8 0 0 0 5.841-2.517v2.234h2.555zm-2.542 7.793c-.013 3.21-2.632 5.829-5.842 5.829a5.846 5.846 0 0 1-5.841-5.842 5.846 5.846 0 0 1 5.841-5.841 5.844 5.844 0 0 1 5.842 5.828zm-15.881-7.793-5.854 5.97c-.103.103-.116.27-.026.41l6.997 9.18h-2.927l-5.867-7.716v-.012l-.013.012h-2.619a.29.29 0 0 0-.295.296v7.407h-2.555V3.12h2.555v11.477a.29.29 0 0 0 .295.295h1.926l5.456-5.559z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 129 28" data-testid="alokai-full"><path d='m21.427 9.333 3.248.013A3.326 3.326 0 0 0 28 6.021V3.325A3.326 3.326 0 0 0 24.675 0h-2.696a3.326 3.326 0 0 0-3.325 3.325V6.56a2.764 2.764 0 0 1-2.76 2.76H11.54a2.22 2.22 0 0 0-2.22 2.221v4.353a2.764 2.764 0 0 1-2.76 2.76H1.103c-.616 0-1.104.5-1.104 1.104v7.125c0 .616.5 1.104 1.104 1.104H8.23c.616 0 1.104-.5 1.104-1.104v-5.456a2.764 2.764 0 0 1 2.76-2.76h3.8a2.764 2.764 0 0 1 2.76 2.76V28h9.334v-9.333h-6.573a2.764 2.764 0 0 1-2.76-2.76v-3.8c.013-1.528 1.258-2.774 2.773-2.774m-16.755.013a4.673 4.673 0 1 0 0-9.346 4.673 4.673 0 0 0 0 9.346M65.012 3.12h2.555v21.76h-2.555zm63.023 6.213h-2.555V24.88h2.555zM70.276 17.1a8.054 8.054 0 0 1 8.05-8.05 8.054 8.054 0 0 1 8.049 8.05 8.054 8.054 0 0 1-8.05 8.05 8.054 8.054 0 0 1-8.049-8.05m2.208.013a5.846 5.846 0 0 0 5.842 5.842 5.846 5.846 0 0 0 5.84-5.842 5.846 5.846 0 0 0-5.84-5.841 5.846 5.846 0 0 0-5.842 5.841M127.01 6.305a1.605 1.605 0 1 0-.514-3.168 1.605 1.605 0 0 0 .514 3.168m-68.982 5.429c0-1.322 1.079-2.4 2.401-2.4V24.88h-2.555v-2.234a8 8 0 0 1-5.841 2.517c-4.558 0-8.23-3.788-8.05-8.384.167-4.16 3.557-7.548 7.73-7.715a8.01 8.01 0 0 1 6.315 2.67m-5.995 11.22c3.21 0 5.828-2.618 5.841-5.828V17.1a5.844 5.844 0 0 0-5.841-5.828 5.846 5.846 0 0 0-5.841 5.841 5.846 5.846 0 0 0 5.841 5.842m69.108-13.622a2.405 2.405 0 0 0-2.401 2.401 8.02 8.02 0 0 0-6.316-2.67c-4.173.167-7.562 3.556-7.729 7.715a8.06 8.06 0 0 0 8.05 8.384 8 8 0 0 0 5.841-2.517v2.234h2.555zm-2.542 7.793c-.013 3.21-2.632 5.829-5.842 5.829a5.846 5.846 0 0 1-5.841-5.842 5.846 5.846 0 0 1 5.841-5.841 5.844 5.844 0 0 1 5.842 5.828zm-15.881-7.793-5.854 5.97c-.103.103-.116.27-.026.41l6.997 9.18h-2.927l-5.867-7.716v-.012l-.013.012h-2.619a.29.29 0 0 0-.295.296v7.407h-2.555V3.12h2.555v11.477a.29.29 0 0 0 .295.295h1.926l5.456-5.559z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue
index 13a57c850f..3f96cb62c2 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-back"
-    ><path
-      d="m10.875 19.3-6.6-6.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 4 12q0-.2.062-.375a.9.9 0 0 1 .213-.325l6.6-6.6a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288q.3.274.313.687a.93.93 0 0 1-.288.713L7.4 11h11.175a.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713q0 .424-.287.712a.97.97 0 0 1-.713.288H7.4l4.9 4.9q.275.275.288.7a.87.87 0 0 1-.288.7q-.275.3-.7.3a1 1 0 0 1-.725-.3"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-back"><path d='m10.875 19.3-6.6-6.6a.9.9 0 0 1-.213-.325A1.1 1.1 0 0 1 4 12q0-.2.062-.375a.9.9 0 0 1 .213-.325l6.6-6.6a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288q.3.274.313.687a.93.93 0 0 1-.288.713L7.4 11h11.175a.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713q0 .424-.287.712a.97.97 0 0 1-.713.288H7.4l4.9 4.9q.275.275.288.7a.87.87 0 0 1-.288.7q-.275.3-.7.3a1 1 0 0 1-.725-.3'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue
index f8a52e342b..7c75f61aec 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-downward"
-    ><path
-      d="M12 19.575a1.1 1.1 0 0 1-.375-.063.9.9 0 0 1-.325-.212l-6.6-6.6q-.3-.3-.3-.713 0-.412.3-.712t.7-.3.7.3l4.9 4.9v-11.2q0-.425.288-.7A1 1 0 0 1 12 4a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 5v11.175l4.9-4.9q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713l-6.6 6.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-downward"><path d='M12 19.575a1.1 1.1 0 0 1-.375-.063.9.9 0 0 1-.325-.212l-6.6-6.6q-.3-.3-.3-.713 0-.412.3-.712t.7-.3.7.3l4.9 4.9v-11.2q0-.425.288-.7A1 1 0 0 1 12 4a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 5v11.175l4.9-4.9q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713l-6.6 6.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue
index 420885a9b2..3df8d6eba8 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-forward"
-    ><path
-      d="M11.3 19.3a1 1 0 0 1-.288-.7.9.9 0 0 1 .263-.7l4.9-4.9H5a.97.97 0 0 1-.713-.288A.97.97 0 0 1 4 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 11h11.175l-4.9-4.9a.9.9 0 0 1-.263-.7 1 1 0 0 1 .288-.7.95.95 0 0 1 .7-.275q.425 0 .7.275l6.6 6.6q.15.125.213.312.062.188.062.388t-.062.375a.9.9 0 0 1-.213.325l-6.6 6.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-forward"><path d='M11.3 19.3a1 1 0 0 1-.288-.7.9.9 0 0 1 .263-.7l4.9-4.9H5a.97.97 0 0 1-.713-.288A.97.97 0 0 1 4 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 11h11.175l-4.9-4.9a.9.9 0 0 1-.263-.7 1 1 0 0 1 .288-.7.95.95 0 0 1 .7-.275q.425 0 .7.275l6.6 6.6q.15.125.213.312.062.188.062.388t-.062.375a.9.9 0 0 1-.213.325l-6.6 6.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue
index 4c316555ff..f13cfddd71 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-upward"
-    ><path
-      d="M12 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 19V7.825L6.125 12.7q-.3.3-.713.3a.97.97 0 0 1-.712-.3.96.96 0 0 1-.3-.7q0-.4.3-.7l6.6-6.6q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l6.6 6.6q.3.3.3.7t-.3.7-.713.3a.97.97 0 0 1-.712-.3L13 7.825V19q0 .424-.287.712A.97.97 0 0 1 12 20"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="arrow-upward"><path d='M12 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 19V7.825L6.125 12.7q-.3.3-.713.3a.97.97 0 0 1-.712-.3.96.96 0 0 1-.3-.7q0-.4.3-.7l6.6-6.6q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l6.6 6.6q.3.3.3.7t-.3.7-.713.3a.97.97 0 0 1-.712-.3L13 7.825V19q0 .424-.287.712A.97.97 0 0 1 12 20'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue
index abe4844aaa..5e2e793aee 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="block"
-    ><path
-      d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.438-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7q-1.05-.824-2.3-1.262A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6.437 1.25 1.262 2.3"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="block"><path d='M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.438-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7q-1.05-.824-2.3-1.262A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6.437 1.25 1.262 2.3'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue
index dafea2476f..549e2d6039 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="calendar-today"
-    ><path
-      d="M5 22q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 20V6q0-.824.587-1.412A1.93 1.93 0 0 1 5 4h1V2.975q0-.425.287-.7A1 1 0 0 1 7 2a.97.97 0 0 1 .713.287A.97.97 0 0 1 8 3v1h8V2.975q0-.425.288-.7A1 1 0 0 1 17 2q.424 0 .712.287Q18 2.575 18 3v1h1q.825 0 1.413.588Q21 5.175 21 6v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 22zm0-2h14V10H5z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="calendar-today"><path d='M5 22q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 20V6q0-.824.587-1.412A1.93 1.93 0 0 1 5 4h1V2.975q0-.425.287-.7A1 1 0 0 1 7 2a.97.97 0 0 1 .713.287A.97.97 0 0 1 8 3v1h8V2.975q0-.425.288-.7A1 1 0 0 1 17 2q.424 0 .712.287Q18 2.575 18 3v1h1q.825 0 1.413.588Q21 5.175 21 6v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 22zm0-2h14V10H5z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue
index 3ff30b5399..75d321df94 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="call"
-    ><path
-      d="M19.95 21q-3.225 0-6.287-1.438a19 19 0 0 1-5.425-3.8 19 19 0 0 1-3.8-5.425Q3 7.275 3 4.05q0-.45.3-.75t.75-.3H8.1a.96.96 0 0 1 .625.225.88.88 0 0 1 .325.575l.65 3.5q.05.35-.012.637a1.03 1.03 0 0 1-.288.513L6.975 10.9q1.05 1.8 2.638 3.375A18.6 18.6 0 0 0 13.1 17l2.35-2.35q.225-.225.588-.338.362-.112.712-.062l3.45.7q.35.075.575.337.225.263.225.613v4.05q0 .45-.3.75t-.75.3M6.025 9l1.65-1.65L7.25 5H5.025q.125 1.024.35 2.025T6.025 9M19 18.95v-2.2l-2.35-.475-1.675 1.675q.975.424 1.988.675 1.012.25 2.037.325"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="call"><path d='M19.95 21q-3.225 0-6.287-1.438a19 19 0 0 1-5.425-3.8 19 19 0 0 1-3.8-5.425Q3 7.275 3 4.05q0-.45.3-.75t.75-.3H8.1a.96.96 0 0 1 .625.225.88.88 0 0 1 .325.575l.65 3.5q.05.35-.012.637a1.03 1.03 0 0 1-.288.513L6.975 10.9q1.05 1.8 2.638 3.375A18.6 18.6 0 0 0 13.1 17l2.35-2.35q.225-.225.588-.338.362-.112.712-.062l3.45.7q.35.075.575.337.225.263.225.613v4.05q0 .45-.3.75t-.75.3M6.025 9l1.65-1.65L7.25 5H5.025q.125 1.024.35 2.025T6.025 9M19 18.95v-2.2l-2.35-.475-1.675 1.675q.975.424 1.988.675 1.012.25 2.037.325'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue
index 30711f050f..b5a0939946 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="cancel"
-    ><path
-      fill-rule="evenodd"
-      d="M2 12C2 6.47 6.47 2 12 2s10 4.47 10 10-4.47 10-10 10S2 17.53 2 12m14.295 4.295a.997.997 0 0 0 0-1.41L13.41 12l2.885-2.885a.997.997 0 1 0-1.41-1.41L12 10.59 9.115 7.705a.997.997 0 0 0-1.41 1.41L10.59 12l-2.885 2.885a.997.997 0 0 0 1.41 1.41L12 13.41l2.885 2.885c.39.39 1.02.39 1.41 0"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="cancel"><path fill-rule='evenodd' d='M2 12C2 6.47 6.47 2 12 2s10 4.47 10 10-4.47 10-10 10S2 17.53 2 12m14.295 4.295a.997.997 0 0 0 0-1.41L13.41 12l2.885-2.885a.997.997 0 1 0-1.41-1.41L12 10.59 9.115 7.705a.997.997 0 0 0-1.41 1.41L10.59 12l-2.885 2.885a.997.997 0 0 0 1.41 1.41L12 13.41l2.885 2.885c.39.39 1.02.39 1.41 0' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue
index ed919696e8..a15797c511 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check"
-    ><path
-      d="M4.535 12.705 8 16.17l9.885-9.875a.997.997 0 0 1 1.41 1.41L8.707 18.293a1 1 0 0 1-1.414 0L3.12 14.12a1 1 0 0 1 1.415-1.415"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check"><path d='M4.535 12.705 8 16.17l9.885-9.875a.997.997 0 0 1 1.41 1.41L8.707 18.293a1 1 0 0 1-1.414 0L3.12 14.12a1 1 0 0 1 1.415-1.415'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue
index 0cf5d418e8..6b1601133a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check-box"
-    ><path
-      d="M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm5.6-5.225q.2 0 .375-.062a.9.9 0 0 0 .325-.213l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L10.6 13.4l-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.5q.15.15.325.213.175.062.375.062"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check-box"><path d='M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm5.6-5.225q.2 0 .375-.062a.9.9 0 0 0 .325-.213l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L10.6 13.4l-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.5q.15.15.325.213.175.062.375.062'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue
index 40cdcefc62..10a9df7184 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check-box-outline-blank"
-    ><path
-      fill-rule="evenodd"
-      d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm16 .5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5z"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check-box-outline-blank"><path fill-rule='evenodd' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm16 .5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5z' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue
index 2c3eaf43a6..5e526af48a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check-circle"
-    ><path
-      d="m10.6 13.8-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="check-circle"><path d='m10.6 13.8-2.175-2.175a.92.92 0 0 0-.675-.275q-.4 0-.7.3a.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275l5.675-5.675a.92.92 0 0 0 .275-.675q0-.4-.3-.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue
index b6e8cb7682..bbe9cba41c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="chevron-left"
-    ><path
-      d="M14.706 17.297a1 1 0 0 0 0-1.41l-3.876-3.885 3.877-3.885a.998.998 0 0 0-1.412-1.41l-4.588 4.588a1 1 0 0 0 0 1.414l4.588 4.588a.997.997 0 0 0 1.41 0"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="chevron-left"><path d='M14.706 17.297a1 1 0 0 0 0-1.41l-3.876-3.885 3.877-3.885a.998.998 0 0 0-1.412-1.41l-4.588 4.588a1 1 0 0 0 0 1.414l4.588 4.588a.997.997 0 0 0 1.41 0'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue
index 0a3fdcfae2..b9bbe90fd0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="chevron-right"
-    ><path
-      d="M8.705 17.297a1 1 0 0 1-.001-1.41l3.876-3.885-3.876-3.885a.998.998 0 0 1 1.412-1.41l4.587 4.588a1 1 0 0 1 0 1.414l-4.587 4.588a.997.997 0 0 1-1.411 0"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="chevron-right"><path d='M8.705 17.297a1 1 0 0 1-.001-1.41l3.876-3.885-3.876-3.885a.998.998 0 0 1 1.412-1.41l4.587 4.588a1 1 0 0 1 0 1.414l-4.587 4.588a.997.997 0 0 1-1.411 0'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue
index f97032fe8c..e4d158723c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue
@@ -1,16 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="circle"
-    ><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="circle"><path d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue
index 4aad844379..1473072260 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="close"
-    ><path
-      d="M18.295 5.705a1 1 0 0 1 0 1.41L13.41 12l4.885 4.885a.997.997 0 1 1-1.41 1.41L12 13.41l-4.885 4.885a.997.997 0 1 1-1.41-1.41L10.59 12 5.705 7.115a.997.997 0 0 1 1.41-1.41L12 10.59l4.885-4.885a.997.997 0 0 1 1.41 0"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="close"><path d='M18.295 5.705a1 1 0 0 1 0 1.41L13.41 12l4.885 4.885a.997.997 0 1 1-1.41 1.41L12 13.41l-4.885 4.885a.997.997 0 1 1-1.41-1.41L10.59 12 5.705 7.115a.997.997 0 0 1 1.41-1.41L12 10.59l4.885-4.885a.997.997 0 0 1 1.41 0'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue
index 173d434d6c..e68a46165b 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="close-sm"
-    ><path
-      fill-rule="evenodd"
-      d="M16.615 8.564a.974.974 0 0 0-1.378-1.378L11.9 10.522 8.563 7.186a.974.974 0 1 0-1.378 1.378l3.337 3.336-3.337 3.337a.974.974 0 1 0 1.378 1.378l3.337-3.337 3.336 3.337a.974.974 0 1 0 1.379-1.378L13.278 11.9z"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="close-sm"><path fill-rule='evenodd' d='M16.615 8.564a.974.974 0 0 0-1.378-1.378L11.9 10.522 8.563 7.186a.974.974 0 1 0-1.378 1.378l3.337 3.336-3.337 3.337a.974.974 0 1 0 1.378 1.378l3.337-3.337 3.336 3.337a.974.974 0 1 0 1.379-1.378L13.278 11.9z' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue
index ee29443376..9b312312c0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="compare-arrows"
-    ><path
-      d="m15.3 13.3-3.6-3.6a.9.9 0 0 1-.212-.325A1.1 1.1 0 0 1 11.425 9q0-.2.063-.375A.9.9 0 0 1 11.7 8.3l3.6-3.6q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713L14.825 8H21q.424 0 .712.287Q22 8.575 22 9q0 .424-.288.712A.97.97 0 0 1 21 10h-6.175l1.875 1.875q.3.3.3.7t-.3.7-.687.325-.713-.3m-8 5.975q.3.3.7.312t.7-.287l3.6-3.6q.15-.15.213-.325.062-.176.062-.375 0-.2-.062-.375a.9.9 0 0 0-.213-.325l-3.6-3.6a.96.96 0 0 0-.7-.3q-.4 0-.7.3t-.3.712.3.713L9.175 14H3a.97.97 0 0 0-.712.287A.97.97 0 0 0 2 15q0 .424.288.712A.97.97 0 0 0 3 16h6.175L7.3 17.875q-.3.3-.3.7t.3.7"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="compare-arrows"><path d='m15.3 13.3-3.6-3.6a.9.9 0 0 1-.212-.325A1.1 1.1 0 0 1 11.425 9q0-.2.063-.375A.9.9 0 0 1 11.7 8.3l3.6-3.6q.3-.3.7-.3t.7.3.3.712q0 .413-.3.713L14.825 8H21q.424 0 .712.287Q22 8.575 22 9q0 .424-.288.712A.97.97 0 0 1 21 10h-6.175l1.875 1.875q.3.3.3.7t-.3.7-.687.325-.713-.3m-8 5.975q.3.3.7.312t.7-.287l3.6-3.6q.15-.15.213-.325.062-.176.062-.375 0-.2-.062-.375a.9.9 0 0 0-.213-.325l-3.6-3.6a.96.96 0 0 0-.7-.3q-.4 0-.7.3t-.3.712.3.713L9.175 14H3a.97.97 0 0 0-.712.287A.97.97 0 0 0 2 15q0 .424.288.712A.97.97 0 0 0 3 16h6.175L7.3 17.875q-.3.3-.3.7t.3.7'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue
index 253ffcf256..7de013c9e9 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="contact-support"
-    ><path
-      d="m13 22-.25-3h-.25q-3.55 0-6.025-2.475T4 10.5t2.475-6.025T12.5 2q1.774 0 3.312.662a8.6 8.6 0 0 1 2.701 1.825 8.6 8.6 0 0 1 1.824 2.7A8.3 8.3 0 0 1 21 10.5q0 3.8-2.275 6.812T13 22m-.525-6.025q.425 0 .725-.3t.3-.725-.3-.725-.725-.3-.725.3-.3.725.3.725.725.3M12.5 12.8q.275 0 .5-.2a1 1 0 0 0 .3-.55q.05-.326.275-.588t.775-.812q.45-.45.75-.975t.3-1.125q0-1.275-.862-1.913Q13.675 6 12.5 6q-.874 0-1.512.4t-1.038 1a.62.62 0 0 0-.063.575q.113.3.463.425a.65.65 0 0 0 .5 0q.25-.1.45-.375a1.7 1.7 0 0 1 .488-.45q.287-.175.712-.175.675 0 1.013.375t.337.825q0 .425-.25.762a6 6 0 0 1-.6.688q-.7.6-.938.975-.237.375-.287 1.025-.025.3.188.525.211.225.537.225M15 17v1.35q1.775-1.5 2.887-3.512A8.8 8.8 0 0 0 19 10.5q0-2.725-1.887-4.613Q15.225 4 12.5 4T7.888 5.887Q6 7.775 6 10.5t1.888 4.613T12.5 17z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="contact-support"><path d='m13 22-.25-3h-.25q-3.55 0-6.025-2.475T4 10.5t2.475-6.025T12.5 2q1.774 0 3.312.662a8.6 8.6 0 0 1 2.701 1.825 8.6 8.6 0 0 1 1.824 2.7A8.3 8.3 0 0 1 21 10.5q0 3.8-2.275 6.812T13 22m-.525-6.025q.425 0 .725-.3t.3-.725-.3-.725-.725-.3-.725.3-.3.725.3.725.725.3M12.5 12.8q.275 0 .5-.2a1 1 0 0 0 .3-.55q.05-.326.275-.588t.775-.812q.45-.45.75-.975t.3-1.125q0-1.275-.862-1.913Q13.675 6 12.5 6q-.874 0-1.512.4t-1.038 1a.62.62 0 0 0-.063.575q.113.3.463.425a.65.65 0 0 0 .5 0q.25-.1.45-.375a1.7 1.7 0 0 1 .488-.45q.287-.175.712-.175.675 0 1.013.375t.337.825q0 .425-.25.762a6 6 0 0 1-.6.688q-.7.6-.938.975-.237.375-.287 1.025-.025.3.188.525.211.225.537.225M15 17v1.35q1.775-1.5 2.887-3.512A8.8 8.8 0 0 0 19 10.5q0-2.725-1.887-4.613Q15.225 4 12.5 4T7.888 5.887Q6 7.775 6 10.5t1.888 4.613T12.5 17z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue
index 08c58c9078..c0f261f7e6 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="credit-card"
-    ><path
-      d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m0 14H4v-6h16zm0-10H4V6h16z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="credit-card"><path d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m0 14H4v-6h16zm0-10H4V6h16z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue
index 9a56a0e1e8..790ad1a19d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="delete"
-    ><path
-      d="M7 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 18V5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 4a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 3h4q0-.425.288-.713A.97.97 0 0 1 10 2h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 15 3h4q.424 0 .712.287Q20 3.575 20 4a.97.97 0 0 1-.288.713A.97.97 0 0 1 19 5v13q0 .825-.587 1.413A1.93 1.93 0 0 1 17 20zM7 5v13h10V5zm2 10q0 .424.288.712A.97.97 0 0 0 10 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 11 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 9 8zm4 0q0 .424.288.712A.97.97 0 0 0 14 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 15 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 13 8z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="delete"><path d='M7 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 18V5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 4a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 3h4q0-.425.288-.713A.97.97 0 0 1 10 2h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 15 3h4q.424 0 .712.287Q20 3.575 20 4a.97.97 0 0 1-.288.713A.97.97 0 0 1 19 5v13q0 .825-.587 1.413A1.93 1.93 0 0 1 17 20zM7 5v13h10V5zm2 10q0 .424.288.712A.97.97 0 0 0 10 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 11 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 9 8zm4 0q0 .424.288.712A.97.97 0 0 0 14 16a.97.97 0 0 0 .713-.288A.97.97 0 0 0 15 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 13 8z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconDownload.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconDownload.vue
index 0393e2619e..67d73389de 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconDownload.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconDownload.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="download"
-    ><path
-      d="M12 15.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.288-.7q.014-.4.288-.7.3-.3.712-.312a.93.93 0 0 1 .713.287L11 12.15V5q0-.424.287-.713A.97.97 0 0 1 12 4q.424 0 .713.287Q13 4.576 13 5v7.15l1.875-1.875a.93.93 0 0 1 .713-.287Q16 10 16.3 10.3q.276.3.287.7a.92.92 0 0 1-.287.7l-3.6 3.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063M6 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-2q0-.424.287-.713A.97.97 0 0 1 5 15q.424 0 .713.287Q6 15.576 6 16v2h12v-2q0-.424.288-.713A.97.97 0 0 1 19 15q.424 0 .712.287.288.288.288.713v2q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="download"><path d='M12 15.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.288-.7q.014-.4.288-.7.3-.3.712-.312a.93.93 0 0 1 .713.287L11 12.15V5q0-.424.287-.713A.97.97 0 0 1 12 4q.424 0 .713.287Q13 4.576 13 5v7.15l1.875-1.875a.93.93 0 0 1 .713-.287Q16 10 16.3 10.3q.276.3.287.7a.92.92 0 0 1-.287.7l-3.6 3.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063M6 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-2q0-.424.287-.713A.97.97 0 0 1 5 15q.424 0 .713.287Q6 15.576 6 16v2h12v-2q0-.424.288-.713A.97.97 0 0 1 19 15q.424 0 .712.287.288.288.288.713v2q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue
index 9dc4b97bff..e982757886 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="email"
-    ><path
-      d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zM20 8l-7.475 4.675a1.04 1.04 0 0 1-.525.15 1.04 1.04 0 0 1-.525-.15L4 8v10h16zm-8 3 8-5H4zM4 8.25V6.775 6.8v-.013z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="email"><path d='M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zM20 8l-7.475 4.675a1.04 1.04 0 0 1-.525.15 1.04 1.04 0 0 1-.525-.15L4 8v10h16zm-8 3 8-5H4zM4 8.25V6.775 6.8v-.013z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue
index 6c0c0ed9d3..e26f2a5430 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="error"
-    ><path
-      fill-rule="evenodd"
-      d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10M12 7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 7.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="error"><path fill-rule='evenodd' d='M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10M12 7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 7.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue
index 38c163d79f..36d09838d2 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="expand-less"
-    ><path
-      d="M17 15a1 1 0 0 1-1.41 0l-3.885-3.875L7.82 15a.998.998 0 0 1-1.41-1.412l4.588-4.587a1 1 0 0 1 1.414 0L17 13.589A1 1 0 0 1 17 15"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="expand-less"><path d='M17 15a1 1 0 0 1-1.41 0l-3.885-3.875L7.82 15a.998.998 0 0 1-1.41-1.412l4.588-4.587a1 1 0 0 1 1.414 0L17 13.589A1 1 0 0 1 17 15'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue
index d86e860533..cc4facf9e3 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="expand-more"
-    ><path
-      d="M17 9.003a1 1 0 0 0-1.41 0l-3.885 3.876L7.82 9.003a.998.998 0 0 0-1.41 1.411l4.588 4.588a1 1 0 0 0 1.414 0L17 10.414a.997.997 0 0 0 0-1.41"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="expand-more"><path d='M17 9.003a1 1 0 0 0-1.41 0l-3.885 3.876L7.82 9.003a.998.998 0 0 0-1.41 1.411l4.588 4.588a1 1 0 0 0 1.414 0L17 10.414a.997.997 0 0 0 0-1.41'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue
index 0b326b0382..6d7f7e1196 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="facebook"
-    ><path
-      d="m17.01 13.25.555-3.62h-3.473V7.282c0-.99.485-1.956 2.04-1.956h1.58V2.245S16.279 2 14.909 2c-2.86 0-4.73 1.734-4.73 4.872V9.63H7v3.62h3.18V22h3.912v-8.75z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="facebook"><path d='m17.01 13.25.555-3.62h-3.473V7.282c0-.99.485-1.956 2.04-1.956h1.58V2.245S16.279 2 14.909 2c-2.86 0-4.73 1.734-4.73 4.872V9.63H7v3.62h3.18V22h3.912v-8.75z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue
index a99453bfb7..c8ad2dafaa 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="favorite"
-    ><path
-      fill-rule="evenodd"
-      d="M19.664 4.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28m-7.56 14.56-.1.1-.1-.1c-4.76-4.31-7.9-7.16-7.9-10.05 0-2 1.5-3.5 3.5-3.5 1.54 0 3.04.99 3.57 2.36h1.87c.52-1.37 2.02-2.36 3.56-2.36 2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="favorite"><path fill-rule='evenodd' d='M19.664 4.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28m-7.56 14.56-.1.1-.1-.1c-4.76-4.31-7.9-7.16-7.9-10.05 0-2 1.5-3.5 3.5-3.5 1.54 0 3.04.99 3.57 2.36h1.87c.52-1.37 2.02-2.36 3.56-2.36 2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue
index ef962c1a31..e466d5d02f 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="favorite-filled"
-    ><path
-      d="M10.67 21.133c-5.52-4.95-8.72-7.64-8.67-11.39.04-2.97 2.3-4.39 2.35-4.43 3.61-2.46 6.89.22 7.65 1.11.75-.88 3.99-3.51 7.56-1.16.52.34 2.23 1.65 2.42 4.12.32 4.28-4.14 7.76-8.65 11.76-.38.34-.86.5-1.34.5-.47 0-.94-.17-1.32-.51"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="favorite-filled"><path d='M10.67 21.133c-5.52-4.95-8.72-7.64-8.67-11.39.04-2.97 2.3-4.39 2.35-4.43 3.61-2.46 6.89.22 7.65 1.11.75-.88 3.99-3.51 7.56-1.16.52.34 2.23 1.65 2.42 4.12.32 4.28-4.14 7.76-8.65 11.76-.38.34-.86.5-1.34.5-.47 0-.94-.17-1.32-.51'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue
index 197c79e9d5..611d836af1 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="grid-view"
-    ><path
-      d="M5 11q-.825 0-1.413-.588A1.93 1.93 0 0 1 3 9V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h4q.825 0 1.413.587Q11 4.175 11 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 9 11zm0 10q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19v-4q0-.825.587-1.413A1.93 1.93 0 0 1 5 13h4q.825 0 1.413.587Q11 14.175 11 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 9 21zm10-10q-.825 0-1.412-.588A1.92 1.92 0 0 1 13 9V5q0-.825.588-1.413A1.93 1.93 0 0 1 15 3h4q.825 0 1.413.587Q21 4.175 21 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 19 11zm0 10q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 19v-4q0-.825.588-1.413A1.93 1.93 0 0 1 15 13h4q.825 0 1.413.587Q21 14.175 21 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zM5 9h4V5H5zm10 0h4V5h-4zm0 10h4v-4h-4zM5 19h4v-4H5z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="grid-view"><path d='M5 11q-.825 0-1.413-.588A1.93 1.93 0 0 1 3 9V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h4q.825 0 1.413.587Q11 4.175 11 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 9 11zm0 10q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19v-4q0-.825.587-1.413A1.93 1.93 0 0 1 5 13h4q.825 0 1.413.587Q11 14.175 11 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 9 21zm10-10q-.825 0-1.412-.588A1.92 1.92 0 0 1 13 9V5q0-.825.588-1.413A1.93 1.93 0 0 1 15 3h4q.825 0 1.413.587Q21 4.175 21 5v4q0 .825-.587 1.412A1.93 1.93 0 0 1 19 11zm0 10q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 19v-4q0-.825.588-1.413A1.93 1.93 0 0 1 15 13h4q.825 0 1.413.587Q21 14.175 21 15v4q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zM5 9h4V5H5zm10 0h4V5h-4zm0 10h4v-4h-4zM5 19h4v-4H5z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue
index 210b5ce64d..8c57f532ae 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="help"
-    ><path
-      d="M11.95 18q.525 0 .888-.363.362-.362.362-.887t-.362-.887a1.2 1.2 0 0 0-.888-.363q-.525 0-.888.363a1.2 1.2 0 0 0-.362.887q0 .525.362.887.363.363.888.363m.15-10.3q.7 0 1.125.387.425.388.425 1.013 0 .424-.287.862a5 5 0 0 1-.813.913q-.75.65-1.1 1.25t-.35 1.2q0 .35.263.587A.904.904 0 0 0 12.6 13.9q.275-.25.35-.625.075-.425.338-.787.262-.363.862-.938.776-.725 1.088-1.325T15.55 8.9q0-1.275-.962-2.088Q13.625 6 12.1 6q-1.05 0-1.862.4a2.84 2.84 0 0 0-1.263 1.225 1 1 0 0 0-.125.637q.05.314.35.513a.97.97 0 0 0 .713.125 1 1 0 0 0 .637-.425q.274-.375.663-.575.387-.2.887-.2M12 22a9.7 9.7 0 0 1-3.875-.788 10.2 10.2 0 0 1-3.187-2.137 10 10 0 0 1-2.15-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10 10 0 0 1 2.15-3.175Q6.3 3.575 8.125 2.787A9.7 9.7 0 0 1 12 2q2.1 0 3.925.787A10.1 10.1 0 0 1 19.1 4.925q1.35 1.35 2.125 3.175A9.9 9.9 0 0 1 22 12a9.9 9.9 0 0 1-.775 3.9 9.9 9.9 0 0 1-2.125 3.175q-1.35 1.35-3.175 2.137Q14.1 22 12 22"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="help"><path d='M11.95 18q.525 0 .888-.363.362-.362.362-.887t-.362-.887a1.2 1.2 0 0 0-.888-.363q-.525 0-.888.363a1.2 1.2 0 0 0-.362.887q0 .525.362.887.363.363.888.363m.15-10.3q.7 0 1.125.387.425.388.425 1.013 0 .424-.287.862a5 5 0 0 1-.813.913q-.75.65-1.1 1.25t-.35 1.2q0 .35.263.587A.904.904 0 0 0 12.6 13.9q.275-.25.35-.625.075-.425.338-.787.262-.363.862-.938.776-.725 1.088-1.325T15.55 8.9q0-1.275-.962-2.088Q13.625 6 12.1 6q-1.05 0-1.862.4a2.84 2.84 0 0 0-1.263 1.225 1 1 0 0 0-.125.637q.05.314.35.513a.97.97 0 0 0 .713.125 1 1 0 0 0 .637-.425q.274-.375.663-.575.387-.2.887-.2M12 22a9.7 9.7 0 0 1-3.875-.788 10.2 10.2 0 0 1-3.187-2.137 10 10 0 0 1-2.15-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10 10 0 0 1 2.15-3.175Q6.3 3.575 8.125 2.787A9.7 9.7 0 0 1 12 2q2.1 0 3.925.787A10.1 10.1 0 0 1 19.1 4.925q1.35 1.35 2.125 3.175A9.9 9.9 0 0 1 22 12a9.9 9.9 0 0 1-.775 3.9 9.9 9.9 0 0 1-2.125 3.175q-1.35 1.35-3.175 2.137Q14.1 22 12 22'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue
index b90e2cd5b6..2659ddf4f0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="home"
-    ><path
-      d="M6 19h3v-6h6v6h3v-9l-6-4.5L6 10zm0 2q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 19v-9q0-.476.213-.9.212-.425.587-.7l6-4.5a2.1 2.1 0 0 1 .575-.3q.3-.1.625-.1t.625.1.575.3l6 4.5q.375.275.588.7T20 10v9q0 .825-.587 1.413A1.93 1.93 0 0 1 18 21h-5v-6h-2v6z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="home"><path d='M6 19h3v-6h6v6h3v-9l-6-4.5L6 10zm0 2q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 19v-9q0-.476.213-.9.212-.425.587-.7l6-4.5a2.1 2.1 0 0 1 .575-.3q.3-.1.625-.1t.625.1.575.3l6 4.5q.375.275.588.7T20 10v9q0 .825-.587 1.413A1.93 1.93 0 0 1 18 21h-5v-6h-2v6z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue
index 466f358591..b28c9f97a2 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="indeterminate-check-box"
-    ><path
-      fill-rule="evenodd"
-      d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 7a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="indeterminate-check-box"><path fill-rule='evenodd' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 7a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue
index c4a4303a7e..f658ebea54 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="info"
-    ><path d="M13.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M11 16a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0z" /><path
-      fill-rule="evenodd"
-      d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12m2 0c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="info"><path d='M13.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M11 16a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0z'/><path fill-rule='evenodd' d='M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12m2 0c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue
index f1e83e2a87..c129acda9e 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="instagram"
-    ><path
-      d="M12.003 6.871a5.12 5.12 0 0 0-5.127 5.127 5.12 5.12 0 0 0 5.127 5.126 5.12 5.12 0 0 0 5.126-5.126 5.12 5.12 0 0 0-5.126-5.127m0 8.46a3.34 3.34 0 0 1-3.333-3.333 3.336 3.336 0 0 1 3.333-3.333 3.336 3.336 0 0 1 3.333 3.333 3.34 3.34 0 0 1-3.333 3.333m6.532-8.67c0 .665-.536 1.196-1.196 1.196a1.196 1.196 0 1 1 1.196-1.196m3.395 1.214c-.076-1.602-.442-3.02-1.615-4.19-1.169-1.169-2.588-1.534-4.19-1.615-1.65-.093-6.599-.093-8.25 0-1.597.076-3.016.442-4.19 1.611-1.173 1.169-1.534 2.588-1.614 4.19-.094 1.65-.094 6.599 0 8.25.076 1.601.441 3.02 1.615 4.19 1.173 1.168 2.588 1.534 4.19 1.614 1.65.094 6.599.094 8.25 0 1.601-.076 3.02-.442 4.189-1.615 1.169-1.169 1.535-2.588 1.615-4.19.094-1.65.094-6.594 0-8.245m-2.133 10.017a3.38 3.38 0 0 1-1.9 1.9c-1.316.523-4.44.402-5.894.402-1.455 0-4.583.116-5.894-.401a3.37 3.37 0 0 1-1.901-1.901c-.522-1.316-.402-4.44-.402-5.894 0-1.455-.116-4.582.402-5.894a3.37 3.37 0 0 1 1.9-1.901c1.317-.522 4.44-.402 5.895-.402s4.582-.116 5.894.402a3.37 3.37 0 0 1 1.9 1.9c.523 1.317.402 4.44.402 5.895s.12 4.582-.402 5.894"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="instagram"><path d='M12.003 6.871a5.12 5.12 0 0 0-5.127 5.127 5.12 5.12 0 0 0 5.127 5.126 5.12 5.12 0 0 0 5.126-5.126 5.12 5.12 0 0 0-5.126-5.127m0 8.46a3.34 3.34 0 0 1-3.333-3.333 3.336 3.336 0 0 1 3.333-3.333 3.336 3.336 0 0 1 3.333 3.333 3.34 3.34 0 0 1-3.333 3.333m6.532-8.67c0 .665-.536 1.196-1.196 1.196a1.196 1.196 0 1 1 1.196-1.196m3.395 1.214c-.076-1.602-.442-3.02-1.615-4.19-1.169-1.169-2.588-1.534-4.19-1.615-1.65-.093-6.599-.093-8.25 0-1.597.076-3.016.442-4.19 1.611-1.173 1.169-1.534 2.588-1.614 4.19-.094 1.65-.094 6.599 0 8.25.076 1.601.441 3.02 1.615 4.19 1.173 1.168 2.588 1.534 4.19 1.614 1.65.094 6.599.094 8.25 0 1.601-.076 3.02-.442 4.189-1.615 1.169-1.169 1.535-2.588 1.615-4.19.094-1.65.094-6.594 0-8.245m-2.133 10.017a3.38 3.38 0 0 1-1.9 1.9c-1.316.523-4.44.402-5.894.402-1.455 0-4.583.116-5.894-.401a3.37 3.37 0 0 1-1.901-1.901c-.522-1.316-.402-4.44-.402-5.894 0-1.455-.116-4.582.402-5.894a3.37 3.37 0 0 1 1.9-1.901c1.317-.522 4.44-.402 5.895-.402s4.582-.116 5.894.402a3.37 3.37 0 0 1 1.9 1.9c.523 1.317.402 4.44.402 5.895s.12 4.582-.402 5.894'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue
index 3b939de001..ee4557d9f5 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="language"
-    ><path
-      fill-rule="evenodd"
-      d="M12.534 21.98a10.032 10.032 0 0 0 8.708-13.84 9.95 9.95 0 0 0-9.661-6.132 9.8 9.8 0 0 0-9.58 9.787 10.127 10.127 0 0 0 9.412 10.177q.143.03.289.016.127.006.257.008h.017q.187 0 .373-.007.093.005.185-.009M14.81 4.493a13.4 13.4 0 0 1 1.604 3.502h2.535a7.95 7.95 0 0 0-4.139-3.502m-2.805-.421c1.063 1.236 1.83 2.553 2.31 3.923h-4.62c.48-1.37 1.247-2.687 2.31-3.923m2.8 5.923h-5.6a11 11 0 0 0-.113 1.565q-.001 1.323.319 2.696h5.188a11.8 11.8 0 0 0 .319-2.697q0-.789-.112-1.564m-.84 6.261h-3.92a17.6 17.6 0 0 0 1.96 3.571 17.8 17.8 0 0 0 1.96-3.57m-6.6-2a13.7 13.7 0 0 1-.273-2.696q0-.79.095-1.565H4.214A7.8 7.8 0 0 0 4 11.801v.006a8.1 8.1 0 0 0 .358 2.45zm-2.079 2h2.624c.38 1.101.893 2.199 1.532 3.285a8.13 8.13 0 0 1-4.156-3.285m10.813 0h2.66a8.03 8.03 0 0 1-4.21 3.315 18.2 18.2 0 0 0 1.55-3.315m3.569-2h-3.022q.271-1.354.272-2.697 0-.79-.095-1.564h2.935a8 8 0 0 1 .243 1.965v.002a8 8 0 0 1-.333 2.294M9.233 4.441a13.4 13.4 0 0 0-1.637 3.554H4.995a7.8 7.8 0 0 1 4.238-3.554M12 2h.003v.086l-.005-.002V2z"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="language"><path fill-rule='evenodd' d='M12.534 21.98a10.032 10.032 0 0 0 8.708-13.84 9.95 9.95 0 0 0-9.661-6.132 9.8 9.8 0 0 0-9.58 9.787 10.127 10.127 0 0 0 9.412 10.177q.143.03.289.016.127.006.257.008h.017q.187 0 .373-.007.093.005.185-.009M14.81 4.493a13.4 13.4 0 0 1 1.604 3.502h2.535a7.95 7.95 0 0 0-4.139-3.502m-2.805-.421c1.063 1.236 1.83 2.553 2.31 3.923h-4.62c.48-1.37 1.247-2.687 2.31-3.923m2.8 5.923h-5.6a11 11 0 0 0-.113 1.565q-.001 1.323.319 2.696h5.188a11.8 11.8 0 0 0 .319-2.697q0-.789-.112-1.564m-.84 6.261h-3.92a17.6 17.6 0 0 0 1.96 3.571 17.8 17.8 0 0 0 1.96-3.57m-6.6-2a13.7 13.7 0 0 1-.273-2.696q0-.79.095-1.565H4.214A7.8 7.8 0 0 0 4 11.801v.006a8.1 8.1 0 0 0 .358 2.45zm-2.079 2h2.624c.38 1.101.893 2.199 1.532 3.285a8.13 8.13 0 0 1-4.156-3.285m10.813 0h2.66a8.03 8.03 0 0 1-4.21 3.315 18.2 18.2 0 0 0 1.55-3.315m3.569-2h-3.022q.271-1.354.272-2.697 0-.79-.095-1.564h2.935a8 8 0 0 1 .243 1.965v.002a8 8 0 0 1-.333 2.294M9.233 4.441a13.4 13.4 0 0 0-1.637 3.554H4.995a7.8 7.8 0 0 1 4.238-3.554M12 2h.003v.086l-.005-.002V2z' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue
index b7d94ce58d..a300d6f34e 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="local-shipping"
-    ><path
-      d="M6 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 17q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 15V6q0-.824.588-1.412A1.92 1.92 0 0 1 3 4h12q.825 0 1.413.588Q17 5.175 17 6v2h2.5q.25 0 .45.1t.35.3l2.5 3.325a.9.9 0 0 1 .15.275q.05.15.05.325V16q0 .424-.288.712A.97.97 0 0 1 22 17h-1q0 1.25-.875 2.125A2.9 2.9 0 0 1 18 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 17H9q0 1.25-.875 2.125A2.9 2.9 0 0 1 6 20m0-2a.97.97 0 0 0 .713-.288A.97.97 0 0 0 7 17a.97.97 0 0 0-.287-.712A.97.97 0 0 0 6 16a.97.97 0 0 0-.713.288A.97.97 0 0 0 5 17q0 .424.287.712Q5.575 18 6 18M3 6v9h.8q.425-.45.975-.725A2.7 2.7 0 0 1 6 14q.675 0 1.225.275T8.2 15H15V6zm15 12q.424 0 .712-.288A.97.97 0 0 0 19 17a.97.97 0 0 0-.288-.712A.97.97 0 0 0 18 16a.97.97 0 0 0-.712.288A.97.97 0 0 0 17 17q0 .424.288.712A.97.97 0 0 0 18 18m-1-5h4.25L19 10h-2z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="local-shipping"><path d='M6 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 17q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 15V6q0-.824.588-1.412A1.92 1.92 0 0 1 3 4h12q.825 0 1.413.588Q17 5.175 17 6v2h2.5q.25 0 .45.1t.35.3l2.5 3.325a.9.9 0 0 1 .15.275q.05.15.05.325V16q0 .424-.288.712A.97.97 0 0 1 22 17h-1q0 1.25-.875 2.125A2.9 2.9 0 0 1 18 20a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 17H9q0 1.25-.875 2.125A2.9 2.9 0 0 1 6 20m0-2a.97.97 0 0 0 .713-.288A.97.97 0 0 0 7 17a.97.97 0 0 0-.287-.712A.97.97 0 0 0 6 16a.97.97 0 0 0-.713.288A.97.97 0 0 0 5 17q0 .424.287.712Q5.575 18 6 18M3 6v9h.8q.425-.45.975-.725A2.7 2.7 0 0 1 6 14q.675 0 1.225.275T8.2 15H15V6zm15 12q.424 0 .712-.288A.97.97 0 0 0 19 17a.97.97 0 0 0-.288-.712A.97.97 0 0 0 18 16a.97.97 0 0 0-.712.288A.97.97 0 0 0 17 17q0 .424.288.712A.97.97 0 0 0 18 18m-1-5h4.25L19 10h-2z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocal_fire_department.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocal_fire_department.vue
index ae80eb89d3..40e03740d8 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocal_fire_department.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocal_fire_department.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="local_fire_department"
-    ><path
-      d="M12.359 21.42q-3.35 0-5.675-2.325T4.359 13.42q0-2.824 1.675-5.425t4.6-4.55q.55-.375 1.137-.037.588.337.588 1.012v1.3q0 .85.587 1.425.588.576 1.438.575.425 0 .812-.187t.688-.538a.85.85 0 0 1 .512-.312.72.72 0 0 1 .588.137 7.94 7.94 0 0 1 2.475 2.875q.9 1.75.9 3.725 0 3.35-2.325 5.675t-5.675 2.325m-6-8q0 1.3.525 2.463t1.5 2.037a1 1 0 0 1-.025-.225v-.225q0-.8.3-1.5t.875-1.275l2.825-2.775 2.825 2.775q.575.575.875 1.275t.3 1.5v.225q0 .1-.025.225a6.1 6.1 0 0 0 1.5-2.037q.525-1.162.525-2.463 0-1.25-.463-2.362A6.1 6.1 0 0 0 16.56 9.07q-.5.326-1.05.488a4 4 0 0 1-1.125.162q-1.55 0-2.688-1.025a3.9 3.9 0 0 1-1.312-2.525q-1.95 1.65-2.988 3.513Q6.36 11.545 6.36 13.42m6 1.3-1.425 1.4a2 2 0 0 0-.425.625q-.15.35-.15.725 0 .8.587 1.375.588.576 1.413.575.824 0 1.412-.575.588-.574.588-1.375 0-.4-.15-.737-.15-.338-.425-.613z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="local_fire_department"><path d='M12.359 21.42q-3.35 0-5.675-2.325T4.359 13.42q0-2.824 1.675-5.425t4.6-4.55q.55-.375 1.137-.037.588.337.588 1.012v1.3q0 .85.587 1.425.588.576 1.438.575.425 0 .812-.187t.688-.538a.85.85 0 0 1 .512-.312.72.72 0 0 1 .588.137 7.94 7.94 0 0 1 2.475 2.875q.9 1.75.9 3.725 0 3.35-2.325 5.675t-5.675 2.325m-6-8q0 1.3.525 2.463t1.5 2.037a1 1 0 0 1-.025-.225v-.225q0-.8.3-1.5t.875-1.275l2.825-2.775 2.825 2.775q.575.575.875 1.275t.3 1.5v.225q0 .1-.025.225a6.1 6.1 0 0 0 1.5-2.037q.525-1.162.525-2.463 0-1.25-.463-2.362A6.1 6.1 0 0 0 16.56 9.07q-.5.326-1.05.488a4 4 0 0 1-1.125.162q-1.55 0-2.688-1.025a3.9 3.9 0 0 1-1.312-2.525q-1.95 1.65-2.988 3.513Q6.36 11.545 6.36 13.42m6 1.3-1.425 1.4a2 2 0 0 0-.425.625q-.15.35-.15.725 0 .8.587 1.375.588.576 1.413.575.824 0 1.412-.575.588-.574.588-1.375 0-.4-.15-.737-.15-.338-.425-.613z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue
index a9b41a4eb5..d8062ea13a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="location-on"
-    ><path d="M10 10c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2" /><path
-      fill-rule="evenodd"
-      d="M4 10.2c0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2s-8 3.22-8 8.2m2 0C6 6.386 8.842 4 12 4s6 2.386 6 6.2c0 1.073-.416 2.424-1.51 4.097-.986 1.51-2.465 3.191-4.486 5.042-2.025-1.851-3.506-3.532-4.494-5.042C6.416 12.623 6 11.273 6 10.2"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="location-on"><path d='M10 10c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2'/><path fill-rule='evenodd' d='M4 10.2c0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2s-8 3.22-8 8.2m2 0C6 6.386 8.842 4 12 4s6 2.386 6 6.2c0 1.073-.416 2.424-1.51 4.097-.986 1.51-2.465 3.191-4.486 5.042-2.025-1.851-3.506-3.532-4.494-5.042C6.416 12.623 6 11.273 6 10.2' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue
index c4028527fc..cd78f9708b 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="location-on-filled"
-    ><path
-      fill-rule="evenodd"
-      d="M12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2m0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="location-on-filled"><path fill-rule='evenodd' d='M12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2m0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue
index 1cfa9a8c4d..f5dbf6a3aa 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="lock"
-    ><path
-      d="M6 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 21V11q0-.825.588-1.413A1.93 1.93 0 0 1 6 9h1V7q0-2.075 1.463-3.538T12 2t3.538 1.462Q17 4.925 17 7v2h1q.825 0 1.413.587Q20 10.175 20 11v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 23zm6-5q.825 0 1.413-.587Q14 16.825 14 16t-.587-1.413A1.93 1.93 0 0 0 12 14q-.825 0-1.412.587A1.93 1.93 0 0 0 10 16q0 .825.588 1.413Q11.175 18 12 18M9 9h6V7q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 4q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 7z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="lock"><path d='M6 23q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 21V11q0-.825.588-1.413A1.93 1.93 0 0 1 6 9h1V7q0-2.075 1.463-3.538T12 2t3.538 1.462Q17 4.925 17 7v2h1q.825 0 1.413.587Q20 10.175 20 11v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 23zm6-5q.825 0 1.413-.587Q14 16.825 14 16t-.587-1.413A1.93 1.93 0 0 0 12 14q-.825 0-1.412.587A1.93 1.93 0 0 0 10 16q0 .825.588 1.413Q11.175 18 12 18M9 9h6V7q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 4q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 7z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue
index 94270421ae..901cf42629 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="lock-open"
-    ><path
-      d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.413A1.93 1.93 0 0 1 6 8h9V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3a2.87 2.87 0 0 0-1.812.612A3 3 0 0 0 9.125 5.15q-.125.375-.387.612A.9.9 0 0 1 8.125 6q-.5 0-.8-.338a.81.81 0 0 1-.2-.762Q7.5 3.225 8.85 2.112T12 1q2.075 0 3.538 1.462Q17 3.925 17 6v2h1q.825 0 1.413.587Q20 9.175 20 10v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 22zm0-2h12V10H6zm6-3q.825 0 1.413-.587Q14 15.825 14 15t-.587-1.413A1.93 1.93 0 0 0 12 13q-.825 0-1.412.587A1.93 1.93 0 0 0 10 15q0 .825.588 1.413Q11.175 17 12 17"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="lock-open"><path d='M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.413A1.93 1.93 0 0 1 6 8h9V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3a2.87 2.87 0 0 0-1.812.612A3 3 0 0 0 9.125 5.15q-.125.375-.387.612A.9.9 0 0 1 8.125 6q-.5 0-.8-.338a.81.81 0 0 1-.2-.762Q7.5 3.225 8.85 2.112T12 1q2.075 0 3.538 1.462Q17 3.925 17 6v2h1q.825 0 1.413.587Q20 9.175 20 10v10q0 .825-.587 1.413A1.93 1.93 0 0 1 18 22zm0-2h12V10H6zm6-3q.825 0 1.413-.587Q14 15.825 14 15t-.587-1.413A1.93 1.93 0 0 0 12 13q-.825 0-1.412.587A1.93 1.93 0 0 0 10 15q0 .825.588 1.413Q11.175 17 12 17'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue
index bfec06540e..706688c48a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="login"
-    ><path
-      d="M9.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.7.275a1 1 0 0 1-.675-.3M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.425.288-.713A.97.97 0 0 1 13 3h6q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="login"><path d='M9.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.3.3-.7.275a1 1 0 0 1-.675-.3M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.425.288-.713A.97.97 0 0 1 13 3h6q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue
index c6a446ad6a..1482ad3753 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="logout"
-    ><path
-      d="M15.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.425.288-.713A.97.97 0 0 1 10 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.325.325-.712.287a1.05 1.05 0 0 1-.663-.312M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h6a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 4q0 .424-.287.712A.97.97 0 0 1 11 5H5v14h6q.425 0 .713.288A.97.97 0 0 1 12 20q0 .424-.287.712A.97.97 0 0 1 11 21z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="logout"><path d='M15.325 16.275a1.1 1.1 0 0 1-.275-.738q0-.412.275-.687l1.85-1.85H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.425.288-.713A.97.97 0 0 1 10 11h7.175l-1.85-1.85q-.3-.3-.3-.712 0-.413.3-.713.275-.3.688-.3t.687.275l3.6 3.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-3.6 3.6q-.325.325-.712.287a1.05 1.05 0 0 1-.663-.312M5 21q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h6a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 4q0 .424-.287.712A.97.97 0 0 1 11 5H5v14h6q.425 0 .713.288A.97.97 0 0 1 12 20q0 .424-.287.712A.97.97 0 0 1 11 21z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue
index 9123519e09..3d043ce527 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="menu"
-    ><path
-      d="M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="menu"><path d='M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue
index 31253ed5b7..f92d7de34b 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="more-horiz"
-    ><path
-      d="M12 14a2 2 0 1 1 .001-4.001A2 2 0 0 1 12 14m4-2a2 2 0 1 0 4.001-.001A2 2 0 0 0 16 12m-8 0a2 2 0 1 0-4.001.001A2 2 0 0 0 8 12"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="more-horiz"><path d='M12 14a2 2 0 1 1 .001-4.001A2 2 0 0 1 12 14m4-2a2 2 0 1 0 4.001-.001A2 2 0 0 0 16 12m-8 0a2 2 0 1 0-4.001.001A2 2 0 0 0 8 12'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue
index 60c16a8291..386c6970ce 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="more-vert"
-    ><path
-      d="M14 12a2 2 0 1 1-4.001-.001A2 2 0 0 1 14 12m-2-4a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 8m0 8a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 16"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="more-vert"><path d='M14 12a2 2 0 1 1-4.001-.001A2 2 0 0 1 14 12m-2-4a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 8m0 8a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 16'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue
index 81f78cadb8..c9e443b0ea 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="open-in-new"
-    ><path
-      d="M19 19H5V5h6a1 1 0 1 0 0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-6a1 1 0 1 0-2 0zM15 3a1 1 0 1 0 0 2h2.59l-9.125 9.125a.997.997 0 0 0 1.41 1.41L19 6.41V9a1 1 0 1 0 2 0V3z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="open-in-new"><path d='M19 19H5V5h6a1 1 0 1 0 0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-6a1 1 0 1 0-2 0zM15 3a1 1 0 1 0 0 2h2.59l-9.125 9.125a.997.997 0 0 0 1.41 1.41L19 6.41V9a1 1 0 1 0 2 0V3z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue
index bf5463b4ab..e413ee0eb3 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="open-source"
-    ><path
-      d="M12 2C5.913 2 1 6.913 1 13c0 3.887 1.98 7.407 5.28 9.46.073.073.22.073.293.073.074 0 .147-.073.22-.146l3.447-5.647a.387.387 0 0 0-.147-.513c-1.1-.66-1.76-1.834-1.76-3.154A3.63 3.63 0 0 1 12 9.407a3.63 3.63 0 0 1 3.667 3.666c0 1.394-.807 2.64-1.98 3.3l-.22.22c0 .074 0 .22.073.294l3.447 5.646c.073.147.22.147.293.147s.147 0 .147-.073C20.873 20.627 23 16.96 23 13.073 23 6.987 18.087 2 12 2"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="open-source"><path d='M12 2C5.913 2 1 6.913 1 13c0 3.887 1.98 7.407 5.28 9.46.073.073.22.073.293.073.074 0 .147-.073.22-.146l3.447-5.647a.387.387 0 0 0-.147-.513c-1.1-.66-1.76-1.834-1.76-3.154A3.63 3.63 0 0 1 12 9.407a3.63 3.63 0 0 1 3.667 3.666c0 1.394-.807 2.64-1.98 3.3l-.22.22c0 .074 0 .22.073.294l3.447 5.646c.073.147.22.147.293.147s.147 0 .147-.073C20.873 20.627 23 16.96 23 13.073 23 6.987 18.087 2 12 2'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue
index daa2b4f23e..a9ea6478bd 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="package"
-    ><path
-      d="m10 9.75 1.325-.65a1.6 1.6 0 0 1 1.35 0L14 9.75V5h-4zM8 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 16a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 15h3a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 16q0 .424-.287.712A.97.97 0 0 1 11 17zm-3 4q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5h-3v6.375q0 .574-.475.862a.95.95 0 0 1-.975.038L12 11l-2.55 1.275a.95.95 0 0 1-.975-.038Q8 11.95 8 11.375V5H5z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="package"><path d='m10 9.75 1.325-.65a1.6 1.6 0 0 1 1.35 0L14 9.75V5h-4zM8 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 16a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 15h3a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 16q0 .424-.287.712A.97.97 0 0 1 11 17zm-3 4q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 19V5q0-.825.587-1.413A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5h-3v6.375q0 .574-.475.862a.95.95 0 0 1-.975.038L12 11l-2.55 1.275a.95.95 0 0 1-.975-.038Q8 11.95 8 11.375V5H5z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue
index 236e6aa7a5..89966ca833 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="percent"
-    ><path
-      d="M8 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 4.5 7.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 8 4q1.45 0 2.475 1.025A3.37 3.37 0 0 1 11.5 7.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 8 11m0-2q.624 0 1.063-.437Q9.5 8.124 9.5 7.5t-.437-1.062A1.45 1.45 0 0 0 8 6q-.625 0-1.062.438A1.45 1.45 0 0 0 6.5 7.5q0 .624.438 1.063Q7.374 9 8 9m9 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 13.5 16.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 17 13q1.45 0 2.475 1.025A3.37 3.37 0 0 1 20.5 16.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 17 20m0-2q.625 0 1.063-.437.437-.438.437-1.063t-.437-1.062A1.45 1.45 0 0 0 17 15q-.625 0-1.062.438A1.45 1.45 0 0 0 15.5 16.5q0 .625.438 1.063Q16.375 18 17 18M5.2 19.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L18.4 4.7a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L6.6 19.3a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="percent"><path d='M8 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 4.5 7.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 8 4q1.45 0 2.475 1.025A3.37 3.37 0 0 1 11.5 7.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 8 11m0-2q.624 0 1.063-.437Q9.5 8.124 9.5 7.5t-.437-1.062A1.45 1.45 0 0 0 8 6q-.625 0-1.062.438A1.45 1.45 0 0 0 6.5 7.5q0 .624.438 1.063Q7.374 9 8 9m9 11a3.37 3.37 0 0 1-2.475-1.025A3.37 3.37 0 0 1 13.5 16.5q0-1.45 1.025-2.475A3.37 3.37 0 0 1 17 13q1.45 0 2.475 1.025A3.37 3.37 0 0 1 20.5 16.5q0 1.45-1.025 2.475A3.37 3.37 0 0 1 17 20m0-2q.625 0 1.063-.437.437-.438.437-1.063t-.437-1.062A1.45 1.45 0 0 0 17 15q-.625 0-1.062.438A1.45 1.45 0 0 0 15.5 16.5q0 .625.438 1.063Q16.375 18 17 18M5.2 19.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L18.4 4.7a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L6.6 19.3a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue
index 26ceedad14..2e10200733 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="person"
-    ><path
-      d="M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m6 8H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-.8q0-.85.438-1.563A2.9 2.9 0 0 1 5.6 14.55a15 15 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.162 1.087T20 17.2v.8q0 .825-.587 1.413A1.93 1.93 0 0 1 18 20M6 18h12v-.8a.94.94 0 0 0-.137-.5 1 1 0 0 0-.363-.35q-1.35-.675-2.725-1.013a11.6 11.6 0 0 0-5.55 0Q7.85 15.675 6.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.413-.588Q14 8.825 14 8q0-.824-.587-1.412A1.93 1.93 0 0 0 12 6q-.825 0-1.412.588A1.92 1.92 0 0 0 10 8q0 .825.588 1.412Q11.175 10 12 10"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="person"><path d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m6 8H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-.8q0-.85.438-1.563A2.9 2.9 0 0 1 5.6 14.55a15 15 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.162 1.087T20 17.2v.8q0 .825-.587 1.413A1.93 1.93 0 0 1 18 20M6 18h12v-.8a.94.94 0 0 0-.137-.5 1 1 0 0 0-.363-.35q-1.35-.675-2.725-1.013a11.6 11.6 0 0 0-5.55 0Q7.85 15.675 6.5 16.35a.97.97 0 0 0-.5.85zm6-8q.825 0 1.413-.588Q14 8.825 14 8q0-.824-.587-1.412A1.93 1.93 0 0 0 12 6q-.825 0-1.412.588A1.92 1.92 0 0 0 10 8q0 .825.588 1.412Q11.175 10 12 10'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue
index e3d8c3e5fd..a314abab28 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="pinterest"
-    ><path
-      d="M12.175 2C8.063 2 4 4.74 4 9.177c0 2.82 1.587 4.424 2.549 4.424.396 0 .625-1.106.625-1.419 0-.373-.95-1.166-.95-2.717 0-3.221 2.452-5.505 5.626-5.505 2.729 0 4.749 1.55 4.749 4.4 0 2.127-.854 6.118-3.619 6.118-.998 0-1.851-.721-1.851-1.755 0-1.515 1.058-2.981 1.058-4.544 0-2.653-3.763-2.172-3.763 1.034 0 .673.084 1.418.385 2.032-.553 2.38-1.683 5.926-1.683 8.378 0 .758.108 1.503.18 2.26.136.153.068.137.276.06 2.02-2.764 1.948-3.305 2.862-6.924.492.938 1.767 1.443 2.776 1.443 4.256 0 6.167-4.148 6.167-7.886C19.388 4.596 15.95 2 12.176 2"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="pinterest"><path d='M12.175 2C8.063 2 4 4.74 4 9.177c0 2.82 1.587 4.424 2.549 4.424.396 0 .625-1.106.625-1.419 0-.373-.95-1.166-.95-2.717 0-3.221 2.452-5.505 5.626-5.505 2.729 0 4.749 1.55 4.749 4.4 0 2.127-.854 6.118-3.619 6.118-.998 0-1.851-.721-1.851-1.755 0-1.515 1.058-2.981 1.058-4.544 0-2.653-3.763-2.172-3.763 1.034 0 .673.084 1.418.385 2.032-.553 2.38-1.683 5.926-1.683 8.378 0 .758.108 1.503.18 2.26.136.153.068.137.276.06 2.02-2.764 1.948-3.305 2.862-6.924.492.938 1.767 1.443 2.776 1.443 4.256 0 6.167-4.148 6.167-7.886C19.388 4.596 15.95 2 12.176 2'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue
index 5161bc4e55..673fecb9e7 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="published-with-changes"
-    ><path
-      d="M14.175 2.225q3.375.75 5.6 3.45T22 12q0 2.275-.913 4.2a10 10 0 0 1-2.487 3.3H20q.424 0 .712.288A.97.97 0 0 1 21 20.5q0 .425-.288.712A.97.97 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.713A.97.97 0 0 1 16 15.5q.424 0 .712.287.288.288.288.713v1.725a8.4 8.4 0 0 0 2.188-2.725Q20 13.9 20 12q0-2.875-1.762-5.013T13.8 4.225a1 1 0 0 1-.575-.35A.96.96 0 0 1 13 3.25q0-.5.35-.825a.83.83 0 0 1 .825-.2m-4.35 19.55q-3.375-.75-5.6-3.45T2 12q0-2.275.913-4.2A10 10 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.713A.97.97 0 0 1 4 2.5h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 3.5v4a.97.97 0 0 1-.287.713A.97.97 0 0 1 8 8.5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 7.5V5.775a8.1 8.1 0 0 0-2.188 2.713Q4 10.101 4 12q0 2.876 1.763 5.012 1.762 2.138 4.437 2.763a1 1 0 0 1 .575.35.96.96 0 0 1 .225.625q0 .5-.35.825a.83.83 0 0 1-.825.2m.75-5.6q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L7.05 13.05a.98.98 0 0 1-.287-.688.93.93 0 0 1 .287-.712.95.95 0 0 1 .7-.275q.425 0 .7.275l2.125 2.125L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.92.92 0 0 1-.288.7L11.275 15.9q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="published-with-changes"><path d='M14.175 2.225q3.375.75 5.6 3.45T22 12q0 2.275-.913 4.2a10 10 0 0 1-2.487 3.3H20q.424 0 .712.288A.97.97 0 0 1 21 20.5q0 .425-.288.712A.97.97 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.713A.97.97 0 0 1 16 15.5q.424 0 .712.287.288.288.288.713v1.725a8.4 8.4 0 0 0 2.188-2.725Q20 13.9 20 12q0-2.875-1.762-5.013T13.8 4.225a1 1 0 0 1-.575-.35A.96.96 0 0 1 13 3.25q0-.5.35-.825a.83.83 0 0 1 .825-.2m-4.35 19.55q-3.375-.75-5.6-3.45T2 12q0-2.275.913-4.2A10 10 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.713A.97.97 0 0 1 4 2.5h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 3.5v4a.97.97 0 0 1-.287.713A.97.97 0 0 1 8 8.5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 7.5V5.775a8.1 8.1 0 0 0-2.188 2.713Q4 10.101 4 12q0 2.876 1.763 5.012 1.762 2.138 4.437 2.763a1 1 0 0 1 .575.35.96.96 0 0 1 .225.625q0 .5-.35.825a.83.83 0 0 1-.825.2m.75-5.6q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L7.05 13.05a.98.98 0 0 1-.287-.688.93.93 0 0 1 .287-.712.95.95 0 0 1 .7-.275q.425 0 .7.275l2.125 2.125L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.92.92 0 0 1-.288.7L11.275 15.9q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue
index 9220e447f7..f89d3ba3a5 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="radio-button-checked"
-    ><path
-      d="M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7T8.463 8.462Q7 9.925 7 12t1.463 3.537T12 17m0 5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="radio-button-checked"><path d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7T8.463 8.462Q7 9.925 7 12t1.463 3.537T12 17m0 5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue
index ed1bd8e884..291060f19e 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="radio-button-unchecked"
-    ><path
-      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="radio-button-unchecked"><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue
index 2c6f9cc0eb..ebd26fc967 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue
@@ -1,20 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="react"
-    ><path
-      d="M13.96 11.952c0 1.099-.877 1.99-1.96 1.99s-1.96-.891-1.96-1.99.877-1.989 1.96-1.989 1.96.89 1.96 1.99" /><path
-      fill-rule="evenodd"
-      d="M12 4.467a15 15 0 0 0-.958-.868c-.818-.674-1.63-1.17-2.388-1.418-.758-.25-1.516-.266-2.154.108S5.497 3.337 5.33 4.127c-.166.79-.149 1.752.018 2.807q.097.613.262 1.276-.649.186-1.22.407c-.985.382-1.814.847-2.405 1.389-.592.542-.985 1.199-.985 1.946 0 .748.393 1.405.985 1.947.591.542 1.42 1.007 2.404 1.388q.573.222 1.22.408-.165.661-.261 1.276c-.167 1.055-.184 2.016-.017 2.807s.53 1.464 1.169 1.838c.638.374 1.396.357 2.154.108s1.57-.744 2.388-1.418q.475-.392.958-.868.483.476.958.868c.817.674 1.63 1.17 2.388 1.418.758.249 1.516.266 2.154-.108s1.003-1.048 1.17-1.838c.166-.79.149-1.752-.018-2.807a15 15 0 0 0-.262-1.276q.649-.186 1.22-.408c.985-.38 1.814-.847 2.405-1.388.592-.542.985-1.199.985-1.947 0-.747-.393-1.404-.985-1.946-.591-.542-1.42-1.007-2.404-1.389a14 14 0 0 0-1.22-.407q.165-.663.261-1.276c.167-1.055.184-2.016.017-2.807S18.14 2.663 17.5 2.29c-.638-.374-1.396-.357-2.154-.108s-1.57.744-2.388 1.418q-.475.391-.958.868M8.36 3.104c-.607-.2-1.06-.164-1.382.025s-.579.569-.712 1.201-.13 1.464.026 2.45q.09.57.245 1.191a23 23 0 0 1 2.934-.463 23 23 0 0 1 1.862-2.346q-.453-.446-.895-.81c-.764-.63-1.472-1.05-2.078-1.248M12 5.86c-.428.472-.858.995-1.281 1.561a28 28 0 0 1 2.562 0A21 21 0 0 0 12 5.86m-3.228 2.7a21 21 0 0 0-1.974.345c.19.613.421 1.251.693 1.906a29 29 0 0 1 1.281-2.25M8 11.952a27.4 27.4 0 0 1 2-3.515 26.5 26.5 0 0 1 4.002 0 27 27 0 0 1 2 3.515 27.4 27.4 0 0 1-2 3.516 26.5 26.5 0 0 1-4.002 0 27 27 0 0 1-2-3.516m-1.058 0A23 23 0 0 1 5.87 9.144q-.607.174-1.138.38c-.92.356-1.632.769-2.105 1.202-.474.434-.67.849-.67 1.226 0 .378.196.793.67 1.226.473.434 1.185.846 2.105 1.203q.53.206 1.138.38a24 24 0 0 1 1.072-2.809M6.798 15c.19-.613.421-1.252.693-1.907a29 29 0 0 0 1.281 2.251A21 21 0 0 1 6.798 15m-.261.935q-.155.62-.245 1.19c-.156.987-.16 1.818-.026 2.45.133.633.39 1.013.712 1.202.323.188.775.224 1.382.025.606-.2 1.314-.618 2.079-1.248q.44-.364.894-.81a23 23 0 0 1-1.862-2.347 23 23 0 0 1-2.934-.462m6.13 2.809q.453.446.895.81c.764.63 1.472 1.049 2.078 1.248.607.199 1.06.163 1.382-.025.322-.19.579-.569.712-1.201s.13-1.464-.026-2.45q-.09-.57-.245-1.191a23 23 0 0 1-2.934.462 23 23 0 0 1-1.862 2.346m.614-2.26c-.423.567-.853 1.09-1.281 1.562a21 21 0 0 1-1.281-1.562 28 28 0 0 0 2.562 0m1.947-1.14A21 21 0 0 0 17.202 15a22 22 0 0 0-.693-1.907 29 29 0 0 1-1.281 2.251m1.83-3.39c.439.964.797 1.91 1.073 2.808q.607-.174 1.138-.38c.92-.357 1.632-.77 2.105-1.203s.67-.848.67-1.226c0-.377-.196-.792-.67-1.226-.473-.433-1.184-.846-2.105-1.202a13 13 0 0 0-1.138-.38 23 23 0 0 1-1.072 2.808m.405-3.982a23 23 0 0 0-2.934-.463 23 23 0 0 0-1.862-2.346q.453-.446.895-.81c.764-.63 1.472-1.049 2.078-1.248.607-.2 1.06-.164 1.382.025s.579.569.712 1.201.13 1.464-.026 2.45q-.09.57-.245 1.191m-.261.935a22 22 0 0 1-.693 1.906 29 29 0 0 0-1.281-2.25c.695.088 1.356.204 1.974.344"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="react"><path d='M13.96 11.952c0 1.099-.877 1.99-1.96 1.99s-1.96-.891-1.96-1.99.877-1.989 1.96-1.989 1.96.89 1.96 1.99'/><path fill-rule='evenodd' d='M12 4.467a15 15 0 0 0-.958-.868c-.818-.674-1.63-1.17-2.388-1.418-.758-.25-1.516-.266-2.154.108S5.497 3.337 5.33 4.127c-.166.79-.149 1.752.018 2.807q.097.613.262 1.276-.649.186-1.22.407c-.985.382-1.814.847-2.405 1.389-.592.542-.985 1.199-.985 1.946 0 .748.393 1.405.985 1.947.591.542 1.42 1.007 2.404 1.388q.573.222 1.22.408-.165.661-.261 1.276c-.167 1.055-.184 2.016-.017 2.807s.53 1.464 1.169 1.838c.638.374 1.396.357 2.154.108s1.57-.744 2.388-1.418q.475-.392.958-.868.483.476.958.868c.817.674 1.63 1.17 2.388 1.418.758.249 1.516.266 2.154-.108s1.003-1.048 1.17-1.838c.166-.79.149-1.752-.018-2.807a15 15 0 0 0-.262-1.276q.649-.186 1.22-.408c.985-.38 1.814-.847 2.405-1.388.592-.542.985-1.199.985-1.947 0-.747-.393-1.404-.985-1.946-.591-.542-1.42-1.007-2.404-1.389a14 14 0 0 0-1.22-.407q.165-.663.261-1.276c.167-1.055.184-2.016.017-2.807S18.14 2.663 17.5 2.29c-.638-.374-1.396-.357-2.154-.108s-1.57.744-2.388 1.418q-.475.391-.958.868M8.36 3.104c-.607-.2-1.06-.164-1.382.025s-.579.569-.712 1.201-.13 1.464.026 2.45q.09.57.245 1.191a23 23 0 0 1 2.934-.463 23 23 0 0 1 1.862-2.346q-.453-.446-.895-.81c-.764-.63-1.472-1.05-2.078-1.248M12 5.86c-.428.472-.858.995-1.281 1.561a28 28 0 0 1 2.562 0A21 21 0 0 0 12 5.86m-3.228 2.7a21 21 0 0 0-1.974.345c.19.613.421 1.251.693 1.906a29 29 0 0 1 1.281-2.25M8 11.952a27.4 27.4 0 0 1 2-3.515 26.5 26.5 0 0 1 4.002 0 27 27 0 0 1 2 3.515 27.4 27.4 0 0 1-2 3.516 26.5 26.5 0 0 1-4.002 0 27 27 0 0 1-2-3.516m-1.058 0A23 23 0 0 1 5.87 9.144q-.607.174-1.138.38c-.92.356-1.632.769-2.105 1.202-.474.434-.67.849-.67 1.226 0 .378.196.793.67 1.226.473.434 1.185.846 2.105 1.203q.53.206 1.138.38a24 24 0 0 1 1.072-2.809M6.798 15c.19-.613.421-1.252.693-1.907a29 29 0 0 0 1.281 2.251A21 21 0 0 1 6.798 15m-.261.935q-.155.62-.245 1.19c-.156.987-.16 1.818-.026 2.45.133.633.39 1.013.712 1.202.323.188.775.224 1.382.025.606-.2 1.314-.618 2.079-1.248q.44-.364.894-.81a23 23 0 0 1-1.862-2.347 23 23 0 0 1-2.934-.462m6.13 2.809q.453.446.895.81c.764.63 1.472 1.049 2.078 1.248.607.199 1.06.163 1.382-.025.322-.19.579-.569.712-1.201s.13-1.464-.026-2.45q-.09-.57-.245-1.191a23 23 0 0 1-2.934.462 23 23 0 0 1-1.862 2.346m.614-2.26c-.423.567-.853 1.09-1.281 1.562a21 21 0 0 1-1.281-1.562 28 28 0 0 0 2.562 0m1.947-1.14A21 21 0 0 0 17.202 15a22 22 0 0 0-.693-1.907 29 29 0 0 1-1.281 2.251m1.83-3.39c.439.964.797 1.91 1.073 2.808q.607-.174 1.138-.38c.92-.357 1.632-.77 2.105-1.203s.67-.848.67-1.226c0-.377-.196-.792-.67-1.226-.473-.433-1.184-.846-2.105-1.202a13 13 0 0 0-1.138-.38 23 23 0 0 1-1.072 2.808m.405-3.982a23 23 0 0 0-2.934-.463 23 23 0 0 0-1.862-2.346q.453-.446.895-.81c.764-.63 1.472-1.049 2.078-1.248.607-.2 1.06-.164 1.382.025s.579.569.712 1.201.13 1.464-.026 2.45q-.09.57-.245 1.191m-.261.935a22 22 0 0 1-.693 1.906 29 29 0 0 0-1.281-2.25c.695.088 1.356.204 1.974.344' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue
index fa8622a2cc..479508b6ae 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="remove"
-    ><path
-      d="M6 13a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="remove"><path d='M6 13a.97.97 0 0 1-.713-.288A.97.97 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h12q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 13z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue
index 0a3a361b61..63b50f7c53 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="remove-shopping-cart"
-    ><path
-      d="m15.823 12.995-2-2h1.725l2.75-5H8.823l-2-2h13.125q.575 0 .887.488.313.487.013 1.062l-3.55 6.4a2.07 2.07 0 0 1-.712.775q-.438.275-.763.275m-8.825 9q-.824 0-1.412-.588a1.93 1.93 0 0 1-.588-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.824 0 1.413.587.587.588.587 1.413t-.587 1.412a1.93 1.93 0 0 1-1.413.588m12.8.6-5.65-5.6h-6.55q-1.1 0-1.675-.937-.575-.939-.075-1.963l1.05-2.15-1.8-4.05L1.373 4.17a.9.9 0 0 1-.262-.687.98.98 0 0 1 .287-.688.95.95 0 0 1 .7-.275q.425 0 .7.275L21.223 21.22q.274.275.262.688a.98.98 0 0 1-.287.687.93.93 0 0 1-.687.275q-.413 0-.713-.275m-7.65-7.6-2-2h-1.55l-1 2zm4.85 7q-.824 0-1.413-.588a1.93 1.93 0 0 1-.587-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.825 0 1.412.587.588.588.588 1.413t-.588 1.412a1.93 1.93 0 0 1-1.412.588"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="remove-shopping-cart"><path d='m15.823 12.995-2-2h1.725l2.75-5H8.823l-2-2h13.125q.575 0 .887.488.313.487.013 1.062l-3.55 6.4a2.07 2.07 0 0 1-.712.775q-.438.275-.763.275m-8.825 9q-.824 0-1.412-.588a1.93 1.93 0 0 1-.588-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.824 0 1.413.587.587.588.587 1.413t-.587 1.412a1.93 1.93 0 0 1-1.413.588m12.8.6-5.65-5.6h-6.55q-1.1 0-1.675-.937-.575-.939-.075-1.963l1.05-2.15-1.8-4.05L1.373 4.17a.9.9 0 0 1-.262-.687.98.98 0 0 1 .287-.688.95.95 0 0 1 .7-.275q.425 0 .7.275L21.223 21.22q.274.275.262.688a.98.98 0 0 1-.287.687.93.93 0 0 1-.687.275q-.413 0-.713-.275m-7.65-7.6-2-2h-1.55l-1 2zm4.85 7q-.824 0-1.413-.588a1.93 1.93 0 0 1-.587-1.412q0-.824.588-1.413a1.93 1.93 0 0 1 1.412-.587q.825 0 1.412.587.588.588.588 1.413t-.588 1.412a1.93 1.93 0 0 1-1.412.588'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue
index cf7aef602e..6984a1eb2e 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="safety-check"
-    ><path
-      d="M12 16.5q2.075 0 3.538-1.463Q17 13.575 17 11.5t-1.462-3.538Q14.075 6.5 12 6.5T8.463 7.962Q7 9.425 7 11.5t1.463 3.537T12 16.5m1.65-2.65L11.5 11.7V8.5h1v2.8l1.85 1.85zM12 21.5q-3.475-.875-5.737-3.988T4 10.6V4.5l8-3 8 3v6.1q0 3.8-2.262 6.912T12 21.5m0-2.1q2.6-.825 4.3-3.3t1.7-5.5V5.875l-6-2.25-6 2.25V10.6q0 3.025 1.7 5.5t4.3 3.3"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="safety-check"><path d='M12 16.5q2.075 0 3.538-1.463Q17 13.575 17 11.5t-1.462-3.538Q14.075 6.5 12 6.5T8.463 7.962Q7 9.425 7 11.5t1.463 3.537T12 16.5m1.65-2.65L11.5 11.7V8.5h1v2.8l1.85 1.85zM12 21.5q-3.475-.875-5.737-3.988T4 10.6V4.5l8-3 8 3v6.1q0 3.8-2.262 6.912T12 21.5m0-2.1q2.6-.825 4.3-3.3t1.7-5.5V5.875l-6-2.25-6 2.25V10.6q0 3.025 1.7 5.5t4.3 3.3'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue
index 7ab96feab8..609d7f973b 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="schedule"
-    ><path
-      d="M14.625 16.025a.92.92 0 0 0 .675.275q.4 0 .7-.3a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7l-3-3V7.975a.93.93 0 0 0-.287-.7A1 1 0 0 0 12 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 11 8v3.975a1.03 1.03 0 0 0 .3.725zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="schedule"><path d='M14.625 16.025a.92.92 0 0 0 .675.275q.4 0 .7-.3a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7l-3-3V7.975a.93.93 0 0 0-.287-.7A1 1 0 0 0 12 7a.97.97 0 0 0-.712.287A.97.97 0 0 0 11 8v3.975a1.03 1.03 0 0 0 .3.725zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.138A9.7 9.7 0 0 1 12 2q2.075 0 3.9.787a10.1 10.1 0 0 1 3.175 2.138q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue
index ac9a0fa911..a599739dac 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="search"
-    ><path
-      d="m18.9 20.3-5.6-5.6q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.613Q6.775 3 9.5 3t4.613 1.887T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.625 5.625a.92.92 0 0 1 .275.675q0 .4-.3.7a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.188Q11.375 5 9.5 5T6.312 6.312 5 9.5t1.312 3.188Q7.625 14 9.5 14"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="search"><path d='m18.9 20.3-5.6-5.6q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.887T3 9.5t1.888-4.613Q6.775 3 9.5 3t4.613 1.887T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.625 5.625a.92.92 0 0 1 .275.675q0 .4-.3.7a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M9.5 14q1.875 0 3.188-1.312Q14 11.375 14 9.5t-1.312-3.188Q11.375 5 9.5 5T6.312 6.312 5 9.5t1.312 3.188Q7.625 14 9.5 14'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue
index f252dfd436..41c67a2fc9 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="sell"
-    ><path
-      d="M14.25 21.4q-.575.575-1.425.575T11.4 21.4l-8.8-8.8a2.07 2.07 0 0 1-.6-1.45V4q0-.825.588-1.413A1.93 1.93 0 0 1 4 2h7.15q.425 0 .8.162.375.163.65.438l8.8 8.825q.575.575.575 1.412a1.92 1.92 0 0 1-.575 1.413zM6.5 8q.625 0 1.062-.438Q8 7.125 8 6.5t-.438-1.062A1.44 1.44 0 0 0 6.5 5q-.625 0-1.062.438A1.44 1.44 0 0 0 5 6.5q0 .625.438 1.062Q5.875 8 6.5 8"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="sell"><path d='M14.25 21.4q-.575.575-1.425.575T11.4 21.4l-8.8-8.8a2.07 2.07 0 0 1-.6-1.45V4q0-.825.588-1.413A1.93 1.93 0 0 1 4 2h7.15q.425 0 .8.162.375.163.65.438l8.8 8.825q.575.575.575 1.412a1.92 1.92 0 0 1-.575 1.413zM6.5 8q.625 0 1.062-.438Q8 7.125 8 6.5t-.438-1.062A1.44 1.44 0 0 0 6.5 5q-.625 0-1.062.438A1.44 1.44 0 0 0 5 6.5q0 .625.438 1.062Q5.875 8 6.5 8'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShare.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShare.vue
index 09529393c7..d8dae91610 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShare.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShare.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="share"
-    ><path
-      d="M18 22a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 19q0-.175.025-.363.025-.187.075-.337l-7.05-4.1q-.425.375-.95.588T6 15a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 12q0-1.25.875-2.125A2.9 2.9 0 0 1 6 9q.575 0 1.1.213.525.212.95.587l7.05-4.1a2 2 0 0 1-.075-.338A3 3 0 0 1 15 5q0-1.25.875-2.125A2.9 2.9 0 0 1 18 2q1.25 0 2.125.875T21 5t-.875 2.125A2.9 2.9 0 0 1 18 8q-.575 0-1.1-.213a3.3 3.3 0 0 1-.95-.587L8.9 11.3q.05.15.075.337a2.7 2.7 0 0 1 0 .726 2 2 0 0 1-.075.337l7.05 4.1q.425-.375.95-.588T18 16q1.25 0 2.125.875T21 19t-.875 2.125A2.9 2.9 0 0 1 18 22"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="share"><path d='M18 22a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 15 19q0-.175.025-.363.025-.187.075-.337l-7.05-4.1q-.425.375-.95.588T6 15a2.9 2.9 0 0 1-2.125-.875A2.9 2.9 0 0 1 3 12q0-1.25.875-2.125A2.9 2.9 0 0 1 6 9q.575 0 1.1.213.525.212.95.587l7.05-4.1a2 2 0 0 1-.075-.338A3 3 0 0 1 15 5q0-1.25.875-2.125A2.9 2.9 0 0 1 18 2q1.25 0 2.125.875T21 5t-.875 2.125A2.9 2.9 0 0 1 18 8q-.575 0-1.1-.213a3.3 3.3 0 0 1-.95-.587L8.9 11.3q.05.15.075.337a2.7 2.7 0 0 1 0 .726 2 2 0 0 1-.075.337l7.05 4.1q.425-.375.95-.588T18 16q1.25 0 2.125.875T21 19t-.875 2.125A2.9 2.9 0 0 1 18 22'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue
index f38c5375f3..cf17751b81 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="shopping-cart"
-    ><path
-      d="M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M6.15 6l2.4 5h7l2.75-5zM7 17q-1.125 0-1.7-.988-.575-.987-.05-1.962L6.6 11.6 3 4H1.975a.93.93 0 0 1-.7-.288A1 1 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.625q.274 0 .525.15.25.15.375.425L5.2 4h14.75q.675 0 .925.5t-.025 1.05l-3.55 6.4a2.03 2.03 0 0 1-.725.775q-.45.275-1.025.275H8.1L7 15h11.025q.425 0 .7.287.275.288.275.713 0 .424-.288.712A.97.97 0 0 1 18 17z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="shopping-cart"><path d='M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M6.15 6l2.4 5h7l2.75-5zM7 17q-1.125 0-1.7-.988-.575-.987-.05-1.962L6.6 11.6 3 4H1.975a.93.93 0 0 1-.7-.288A1 1 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.625q.274 0 .525.15.25.15.375.425L5.2 4h14.75q.675 0 .925.5t-.025 1.05l-3.55 6.4a2.03 2.03 0 0 1-.725.775q-.45.275-1.025.275H8.1L7 15h11.025q.425 0 .7.287.275.288.275.713 0 .424-.288.712A.97.97 0 0 1 18 17z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue
index 49facac02d..e6b890fb99 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="shopping-cart-checkout"
-    ><path
-      d="M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M11.3 9.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l.875-.9H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 6q0-.424.287-.713A.97.97 0 0 1 9 5h3.175l-.9-.9a.92.92 0 0 1-.287-.7Q11 3 11.3 2.7q.3-.275.7-.288t.7.288l2.6 2.6q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-2.6 2.6a.98.98 0 0 1-.687.287.93.93 0 0 1-.713-.287M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="shopping-cart-checkout"><path d='M7 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 20q0-.824.588-1.413A1.93 1.93 0 0 1 7 18q.824 0 1.412.587Q9 19.176 9 20t-.588 1.413A1.93 1.93 0 0 1 7 22m10 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 15 20q0-.824.588-1.413A1.93 1.93 0 0 1 17 18q.824 0 1.413.587Q19 19.176 19 20t-.587 1.413A1.93 1.93 0 0 1 17 22M11.3 9.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l.875-.9H9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 8 6q0-.424.287-.713A.97.97 0 0 1 9 5h3.175l-.9-.9a.92.92 0 0 1-.287-.7Q11 3 11.3 2.7q.3-.275.7-.288t.7.288l2.6 2.6q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-2.6 2.6a.98.98 0 0 1-.687.287.93.93 0 0 1-.713-.287M7 17q-1.15 0-1.737-.988-.588-.987-.013-1.962L6.6 11.6 3 4H2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 1 3q0-.424.288-.712A.97.97 0 0 1 2 2h1.65q.275 0 .525.15t.375.425L8.525 11h7.025l3.6-6.5A.97.97 0 0 1 20 4q.574 0 .863.487a.94.94 0 0 1 .012.988L17.3 11.95q-.275.5-.738.775A1.95 1.95 0 0 1 15.55 13H8.1L7 15h11q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 18 17z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue
index 221efef45f..d369f2a6cc 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="sort"
-    ><path
-      d="M4 18a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m1 6a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="sort"><path d='M4 18a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2zM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m1 6a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue
index 2408b6c7a3..2abc762d09 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="star"
-    ><path
-      d="m8.85 17.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4-1.45 3.375-3.65.325 2.775 2.425zm3.15.45-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="star"><path d='m8.85 17.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4-1.45 3.375-3.65.325 2.775 2.425zm3.15.45-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue
index 3d30b41930..c37cf7dead 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="star-filled"
-    ><path
-      d="m12 18.275-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="star-filled"><path d='m12 18.275-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue
index 227d742e5c..2a97c70b03 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="star-half"
-    ><path
-      d="M12 8.125v7.8l3.15 1.925-.825-3.6 2.775-2.4-3.65-.325zm0 10.15-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="star-half"><path d='M12 8.125v7.8l3.15 1.925-.825-3.6 2.775-2.4-3.65-.325zm0 10.15-4.15 2.5a.9.9 0 0 1-.575.15.97.97 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.88.88 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.96.96 0 0 1-.312-.513 1 1 0 0 1 .037-.562 1.1 1.1 0 0 1 .3-.45q.2-.176.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45t.537-.15.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225t.3.45.038.562a.96.96 0 0 1-.313.513l-3.675 3.175 1.1 4.725a.88.88 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.97.97 0 0 1-.525.2.9.9 0 0 1-.575-.15z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue
index fe87675f20..6b7f4612d7 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="thumb-down"
-    ><path
-      d="M3 16q-.8 0-1.4-.6T1 14v-2q0-.175.05-.375t.1-.375l3-7.05q.225-.5.75-.85T6 3h11v13l-6 5.95q-.375.375-.887.437a1.65 1.65 0 0 1-.988-.187 1.58 1.58 0 0 1-.7-.7q-.225-.45-.1-.925L9.45 16zm12-.85V5H6l-3 7v2h9l-1.35 5.5zM20 3q.825 0 1.413.587Q22 4.175 22 5v9q0 .825-.587 1.412A1.93 1.93 0 0 1 20 16h-3v-2h3V5h-3V3z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="thumb-down"><path d='M3 16q-.8 0-1.4-.6T1 14v-2q0-.175.05-.375t.1-.375l3-7.05q.225-.5.75-.85T6 3h11v13l-6 5.95q-.375.375-.887.437a1.65 1.65 0 0 1-.988-.187 1.58 1.58 0 0 1-.7-.7q-.225-.45-.1-.925L9.45 16zm12-.85V5H6l-3 7v2h9l-1.35 5.5zM20 3q.825 0 1.413.587Q22 4.175 22 5v9q0 .825-.587 1.412A1.93 1.93 0 0 1 20 16h-3v-2h3V5h-3V3z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue
index 69f70cf446..995945df09 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="thumb-up"
-    ><path
-      d="M7 22V9l6-5.95q.375-.375.887-.438.513-.061.988.188.475.25.7.7t.1.925L14.55 9H21q.8 0 1.4.6T23 11v2q0 .176-.05.375-.05.2-.1.375l-3 7.05q-.225.5-.75.85T18 22zM9 9.85V20h9l3-7v-2h-9l1.35-5.5zM4 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 20v-9q0-.824.588-1.413A1.93 1.93 0 0 1 4 9h3v2H4v9h3v2z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="thumb-up"><path d='M7 22V9l6-5.95q.375-.375.887-.438.513-.061.988.188.475.25.7.7t.1.925L14.55 9H21q.8 0 1.4.6T23 11v2q0 .176-.05.375-.05.2-.1.375l-3 7.05q-.225.5-.75.85T18 22zM9 9.85V20h9l3-7v-2h-9l1.35-5.5zM4 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 20v-9q0-.824.588-1.413A1.93 1.93 0 0 1 4 9h3v2H4v9h3v2z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue
index 2ccc5b5a6d..a819065686 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="tune"
-    ><path
-      d="M4 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 18q0-.424.288-.712A.97.97 0 0 1 4 17h4q.425 0 .713.288A.97.97 0 0 1 9 18q0 .424-.287.712A.97.97 0 0 1 8 19zM4 7a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 6q0-.425.288-.713A.97.97 0 0 1 4 5h8a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6a.97.97 0 0 1-.287.713A.97.97 0 0 1 12 7zm8 14a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 20v-4q0-.425.288-.713A.97.97 0 0 1 12 15a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 16v1h7q.424 0 .712.288A.97.97 0 0 1 21 18q0 .424-.288.712A.97.97 0 0 1 20 19h-7v1q0 .424-.287.712A.97.97 0 0 1 12 21m-4-6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 14v-1H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h3v-1a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 9a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 10v4q0 .424-.287.712A.97.97 0 0 1 8 15m4-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 12q0-.425.288-.713A.97.97 0 0 1 12 11h8q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 20 13zm4-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8V4q0-.425.288-.713A.97.97 0 0 1 16 3q.424 0 .712.287Q17 3.575 17 4v1h3q.424 0 .712.287Q21 5.575 21 6a.97.97 0 0 1-.288.713A.97.97 0 0 1 20 7h-3v1q0 .424-.288.712A.97.97 0 0 1 16 9"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="tune"><path d='M4 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 18q0-.424.288-.712A.97.97 0 0 1 4 17h4q.425 0 .713.288A.97.97 0 0 1 9 18q0 .424-.287.712A.97.97 0 0 1 8 19zM4 7a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 6q0-.425.288-.713A.97.97 0 0 1 4 5h8a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6a.97.97 0 0 1-.287.713A.97.97 0 0 1 12 7zm8 14a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 20v-4q0-.425.288-.713A.97.97 0 0 1 12 15a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 16v1h7q.424 0 .712.288A.97.97 0 0 1 21 18q0 .424-.288.712A.97.97 0 0 1 20 19h-7v1q0 .424-.287.712A.97.97 0 0 1 12 21m-4-6a.97.97 0 0 1-.713-.288A.97.97 0 0 1 7 14v-1H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.425.288-.713A.97.97 0 0 1 4 11h3v-1a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 9a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 10v4q0 .424-.287.712A.97.97 0 0 1 8 15m4-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 12q0-.425.288-.713A.97.97 0 0 1 12 11h8q.424 0 .712.287.288.288.288.713 0 .424-.288.712A.97.97 0 0 1 20 13zm4-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8V4q0-.425.288-.713A.97.97 0 0 1 16 3q.424 0 .712.287Q17 3.575 17 4v1h3q.424 0 .712.287Q21 5.575 21 6a.97.97 0 0 1-.288.713A.97.97 0 0 1 20 7h-3v1q0 .424-.288.712A.97.97 0 0 1 16 9'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue
index 0e8f11e7cf..a2944ac3d1 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="twitter"
-    ><path
-      d="M19.944 8.048c.013.178.013.356.013.533 0 5.419-4.124 11.663-11.663 11.663-2.322 0-4.48-.673-6.294-1.84.33.038.647.05.99.05 1.916 0 3.68-.647 5.089-1.75a4.11 4.11 0 0 1-3.833-2.844c.254.039.508.064.774.064.368 0 .736-.05 1.079-.14a4.1 4.1 0 0 1-3.287-4.023v-.05c.546.304 1.18.495 1.853.52a4.1 4.1 0 0 1-1.827-3.414c0-.761.203-1.46.558-2.068a11.65 11.65 0 0 0 8.452 4.29 4.6 4.6 0 0 1-.102-.94A4.097 4.097 0 0 1 15.846 4a4.1 4.1 0 0 1 2.994 1.294 8.1 8.1 0 0 0 2.602-.99 4.1 4.1 0 0 1-1.802 2.26A8.2 8.2 0 0 0 22 5.928a8.8 8.8 0 0 1-2.056 2.12"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="twitter"><path d='M19.944 8.048c.013.178.013.356.013.533 0 5.419-4.124 11.663-11.663 11.663-2.322 0-4.48-.673-6.294-1.84.33.038.647.05.99.05 1.916 0 3.68-.647 5.089-1.75a4.11 4.11 0 0 1-3.833-2.844c.254.039.508.064.774.064.368 0 .736-.05 1.079-.14a4.1 4.1 0 0 1-3.287-4.023v-.05c.546.304 1.18.495 1.853.52a4.1 4.1 0 0 1-1.827-3.414c0-.761.203-1.46.558-2.068a11.65 11.65 0 0 0 8.452 4.29 4.6 4.6 0 0 1-.102-.94A4.097 4.097 0 0 1 15.846 4a4.1 4.1 0 0 1 2.994 1.294 8.1 8.1 0 0 0 2.602-.99 4.1 4.1 0 0 1-1.802 2.26A8.2 8.2 0 0 0 22 5.928a8.8 8.8 0 0 1-2.056 2.12'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUndo.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUndo.vue
index 6efcde2646..0a98a96154 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUndo.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUndo.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="undo"
-    ><path
-      d="M8 19.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18.5q0-.425.288-.713A.97.97 0 0 1 8 17.5h6.1q1.576 0 2.737-1Q18 15.5 18 14t-1.163-2.5-2.737-1H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-3.6-3.6a.9.9 0 0 1-.212-.325 1.1 1.1 0 0 1-.063-.375q0-.201.063-.375A.9.9 0 0 1 4.7 8.8l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8.5h6.3q2.425 0 4.163 1.575Q20 11.65 20 14t-1.738 3.925Q16.526 19.5 14.1 19.5z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="undo"><path d='M8 19.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18.5q0-.425.288-.713A.97.97 0 0 1 8 17.5h6.1q1.576 0 2.737-1Q18 15.5 18 14t-1.163-2.5-2.737-1H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-3.6-3.6a.9.9 0 0 1-.212-.325 1.1 1.1 0 0 1-.063-.375q0-.201.063-.375A.9.9 0 0 1 4.7 8.8l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8.5h6.3q2.425 0 4.163 1.575Q20 11.65 20 14t-1.738 3.925Q16.526 19.5 14.1 19.5z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue
index ac03ea987c..c6fd252bb6 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="unfold-more"
-    ><path
-      d="M8.225 8.325Q7.95 8.05 7.95 7.6t.275-.725L11.3 3.8q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l3.1 3.1q.274.274.262.712t-.287.713-.725.275-.725-.275L12 6 9.65 8.35q-.274.274-.712.263a1 1 0 0 1-.713-.288M12 20.575a.9.9 0 0 1-.375-.075 1.3 1.3 0 0 1-.325-.2l-3.075-3.075q-.275-.275-.275-.725t.275-.725.725-.275.725.275L12 18.1l2.35-2.35q.274-.274.712-.262t.713.287.275.725-.275.725L12.7 20.3a.9.9 0 0 1-.312.2q-.188.075-.388.075"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="unfold-more"><path d='M8.225 8.325Q7.95 8.05 7.95 7.6t.275-.725L11.3 3.8q.15-.15.325-.213.175-.062.375-.062t.388.062a.7.7 0 0 1 .312.213l3.1 3.1q.274.274.262.712t-.287.713-.725.275-.725-.275L12 6 9.65 8.35q-.274.274-.712.263a1 1 0 0 1-.713-.288M12 20.575a.9.9 0 0 1-.375-.075 1.3 1.3 0 0 1-.325-.2l-3.075-3.075q-.275-.275-.275-.725t.275-.725.725-.275.725.275L12 18.1l2.35-2.35q.274-.274.712-.262t.713.287.275.725-.275.725L12.7 20.3a.9.9 0 0 1-.312.2q-.188.075-.388.075'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUpload.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUpload.vue
index 40b557eb4f..2c173b92d1 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUpload.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUpload.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="upload"
-    ><path
-      d="M6 19.787q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 17.787v-2q0-.424.287-.712A.97.97 0 0 1 5 14.787q.424 0 .713.288.287.288.287.712v2h12v-2q0-.424.288-.712a.97.97 0 0 1 .712-.288q.424 0 .712.288t.288.712v2q0 .825-.587 1.413a1.93 1.93 0 0 1-1.413.587zm5-12.15L9.125 9.512a.93.93 0 0 1-.713.288 1.02 1.02 0 0 1-.712-.313q-.275-.3-.288-.7a.92.92 0 0 1 .288-.7l3.6-3.6q.15-.15.325-.212.175-.063.375-.063t.375.063a.9.9 0 0 1 .325.212l3.6 3.6q.3.3.287.7-.012.4-.287.7-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.637v7.15q0 .426-.287.713a.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="upload"><path d='M6 19.787q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 17.787v-2q0-.424.287-.712A.97.97 0 0 1 5 14.787q.424 0 .713.288.287.288.287.712v2h12v-2q0-.424.288-.712a.97.97 0 0 1 .712-.288q.424 0 .712.288t.288.712v2q0 .825-.587 1.413a1.93 1.93 0 0 1-1.413.587zm5-12.15L9.125 9.512a.93.93 0 0 1-.713.288 1.02 1.02 0 0 1-.712-.313q-.275-.3-.288-.7a.92.92 0 0 1 .288-.7l3.6-3.6q.15-.15.325-.212.175-.063.375-.063t.375.063a.9.9 0 0 1 .325.212l3.6 3.6q.3.3.287.7-.012.4-.287.7-.3.3-.713.313a.93.93 0 0 1-.712-.288L13 7.637v7.15q0 .426-.287.713a.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue
index 9784c86ca2..dbf15430ac 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="view-list"
-    ><path
-      d="M3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.825 0 1.413.588Q21 6.175 21 7v10q0 .825-.587 1.413A1.93 1.93 0 0 1 19 19H5q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 17m2-8h2V7H5zm4 0h10V7H9zm0 4h10v-2H9zm0 4h10v-2H9zm-4 0h2v-2H5zm0-4h2v-2H5z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="view-list"><path d='M3 17V7q0-.824.587-1.412A1.93 1.93 0 0 1 5 5h14q.825 0 1.413.588Q21 6.175 21 7v10q0 .825-.587 1.413A1.93 1.93 0 0 1 19 19H5q-.825 0-1.413-.587A1.93 1.93 0 0 1 3 17m2-8h2V7H5zm4 0h10V7H9zm0 4h10v-2H9zm0 4h10v-2H9zm-4 0h2v-2H5zm0-4h2v-2H5z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue
index fd840d265b..06db0a3c95 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="visibility"
-    ><path
-      d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.188Q13.875 7 12 7T8.812 8.312Q7.5 9.625 7.5 11.5t1.312 3.188Q10.125 16 12 16m0-1.8q-1.125 0-1.912-.788A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.913A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.325 1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.312q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8q.075.124.1.312a3 3 0 0 1 0 .775.8.8 0 0 1-.1.313q-1.474 3.125-4.35 4.963Q15.475 19 12 19"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="visibility"><path d='M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.188Q13.875 7 12 7T8.812 8.312Q7.5 9.625 7.5 11.5t1.312 3.188Q10.125 16 12 16m0-1.8q-1.125 0-1.912-.788A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.913A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.325 1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.312q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8q.075.124.1.312a3 3 0 0 1 0 .775.8.8 0 0 1-.1.313q-1.474 3.125-4.35 4.963Q15.475 19 12 19'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue
index 1185b37347..8dfa34b651 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="visibility-off"
-    ><path
-      d="m19.3 16.5-3.2-3.2q.2-.424.3-.862t.1-.938q0-1.875-1.312-3.188Q13.875 7 12 7q-.5 0-.938.1a4.3 4.3 0 0 0-.862.3L7.65 4.85a11 11 0 0 1 2.1-.638A11.6 11.6 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8q.075.125.1.312.025.188.025.388a2 2 0 0 1-.125.7q-.574 1.275-1.437 2.375A10.5 10.5 0 0 1 19.3 16.5m-.2 5.4-3.5-3.45q-.874.275-1.762.413T12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.762.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M12 16q.275 0 .512-.025.239-.025.513-.1l-5.4-5.4a3 3 0 0 0-.1.513 5 5 0 0 0-.025.512q0 1.875 1.312 3.188Q10.125 16 12 16m2.65-4.15-3-3q1.425-.225 2.325.8t.675 2.2"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="visibility-off"><path d='m19.3 16.5-3.2-3.2q.2-.424.3-.862t.1-.938q0-1.875-1.312-3.188Q13.875 7 12 7q-.5 0-.938.1a4.3 4.3 0 0 0-.862.3L7.65 4.85a11 11 0 0 1 2.1-.638A11.6 11.6 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8q.075.125.1.312.025.188.025.388a2 2 0 0 1-.125.7q-.574 1.275-1.437 2.375A10.5 10.5 0 0 1 19.3 16.5m-.2 5.4-3.5-3.45q-.874.275-1.762.413T12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.313 3 3 0 0 1 0-.762.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M12 16q.275 0 .512-.025.239-.025.513-.1l-5.4-5.4a3 3 0 0 0-.1.513 5 5 0 0 0-.025.512q0 1.875 1.312 3.188Q10.125 16 12 16m2.65-4.15-3-3q1.425-.225 2.325.8t.675 2.2'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue
index 332559bff1..ec04ed661c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="vsf-diamond"
-    ><path
-      d="M7.888 2.174c-.761.473-1.508 1.22-3 2.713-1.494 1.493-2.24 2.24-2.714 3a7.79 7.79 0 0 0 0 8.226c.473.76 1.22 1.506 2.712 2.999 1.494 1.494 2.24 2.24 3.002 2.714a7.79 7.79 0 0 0 8.224 0c.761-.474 1.508-1.22 3-2.713 1.494-1.493 2.24-2.24 2.714-3a7.79 7.79 0 0 0 0-8.225c-.474-.761-1.22-1.508-2.713-3-1.493-1.494-2.24-2.24-3-2.714a7.79 7.79 0 0 0-8.225 0"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="vsf-diamond"><path d='M7.888 2.174c-.761.473-1.508 1.22-3 2.713-1.494 1.493-2.24 2.24-2.714 3a7.79 7.79 0 0 0 0 8.226c.473.76 1.22 1.506 2.712 2.999 1.494 1.494 2.24 2.24 3.002 2.714a7.79 7.79 0 0 0 8.224 0c.761-.474 1.508-1.22 3-2.713 1.494-1.493 2.24-2.24 2.714-3a7.79 7.79 0 0 0 0-8.225c-.474-.761-1.22-1.508-2.713-3-1.493-1.494-2.24-2.24-3-2.714a7.79 7.79 0 0 0-8.225 0'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue
index bc2d115127..8beb17a7bb 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="vuejs"
-    ><path
-      d="M18.526 2.3H14.75L12 6.65 9.643 2.3H1l11 18.843L23 2.3zM3.736 3.871h2.641L12 13.605l5.618-9.734h2.642L12 18.024z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="vuejs"><path d='M18.526 2.3H14.75L12 6.65 9.643 2.3H1l11 18.843L23 2.3zM3.736 3.871h2.641L12 13.605l5.618-9.734h2.642L12 18.024z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue
index 44469ed39e..a101726490 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="vuestorefront"
-    ><path
-      d="m9.747 2.824.839-.838a2 2 0 0 1 2.828 0l.838.838a2 2 0 0 1 0 2.828l-.838.839a2 2 0 0 1-2.828 0l-.839-.839a2 2 0 0 1 0-2.828m3.69 10.978 4.482-4.483a2 2 0 0 1 2.829 0L23 11.571l-11 11-11-11 2.276-2.276a2 2 0 0 1 2.827 0l4.506 4.507a2 2 0 0 0 2.828 0"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="vuestorefront"><path d='m9.747 2.824.839-.838a2 2 0 0 1 2.828 0l.838.838a2 2 0 0 1 0 2.828l-.838.839a2 2 0 0 1-2.828 0l-.839-.839a2 2 0 0 1 0-2.828m3.69 10.978 4.482-4.483a2 2 0 0 1 2.829 0L23 11.571l-11 11-11-11 2.276-2.276a2 2 0 0 1 2.827 0l4.506 4.507a2 2 0 0 0 2.828 0'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue
index 26dc231b0e..2fd4f6d270 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="warehouse"
-    ><path
-      d="m12 5.15-8 3.2V19h2v-6q0-.824.588-1.413A1.93 1.93 0 0 1 8 11h8q.825 0 1.413.587Q18 12.175 18 13v6h2V8.35zM8 21H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 19V8.35A1.96 1.96 0 0 1 3.25 6.5l8-3.2q.35-.15.75-.15t.75.15l8 3.2q.575.225.913.725.337.5.337 1.125V19q0 .825-.587 1.413A1.93 1.93 0 0 1 20 21h-4v-8H8zm1 0v-2h2v2zm2-3v-2h2v2zm2 3v-2h2v2z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="warehouse"><path d='m12 5.15-8 3.2V19h2v-6q0-.824.588-1.413A1.93 1.93 0 0 1 8 11h8q.825 0 1.413.587Q18 12.175 18 13v6h2V8.35zM8 21H4q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 19V8.35A1.96 1.96 0 0 1 3.25 6.5l8-3.2q.35-.15.75-.15t.75.15l8 3.2q.575.225.913.725.337.5.337 1.125V19q0 .825-.587 1.413A1.93 1.93 0 0 1 20 21h-4v-8H8zm1 0v-2h2v2zm2-3v-2h2v2zm2 3v-2h2v2z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue
index a51e5e07cf..b2bfd2f30d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue
@@ -1,19 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="warning"
-    ><path
-      fill-rule="evenodd"
-      d="M10.258 4.067c.764-1.363 2.725-1.363 3.49 0l7.818 13.95c.748 1.333-.216 2.978-1.744 2.978H4.183c-1.528 0-2.492-1.645-1.745-2.978zM12 8a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 7.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
-      clip-rule="evenodd"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="warning"><path fill-rule='evenodd' d='M10.258 4.067c.764-1.363 2.725-1.363 3.49 0l7.818 13.95c.748 1.333-.216 2.978-1.744 2.978H4.183c-1.528 0-2.492-1.645-1.745-2.978zM12 8a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 7.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5' clip-rule='evenodd'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue
index 656c8cd89a..fdc15e270d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue
@@ -1,17 +1,15 @@
+
 <template>
-  <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="youtube"
-    ><path
-      d="M22.54 6.42a2.76 2.76 0 0 0-1.944-1.957C18.88 4 12 4 12 4s-6.88 0-8.596.463A2.76 2.76 0 0 0 1.46 6.42C1 8.147 1 11.75 1 11.75s0 3.603.46 5.33a2.72 2.72 0 0 0 1.945 1.926c1.716.463 8.596.463 8.596.463s6.879 0 8.595-.463a2.72 2.72 0 0 0 1.945-1.926c.46-1.727.46-5.33.46-5.33s0-3.603-.46-5.33M9.75 15.021V8.48l5.75 3.271z"
-  /></SfIconBase>
+    <SfIconBase :size="size" viewBox="0 0 24 24" data-testid="youtube"><path d='M22.54 6.42a2.76 2.76 0 0 0-1.944-1.957C18.88 4 12 4 12 4s-6.88 0-8.596.463A2.76 2.76 0 0 0 1.46 6.42C1 8.147 1 11.75 1 11.75s0 3.603.46 5.33a2.72 2.72 0 0 0 1.945 1.926c1.716.463 8.596.463 8.596.463s6.879 0 8.595-.463a2.72 2.72 0 0 0 1.945-1.926c.46-1.727.46-5.33.46-5.33s0-3.603-.46-5.33M9.75 15.021V8.48l5.75 3.271z'/></SfIconBase>
 </template>
 <script lang="ts" setup>
 import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
-  size: {
-    type: String as PropType<`${SfIconSize}`>,
-    default: SfIconSize.base,
-  },
+    size: {
+        type: String as PropType<`${SfIconSize}`>,
+        default: SfIconSize.base
+    }
 });
-</script>
+</script>
\ No newline at end of file